/*---- IMPORT DER CSS DATEIEN --- COMBINE CSS --- @import url("normal.css") screen,print; ----*/
@import url("ext_news.css");
@import url("extension.css");
@import url("rte.css");



/*---- MAIN DEFINITIONS ---*/
html, body { font-family: arial; }
body { height: 100% !important; }

#background {
	background-repeat: repeat-y;
	top: 0;
	bottom: 0px !important;
	left: 50%;
	margin-left: -482px;
	width: 962px;
	height: 100%;
	z-index: 1;
	position: fixed;
	background-image: url(/fileadmin/templates/bilder/bg_site.gif); background-repeat: repeat-y;
}


* html #background {
	visibility: hidden;
	display: none
}


#site {
	background-repeat: repeat-y;
	visibility: visible;
	position: absolute;
	top: 0;
	bottom: 0px !important;
	left: 50%;
	margin-left: -482px;
	width: 962px;
	z-index: 2
}


* html #site { 
	background-image: url(/fileadmin/templates/bilder/bg_site.gif); background-repeat: repeat-y;
}

.clear {clear:both; }


.content { font-size: 13px; font-weight: normal; font-family: arial; padding-left: 10px; padding-right: 10px; line-height: 16px; margin-top: 30px }

#content1 { display: block; position: relative; margin-bottom: 10px }

* html #content1 { position: relative; margin-bottom: 10px; z-index: 50 !important }





.title { margin-left: 7px }


.start { margin-top: -100px !important; margin-bottom: 68px !important; position: absolute; z-index: 50; width: 520px; }
.start .contentElement { width: 124px !important; float: left; padding: 0px 2px 0px 2px }
.start .contentElement h1 { padding-bottom: 30px; font-size: 14px !important }
.start .contentElement .bodytext { padding-right: 15px !important }

*+html .start { margin-top: -50px !important; padding-bottom: 200px !important }
*+html .start .contentElement { width: 124px !important; float: left; padding: 0px 2px 50px 2px }

* html .start { margin-top: -50px !important; }



.columnOne .contentElement { width: 510px !important; padding-right: 10px !important }
.columnTwo .contentElement { float: left !important }

/*--- ROOTLINE ---*/
.rootline { background-color: #8697c2; height: 18px; font-size: 12px; padding-top: 6px; padding-left: 15px; color: #fff; font-weight: bold; width: 519px !important }

.rootline a.back:link, .rootline a.back:visited, .rootline a.back:active { color: #000 !important; text-decoration: none; font-weight: normal }
.rootline a.back:hover { text-decoration: underline }

.rootline a:link, .rootline a:visited, .rootline a:active { color: #FFF !important; text-decoration: none }
.rootline a:hover { text-decoration: underline }

/*--- CONTENT ---*/

.content1 { margin-top: 0px !important; position: inherit; padding-top: 0px }
.content0 { margin-top: 10px !important; padding-top: 0px; text-align: left !important; float: left; width: 200px }


/*--- NAVIGATION ---*/
.navi { width: 690px; float: left; margin-top: 70px; margin-left: 13px; font-size: 13px !important; font-family: arial; padding: 0px; text-align: left; color: #222222 }

.navi a:link, .navi a:visited, .navi a:active { padding-left: 10px; padding-right: 10px; color: #222222; text-decoration: none; font-size: 13px } 
.navi a:hover { color: #8697c2 !important }

.navi a.act:link, .navi a.act:visited, .navi a.act:active { padding-left: 10px; padding-right: 10px; color: #8697c2 !important; text-decoration: none; font-size: 13px } 
.navi a.act:hover { color: #222222 }

.navi .pipe { font-size: 14px !important; }

.subnavi a:link, .subnavi a:visited, .subnavi a:active { color: #222222; text-decoration: none; font-size: 12px; display: block; padding: 8px 7px 5px 23px; border-bottom: 1px solid #fff; font-family: arial; text-align: left } 
.subnavi a:hover { color: #8697c2 !important }

.subnavi a.act:link, .subnavi a.act:visited, .subnavi a.act:active { color: #8697c2 !important; text-decoration: none; font-size: 12px; display: block; padding: 8px 7px 5px 23px; border-bottom: 1px solid #fff; font-family: arial; text-align: left } 
.subnavi a.act:hover { color: #222222 !important }


.subnavi .level a { padding-left: 30px !important }
.subnavi { margin-top: 75px; line-height: 17px }


.slideshow { margin-top: 80px !important }
.movie { text-align: left; margin-top: 15px; width: 230px !important; overflow-x: hidden }
.flash { margin-top: 80px; text-align: left; font-size: 12px; }
.flash a { margin-top: 15px !important; padding-top: 15px !important; margin-left: 8px; }

.footer a:link, .footer a:visited, .footer a:active { color: #222222; text-decoration: none; font-size: 12px; padding: 2px 8px 2px 8px; font-family: arial; text-align: left }
.footer a.act:link, .footer a.act:visited, .footer a.act:active { color: #8697c2; text-decoration: none; font-size: 12px; padding: 2px 8px 2px 8px; font-family: arial; text-align: left }


.footer a:hover { color: #8697c2 }
.footer .pipe { font-size: 15px !important; padding-top: 2px }




#top {
	height: 120px;
	background-color: #fff
}

#top .logo {
	float: right;
}


.left {
	float: left;
	width: 190px;
	text-align: left;
	padding-bottom: 50px;
	display: block;
	border-right: 1px solid transparent;
	position: inherit;
	left: 0px;
	z-index: 45;
	background-color: transparent;
	bottom: 0px !important;
	top: 120px;
}

.right {
	float: right;
	width: 236px;
	text-align: left;
	padding-bottom: 50px;
	display: block;
	border-left: 0px solid transparent;
	position: inherit;
	right: 0px;
	z-index: 45;
	background-color: transparent;
}

*+html .right {
	width: 235px !important;
	overflow: hidden;
	}




.headLeft { height: 99px  }
*+html .headLeft { height: 120px }


.center { width: 535px; float: left; text-align: left !important; margin-left: 191px !important; padding-bottom: 30px !important }

*+html .center { margin-left: 0px !important; margin-bottom: 30px !important } 
* html .center { margin-left: 0px !important; margin-bottom: 30px !important; width: 534px; overflow: hidden }

/*-- FOOTER --*/
.footer { position: fixed; bottom: 0px; margin-top: -25px !important; background-color: #DEDEDE !important; clear: both; display: block !important; width: 962px; height: 25px; border-top: 1px solid #000; margin-top: 10px !important; z-index: 60 }
.footer .border { border-left: 1px solid #000; margin-left: 190px; height: 22px !important; padding-top: 3px; padding-left: 10px; text-align: left; background-color: #DEDEDE !important; }


*+html .footer { margin-left: -726px !important }




/*-- METANAVI --*/
.metanavi { display: block; height: 75px; border-bottom: 1px solid #000; overflow: hidden; text-align: center !important; padding-left: 7px; padding-right: 7px; width: 519px; overflow: hidden }

.metanavi span.text { display: none; visibility: hidden }

.metanavi div.link { display: inline; float: left; padding: 10px 10px 12px 10px }
.metanavi div.linkManagement { display: inline; float: left; padding: 10px 5px 12px 5px }
.metanavi div.linkQualitaet { display: inline; float: left; padding: 24px 2px 20px 2px }

.metanavi a:link, .metanavi a:visited, .metanavi a:hover, .metanavi a:active { border: 0px !important; text-decoration: none }

.metanavi .border { background-image: url(/fileadmin/templates/bilder/arrow.gif); background-position: center bottom; background-repeat: no-repeat;  }




/*--- LANGUAGE SELECTION ---*/

.language {
	background-color: #dedee0;
	padding-top: 6px;
	padding-bottom: 6px;
	font-size: 11px;
	font-family: arial;	
	padding-left: 23px;
	text-align: left
 }

.languagemenu { width: 135px; float: left }

.print { margin-top: -3px !important; margin-left: 138px }

*+html .language {
	height: 21px;
 }


.language a:link, .language a:visited, .language a:active { text-decoration: none; color: #808080 }
.language a:hover { text-decoration: none }

.language .pipe {;
	padding: 0px 2px;
	font-size: 16px
}



/*-- SEARCH BOX --*/

#searchform { 
	background-color: #fff;
	position: absolute;
	top: 25px;
	width: 190px;
	height: 74px;
	border-bottom: 1px solid #000
 }


*+html #searchform { 
	top: 144px;
	width: 190px;
	overflow: hidden;
	height: 75px;
	border-bottom: 1px solid #000
}


* html #searchform { 
	top: 144px;
	width: 190px;
	overflow: hidden;
	height: 75px;
	border-bottom: 1px solid #000
}


.search .headline {
	padding-bottom: 8px !important;
	padding-bottom: 6px !important;
}

.search input[type=text] { 
	width: 118px !important;
	height: 18px;
	border: 1px solid #809093;
	padding-left: 2px; 
	padding-right: 2px;
}


* html .input {
	width: 100px !important
}

* html .search input .submit {
	width: 29px !important;
	height: 23px
}


.search table {
	margin-left: 23px !important;
	margin-top: 15px !important;
}



/*-- NEWS - RIGHT --*/

.newsHead { 
	border-bottom: 1px solid #000;
	height: 99px !important;
	background-color: #fff;
}

.newsHead .bar { background-color: #dedede; display: block; height: 25px !important; }
* html .newsHead .bar { background-color: #dedede; display: block; height: 24px !important; }


.newsText { margin-left: 12px; margin-top: 55px; font-size: 13px; font-weight: bold }

/*-- HEAD --*/

.head { display: block; height: 75px; border-bottom: 1px solid #000; border-right: 1px solid #000; overflow: hidden }
* html .head { 
	width: 534px
 }


/*-- CONTENT --*/

.contentElement { 
	width: 241px !important;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 10px;
 }
 
.contentBar { margin-top: 100px !important; font-size: 11px; }
.contentBar fieldset { border: 0px !important }
.contentBar .csc-mailform-field { margin-bottom: 5px }
.contentBar input[type=text]  { border: 1px solid #8697c2; }
.contentBar select#mailformanrede { border: 1px solid #8697c2; width: 162px; }
.contentBar #mailformanrede { margin-left: 0px; font-size: 12px !important; width: 120px }
.contentBar label { display: block !important; }
.contentBar input { width: 160px }
.contentBar input[type=submit] { width: 162px }

*+html .contentBar { margin-top: 100px !important; font-size: 11px; padding-left: 10px; padding-right: 10px; }
*+html .contentBar input[type=submit] { width: 165px }


* html .contentBar input[type=submit] { width: 200px !important }
* html .contentBar { margin-left: 10px; }


/* GOOGLE CHROME HACK + SAFARI HACK  (Safari 3, Chrome 1+) */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.footer { margin-left: -8px }
}