/* =================================
Stylesheet "Meintrup DWS" 
Datei: bildschirm.css
Datum: 01. März 2010
Autor: webprint-studio.de

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


/* =================================
   1. Kalibrierung
   ================================= */
* { margin: 0; padding: 0; } /* Alle Elemente auf 0 stellen */
  
   
/* =================================
   2. Allgemeine Styles
   ================================= */
html { height: 101%; }  /* der Firefox wird dadurch gezwungen, die Seite etwas größer zu machen */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1 {
	width: 630px;
	padding: 11px 0px 0px 12px;
	background-image: url(images/hg_h1.jpg);
	background-repeat: no-repeat;
	margin: 10px 0px 0px 0px;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	height: 38px;

}

p {
	width: 630px;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	padding: 0px 0px 13px 0px;  /* oben rechts unten links */
}

a {
	color: #00AAD6; 
	text-decoration: underline;
}
	a:hover {
		color: #0065B1;   /*#2154A0;*/
		text-decoration: underline;
	}

b {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #00AAD6;
}

.video {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}
    .video a {
	color: #FFFFFF; 
	text-decoration: underline;
}
	.video a:hover {
		color: #DBDBDB;  
		text-decoration: underline;
	}

.link-hb {
	font-weight: bold;
	color: #00AAD6;
}
	.link-hb a {
		color: #00AAD6; 
		text-decoration: underline;
	}
	.link-hb a:hover {
		color: #0065B1; /*#2154A0;*/ 
		text-decoration: underline;
	}


.button {
	width: auto;
}
	.button a {
		padding: 4px 17px 5px 17px;      /* oben rechts unten links */
		background-color: #00AAD6;
		font-size: 12px;
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: none;
		margin: 0px;
	}
	.button a:hover {
		background-color: #0065B1;  /*#2154A0;*/
		color: #FFFFFF;
		text-decoration: none;
	}

.kasten {
	width: 618px;
	margin: 0px 0px 5px 0px;
	padding: 1px 0px 2px 12px;      /* oben rechts unten links */
	background-color: #00AAD6;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

h2 {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	padding: 1px 0px 2px 12px;      /* oben rechts unten links */
	color: #FFFFFF;
}

h3 {
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #0065B1;
}
	h3 a {
		color: #0065B1; 
		text-decoration: underline;
	}
	h3 a:hover {
		color: #00AAD6; /*#2154A0;*/ 
		text-decoration: underline;
	}


.produktverlinkung {
	width: 618px;
	margin: 0px 0px 10px 0px;
	padding: 1px 0px 2px 12px;      /* oben rechts unten links */
	background-color: #CCEEF7;
	font-size: 12px;
	color: #0065B1;
}

.inhalt-tabelle {
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
	color: #000000;
}

#aufzaehlung {
	font-size: 12px;
	line-height: 18px;
	margin-left: 15px;
	padding: 0px;
}
	#aufzaehlung ul {
	padding: 0px;
	list-style-image:   url(anaerobe-u-mikroaerophile-systeme/images/aufzaehlung.gif);
}

#fliesstext {
	font-size: 12px;
	line-height: 18px;
	padding: 0px;
}

#kasten-hinweis {
	width: 620px;
	margin: 0px 0px 10px 0px;
	padding: 3px 0px 4px 10px;
	background-color: #77CEE6;   /*#D8D2D0;*/
	font-size: 12px;
	color: #000000;
}

#kasten-pdf {
	width: 610px;
	margin: 0px 0px 10px 0px;
	padding: 3px 0px 5px 10px;      /* oben rechts unten links */
	background-color: #CCEEF7;    
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #000000;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #00AAD6;

}

#bibliothek {
	width: 610px;
	margin: 10px 0px 5px 0px;
	padding: 3px 0px 4px 10px;      /* oben rechts unten links */
	background-color: #CCEEF7;    
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #00AAD6;
}

/* ==============================
   NAVIGATION                 */

#navi-oben-rechts {
	text-align: right;
	background-image:  url(images/hg_oben-re.jpg);
	background-repeat: no-repeat;
	padding: 15px 41px 8px 0px;
	margin: 0px 0px 0px 328px;
}
		#navi-oben-rechts ul {
		padding: 0px;
		margin-top: 20px;
	}
		#navi-oben-rechts li {
		display: inline;
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}
		#navi-oben-rechts a {
		font-size: 11px;
		font-weight: bold;
		color: #5A5D66;
		text-decoration: none;
		text-transform: uppercase;
		padding-left: 28px;
		margin: 0px;
	}
		#navi-oben-rechts a:hover,
		#navi-oben-rechts a:focus { 
		color: #5A5D66;
		text-decoration: underline;
	}


#navi-firma {
	margin-left: 328px;
	padding: 4px 0px 5px 0px;  /* oben rechts unten links */
	width: 630px;
	background-image: url(images/hg_navi-firma.gif);
	background-repeat: no-repeat;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #77CEE6;  
}
	#navi-firma ul {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
	}
	#navi-firma li {
		display: inline;
	}
	#navi-firma a {
		padding: 4px 17px 5px 17px;      /* oben rechts unten links */
		background-color: #00AAD6;
		font-size: 12px;
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: none;
		margin: 0px;
	}
	#navi-firma a:hover,
	#navi-firma a:focus {
		background-color: #0065B1; /*#2154A0;*/
		color: #FFFFFF;
	}
	#navi-firma a.over-fixed {
		padding: 4px 17px 5px 17px; 
		background-color: #0065B1;  /*#2154A0;*/
		font-size: 12px;
		font-weight: bold;
		color: #FFFFFF;
		text-decoration: none;
		margin: 0px;
	}


#navi-produkte {
	width: 328px;
	margin-left: 28px;
	margin-top: 10px;
}
	#navi-produkte ul {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
	}
	#navi-produkte a {
		display: block;
		text-decoration: none;
		color: #CDCFD5;
		padding: 6px 0px 6px 4px;  /* oben rechts unten links */
		font-size: 12px;
		font-weight: bold;
		width: 290px;
		margin: 0px;
		background-image:  url(images/hg_navi-produkte_out.gif);
		background-repeat: no-repeat;
	}
	#navi-produkte a:hover {
		background-image:  url(images/hg_navi-produkte_over.gif);
		background-repeat: no-repeat;
		text-decoration: none;
		color: #000000;
		padding: 6px 0px 5px 4px;  /* oben rechts unten links */
		margin: 0px;
		width: 290px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #FFFFFF;
	}
	#navi-produkte a.over-fixed {
		background-image:  url(images/hg_navi-produkte_over.gif);
		background-repeat: no-repeat;
		text-decoration: none;
		color: #000000;
		padding: 6px 0px 5px 4px;  /* oben rechts unten links */
		margin: 0px;
		width: 290px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #FFFFFF;
	}

	
#navi-weitere-infos {
	width: 290px;
	margin-left: 28px;
	margin-top: 10px;
	display: block;
}
	#navi-weitere-infos ul {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		width: 290px;
	}
	#navi-weitere-infos a {
		display: block;
		text-decoration: none;
		color: #FFFFFF;
		padding: 6px 0px 6px 4px;  /* oben rechts unten links */
		font-size: 12px;
		font-weight: bold;
		width: 290px;
		margin: 0px;
		background-image:  url(images/hg_navi-weitere-infos_out.gif);
		background-repeat: no-repeat;
	}
	#navi-weitere-infos a:hover {
		background-image:  url(images/hg_navi-weitere-infos_over.gif);
		background-repeat: no-repeat;
		text-decoration: none;
		color: #000000;
		padding: 6px 0px 5px 4px;  /* oben rechts unten links */
		margin: 0px;
		width: 290px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #FFFFFF;
	}
	#navi-weitere-infos a.over-fixed {
		background-image:  url(images/hg_navi-weitere-infos_over.gif);
		background-repeat: no-repeat;
		text-decoration: none;
		color: #000000;
		padding: 6px 0px 5px 4px;  /* oben rechts unten links */
		margin: 0px;
		width: 290px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #FFFFFF;
	}

	#blauer-balken-unten {
	width: 290px;
	margin-left: 28px;
	margin-bottom: 10px;
	background-color: #00AAD6;

	}

.border1 {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #77CEE6;
	border-left-color: #77CEE6;
}

.border2 {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #77CEE6;
}

.border3 {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #77CEE6;
}


#sitemap {
	font-size: 12px;
	line-height: 18px;
	margin: 0px;
	padding-left: 20px;
}
	#sitemap a {
		text-decoration: none;
		color: #00AAD6;
	}
	#sitemap a:hover {
		text-decoration: underline;
		color: #0065B1;  /*#2154A0;*/
	}


/* Bilder links und rechts einfügen */
.bildlinks {
  float: left; 
  margin: 0px 10px 5px 0px;  /* oben rechts unten links */
}
.bildrechts {
  float: right; 
  margin: 0px 0px 5px 10px;   /* oben rechts unten links */
}


/* =================================
   3. Styles für Layoutbereiche
   ================================= */
#wrapper {
	width: 986px;
	margin: 0px auto;
	background-image: url(images/hg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}

#kopfbereich {
	width: 986px;
	padding: 0px;
	margin: 0px;
}

#navibereich {
	float: left;
	width: 290px;
}

#textbereich {
	padding: 0px;
	margin-left: 328px;
	width: 630px;
}

/* Fussbereich Start */
#fussbereich {
	clear: both;
	background-image: url(images/hg_footer.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	width: 986px;
	height: 89px;
	margin: 0px auto 10px auto;
}
		#copyright {
			font-size: 10px;
			font-weight: bold;
			color: #FFFFFF;
			height: 61px;
			width: 290px;
			text-align: center;
			padding: 0px;
			margin: 23px 0px 0px 28px; /* oben rechts unten links */
			float: left;
		}
		#adresse {
			font-size: 12px;
			line-height: 18px;
			font-weight: bold;
			color: #FFFFFF;
			height: 61px;
			width: 630px;
			text-align: center;
			margin-left: 328px;
			padding-top: 11px; /* oben rechts unten links */
		}
		#adresse a {
			color: #FFFFFF;
			text-decoration: none;
		}
		#adresse a:hover {
			color: #FFFFFF;
			text-decoration: underline;
		}
/* Fussbereich Ende */  


#logo {
	margin: 0px;
	float: left;
	width: 328px;
}

.textfeld1 {
height: 20px;
width: 180px;
color: #000000;
font-size: 12px;
padding: 4px 3px 0 3px;
border: solid 1px #00AAD6;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.textfeld2 {
height: 185px;
width: 190px;
color: #000000;
font-size: 12px;
line-height: 18px;
padding: 4px 3px 0 3px;
border: solid 1px #00AAD6;
font-family: Verdana, Arial, Helvetica, sans-serif;
}