* { padding: 0; margin: 0; border: 0; border-collapse: collapse; }

html, body { height: 100%; }

html {
	max-height:100%; 
	padding:0;
	margin:0; 
	border:0; 
	background:#FFF; 
	color: #00F;
	font-size:100.01%; 
	font-family: Arial, sans-serif;
}

body { 
	max-height:100%; 
	background: #FFF; 
}

#wrap {
	font-size: 80%;
	padding-bottom: 120px;	
	background: transparent url(/html/img/bg-head-navi.jpg) 0 0 no-repeat;
	min-width: 930px; /*damit Hintergrund bei schmalem Viewport nicht abgeschnitten wird*/
	color: #000;
}

#fauxcol {
	/*background: transparent;  */
}

/* HEADER */

#head {
	height:133px; 
	background: transparent; 
	z-index:5; 
	overflow:hidden; 
	color:#1284C2;
}
#head a img { border: 0 none; position: absolute; top: 10px; left: 740px; }
#head ul {list-style-type: none; margin: 30px 0 0 1em; float: left; width: 450px; }
#head ul li {display: inline; margin-right: 1.3em; font-size: 110%; color: #CC3433; font-weight: bold;}
#head a { color: #007DBE; text-decoration: none; }
#head a:hover { color: #CC3433; }

/* NAVIGATION */
#nav {
	float: left;
	width: 21em; /*relative Groesse damit Navi bei Schriftgroessenaenderung nicht in Content reinragt*/
	height: 100%;
	background: transparent;	
	font-size: 95%;
	padding-top: 20px;
}
#nav img {border: 0 none;}
#nav ul {list-style-type: none; margin: 5px 0 0 2em; } /* 5px als Abstand zur Flashgrafik */
#nav ul ul { margin-top: 0.3em; margin-left: 1em; }
#nav ul li {display: block; width: 165px; margin-bottom: 0.1em; font-weight: 600; color: #CC3433; }
#nav li li { font-weight: normal; font-size: 90%; } /*nur erste Nav-Ebene fett, zweite Ebene kleiner*/
#nav li.last {margin-top: 1em;}
#nav a:link, #nav a:visited, #nav a:active {display:block; color:#007DBE; text-decoration:none; text-align:left; }
#nav a:hover {color:#CC3433;}
#nav a.highlight:link, #nav a.highlight:visited, #nav a.highlight:hover, #nav a.highlight:active { color: #CC3433; }
#nav form {margin: 2em 0 0 1em;}
#nav input { border: 1px solid #1284C2; }

/* CONTENT */
#content {
	position: relative;
	width: 610px;
	min-height: 410px; /* damit #nav voll dargestellt wird */
	margin-left: 21em; /*Abstand = nav-Breite*/
}

#content ul#fourthlevelnav {list-style-type: none; margin-bottom: 1.5em; margin-left: 0; }
#content ul#fourthlevelnav li {display: inline; margin-right: 3em;}
#content ul#fourthlevelnav a {text-decoration: underline;}
#content ul#fourthlevelnav a:hover {text-decoration: none;}
#content h1 {color: #1284C2; font-size: 125%; margin: 0 0 1em 0; }
#content h1.bestellset { width: 500px; margin: 0 0 0 0.8em; background: #CBE5F2; color: #007CBC; }
#content h2 {color: #1284C2; font-size: 100%; font-weight: bold; margin: 1em 0 0.8em 0; }
#content h3 {margin-top:51px;}
#content p {margin: 0 0 1em 0;padding-top:5px;}
#content img.contentimg { margin-bottom: 1em; }
#content ul, #content ol { margin: 0 0 1em 3em; }
#content li.download { list-style-type: none; }
#content a { color: #007DBE; text-decoration: none; }
#content a:hover { color: #CC3433; text-decoration: underline; }

/*Tabellen*/
#content table { min-width: 585px; border: 2px solid #1284C2; border-collapse: collapse; margin-bottom: 1em; }
#content table td {color: #000; border: 1px solid #1284C2; padding: 0.2em; text-align: left; vertical-align: top; }
#content table th, #content table thead td {border: 0 none; background: #CBE5F2; text-align: left; vertical-align: top; color: #1284C2; font-weight: bold; padding: 0.5em;}

/*Kongressberichte*/
/*umgebender Container*/
#content .kongressberichte { min-width: 585px; border: 2px solid #1284C2; margin-bottom: 2em; }
/* Ueberschrift */
#content .kongressberichte h2 { background: #B3D7ED; color: #1284C2; text-align: right; font-size: 120%; font-weight: bold; margin:0; padding: 0.5em;}
/* Definitionslisten fuer Kongressberichte */
#content dl { min-width: 585px; border-bottom: 1px solid #CBE5F2; }
#content dl img {border: 0; }
#content dl .dlhighlight { margin-top: 1.5em; font-weight: bold; background: #CBE5F2; }
#content dl dd, #content dl dt {padding: 0.2em; border-bottom: 1px solid #CBE5F2; }
#content dl dd.dlhighlight2, #content dl dd.dldownload {  background: #CBE5F2; }
#content dl dd.dlhighlight { font-weight: bold; }
#content dl dd.dldownload {  color: #007CBC; }
#content dl dt.dlsubtitle { font-weight: bold; }
#content dl dt.dlleft, #content dl dd.dlright {border: 0 none; }
#content dl dt.dlleft {display: inline; }
#content dl dd.dlright {font-style: italic; margin: -1.5em 0 0.3em 40%; }

/* Definitionslisten fuer Downloads */
#content dl.download {border: 2px solid #1284C2; margin-bottom: 2em; }
#content dl.download dt {float:left; width: 170px; text-align: center; border-bottom: 0 none; }
#content dl.download dd {margin-left: 175px; padding: 0.5em; border-left: 1px solid #CBE5F2; }
#content dl.download dd.dlhighlight { height: 1.5em; margin-top: 0; }
#content dl.download dd.dlhighlight span { float: left; width: 45%; font-weight: bold; background: #CBE5F2; color: #000; margin-top: 0.2em; }
#content dl.download dd.dlhighlight a { float: right; text-align: right; width: 50%; background: #CBE5F2; margin-top: -0.2em; }
#content dl.download dd ul li {margin-bottom: 1em; }
#content dl.download:after, #content dl.download dd.dlhighlight:after {content: "."; display: block; clear: both; visibility: hidden; height: 0; } 

/* Definitionslisten fuer die Suchergebnisse */
#content dl.suche { margin: 1em;  }
#content dl.suche dt { padding: 0.2em; color: #000; background-color: #B5D9EE; }
#content dl.suche dt a { text-decoration: underline; color: #333; }
#content dl.suche dt a:hover { text-decoration: none; color: #000; background-color: #B5D9EE; }
#content dl.suche dt a:visited { color: #666; }
#content dl.suche dd {padding: 0.2em; color: #000; background-color: #CCE5F3; }
#content dl.suche dd a { text-decoration: underline; color: #00F; background-color: #CCE5F3; }
#content dl.suche dd a:visited { text-decoration: underline; color: #66F; background-color: #CCE5F3; }
#content dl.suche dd a:hover { text-decoration: none; }
#content dl.suche dd.metainfo { padding-left: 1em; color: #333; } 
#content dl.suche dd.url { font-style: italic;}
#content dl.suche dd.url a {color: #000; background-color: #CCE5F3; }
#content dl.suche dd.url a:visited {color: #666; }

/* Definitionslisten fuer die Bestellservice*/
#content dl.bestellset { width: 498px; min-width: 498px; margin: 0 1em 2em 1em; border-top: 0 none; border-right: 1px solid #CBE5F2; border-left: 1px solid #CBE5F2; border-bottom: 1px solid #CBE5F2; }
#content dl.bestellitem {margin: 0 1em 2em 1em; border: 0 none; width: 500px; }
#content dl.bestellset:after, #content dl.bestellitem:after { content:"."; display: block; visibility:hidden; clear:both;}
#content h2.bestellmargin { margin: 4em 0 0.5em 1em; }
#content dl.bestellset dt, #content dl.bestellset dd, #content dl.bestellitem dt, #content dl.bestellitem dd { width: 46%; float:left; border: 0 none; }
#content dl.bestellset dt.input { clear: left; width: 494px; border-top: 1px solid #CBE5F2; }
#content dl.bestellitem dt, #content dl.bestellitem dd { border-top: 1px solid #CBE5F2; }
#content dl.bestellitem dt span { display: block; }
#content dl.bestellset dt.input input { width: 2em; border: 1px solid #AAA; margin-left: 0.5em; }
#content dl.bestellitem input { width: 2em; border: 1px solid #AAA; margin-left: 0.5em; }

#content p#weiterzurueck {	border-top: 1px solid #CCC;	border-bottom: 1px solid #CCC; background-color: #FFF; }
#content p#weiterzurueck span { padding-right: 2em;}
#content p#weiterzurueck span a { text-decoration: underline; color: #00F;	background-color: #FFF; }
#content p#weiterzurueck span a:hover, p#weiterzurueck span a:active {	text-decoration: none;	}
#content p#weiterzurueck span a:visited { color: #666;	}

#content p.imgsource { margin-top: 1em; } /* nur fuer Lungenhochdruck.de, dort gibt es keine Quellenangaben aber einen gewuenschten Abstand zum Text */
	
#content sub { font-size: 70%; } /* tiefergestelltes kleiner darstellen */
#content sup { font-size: 90%; } /* hoehergestelltes weniger klein darstellen */

#content #Image1 { margin-bottom: 1em; }
#content form.contactform input { border: 1px solid #333; }
#content form.contactform select { background: #D8EAF8; border: 1px solid #333; }

#content form.bestellform p.emailform { width: 13em; }
#content form.bestellform p.emailform span { float: left; width: 6em; margin-bottom: 0.2em; }
#content form.bestellform p.emailform input { float:left; width: 6em; border: 1px solid #333; margin-bottom: 0.2em; }
#content form.bestellform p.emailform:after { content:"."; display: block; visibility:hidden; clear:both;}
#content form.bestellform input.submit { margin: -1em 0 5em 0; }

/* FOOTER */
#footer {
	position: fixed;
	bottom: 0; left: 0;
	width:100%; 
	height: 8em; 
	font-size: 80%; /*kleiner Schrift erst spaeter, sonst ist em ungleich breit*/
	z-index:5; 
	overflow:hidden; 
	background: transparent url(/html/img/bg-footer.png) -315px 0 no-repeat;
}
#innerfooter { width: 930px; } /*damit floatiertes nicht bei kleinem Viewport umbricht */

#footer img {border: 0 none; }
#footer img#ventavislogo {float: left; width: 212px; height: 30px; margin: 60px 0 0 15px; }

#footer form {
	float: left;
	margin: 6em 0 0 2.5em;
	color: #007DBE; 	
}
#footer form input.search {width: 5.5em; border: 1px solid #007DBE; color: #AAA;}
#footer form input.go {width: 18px; height: 17px; margin-left: 2px; background: transparent url(/html/img/pfeildunkel.gif) left top no-repeat;}

#footer ul { 
	float: left;
	margin: 6.3em 0 0 1em;
	list-style-type: none; 
}
#footer ul li { float: left; margin-left: 0.5em; padding-right: 0.5em; border-right: 1px solid #007DBE; color: #58595B; font-size: 90%; }
#footer ul li.mlast { border: 0 none; }
#footer ul a { color: #565A5B; text-decoration: none;}
#footer ul a:hover {text-decoration: underline;}

#footer ul li.quickfinder { border-right: 0 none; font-weight: bold; }
#footer ul li.quickfinder a, #footer ul li.patienten a, #footer ul li.ilomedin a { color: #1284C2; }
#footer ul li.patienten { margin-left: 1em; }
#footer li.wfirst {margin-left: 3em;}
#footer li { border-right: 1px solid #565A5B; }
#footer li.wlast, #footer li.contact, #footer ul#print li { border: 0 none; }
#footer #print a { color: #565A5B; }

#footer ul#print { 
	float:left; 
	margin: -1.5em 0 0 39em;
} 
#footer ul#print li {border: 0 none; white-space: nowrap; font-size: 85%;}


.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.bold { font-weight: bold; }
.klein { font-size: 80%; }