body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
		
	scrollbar-face-color:#f7f7f7;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-arrow-color:#000033;
	scrollbar-base-color:#f7f7f7; 
	scrollbar-3d-light-color:#000033; 
	scrollbar-shadow-color:#ffffff; 
	scrollbar-track-color:#ffffff;

}

/* Im hauptcontainer werden saemtlich Inhalte positioniert */
#hauptcontainer {
	width: 882px;
	height: 495px;
	visibility: visible;
	overflow: hidden;

}

/* Die Navigation und sonst nichts */
#navigation {
	float: left;
	width: 110px;
	height: 495px;
	background-image: url(Bilder/trier-design.gif);
		
}

/* Im folgenden geht es um die Darstellung der Navigation, die hier in Listenform angelegt ist */
#navigation ul, .hnav ul {
	position: absolute;
	margin-top: 182px;
	padding: 0;
	margin-left: 2px;
	background-color: #000033;
	font-size: 11px;
	list-style-type: none;
	overflow: visible;
	z-index: 10;

}

.hnav ul ul{
	position: static;
	display: inline;
}
.hnav ul ul li{
	padding-left: 10px;
	padding-bottom: 0;
	margin-bottom: 0;
	display: block;
	font-size: 10px !important;
}

/* Kennzeichnung der Links in der Navigation, je nach Zustand */

#navigation a, .hnav a {
	color: #DFDFDF;
	padding: 0px 0px 0px 10px;
	text-decoration: none;
	font-weight: bold;
	line-height: 180%;

}
a:hover {
	color: #FFFFFF;
	background-image: url(Bilder/werbeagentur.gif) !important;
	background-repeat: no-repeat;
	display: inline;
}

#navigation #aktiv, .hnav #aktiv {
	color: #FFFFFF;
	background-image: url(Bilder/werbeagentur.gif);
	background-repeat: no-repeat;
	}

/* ein Container, der die Telefonnummer immer anzeigt */
#telefon {
	position: absolute;
	margin-top: 440px;
	margin-left: 560px;
	top: 30px;
	padding: 5px;
	border: 1px dotted;
	display: none;

}

/* ein Container, der alles umfasst, was nicht Navigation ist (rechts von der Nav) */
#inhalte {
	float: left;
	width: 772px;
	height: 495px;

}

/* in leer sind lediglich das aeskulap-logo und die border (per Hintergrundbild) */
#leer {
	float: none;
	width: 772px;
	height: 122px;
	background-image: url(Bilder/slices1_02.gif);
}

/* Das verlinkte Aeskulap-Logo wird separat positioniert */
#logo {
	position: absolute;
	margin-left:17px;
	margin-top: 92px;
	width: 130px;
	height: 25px;

}
#claim {
	position: absolute;
	width: 140px;
	height: 25px;
	margin-top: 92px;
	margin-left: 598px;
	background-image:  url(Bilder/aerzte-homepage.gif)
}

/* Der tstrich gehoert optisch noch zur Navigation, links neben flash */
#tstrich {
	float: left;
	width: 78px;
	height: 64px;
	background-image: url(Bilder/slices1_03.gif);
	
}

/* Der Flashfilm */
#flash {
	float: left;
	width: 694px;
	height: 64px;
	background-image: url(Bilder/slices1_04.gif);
	
}

/* In dieser Box werden die eigentlichen Inhalte (Texte und Bilder) positioniert */
#inhaltbox {
	float: left;
	width: 772px;
	height: 309px;
	background-image: url(Bilder/slices1_05.gif);

}

#text {
     float: left;
	 margin-top: 20px;
	 margin-left: 80px;
	 width: 520px;
	 color: #000033;
	 height: 280px;
	overflow: auto;
}

#text a:hover {
	 color: #000033;
	 }


#box {
float: left;
margin-top: 80px; 
margin-left: 30px;
overflow: hidden;
} 



.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color : #000033;
	text-decoration: none;
	line-height: 15px;

}

.zwischenüberschriften {
	font-size: smaller;
	font-weight: bold;

}
.kleiner {
	font-size: xx-small;
	font-weight: bold;
	line-height: 130%;

}

.teifblau {
	color: #000000;
}

.Askulap {
	font-variant: small-caps;
	color: #FF7700;

}
.ersteworte {
	font-weight: bold;
}



#weiter {
position: relative; 
margin-top: -10px;
width:100px; 
height:20px; 
z-index:3; 
margin-left: 380px; 
overflow: hidden; 
border: 1px none #000000;
visibility: visible;                   
}
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.kleintext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #000033;
}

#aerzte-homepage {
display: none
}


#content {
	position: relative;
	top: 42px;
	left: 78px;
	height: 140px;
	width: 690px;
	overflow: visible;
}

.overview {
clear: left;
float: left;
margin: 12px 0 0 0;
width: 250px;
}

.view {
float: left;
width: 28px;
height: 28px;
}

.littleview {
float: left;
margin: 16px 0 0 12px;
height: 12px;
width: 12px;
overflow: hidden;
}

* html .littleview {
margin: 14px 0 0 12px; 
height: 16px;
m\argin: 16px 0 0 12px; 
h\eight: 12px;
}

.littleview a{
background-color: #ccc;
}

.littleview a:hover{
background-color: orange;
}

#preview {
position: absolute;
padding: auto;
text-align: center;
width: 400px;
height: 300px;
top: 10px;
right: 0px;
}

#bgr1 {
	background-image: url(Bilder/trier-design.gif);
	background-repeat: no-repeat;
}


#bgr2 {
	background-image: url(Bilder/slices1_02.gif);
	background-repeat: no-repeat;
	height: 122px;
	width: 772px;
}



#bgr3 {
background-image: url(Bilder/slices1_03.gif);
	background-repeat: no-repeat;

}

#bgr4 {
background-image: url(Bilder/slices1_04.gif);
	background-repeat: no-repeat;
}

#bgr5 {
background-image: url(Bilder/slices1_05.gif);
	background-repeat: no-repeat;
}

#table1 {
height: 122px;
width: 722px;
}

#linkinhaltcontainer
{
font-size: 11px;
visibility:visible;
width:220px;
height:80px;
position:absolute;
left:0px;
top:170px;
}

#galerie-weiter {
	position: absolute;
	top: 240px;
	left: 380px;
	width: 100px;
	height: 20px;
	overflow: hidden;



}
h1 {
display: none;
}
h5 {
display: none;
}
#tiefblau {
	position: absolute;
	left: 841px;	
}