@import url("news.css");

html[xmlns^="http"] {
	overflow-y: scroll; /* Mozilla-Scrollbar */
}

html {
	margin:0;
	padding:0;
}

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

body {
	color:#616568;
	font-size:12px;
	position: relative;
	width: 980px;
	margin: 0 auto 0 auto;
	padding:0;
	text-align: center; /* horizontale Zentrierung in alten IEs */
	background-color:#FFF;
}

div#website {
	position: relative;
	width:980px;
	background-image:url(images/rahmen_lr.jpg);
	background-repeat:repeat-y;
	background-position:left;
	text-align:left;
}

img.rahmen { display:block; }

div#header {
	width:970px;
	height:86px;
	margin:0px 5px 0px 5px;
	background-image:url(images/header.gif);
	background-repeat:no-repeat;
	border-bottom:3px #B6C0C6 solid;
}

a#logo { display:block; width:210px; float:left; }

div#header_ctls {  
	width:319px;
	height:86px;
	float:right;
}
div#home { float:left; width:88px; padding:38px 0px 0px 40px; font-size:10px; line-height:20px; }
a#kontakt_link { color:#FFF; text-decoration:none; }
a#home_link { color:#FFF; text-decoration:none; }
div#idx_search { float:right; width:150px; padding:40px 0px 0px 0px; }
#txtsearch { height:17px; width:113px; padding-top:0px; float:left; font-size:12px; border:0px; }
#imgsearch { display:block; width:20px; height:20px; }

div#mainnav {
	width:970px;
	height:42px;
	margin:0px 5px 0px 5px;
	background-image:url(images/topnavi.jpg);
	background-repeat:repeat-x;
}

div#banner {
	width:980px;
	background-image:url(images/banner2.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}

div#columns{
	width:970px;
	padding:0px;
	margin:0px 5px 0px 5px;
}

div#leftcol{
	float:left;
	width:250px;
	overflow:hidden;
}
div#leftcol_c { 
	padding:143px 48px 39px 0px; 
}

div#rightcol {
	float:right;
	width:720px;
	overflow:hidden;
}
div#rightcol_c { padding:0px; }
div#gesund_c { height:151px; text-align:right; }
div#gesund_c a {
	height:70px;
	position:absolute;
	right:17px;
	top:226px;
	width:215px;
}
div#breadcrumb { padding-left:5px; height:12px; color:#616568; font-size:11px; }
div#content { padding:1px 123px 39px 8px; }

div.clearer{
	clear:both;
}

div#footer{
	color:#000;
	line-height:30px;
	text-align:right;
	font-size: 11px;
	padding-right:20px;
}
div#footer a{ color:#000; }
div#footer a:hover , div#footer a.act{ text-decoration:underline; }

div.frame2 {
	width: 198px;
	padding: 5px;
	background-color: #EEE;
	border: 1px solid #CCC;
}

ul.browsebox li {
	font-size: 11px;
	display: inline;
	margin: 0 5px 0 0;
}

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

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

p { margin: 6px 0 6px 0; }

h1 { font-size:20px; line-height:120%; color:#616568; margin: 20px 0 6px 0; }

h2 { font-size:17px; line-height:120%; color:#616568; margin: 16px 0 6px 0; }
a h2 { text-decoration:underline; color:#003b81; }

h3 { font-size:14px; line-height:120%; color:#616568; margin: 16px 0 6px 0; }

a { text-decoration:none; color:#434343; }

div#content a { text-decoration:underline; color:#003b81; }
.celmenu { text-decoration:underline; color:#003b81; }

img { border:none; }


/* Formulare: */
fieldset{
	border:none;
	margin:0 0 0 0;
	padding:0;
}
label{
	display:block;
}
div.csc-mailform-field{
	padding-bottom:1em;
	font-size: 12px; color:#434343;
}
.csc-mailform-field textarea,
input.csc-mailform-input{
	border:1px solid #A9D7E6;
}

input.csc-mailform-submit{
	margin-top:-1em;
	color:#FFF;
	font-size:12px;
	font-weight:normal;
	font-family : Verdana, Arial, Helvetica;
	background-color:#00447B;
	border:#0px #F1F1F1 solid;
}

/* ############################################################ */
/* ##### Hauptnavigation (3-Stufige PopUp-Navi im Header) ##### */
/* ############################################################ */

/* Menue 1. Ebene */
.mainnav {
	width:100%;
	margin:0;
	height:42px;
}

.mainnav li {
	list-style:none;
	float:left;
}
.mainnav li a {
	display:block;
	float:left;
	height:30px;
	padding:0 10px;
	padding-top:12px;
	text-transform:uppercase;
}

.mainnav li a:hover,
.mainnav li.hover a,
.mainnav li:hover a,
.mainnav li a.act {
	background-image: url('images/topnavi_act.jpg');
	color:white;

}

.mainnav2 {
	display:none;
	width: 225px;
	position:absolute;
	top:131px;
	background:white;
	height:auto;
	margin:0;
	padding:20px 0;
	border:1px solid #666;
	border-top:0px none;
	z-index:9;
}

.mainnav li:hover .mainnav2,
.mainnav li.hover .mainnav2 {
	display:block;
}

.mainnav2 li {
	float:none;
	position:static;
}
.mainnav li .mainnav2 li a {
	float:none;
	height:auto;
	padding:0 20px;
	padding-right:0;
	background:white;
	background-image:none;
	color:black;
	text-transform:none;
	font-size:11px;
}
.mainnav li .mainnav2 li a:hover,
.mainnav li .mainnav2 li a.act {
	background:white;
	color:red;
	text-decoration:underline;

}
.mainnav3 {
	margin:0;
	padding:0;
}
.mainnav li .mainnav2 li .mainnav3 li a {
	padding-left: 40px;
}
.mainnav li .mainnav2 li .mainnav3 li a:hover,
.mainnav li .mainnav2 li .mainnav3 li a.act {
	text-decoration:none;

}


/* ############################################################ */
/* ### Unternavigation (nicht fuer Template der Startseite) ### */
/* ############################################################ */

ul#subnav {
	margin:0px;
	padding:0px;
	list-style: none;
}
ul#subnav li {
	margin:0px;
	padding:0px;
	width:210px;
}
ul#subnav a {
	/*line-height:15px;*/
	font-size:11px;
	display:block;
	padding-left:38px;
	color:#fff;
	background-color:#616568;
	border-bottom:1px #fff solid;
}
ul#subnav a.act { 
	color:#fff;
	background-image:url(images/arrow1.gif);
	background-repeat: no-repeat;
	background-position: 27px 6px;
}
ul#subnav a:hover {
	color:#000;
	background-color:#B8C2C7;
	background-image:url(images/arrow2.gif);
	background-repeat: no-repeat;
	background-position: 29px 4px;
}

ul#subnav2 {
	margin:0px;
	padding:0px;
	list-style: none;
}
ul#subnav2 li {
	margin:0;
	padding:0;
}
ul#subnav2 a {
	display:block;
	/*line-height:15px;*/
	padding-left:47px;
	color:#000;
	background-color:#B8C2C7;
}
ul#subnav2 a.act {
	background-image:url(images/arrow2.gif);
	background-repeat: no-repeat;
	background-position: 29px 4px;
}
ul#subnav2 a:hover{
	background-image:url(images/arrow2.gif);
	background-repeat: no-repeat;
	background-position: 29px 4px;
}