/* CSS Document */

html,body{margin:0;padding:0;overflow:hidden; }
body{ font: 11px arial, sans-serif; text-align:center; color:#023f88; background-attachment: fixed; background-image: url(../bilder/hintergrund/back_home.jpg); background-repeat: no-repeat; background-position: center top;

 
}

span.error { color:#990000; }
/*HEADER----------------*/

div#metanav {height:9px; margin: 11px 0 0 0; padding:0 16px 0 0; text-align:right}
div#metanav ul {margin: 0 0 0 0; padding:0 0 0 0}
div#metanav ul li { display: inline-block; margin:0 14px 0 0; padding:0 0 0 14px; background-image: url(../bilder/pfeil_metanav.gif); background-repeat: no-repeat; background-position: left center; list-style-image: none; float:right; }
div#metanav ul li a {color:#023f88; text-decoration:none}
div#header{height:80px;margin:0 0 0 0;padding:0 25px 0 30px;}
div#header #logo {width:150px; float:left; }
div#header #topmenue {height:50px; margin: 22px 0 0 0;float:right; width: 770px; }
div#header #topmenue #topfloat {float: right;}
div#header #topmenue div.topbutton2 { background-image: url(../bilder/button_topmenue.jpg); background-repeat: no-repeat; background-position: right bottom; height:19px; padding:31px 12px 0 12px; margin:0 5px 0 0; float:left}
div#header #topmenue div.topbutton2 img {display: none; }
div#header #topmenue div.topbuttonactive img {display: none; }
div#header #topmenue div.topbuttonactive { background-image: url(../bilder/button_topmenue_active.jpg); background-repeat: no-repeat; background-position: right bottom; height:19px; padding:31px 12px 0 12px; margin:0 5px 0 0; float:left}
div#header #topmenue div.buttonover {  padding:0 0 0 0; margin:0 5px 0 0; float:left}
/*div#header #topmenue div.buttonover div.linkcaption { displaY: none; }*/

div#header #topmenue div.topbutton2 a { color:#FFFFFF; font-size:11px; font-weight:bold; margin:0 0 0 0; text-decoration:none; text-transform: uppercase; }
div#header #topmenue div.topbuttonactive a { color:#FFFFFF; font-size:11px; font-weight:bold; margin:0 0 0 0; text-decoration:none;text-transform: uppercase; }
div#header #topmenue #buttonover a { border:none}

ul#langmenu li {list-style-type: none; float: right; clear: none !important; margin: 1px 10px 0 0 !important; padding: 0 !important; background-image: none !important; list-style-image: none !important;  }
ul#langmenu {margin: 0 14px 0 0 !important; padding: 0 !important; }


/*HEADER ENDE------------*/

div#container{text-align:left;}
div#container{width:980px;
/*height:100%; */
margin:0 auto}

div#headline {padding:80px 0 0 30px; margin:0 0 26px 0}
div#headline h1 {font-size:34px; font-weight:normal; margin:0; width:550px;color:#FFFFFF}

div#content {font-size:12px;height:300px; width:531px; margin:0 0 5px 0; padding:0 24px 14px 30px;float:left;overflow: scroll; display:block;} /**/
/*div#content a {color:#0099cc; text-decoration:underline}*/
div#content p {line-height:140%; margin:0; padding:0;}
div#content h1 {font-size:21px; font-weight:normal;color:#FFFFFF;margin:10px 0 0 0; }
div#content h2 {font-size:12px; font-weight:bold; margin-bottom:2px;color:#FFFFFF}
div#content div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {margin: 5px 15px 0 0;}
div#content div.csc-sitemap ul li a {font-size:14px}
/*.news-list-item {z-index: 99999; height: 290px !important; }*/

.scrollControlsY {z-index: 100;}
div#content div.news-list-item h3 {margin:5px 0 3px 0}
div#content div.news-list-item h3 a {color:#083F88}
div#content div.news-list-item {color:#FFFFFF}
div#content div.news-list-subheader {color:#FFFFFF; margin-bottom:12px}
div#content div.news-list-popupcontent div.news-list-subheader {color:#083F88;}
div#content div.news-list-popupcontent a {color:#083F88!important;}
div#content ul li {color:#FFFFFF}
div#content .closeButton {left:467px!important;top:0!important;}

.wrapcell { width: 100%; }
.fakecell { float: left; width: 33%;}


div#scrollwrap {width: 980px; height: 100%; float: left; clear: both; overflow: auto; }

div.news-list-popupcontent {
display: none; 
border: none; 
background-image: url(../bilder/back-text.jpg); 
background-repeat: repeat-x;
background-color:#FFFFFF;
color:#083F88!important;
position: absolute; 
top: 0; 
overflow: auto; 
height: 315px!important; 
padding:0 0 0 10px;
width: 540px; 
 
}

div.news-list-popupcontent .news-list-subheader {margin:0 5px 0 0}
div.news-list-popupcontent h2 {margin:0 5px 0 0}
div.news-list-popupcontent .news-single-timedata {margin:0 5px 0 0}

/* Pictures on left, add margin on right */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-right: 20px;
	}

.csc-textpic-image {}

div#submenue {width:335px; margin: 0 30px 0 0; text-align:left; float:right;}

/*ACCORDION----------------*/

div#accordion h3.toggler { width:335px; height:26px; color:#FFFFFF; font-weight:normal; font-size:16px;  margin:0; padding:5px 0 0 30px; cursor: pointer; }
div#accordion h3.togglerzu { width:335px; height:26px; color:#FFFFFF; font-weight:normal; font-size:16px;  margin:1px 0 0 0; padding:5px 0 0 30px; cursor: pointer; }
div#accordion h3 {background-image: url(../bilder/accordion-balken.jpg); background-repeat: no-repeat; background-position: left top;}
div.element { height:118px;background-color:#FDFDFD; background-image: url(../bilder/back_acc.jpg); background-repeat: no-repeat; background-position: bottom; margin:0; padding:0 0 0 0 }
div.element p {margin:0 0 0 0;padding:0;}
div.element h4 {margin:0 0 0 0; padding:10px 0 6px 0; font-size:14px; font-weight:normal}
div.element #image {width:90px;margin:0 12px 0 0;padding:0; float:left}
div.element a { background-image: url(../bilder/pfeil_acc.gif); background-position: left center; text-decoration:none; color:#0099cc; background-repeat: no-repeat; padding: 0 0 0 14px }

/*ACCORDION ENDE------------*/

/*FUSS----------------------*/

div#footer{ height:20px; background: #023f88; color: #FFF; font-size:11px; position:absolute; bottom:0; float:left; clear: both; }
div#footer{ clear:both; width:920px; margin:0 0 0 30px;padding:0;}
div#footerlinks {width:500px; height:20px;float:left;margin:0;padding:0}
div#footerlinks ul {margin:3px 0 0 20px; padding:0}
div#footerlinks ul li { display: inline-block; margin:0 12px 0 0; padding:0 0 0 12px; background-image: url(../bilder/pfeil_fuss.gif); background-repeat: no-repeat; background-position: left center; list-style-image: none; float:left }
div#footerlinks ul li a {text-decoration:none; color:#FFFFFF}
div#footerrechts {float:right; padding: 3px 0 0 0; margin:0 20px 0 0;}
div#footerrechts a {color:#FFFFFF; text-decoration:none}

/*FUSS ENDE----------------*/


/* eyecandy----------------*/

.clicked { -moz-border-radius:3px; }

.scroll{position:relative;height: 340px;}

div#presenter {font-size:12px; line-height:130%;position: absolute; width: 550px; height: 318px; border: none; background-image: url(../bilder/fond_bilddetail.png); 
background-repeat: no-repeat; margin-left: 28px;visibility: hidden; padding: 0; z-index: 1000000; }

.mask {
	position: absolute;
	display: block; 
	opacity: 0.9;
	filter: alpha(opacity=90);
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
	z-index: 999;
	background: #fff;
	margin-left: auto;
	margin-right: auto; 
}

.spinner {
	position: absolute;
	opacity: 0.9;
	filter: alpha(opacity=90);
	z-index: 999;
	background: #fff;
}
.spinner-msg {
	text-align: center;
	font-weight: bold;
}

.spinner-img {
	background: url(../bilder/spinner.gif) no-repeat;
	width: 24px;
	height: 24px;
	margin: 0 auto;
}


/* Form----------------*/

table#produkt {width:520px; font-size:11px}
table#produkt td {padding:2px 0 2px 0;}
.textfield {width:225px; border: 1px solid #000066; font-size:12px;padding:2px }
.textfieldklein {width:50px; border: 1px solid #000066; font-size:12px;}
.textfieldmittel {width:167px; border: 1px solid #000066; font-size:12px;}
.textfieldgross {width:490px; border: 1px solid #000066; font-size:12px;padding:2px }
.sendebutton {width:100px; background-color:#033F88; color:#FFFFFF; font-weight:normal; border:none; margin:0 20px 0 0; cursor:pointer;}

.spinner {border: 1px solid black;}
.news-popup-backlink {width: 100%;text-align: right;  }

div.csc-sitemap ul {min-height: 10em;}
div.csc-sitemap li {min-width: 10em;}
div.csc-sitemap ul li {float: left; list-style: none; margin-left: 10px; padding: 0;   }
div.csc-sitemap ul li a {font-weight: bold; font-size: 16px !important;}
div.csc-sitemap ul li ul {padding: 0; margin: 0; min-height: 10em;   }
div.csc-sitemap ul li ul li {padding: 0; margin: 0; float: left; clear: left;  }
div.csc-sitemap ul li ul li a {font-weight: normal; font-size: 14px !important;}
div.csc-sitemap ul li ul li ul {float: left; clear: left; padding: 0 !important; margin: 0 !important; min-height: 0;   }
div.csc-sitemap ul li ul li ul li {float: left;  margin: 0 !important; padding: 0 !important; }
div.csc-sitemap ul li ul li ul li a {font-weight: normal; font-size: 12px !important; padding-left: 5px;}

/*invisible divs*/
div.csc-frame-invisible {
display: none; 
border: none; 
background-image: url(../bilder/back-text.jpg); 
background-repeat: repeat-x;
background-color:#FFFFFF;
position: absolute; 
top: 0; 
overflow: auto; 
height: 280px !important; 
width:535px;
padding: 10px 10px 10px 10px; 
z-index: 100000;
padding-bottom: 30px;
}

#content div.csc-frame-invisible p.bodytext {color:#023f88!important; width:450px}
#content div.csc-frame-invisible h2 {color:#023f88!important; width:450px}
#content div.csc-frame-invisible h1 {color:#023f88!important;}
#content div.csc-frame-invisible #produkt td {color:#023f88!important;}

.csc-textpic-caption {
	cursor: pointer; 
}


div#plainContent {padding: 10px 30px 10px 10px; width: 490px}
div.blogTeaser {float: left; width: 265px;   }
div.blogTeaser h1 {margin: 0; padding: 0; }


div.noScroll {overflow: hidden !important; }