/* =====================================
Stylesheet für UMH 

Datei: umh.css
Autor: Christina Bernhart

Aufbau:
	1. Kalibrierung
	2. Allgemeine Styles
	3. Styles für Layoutbereiche
	4. Sonstige Styles
======================================*/


/*  ======================================
	1. Kalibrierung
	====================================*/

* { padding: 0; margin: 0; }

h1, h2, h3, ul, ol { margin-bottom: 1em; }
p { margin-bottom: 1.5em; }
ol ul { margin-bottom: 0; }
li { margin-left: 2em;}

/*  ======================================
	2. Allgemeine Styles
	====================================*/


body {  
font-family: Arial, sans-serif; 
font-size: 12px;
color: #444444; 
text-align: left;
background-image:url(bilder/grundstyling/hg.gif);
background-repeat: repeat-x;

}

strong {
	font-weight: bold;
}

b {
	font-weight: bold;
}

hr {
	margin-bottom: 7px;
	margin-top: 7px;
}


a:link, a:active, a:visited {
	color: #01487e;
	text-decoration: none;
}
a:hover {
	color: #1c85e0;
	text-decoration: none;
}

h1 {
	font-size: 20px;
	font-weight: normal;
	color: #2a879f;
}
h2  {
	font-size: 28px;
	font-weight: normal;
	color: #2a879f;
}
h3  {
	font-size: 16px;
	font-weight: normal;
	color: #2a879f;
	margin-bottom: 10px;
}


#wasserseite h1, #wasserseite h2, #wasserseite h3 {
	color: #1c85e0;
}
#forschungseite h1, #forschungseite h2, #forschungseite h3 {
	color: #1968a4;
}
#elektrosmogseite h1, #elektrosmogseite h2, #elektrosmogseite h3 {
	color: #d8bb5d;
}
#produktseite h1, #produktseite h2, #produktseite h3 {
	color: #f7c74a;
}

/*  ========
	ID's  */

#inhalt_bild {
	margin-bottom: 3px;
}
#inhalt_text {
	padding: 25px 17px 17px 17px;
	background-image: url(bilder/backgrounds/hg_standard.jpg);
	background-position: left top; 
	background-repeat: no-repeat;
	border: 1px solid #EEEEEE;
	border-top: 0;
}
	#wasserseite #inhalt_text {
		background-image: url(bilder/backgrounds/hg_wasser.jpg);
	}
	#forschungseite #inhalt_text {
		background-image: url(bilder/backgrounds/hg_elektro.jpg);
	}
	#elektrosmogseite #inhalt_text {
		background-image: url(bilder/backgrounds/hg_kfz.jpg);
	}					

	#inhalt_text ul {
		margin-bottom: 2em;
		list-style-position: inside;
		list-style-type: square;
	}
	#inhalt_text li {
		margin-bottom: 0.3em;
	
	}
	
	#inhalt_text a:active {
		outline: none;
	}

/*  ===========
	Klassen  */
.produkt {
	border: 1px solid #EEEEEE;
	border-top: 4px solid #f7c74a;
	padding: 20px 15px 15px 15px;
	background:url(bilder/backgrounds/hg_produkte.jpg) no-repeat top left;
	margin-bottom: 25px;
}
.produkt ul {
	margin: 25px 0;
	list-style-position: outside;
	list-style-type: square;
}	

.daten {
	border: 1px solid #fceab4;
}
	.daten td {
		padding: 3px;
	}


.preise {
	visibility: hidden;
}

.preise td {
	padding: 3px;
}
.preise span {
	font-size: 14px;
	font-weight: normal;
	color: #f7c74a;
}

.float_left {
	float: left;
	margin-right: 17px;
	margin-bottom: 17px;
}
.float_pdf {
	float: left;
	border: 0;
	outline: none;
}

.clearing {
	clear: both;
	margin: 0;
	padding: 0;
	height: 0;
}

a.link_biosonnenhof, a.link_biosonnenhof:link, a.link_biosonnenhof:visited, a.link_biosonnenhof:active, a.link_biosonnenhof:hover {
	color: white;
	text-decoration: none;
}


/*  ======================================
	3. Styles für Layoutbereiche
	====================================*/
	
#wrapper {
	position: relative;
	width: 1006px;
	margin: 6px auto 0 auto;
	background-image: url(bilder/grundstyling/rand.gif);
	background-repeat:repeat-y;
}
	#rand_links {
		position: absolute;
		left: 0;
		top: 0;
		background-image:url(bilder/grundstyling/rand_blau_links.gif);
		background-repeat:repeat-y;
		width: 6px;
		height: 402px;
	}
	#rand_rechts {
		position: absolute;
		right: 0;
		top: 0;
		background-image:url(bilder/grundstyling/rand_blau_rechts.gif);
		background-repeat:repeat-y;
		width: 8px;
		height: 402px;
	}
		.rand_piece {
			margin-top: 396px;
		}

#kopf, #hauptteil {
	margin: 0 8px 0 6px;
}
#bild_kopf {
	position:absolute;
	left: 257px;
	top: 10px;
	height: 131px;
	width:497px;
}
#navi_rechts {
	position:absolute;
	left:767px;
	top: 29px;
}

#hauptteil {
	height: auto;
}

#hauptteil_links {
	width: 245px;
	float: left;
	margin-right: 6px;
}
#hauptteil_rechts {
	width: 741px;
	float: left;
}

#feld_titel {
	width: 492px;
	margin-right: 6px; 
	height: 42px;
	background-color: #d8bb5d;
	float: left;
}
#wasserseite #feld_titel {
	background-color: #cae3f8;
}
#forschungseite #feld_titel {
	background-color: #c2daec;
}
#elektrosmogseite #feld_titel {
	background-color: #f5eed6;
}
#produktseite #feld_titel {
	background-color: #fceab4;
}		
	
	#titel {
		color: #2a879f;
		font-size: 14px;
		padding: 14px 0 0 0;
		text-indent: 17px;
		margin-bottom: 0;
	}
	#wasserseite #titel {
		color: #1c85e0;
	}
	#forschungseite #titel {
		color: #1968a4;
	}
	#elektrosmogseite #titel {
		color: #d8bb5d;
	}
	#produktseite #titel {
		color: #f7c74a;
	}
	
#inhalt {
		margin: 6px 8px 0 0;
	}




#navi {
	margin-left: 6px;
	width: 239px;
	margin-bottom: 40px;
}	

#hauptmenue li, #navi_rechts li {
	list-style-type: none;
	margin-left: 0;
}

#navi ul, #navi_rechts ul {
	margin-bottom: 0;
}


a.navi_rechts, a.navi_rechts:link, a.navi_rechts:active, a.navi_rechts:visited {
	color: white;
	text-transform:uppercase;
	text-decoration: none;
	display: block;
	margin-bottom: 6px;
}
	a.navi_rechts:hover {
		color: #cae3f8;
	}



a.h1, a.h2, a.h3, a.h4 {
	text-decoration: none;
	outline: none;
	text-transform: uppercase;
	color: white;
	display: block;
	border-bottom: 1px solid white;
	padding: 14px 0 13px 8px;
	font-weight: bold;
}

		a.h1 {
			background-color: #1968a4;
		}
			a.h1:hover {
				color: #c5d9e8;
			}
			
		a.h2 {
			background-color: #0080e1;
		}
			a.h2:hover {
				color: #bfdff7;
			}
		
		a.h3 {
			background-color: #66a5d7;
		}
			a.h3:hover {
				color: #d9e8f5;
			}
			
		a.h4 {
			background-color: #85b9dc;
		}
			a.h4:hover {
				color: #e0edf6;
			}	


#u1 {
	background-color: #c5d9e8;
	display: none; 
}
#u2 {
	background-color: #bfdff7;
	display: none; 
}	
#u3 {
	background-color: #d9e8f5;
	display: none; 
}
#u4 {
	background-color: #e0edf6;
	display: none;
}		

#wasserseite #u1 {
	display:block;
}
#forschungseite #u2 {
	display:block;
}
#elektrosmogseite #u3 {
	display:block;
}
#produktseite #u4 {
	display:block;
}

#u1, #u2, #u3, #u4 {
	padding: 6px 0;
}

a.unterpunkt_u1 {
	color: #1968a4;
}
	a.unterpunkt_u1:hover {
		background-color: #75a4c8;
	}
a.unterpunkt_u2 {
	color: #0080e1;
}
	a.unterpunkt_u2:hover {
		background-color: #66b3ed;
	}
a.unterpunkt_u3 {
	color: #666666;
}
	a.unterpunkt_u3:hover {
		background-color: #a3c9e7;
	}
a.unterpunkt_u4 {
	color: #666666;
}
	a.unterpunkt_u4:hover {
		background-color: #b6d5ea;
	}	

a.unterpunkt_u1, a.unterpunkt_u2, a.unterpunkt_u3, a.unterpunkt_u4 {
	font-size: 11px;
	text-decoration: none;
	outline: none;
	display: block;
	padding: 3px 0 3px 6px;
}

#adresse {
	margin: 0 0 20px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #747175;
}
	#adresse span {
		font-size: 19px;
	}
	#adresse img {
		float: left;
		margin-right: 4px;
	}


/*  ===================================
	Unterseiten  
======================================*/


/*  ===========
	Startseite  */
	
#index_b1 {
	margin-right: 6px; 
	float: left;
}
#index_boxen {
	padding: 6px;
	width: 721px;
	background-image:url(bilder/backgrounds/hg_index.jpg);
	background-repeat:repeat-x;
}
.index_box {
	width: 167px;
	margin-right: 7px;
	padding: 4px;
	float: left;
	background-color: white;	
}
.index_box img {
	margin-bottom: 15px;
}

#box4 {
	margin-right: 0;
}
.box_ue {
	padding-top: 10px;
	height: 40px;
	color: #01487e;
	border-bottom: 1px solid #bfdce6;
	font-size: 13px;
	text-align: center;	
	font-family: verdana;
}


/*  ===========
	Impressum  */

#impressum_tab {
	margin-bottom: 2em;
}	

#impressum_tab td {
	padding-top: 20px;
	padding-bottom: 3px;
	border-bottom: 1px solid #bfdce6;
}

/*  ===========
	Login  */

#tab_login {
	background-color: #93c4cd;
	border: 1px solid #2a879f;
}

.eingabefeld {
		font-family: Arial, sans-serif;
		color: #444444;
		width: 159px;
		font-size: 12px;
		background-color: #bfdce6;
	}

#eingabe_login {
		font-family: Arial, sans-serif;
		color: #444444;
		width: 70px;
	}