html[xmlns^="http"]{
	overflow-y: scroll; /* Mozilla-Scrollbar */
}


/* ############################################################ */
/* #### allg. Raster / Seitenaufteilung ####################### */

html, body{
	margin:0;
	padding:0;
	color:#999999;
	/* text-align:center; */
}

div#website{
	position: relative;
	/* margin: 0 auto 0 auto; */
	padding: 0;
	width:970px;
	text-align: left;
}

div#signet{
	padding-left:50px;
	height:75px;
	overflow:hidden;
}

div#frontispiece{
	position: relative;
	height:225px;
	overflow:hidden;
	background-color:#c7def4;
	margin-right:30px;
}
body.level_0 div#frontispiece{ height:325px; }
body.prophylaxecenter div#frontispiece{ background-color:#b6c453; }

div#innerfrontispiece { padding: 0 0 0 290px; }
body.level_0 div#innerfrontispiece { padding: 0 0 0 0; }

div#mainnav{
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background-color:#999999;
	margin-right:30px;
	background-repeat: repeat-y;
	background-position: left center;
	background-image: url(img/bg_mainnav.gif);
}
body.prophylaxecenter div#mainnav{ background-image: url(img/bg_mainnav_prophylaxe.gif); }

div#maincolumns{
	padding: 15px 30px 0 160px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(img/nav-shadow.gif);
}

div.float-left{ float:left; }
div.float-right{ float:right; }
div.size-s{
	width:240px;
	overflow:hidden;
}
div.size-m{
	width:375px;
	overflow:hidden;
}
div.size-l{
	width:510px;
	overflow:hidden;
}

div#imgnav{
	padding:2px 0 0 160px;
	overflow:hidden;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(img/bg_imgnav.gif);
}

div#footer{
	border-top:1px solid #ff312a;
	font-size:10px;
	line-height:1.4em;
	text-align:right;
	padding: 5px 0 5px 12px;
	margin-right:30px;
}

.footer-links {
color:#999999;
}
body.prophylaxecenter div#footer{ border-top:1px solid #fb5814; }

div#footer a.to-top{
	float:left;
	padding-left:19px;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(img/bg_to-top.gif);
}
body.prophylaxecenter div#footer a.to-top{ background-image: url(img/bg_to-top_prophylaxe.gif); }

div.clearer{ clear:both; }

/* ############################################################ */
/* #### Allgemeine Formatierungen (Schriften, Listen,... ) #### */

html, body, table, th, td, div, li{
	font-size:16px;
	line-height:1.7em;
	font-family: arial, verdana, helvetica, lucida, sans-serif;
}

h1{
	font-weight:normal;
	font-size:28px;
	line-height:1.4em;
	border-bottom:1px solid #cccccc;
	margin:0;
}

h2{
	font-size:16px;
	line-height:1.4em;
	font-weight:bold;
	margin: 1em 0 0 0;
}

p{ margin:0 0 1em 0; }

a{
	color:#ff312a;
	text-decoration:none;
	outline:0;
}
body.prophylaxecenter a{ color:#fb5814; }

img{ border:none; }


/* ############################################################ */
/* #### Formulare ############################################# */

fieldset{
	border:none;
	margin:0.5em 0 0 0;
	padding:0;
}
label{
	display:block;
}
div.csc-mailform-field{
	padding-bottom:3px;
}
.csc-mailform-field textarea,
input.csc-mailform-input,
.tx-guestbook-field textarea{
	width:300px;
}



/* ############################################################ */
/* #### Hauptnavigation ####################################### */

div#mainnav ul{
	margin: 0;
	padding: 0;
	list-style: none;
	height:35px;
	overflow:hidden;
}

div#mainnav li{
	float: left;
	line-height:35px;
}

div#mainnav a{
	display:block;
	color: #ffffff;
	padding: 0 24px 0 24px;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url(img/bg_mainnav_a.gif);
}
body.prophylaxecenter div#mainnav a{ background-image: url(img/bg_mainnav_a_prophylaxe.gif); }

div#mainnav li.first { width:160px; }
div#mainnav li.first a{
	padding-left:30px;
	background-image: url(img/bg_mainnav_first_a.gif);
}
div#mainnav li.third a{ background-image: url(img/bg_mainnav_a_3.gif); }
div#mainnav li.fourth a{ background-image: url(img/bg_mainnav_a_4.gif); }
div#mainnav li.last a{ background-image:none; }



div#mainnav a.act,
div#mainnav a:hover{
	color:#333333;
	background-color:#cccccc;
}
body.prophylaxecenter div#mainnav a.act,
body.prophylaxecenter div#mainnav a:hover{ background-color:#ff9934; }


div#mainnav li.first a.act,
div#mainnav li.first a:hover{
	color:#ffffff;
	background-color:transparent;
	background-image: url(img/bg_mainnav_first_a_act.gif);
}

/* ############################################################ */
/* #### Unternavigation ####################################### */

div#frontispiece ul{
	position:absolute;
	bottom:0;
	left:50px;
	margin:0;
	padding:0;
	list-style: none;
	width:240px;
}

div#frontispiece li{
	margin:0;
	padding:0 0 0 22px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(img/bg_subnav_li.gif);
}

div#frontispiece li a{ color:#737373; }
div#frontispiece li a.act,
div#frontispiece li a:hover{ color:#ff312a; }

body.prophylaxecenter div#frontispiece li a.act,
body.prophylaxecenter div#frontispiece li a:hover{ color:#fb5814; }


/* ############################################################ */
/* #### Boxen ################################################# */

div.imgbox{
	height:175px;
	overflow:hidden;
	background-color:#e9e9e9;
	margin-bottom:20px;
	font-size:13px;
	line-height:1.3em;
	padding: 0 4px 0 0;
}
div.imgbox div{
	font-size:13px;
	line-height:1.3em;
}
div.imgbox h2{
	padding: 3px 0 10px 0;
	font-size:16px;
	font-weight:normal;
	margin:0;
}


/* Teaser-Boxen */

div.teaserbox{
	float:left;
	width:270px;
	overflow:hidden;
	margin-bottom:20px;
	background-repeat: repeat-y;
	background-position: right top;
	background-image: url(img/bg_teaserbox.gif);
}
div.teaserbox div.inner{ padding-right:30px; }

div.t-grey { background-color:#e9e9e9; }
div.t-blue { background-color:#d4e2ef; }

div.teaserbox .csc-textpic-caption a{
	display:block;
	padding: 0 4px 0 30px;
	background-repeat: no-repeat;
	background-position: 10px center;
	background-image: url(img/arrow.gif);
}

div.t-white a{ color:#999999; }
div.t-grey a, div.t-blue a{ color:#737373; }

div.t-grey .csc-textpic-caption a,
div.t-blue .csc-textpic-caption a{
	line-height:2.2em;
}


/* ############################################################ */
/* #### Drop-Downs ############################################ */

div.dropdown{
	position:absolute;
	display:block;
	top:30px;
	height:45px;
	display:block;
	color:#999999;
}
div.dropdown-1 { right:387px; }
div.dropdown-2 { right:190px; }
div.dropdown-3 { right:30px; }


div.dropdown a.preview{
	display:block;
	float:left;
	color:#999999;
	font-size:10px;
	line-height:1.4em;
	overflow:hidden;
	height:45px;
	padding: 0 15px 0 30px;
	background-repeat: no-repeat;
	background-position: 14px 10px;
	background-image: url(img/arrow.gif);
}
div.dropdown a.preview strong{
	display:block;
	padding-top:5px;
}
div.dropdown a.preview:hover,
div.dropdown:hover a.preview{
	background-color:#a3a3a3;
	background-image: url(img/arrow_down.gif);
	color:#ffffff;
	background-color:#a3a3a3;
}

div.dropdown:hover div.extra{ display:block; }
div.dropdown div.extra{
	display: none;
	position:absolute;
	top:45px;
	right:0;
	width:485px;
	background-color:#a3a3a3;
	font-size:13px;
	line-height:1.3em;
}
div.dropdown div.extra div.inner{
	padding: 15px 20px 5px 20px;
	color:#ffffff;
}

div.dropdown div.inner a{ color:#333333; }









