/*Layout: 1 Spalte und Navigation mit Tabs September 09*/
/*Farbe ausgerichtet nach muw Logo*/

/*****************Allgemeine Selektoren*****************/
html {height: 100.3%; font-size: 62.5%}  /*Scroll Bar erzwingen und Schrift ca 10Pixel in allen Browsern*/
/*em ist eine relative Größenangabe, bezieht sich immer auf das Elternelement - hier body*/

body {
	font-family: Verdana,Arial, sans-serif;
	color: #00334f;
	font-size: 1.4em; /*Schriftgröße ca 12 Pixel */
	line-height: 1.8em;
	text-align: center; /*somit ister der Container wrapper in der Mitte der Seite*/
}

* {margin:0px; border: 0px; padding: 0px;} /*alles wird auf Null gesetzt*/

h1, h2, h3, h4, h5, h6 {	
		font-family: Verdana,Arial, sans-serif;
		margin: 0em 0em 0.5em 0em;
		color:#00334f;
}
h1 {
	 font-size: 2.2em;      	
	 font-weight: bold;
   border-bottom: 1px dashed #00334f;
	 padding-bottom: 0.4em;
}
h2 {
	 font-size: 1.8em;      	
	 font-weight: bold;
   border-bottom: 1px dashed #00334f;
	 padding-bottom: 0.4em;
}

div#header h1{border:0px;}
/*Überschrift im header hat keinen Rahmen*/

h3{ font-size: 1.6em;}
h4 { font-size: 1.4em;}
h5 { font-size: 1.2em;}

td {font-size: 1.0em;line-height: 1.2em; }

div.line hr {display:none;}
div.line {width: 30%; height: 1px;
   background: #00334f;
	 margin:15px 0px 5px 0px;	 
}
/*****************Klassen*****************/

ul.wichtig {padding: 0px 20px;}
li.wichtig {
  font-size: 1.4em;
  font-weight:bold;
}
ul.unter {
  padding: 5px 20px;
}
.klein {font-size: 0.8em;line-height: 1.2em;}

/*****************Pseudoklassen*****************/
a {color: #00334f; text-decoration: underline;}
a:link {}
a:visited {}
a:hover {}
a:active {}

div#nav a {
	float:right;
	text-decoration: none;
	text-transform: uppercase;
	padding-left: 1.0em;	
	margin-left: 0.4em;	
	border-bottom: none;
	background: url(images/tab_normal.jpg) no-repeat left top;	
}
div#nav a span{
	display: block;
  padding: 0.3em 1.4em 0.3em 0.5em;
	background: url(images/tab_normal.jpg) no-repeat right top;
}

div#nav a:hover, 
body#home li.navperson_en a,
body#home li.navperson a,
body#team li.navlehre a,
body#produkte li.navpublikationen a,
body#service li.navlinks a,
body#kontakt li.navkontakt a {
	background: url(images/tab_over.jpg) no-repeat left top;
	color: #f0fbff;
}/*Es wird angezeigt, wo soch der Benutzer gerade befindet*/

div#nav a:hover span,
body#home li.navpersonen a span,
body#home li.navperson a span,
body#team li.navlehre a span,
body#produkte li.navpublikationen a span,
body#service li.navlinks a span,
body#kontakt li.navkontakt a span {
  background: url(images/tab_over.jpg) no-repeat right top;	
	color: #f0fbff;
}

div#nav a:hover {font-weight: normal;}

div#maintext a {color: #0083ad; padding-bottom: 1px; text-decoration:none;}
div#maintext a:link {border-bottom: 1px solid #0083ad;}
div#maintext a:visited {color: #65b5ce; text-decoration:none;border-bottom:0px;}
div#maintext a:hover {}
div#maintext a:active {}


div#links a:link{border-bottom:none;}

/****************div-Elemente*****************/

div#wrapper {
  width: 1024px;
	margin: 0px auto;
	/*margin: 0px 40px; für flexible Breite*/
	text-align:left;	
}
 
div#header {
	height: 10px;
	padding: 30px 0px;
}

div#nav {
	padding-right: 10px;
}
div#nav li {
  display: inline; 
	/*margin-right: 0.4em;*/
  list-style-type:none;
}
div#nav2 {
  float:left;
  font-size: 0.8em;
  color: #0083ad;
}

div#wrap_content {}
								
div#maintext {
  clear: both;
	text-align: justify;
	padding: 20px;
	background: #f0fbff url(images/top_gradient.jpg) repeat-x;
	border-left: 1px solid #65b5ce;
	border-right: 1px solid #65b5ce;
}				
div#foto{float: right; width: 80px; padding: 10px 20px;}

div#footer {
  font-size: 0.8em;
	height: 8px;
	padding: 20px ;
	text-align: center;
	background: #65b5ce url(images/bottom_gradient.jpg) repeat-x;;
	border-left: 1px solid #65b5ce;
	border-right: 1px solid #65b5ce;
}