<!-- /* Allgemeine Einstellungen */ -->
* {
  margin: 0; padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  }
html {
  height: 100.01%;
  }
body {
  height: 100%;
  text-align: center;
 	background-color: #2957ad;
  font-size: 62.5%;
	}

<!-- /* Nicht valider Code fuer body:
scrollbar-track-color: #e9f2fe;
scrollbar-face-color: #d4e4fd;
scrollbar-highlight-color: #d4e4fd;
scrollbar-shadow-color: #d4e4fd;
scrollbar-3dlight-color: #ffffff;
scrollbar-arrow-color: #2957ad;
scrollbar-darkshadow-color: #000000;
*/ -->  
  
<!-- /* Inhaltsbereiche */ -->
#distance {
  width:1px;
  height:50%;
  margin-bottom:-20%;
  float:left;
  }
#studio {
  margin:0 auto;
  position:relative;
  text-align:left;
  height:440px;
  width:775px;
  clear:left;
  font-size:1em;
  }
#borderleft {
	position: absolute;
	top: 0px; left: 0px;
  width: 50%; height: 200px;
	background-image: url(images/fond-left.gif);
 	background-repeat: repeat-x;
  }
#borderright {
	position: absolute;
	top: 0px; right: 0px;
  width: 50%; height: 200px;
	background-image: url(images/fond-right.gif);
 	background-repeat: repeat-x;
  }
#presentation {
	position: relative;
  margin:0 auto;
  width: 760px; height: 100%;
 	background-color: #d4e4fd;
	background-image: none;
  text-align: left;
  }
#toparea {
  min-height: 100%;
 	background-color: #d4e4fd;
  }
* html #toparea {
  height: 100%;  
  padding-bottom: 20px;
  }    
#container {
  padding: 0 20px;
  line-height: 135%;  
  }  
#container:after {
  content: "clear";
  clear: both;
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  } 
#navigation {
  float: left;
  width: 225px;
	font-size: 1.1em;
  }
#content {
  float: right;
  width: 475px;
  font-size: 1.1em;  
  }   
  
<!-- /* Seitenkopf */ -->
#studio ol {
  width: 100%;
  margin: 0; padding: 0;
  text-align: center;
  list-style: none; 
  white-space: nowrap;
  font-size:1.1em;
}
#header {
  width: 100%; height: 123px;
	background-image: url(images/header-fond.jpg);
 	background-color: #d4e4fd;
  }
#header ol {
	position: absolute;
	top: 88px; right: 0px;
  width: 510px;
  margin: 0; padding: 0;
  text-align: center;
  list-style: none; 
  white-space: nowrap;
  }  
#header ol li, #studio ol li {
  margin: 0;
  padding: 0;
  padding: 0 7px 0 7px;
  display: inline;
	background-image: url(images/list-trenner.gif);
 	background-position: top right;  
 	background-repeat: no-repeat;  
  }
#header ol li.last, #studio ol li.last {
	background-image: none;
  }

#header a {
  height: 100%;
  color: #ffff00;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
  padding-bottom: 12px; 
	}  
#header a:hover {
	color: #ffffff;
	}
#header a.active { 
	background-image: url(images/header-pfeil.gif);
 	background-position: bottom center;  
 	background-repeat: no-repeat;  
}
  
<!-- /* Mehrspaltige Ausgabe */ -->
.colbox {
  width: 100%;
  margin-bottom: 10px;
  }  
.colbox:after {
  content: "clear";
  clear: both;
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  } 
.betreff {
  float: left;
  width: 125px;
  }
.angabe {
  float: right;
  width: 350px;
  }  
 
<!-- /* Standardangaben */ -->
.deutsch, .english, .italiano {
  color: #ffffff;
  font-size: 1.1em;
  overflow:hidden;
}
a {
  color: #2957ad;
	font-weight: bold;
	text-decoration: none;
	}
a.standard {
	color: #000000;
	text-decoration: none;
	}
#studio a {
  color: #ffff00;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	}
#studio a:hover {
	color: #ffffff;
	}
hr.tab {
  margin:20px; padding: 0;
  height:1px;
  display: block;
  visibility: hidden;  
  }
div.tab {
  margin: 0; padding: 0;
  display: block;
  overflow: hidden;
  }  
div.size5 {
  height:0.55em;
  } 
div.size10 {
  height:1.1em;
  }   
div.size20 {
  height:2.2em; 
  }
#content ul {
  margin: 0.55em 0 1.1em 0; padding: 0;
  list-style: none;
  line-height: 120%;
  }  
#content ul li {
  margin: 0; padding: 0;
  display: block; 
  padding-left:15px;
	background-image: url(images/menu-pfeil-aus.gif); 
  background-position: 0 2px;
 	background-repeat: no-repeat; 
  }
.switch {
  width: 1px;
  height: 1px;
}
  
<!-- /* Navigationsbereich */ -->
#navigation ol {
  margin: 0; padding: 0;
  margin-bottom: 10px;
  list-style: none; 
  white-space: nowrap;
  }
#navigation ol li {
  margin: 0; padding: 0;
  display: block; 
  }
  
#navigation a.active {
  padding-left:15px;
  background-position: left center;
 	background-repeat: no-repeat; 
  } 
#navigation a {
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
  }
#navigation a.menu-bold {
	background-image: url(images/menu-pfeil-ein.gif);
  color: #2957ad;
	}
#navigation a.menu-bold:hover {
	color: #835C49;
	}
#navigation a.menu-dajla-bold {
	background-image: url(images/menu-pfeil-dajla-ein.gif);
	color: #835C49;
	}
#navigation a.menu-dajla-bold:hover {
	color: #2957ad;
	}   
#navigation a.menu-umag-bold {
	background-image: url(images/menu-pfeil-umag-ein.gif);
	color: #365b25;
	}
#navigation a.inactive {
  padding-left:15px;
	background-image: url(images/menu-pfeil-aus.gif); 
  background-position: left center;
 	background-repeat: no-repeat; 
  }  
#navigation a.menu-umag-none {
	color: #365b25;
  padding-left:0;
	background-image: none; 
  }      
#navigation a.menu-umag-bold:hover, #navigation a.menu-umag-none:hover {
	color: #835C49;
	}
    
<!-- /* Ueberschriften */ -->   
h1 {
  margin: 0; padding: 0;
  color: #2957ad;
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	}
h1.dajla {
  color: #835C49;
	}
h1.umag {
  color: #365b25;
	}   
h2 {
  margin: 0; padding: 0;
  color: #000000;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
  display: inline;
	}
  
<!-- /* Tabelle */ --> 
table {
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 1.1em 0; padding: 0;
  width: 100%;
  font-size: 1em;
  }
td {
  border: 1px solid #000000;
  background-color: #FFFFFF;
  padding: 5px;
}
tr.highlight td {
  color: #2957ad;
  font-weight: bold;
  background-color: #FFFF00;
}
tr.highlight-dajla td {
  color: #835C49;
  font-weight: bold;
  background-color: #FFFF00;
}
tr.highlight-umag td {
  color: #365b25;
  font-weight: bold;
  background-color: #FFFF00;
}

<!-- /* Gaestebuch */ --> 
.poster {
  margin-bottom: 10px;
  }
.poster a {
  color: #000000;
  font-weight: normal;
  }
.postbox {
  width: 100%;
  margin-bottom: 20px;
  }
.postbox:after {
  content: "clear";
  clear: both;
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  }  
.location {
  float: left;
  width: 50px;
  }
.entry {
  float: right;
  color: #2957ad;
  width: 405px;
  }
.comment {
  margin-top: 5px;
  font-style: italic;
  }

.angabe input {
  font-size: 1.2em;
  width: 348px; height:1.5em;
  border-left: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  border-top: 1px solid #000000;
  background-color: #FFFFFF;
	}
.angabe textarea {
  font-size: 1.2em;
  width: 348px;
  height: 109px;
  border-left: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  border-top: 1px solid #000000;
  background-color: #FFFFFF;  
	}
.angabe select {
  font-size: 1.2em;
  color: #000000;
  width: 348px;
  border-left: 1px solid #000000;
  border-bottom: 1px solid #000000;
  border-right: 1px solid #000000;
  border-top: 1px solid #000000;
  background-color: #FFFFFF;
  }
.angabe .send {
  width: 348px;
  background-color: #2957ad;
  color: #ffffff;
}

<!-- /* Seitenfuss */ -->
#footer {
  clear: both;
	position: relative;
  margin-top: -20px;
  width: 100%; height: 20px;
	background-image: url(images/footer-fond.gif);
 	background-repeat: repeat-x; 
 	background-color: #03076B;
  font-size: 1em;
  color: #598AD7;
  overflow: hidden; 
  }
#footer .design {
	position: relative;
	top: 4px; left: 20px;
	}
#footer a {
  font-weight: normal;
  color: #598AD7;
	}  
#footer .up {
	position: absolute;
	top: 0px; right: 20px;
  width: 21px; height: 10px;
	background-image: url(images/page-up.gif);
 	background-repeat: no-repeat;
  text-indent:-500em;
	}
  
<!-- /* Administration */ -->   
#admin {
 	background-color: #d4e4fd;
  }
#admin #presentation {
  height: auto;
  }  
#admin #content {
  float: none;
  margin-left:150px;
  }
#admin .hr {
  height: 1px; width:100%;
  margin: 7px 0;
  border-top:1px dashed #666666;
  overflow: hidden;
}
.inputtitle {
	background-color: #666666;
	color: #ffffff;
	font-weight:bold;
}