html, body{
	margin:0;
	padding:0;
}

body{
	position: relative;
	color:#000000;
	background-color:#ffffff;
	width: 960px;

	background-position: top left;
	background-repeat: no-repeat;
}


/* ############################################################ */
/* #### Raster / Seitenaufteilung ############################# */

img.signet{
	position:absolute;
	left:51px;
	top:529px;
}

div.content{
	position:absolute;
	left:340px;
	top:100px;
	width:580px;
}
body.preisliste div.content{
	width:1400px;
}

div.contentleft{
	float:left;
	width:280px;
	overflow:hidden;
}
div.contentright{
	float:right;
	width:280px;
	overflow:hidden;
}

p#breadcrumb {
	clear:both;
	margin: 2em 0 0.5em 0;
	border-top:1px solid #cccccc;
}

div.subnavbox{
	position:absolute;
	left:183px;
	width:138px;
	overflow:hidden;
	background-image: url(images/bg_subnavbox_oben.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

ul#subnavlist{
	position:absolute;
	left:150px;
	top:106px;
	width:160px;
	overflow:hidden;
	margin:0;
	padding:0;
	text-align:right;
	list-style-type:none;
}

p#marginlinks{
	position:absolute;
	left:720px;
	top:47px;
	height:16px;
	width:200px;
	overflow:hidden;
	text-align:right;
	font-size:10px;
	line-height:16px;
}

ul#toplinks{
	position:absolute;
	left:307px;
	top:6px;
	width:610px;
	height:41px;
	overflow:hidden;
	margin:0;
	padding:0;
	list-style-type:none;
}

ul#speciallinks{
	position:absolute;
	left:99px;
	top:12px;
	width:215px;
	height:50px;
	overflow:hidden;
	margin:0;
	padding:0;
	list-style-type:none;
}

div#marginalien{
	position:absolute;
	left:0;
	top:650px;
	width:321px;
	overflow:hidden;
	background-image: url(images/bg_marginalien_center.gif);
	background-position: top left;
	background-repeat: repeat-y;
}
div#marginalien div.inner{
	padding: 0 10px 0 20px;
}

/* ############################################################ */
/* #### Hintergrundbilder ##################################### */

body.frau{ background-image: url(images/bg_body_frau.jpg); }
body.frau_lasik{ background-image: url(images/bg_body_frau_lasik.jpg); }

body.mann{ background-image: url(images/bg_body_mann.jpg); }
body.mann_lasik{ background-image: url(images/bg_body_mann_lasik.jpg); }
body.mann_haar{	background-image: url(images/bg_body_mann_haar.jpg); }

body.unisex{ background-image: url(images/bg_body_unisex.jpg); }



/* ############################################################ */
/* #### Allgemeine Formatierungen (Schriften, Listen,... ) #### */

html, body, table, th, td, div{
	font-size: 12px;
	line-height:1.5em;
	font-family: arial, verdana, helvetica, lucida, sans-serif;
}

h1{
	font-size: 16px;
	line-height:1.5em;
	margin:0 0 12px 0;
	padding:0;
	border-bottom:1px solid #999999;
}

h2{
	font-size: 14px;
	line-height:1.5em;
	margin:12px 0 12px 0;
	padding:0;
	border-bottom:1px dotted #999999;
}

p{
	margin:0 0 1em 0;
	padding:0;
}

span.important{
	color:#CC0000;
	background-color:inherit;
	font-weight:bold;
}

dd.csc-textpic-caption{
	text-align:center;
	font-style:italic;
}



body.frau a{
	color:#993366;
	background-color:inherit;
}
body.mann a{
	color:#003366;
	background-color:inherit;
}
body.unisex a{
	color:#FF6600;
	background-color:inherit;
}


img{ border:none; }

/* Punktliste mit grünen Häckchen: */
ul.csc-bulletlist-2{
	list-style-type:none;
	margin-left:0;
	padding-left:0;
}
ul.csc-bulletlist-2 li{
	padding-left:43px;
	background-image: url(images/bg_liste_haeckchen.gif);
	background-position: top left;
	background-repeat: no-repeat;
}


/* Formulare: */
fieldset{
	border:none;
	margin:0.5em 0 0 0;
	padding:0;
}
label{
	display:block;
}
div.csc-mailform-field{
	padding-bottom:5px;
}


div#marginalien ul,
div.content ul{
	list-style-type:square;
}


/* Tabellen: */
table.contenttable-0 td{ vertical-align:top; }
table.contenttable-0 td.td-0 { width:75px; }

td.align-center{
	text-align:center;
}

td p, td p{
	margin:0;
	line-height:1.3em;
}


/* ############################################################ */
/* #### Untermenü (Körper-)Region ############################# */

ul#koerperregionen{
	margin:0;
	padding:0;
	list-style-type:none;
}

ul#koerperregionen li{
	position:absolute;
	display:block;
	width:183px;
	overflow:hidden;
	margin:0;
	padding:0;
}

ul#koerperregionen li#region19{ top:131px; }
ul#koerperregionen li#region20{ top:229px; }
ul#koerperregionen li#region21{ top:293px; }
ul#koerperregionen li#region22{ top:357px; }
ul#koerperregionen li#region24{ top:120px; }
ul#koerperregionen li#region25{ top:238px; }
ul#koerperregionen li#region26{ top:292px; }
ul#koerperregionen li#region27{ top:358px; }

ul#koerperregionen li a{
	display:block;
	margin-left:128px;
	text-decoration:none;
	font-weight:bold;
}


/* ############################################################ */
/* #### Untermenü Box ######################################### */

div#box19{ top:93px; }
div#box20{ top:202px; }
div#box21{ top:275px; }
div#box22{ top:340px; }
div#box24{ top:93px; }
div#box25{ top:230px; }
div#box26{ top:275px; }
div#box27{ top:340px; }

div.subnavbox ul{
	margin:7px 0 0 0;
	padding:0 0 7px 5px;
	list-style-type:none;
	background-image: url(images/bg_subnavbox_unten.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}
div.subnavbox ul li{
	margin:0;
	padding:0;
}
div.subnavbox ul li a{
	display:block;
	padding:2px 0 2px 8px;
	background-position: center left;
	background-repeat: no-repeat;
	text-decoration:none;
	line-height:1.2em;
}

body.frau div.subnavbox ul li a{ background-image: url(images/bg_subnavbox_dot_frau.gif); }
body.mann div.subnavbox ul li a{ background-image: url(images/bg_subnavbox_dot_mann.gif); }


/* ############################################################ */
/* #### Untermenü Liste ####################################### */

ul#subnavlist li{
	margin:0 0 3px 0;
	padding:0 0 0 0;
	display:block;
}

ul#subnavlist li a{
	display:block;
	text-decoration:none;
	padding-right:12px;
	background-position: center right;
	background-repeat: no-repeat;
	line-height:13px;
	font-weight:bold;
	font-size:11px;
}

body.frau ul#subnavlist li a{ background-image: url(images/bg_subnavlist_dot_frau.gif); }
body.mann ul#subnavlist li a{ background-image: url(images/bg_subnavlist_dot_mann.gif); }


/* ############################################################ */
/* #### Margin-Links (Sitemap, Impressum) ##################### */

p#marginlinks a{
	text-decoration:none;
}
body.frau p#marginlinks a,
body.mann p#marginlinks a{
	color:#996633;
	background-color:inherit;
}
body.unisex p#marginlinks a{
	color:#666666;
	background-color:inherit;
}
body.frau p#marginlinks a img.dot,
body.mann p#marginlinks a img.dot{
	background-image: url(images/dot_small_mann_frau.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
body.unisex p#marginlinks a img.dot{
	background-image: url(images/dot_small_unisex.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}


/* ############################################################ */
/* #### Top-Links (Kontakt, Ärzte / Kliniken, ...) ############ */

ul#toplinks li{
	display:block;
	float:left;
	margin:0;
	padding:0;
	width:120px;
	height:19px;
	overflow:hidden;
}

ul#toplinks li a{
	font-size:10px;
	font-weight:bold;
	display:block;
	margin:0;
	padding:0 0 0 14px;
	height:19px;
	text-decoration:none;
	line-height:14px;
	color:#000000;
	background-color:inherit;
	background-image: url(images/bg_toplinks_li.gif);
	background-position: left top;
	background-repeat: no-repeat;
}
ul#toplinks li a:hover,
ul#toplinks li.act a{
	background-image: url(images/bg_toplinks_li_act.gif);
}


/* ############################################################ */
/* #### Special-Links (Hotline, Home, ...) #################### */

ul#speciallinks li{
	display:block;
	float:left;
	margin:0;
	padding:0;
	width:53px;
	height:50px;
	overflow:hidden;
}
ul#speciallinks li a{
	display:block;
	margin:0;
	padding:39px 7px 0 0px;
	text-decoration:none;
	font-size:8px;
	font-weight:bold;
	line-height:12px;
	color:#000000;
	background-color:inherit;
	background-position: left top;
	background-repeat: no-repeat;
	text-align:center;
}

body.frau ul#speciallinks li.linkto31 a{ background-image: url(images/bg_speciallinks_frau_hotline.gif); }
body.frau ul#speciallinks li.linkto1  a,
body.frau ul#speciallinks li.linkto6  a{ background-image: url(images/bg_speciallinks_frau_home.gif); }
body.frau ul#speciallinks li.linkto32 a{ background-image: url(images/bg_speciallinks_frau_anfrage.gif); }
body.frau ul#speciallinks li.linkto5  a{ background-image: url(images/bg_speciallinks_frau_mann.gif); }

body.mann ul#speciallinks li.linkto31 a{ background-image: url(images/bg_speciallinks_mann_hotline.gif); }
body.mann ul#speciallinks li.linkto1  a,
body.mann ul#speciallinks li.linkto5  a{ background-image: url(images/bg_speciallinks_mann_home.gif); }
body.mann ul#speciallinks li.linkto32 a{ background-image: url(images/bg_speciallinks_mann_anfrage.gif); }
body.mann ul#speciallinks li.linkto6  a{ background-image: url(images/bg_speciallinks_mann_frau.gif); }

body.unisex ul#speciallinks li.linkto31 a{ background-image: url(images/bg_speciallinks_unisex_hotline.gif); }
body.unisex ul#speciallinks li.linkto1  a{ background-image: url(images/bg_speciallinks_unisex_home.gif); }
body.unisex ul#speciallinks li.linkto32 a{ background-image: url(images/bg_speciallinks_unisex_anfrage.gif); }


/* ############################################################ */
/* #### Circle / Kreis-Links ################################## */

ul.circlelinks{
	margin:0;
	padding:0;
	list-style-type:none;
}

ul.circlelinks li{
	position:absolute;
	display:block;
	height:58px;
	margin:0;
	padding:0;
	overflow:hidden;
}

ul.circlelinks li a{
	display:block;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
	line-height:1.2em;
	background-image: url(images/clear_58_58.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

li#circle1{
	left:136px;
	top:106px;
	width:183px;
}
li#circle1 a{ padding: 22px 0 22px 76px; }

li#circle2{
	left:190px;
	top:162px;
	width:129px;
}
li#circle2 a{ padding: 22px 0 22px 76px; }

li#circle3{
	left:186px;
	top:399px;
	width:133px;
}
li#circle3 a{ padding: 17px 0 17px 67px; }

li#circle4{
	left:134px;
	top:443px;
	width:185px;
}
li#circle4 a{ padding: 22px 0 22px 67px; }