/* CSS Document */


/* ___________________________ HTML definitionen Start ___________________________ */

html, body {
	margin: 0;
	padding: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 100%;
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
	background-color: #bad9db;
}


#nobg {
background-image:none;
background-color: transparent;
}

img {
	border: 0;
}


hr {
	color: #006a70; /* Mozilla */
	background-color: #006a70; /* Ie */
	border: #006a70; /* Opera */
	height: 1px;
}

/* ___________________________ HTML definitionen Start ___________________________ */






/* ___________________________ Standarts Start ___________________________ */

.links {
	margin: 0;
	padding: 0;
	width: 298px;
	float: left;
}

.links2 {
	margin: 0;
	padding: 0;
	width: 320px;
	float: left;
}


.links3 {
	margin: 0 18px 0 0;
	padding: 0;
	width: 140px;
	float: left;
}

.links4 {
	margin: 0 15px 0 0;
	padding: 0;
	width: 140px;
	float: left;
}

.rechts {
	margin: 0 0 0 15px;
	padding: 0;
	width: 294px;
	float: left;
}

.rechts2 {
	margin: 10px 0 0 15px;
	padding: 0;
	width: 264px;
	float: left;
}

.rechts3 {
	margin: 0;
	padding: 0;
	width: 140px;
	float: left;
}

.killfloat {
	margin: 0;
	padding: 0;
	clear:both;
	visibility: hidden;
	}	

.hidden {
	margin: 0px;
	padding: 0px;
	width: 0px;
	height: 0px;
	font-size: 0px;
	display:none;
	visibility: hidden;
}

.red {
color:#990000;
}
/* ___________________________ Standarts SEnde ___________________________ */


/* ___________________________ Definiton der Hauptnavigation Start ___________________________*/

a:link {
	color:#000;
}

a:visited {
	color:#000;
}

a:hover, a:focus {
color: #006a70;
}

/* ___________________________ Definiton der Hauptnavigation Ende ___________________________*/





/* ___________________________ Schriften definition der Typo Start ___________________________ */

h1 {
	margin: 5px 0 16px 0;
	padding: 5px 0 0 38px;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 2px;
	background-image:url(images/logo_small.gif);
	background-repeat:no-repeat;
	background-position:top left;
	color: #006a70;
	}

h2 {
	margin: 0;
	font-size: 13px;
	font-weight: bold;
	color: #006a70;
	text-align:right;
	}


h3 {
	font-size: 13px;
	font-weight: bold;
	color: #006a70;
	margin-top: 25px;
	}

h4 {
	font-size: 14px;
	font-weight: bold;
	color: #006a70;
	margin-top: 40px;
	}
	
h5 { /*Bei FAQ Listen*/
	font-size: 14px;
	font-weight: bold;
	color: #006a70;
	margin-left: 26px;
	}	
/* ___________________________ Schriften definition der Typo Ende ___________________________ */






/* ___________________________ Layout Start ___________________________ */

#curve {
	margin: 0;
	padding: 0;
	position:absolute;
	width: 158px;
	height: 671px;
	background-image:url(images/curve-trans.png);
	background-repeat: no-repeat;
	z-index:30;
	}

#logo {
	margin: 22px 0 0 208px;
	padding: 0;
	position:absolute;
	}

#logoStart {
	margin: 22px 0 0 208px;
	padding: 0;
	position:absolute;
	}

#navcontainerBG { 
	width: 890px;
	height: 43px;
	margin:118px 0 0 0;
	padding:11px 0 0 99px;
	background-image: url(images/bg_navi.gif);
	background-repeat:repeat-x;
	position:absolute;
	}

#navcontainer { 
	width: 890px;
	height: 43px;
	margin:118px 0 0 0;
	padding:11px 0 0 107px;
	position:absolute;
	z-index: 40;
	}

#naviEnd {
	margin: 118px 0 0 969px;
	padding: 0;
	position:absolute;
	width: 20px;
	height: 41px;
	background-image:url(images/bg_navi_end.gif);
	background-repeat:no-repeat;
	}
		
#slogan {
	margin: 536px 0 0 3px;
	padding: 5px 15px 5px 5px;
	width: 298px;
	height: 40px;
	position:absolute;
	background-color: #a7cfd1;
	z-index:20;
	}	

#sloganBig {
	margin: 536px 0 0 3px;
	padding: 5px 15px 5px 5px;
	width: 298px;
	height: 50px;
	position:absolute;
	background-color: #a7cfd1;
	z-index:20;
	}	
	
#picture {
	margin: 178px 0 0 0;
	padding: 0;
	position:absolute;
	width: 298px;
	height: 390px;
	border: 1px solid #9cc5c9;
	overflow:hidden;
	left: 4px;
	}	

#pictureRight {
	margin: 178px 0 0 980px;
	/*margin: 332px 0 0 980px;*/
	padding: 0;
	position:absolute;
	width: 120px;
	height: 200px;
	border: 1px solid #9cc5c9;
	overflow:hidden;
	}	

#pictureRightB {
	margin: 388px 0 0 980px;
	/*margin: 542px 0 0 980px;*/
	padding: 0;
	position:absolute;
	width: 120px;
	height: 200px;
	border: 1px solid #9cc5c9;
	overflow:hidden;
	}	

#pictureRightC {
	margin: 598px 0 0 980px;
	/*margin: 542px 0 0 980px;*/
	padding: 0;
	position:absolute;
	width: 120px;
	height: 200px;
	border: 1px solid #9cc5c9;
	overflow:hidden;
	}	

#pictureRightD {
	margin: 808px 0 0 980px;
	/*margin: 542px 0 0 980px;*/
	padding: 0;
	position:absolute;
	width: 120px;
	height: 200px;
	border: 1px solid #9cc5c9;
	overflow:hidden;
	}	

#pictureRightE {
	margin: 1018px 0 0 980px;
	/*margin: 542px 0 0 980px;*/
	padding: 0;
	position:absolute;
	width: 120px;
	height: 200px;
	border: 1px solid #9cc5c9;
	overflow:hidden;
	}	
	
#content {
	margin: 178px 0 0 320px;
	padding: 8px 8px 8px 18px;
	position:absolute;
	width: 615px;
	min-height: 390px;
	border: 1px solid #9cc5c9;
	background-image:url(images/bg_content.jpg);
	background-repeat:repeat-x;
	background-position:top;
	}	

#contentTwo {
	margin: 178px 0 0 320px;
	padding: 8px;
	position:absolute;
	width: 625px;
	min-height: 390px;
	border: 1px solid #9cc5c9;
	background-image:url(images/bg_content.jpg);
	background-repeat:repeat-x;
	background-position:top;
	}	

#contentStart {
	position:absolute;
	margin-left: 140px;
	margin-top: 80px;
	text-align:center;
	}	

#contentStart p img {
margin-right: 10px;
margin-top: 1px;
padding-top: 1px;}

	
*html #content {
	margin: 178px 0 0 320px;
	padding: 8px;
	position:absolute;
	width: 632px;
	height: 390px;
	border: 1px solid #9cc5c9;
	background-image:url(images/bg_content.jpg);
	background-repeat:repeat-x;
	}		
	
#mozilla {
	margin: 116px 0 0 58px;
	padding: 0;
	position:absolute;
	width: 66px;
	height: 41px;
	background-image:url(images/wegen_moz-trans.png);
	background-repeat:no-repeat;
	z-index: 50;
	}	


/* ___________________________ Layout Ende ___________________________ */







/* ___________________________ Navigation linke Seite Start ___________________________  */

/* Navigation Links Start */

#navcontainer ul{
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	}

#navcontainer li {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	width: auto;
	}

#navcontainer a {
	color: #4e6062;
	display: block;
	width: auto;
	text-decoration: none;
	background: #c9e1e3;
	margin: 0;
	font-size: 11px;
	font-weight: bold;
	padding: 5px 8px 8px 8px;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #aaa;
	}

#navcontainer .products a {
width:83px;
text-align:center;
}

#navcontainer .amfli a {
width:79px;
text-align:center;
}


#navcontainer .clinical a {
width:96px;
text-align:center;
}

#navcontainer A:hover, #navcontainer A:active { 
	background: #006a70;
	color:#FFF;
	display:block;
	}

#navcontainer ul li:hover ul { 
	display:block;
	}


#navcontainer A.active:link, #navcontainer A.active:visited
{
position: relative;
z-index: 102;
background: #BBBBBB;
font-weight: bold;
}

#navlist a#current { /* Diese Id iist für den Aktuellen Link und kommt ins a tag */
	background-color:#006a70;
	color: #FFF;
	}

#navcontainer ul li ul{
	list-style: none;
	display:none;
	margin: 0;
	padding: 0;
	border: none;
	}

#navcontainer ul li ul li{
	list-style: none;
	display:inline;
	margin: 0;
	padding: 0;
	clear:both;
	border: none;
	}
#navcontainer ul li ul li a {
	font-size: 10px;

	}
	
/* Navigation Links Ende */

.box a {
	color: #4e6062;
	display: block;
	width: 190px;
	text-decoration: none;
	background: #c9e1e3;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 12px 8px 12px;
	border-left: 1px solid #fff;
	border-top: 1px solid #fff;
	border-right: 1px solid #aaa;
	}

.box A:hover, .box A:active { 
	background: #006a70;
	color:#FFF;
	display:block;
	}

.topLink {
	padding: 14px 0 40px 0;
	margin-top: 10px;
	width: 610px;
	text-align:center;
	border-top: 1px solid #006a70;
	}


.topLink2 {
	padding: 0 0 0 480px;
	}	

.play ul{
	white-space: nowrap;
	}

.play li {
       background-position: 0 20px; 
	   list-style-type: none;
       display: block;
	}

.play a { 
	background-image:url(images/icon_play.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding: 20px 8px 16px 20px;
	display: block;
	}

.play  a#wmp { 
	background-image:url(images/icon_play.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding: 20px 8px 16px 40px;
	}	

.play  a.dwld { 
	background-image:url(images/icon_dwld.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding: 20px 8px 16px 20px;
	}



.more a { 
	background-image:url(images/icon_more.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding: 13px 8px 16px 20px;
	display: block;
	}

	
/* ___________________________  Navigation linke Seite Ende ___________________________  */

.moto {
	padding: 152px 0 0 0;
	text-align:right;
	font-size:9px;
	width: 610px;
	}
