/* @override 
	http://2015.oco-praeparate.de/css/styles.css
*/

/* @group Reset */

body{-webkit-text-size-adjust:none;font-size:12px;line-height:1.3em;font-family:Verdana,Arial,Helvetica,sans-serif}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}h1{font-size:28px}h2{font-size:22px}h3{font-size:18px}h4{font-size:16px}h5{font-size:14px}h6{font-size:12px}h1,h2,h3,h4,h5,h6{line-height:1em;padding-bottom:.5em}ol,ul{padding-left:2em}p,ul,ol{padding-bottom:.5em}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}a:hover,a:active,:focus{outline:0}body{color:black;background:white}a img{border:0}pre,code,samp,kbd,var,input[type="password"]{font-family:"DejaVu Sans Mono","Bitstream Vera Sans Mono",Consolas,Monaco,"Liberation Mono",Andale Mono,monospace;font-size:.9em}dt,strong,th,samp,dfn,h1,h2,h3,h4,h5,h6{font-weight:bold}blockquote,q{font-style:italic}blockquote cite,q cite{font-style:normal}acronym,abbr{cursor:help}acronym{letter-spacing:.07em}ul,ol,dl{position:relative}p{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQIW2NkAAIAAAoAAggA9GkAAAAASUVORK5CYII=)}.clear{clear:both}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}textarea{overflow:auto}

/* @end */

/* @group StayDownFooter */

html, body, #wrap {
	height: 100%;
}

body > #wrap {
	height: auto;
	min-height: 100%;
}

#main {
	padding-bottom: 220px; /* #1# */
}

#footer {
	position: relative;
	margin-top: -220px; /* #-1# */
	height: 220px; /* #1# */
	clear: both;
}

/* @end */

html,body{
	background: #003479 url(bg.jpg) no-repeat fixed center top;
	background-image: -o-linear-gradient(50deg, #003479 10.00%, #ffffff 50%, #003479 90.00%);
	background-image: -moz-linear-gradient(50deg, #003479 10.00%, #ffffff 50%, #003479 90.00%);
	background-image: -webkit-linear-gradient(50deg, #003479 10.00%, #ffffff 50%, #003479 90.00%);
	background-image: -ms-linear-gradient(50deg, #003479 10.00%, #ffffff 50%, #003479 90.00%);
	background-image: linear-gradient(50deg, #003479 10.00%, #ffffff 50%, #003479 90.00%);
	background-position: center;
	background-attachment:fixed;
	background-repeat: no-repeat;
}

#main{
}

#footer{
	background: url(footer.png) repeat-x center;
	-webkit-transition: opacity 1s;
/*
	opacity: 0.6;
	transition: opacity 1s;
*/
}
/*
#footer:hover{
	opacity: 1;
	-webkit-transition: opacity 1s;
	transition: opacity 1s;
}
*/
#bg{
	background: url(c.fff.o.60.png);
	width: 980px;
	height: 100%;
	position: fixed;
	left: 50%;
	margin-left: -490px;
	-moz-box-shadow: 0px 0px 50px rgba(3, 52, 121, 0.3);
	-webkit-box-shadow: 0px 0px 50px rgba(3, 52, 121, 0.3);
	box-shadow: 0px 0px 50px rgba(3, 52, 121, 0.3);
}

.head, .pageimg, .main{
	width: 980px;
	margin: 0 auto;
	position: relative;
}

.pageimg, .hoverIMG{
	position: relative;
	display: block;
	width: 980px;
	height: 240px;
	cursor: default;
	background: #e7e9eb;
}
.imgA{
	top: 0px;
	left: 0;
	position: absolute;
}
.imgB{
	top: 0px;
	left: 0;
	position: absolute;
}

.head{
	height: 405px;
}
.coclogo{
	position: absolute;
	top: 30px;
	left: 40px;
	width: 120px;
}
.nav {
	position: absolute;
	top: 107px;
	left: 130px;
	height: 21px;
	width: 700px;
	z-index: 100;
}


.langselect{
	position: absolute;
	right: 35px;
	top: 110px;
	cursor:  default;
}
.langselect a{
	line-height: 16px;
	cursor: pointer;
}
.langselect img{
	border: 2px solid transparent;
	opacity: 0.5;
}
.langselect .current img, .langselect a:hover img{
	border: 2px solid #fff;
	background: #fff;
	opacity: 1;
}

.pageimg{
	position: absolute;
	bottom: 0;
}
.pageimg img{
	width: 980px;
}

.main>div{
	padding: 30px 40px 50px 160px;
}







.main{
	font-size: 14px;
	line-height: 1.3em;
	color: #222;
}

p{
	padding-bottom: 14px;
}

h1,h2,h3,h4,h5,h6{
	font-size: 18px;
	font-weight: normal;
	color: #003479;
	padding-bottom: 15px;
}

h1{
	font-size: 22px;
}

.main a{
	color: #003479;
}

.main a sup{
	text-decoration: none;
}

sup{
	font-size: 0.6em;
	top:-0.7em;
	opacity: 0.7;
}

.main p, .main li{
	break-inside: avoid;
}

ul{
	margin-bottom: 15px;
}

iframe{
	border: none;
}

hr{
	height: 1px;
	border: none;
	background: #666;
}




































/* @group kontaktform */


.bd_kontaktform .inner{
	position: relative;
}

.bd_kontaktform, .bd_kontaktform input, .bd_kontaktform textarea {
	font-size: 14px;
}

.bd_kontaktform input, .bd_kontaktform textarea {
	background: #FFF;
	border: 1px solid #666;
	padding: 3px;
}

.bd_kontaktform .bd_formfehler {
	background: #FCC;
	border: 1px solid #F66;
}

.bd_kontaktform #send {
	padding: 0 1em;
}

.bd_kontaktformok {
	padding: 0 3px;
	background: #9F9;
	margin-bottom: 0.5em;
}

.bd_kontaktformfehler {
	padding: 0 3px;
	background: #FCC;
	border: 1px solid #F66;
	margin-bottom: 0.5em;
}

.bd_captchaimg{
	margin-bottom: -6px;
	margin-right: 3px;
}

.bd_boxlabel, .bd_boxlabel input{
	cursor: pointer;
}

.bd_boxlabel:hover{
	text-decoration: underline;
}

.bd_kontaktformID1{
	position: relative;
	height: 610px;
	margin-top: 15px;
}

.bd_kontaktformID1 .bd_label_1 {
	position: absolute;
	top: 5px;
}

.bd_kontaktformID1 .bd_input_1_0{
	position: absolute;
	top: 0px;
	left: 190px;
	width: 200px;
}

.bd_kontaktformID1 .bd_label_2 {
	position: absolute;
	top: 35px;
}

.bd_kontaktformID1 .bd_input_2_0{
	position: absolute;
	top: 30px;
	left: 190px;
	width: 80px;
}

.bd_kontaktformID1 .bd_input_2_1{
	position: absolute;
	top: 30px;
	left: 285px;
	width: 80px;
}

.bd_kontaktformID1 .bd_label_3 {
	position: absolute;
	top: 65px;
}

.bd_kontaktformID1 .bd_input_3_0{
	position: absolute;
	top: 60px;
	left: 190px;
	width: 140px;
}

.bd_kontaktformID1 .bd_input_3_1{
	position: absolute;
	top: 60px;
	left: 345px;
	width: 200px;
}

.bd_kontaktformID1 .bd_label_4 {
	position: absolute;
	top: 95px;
}

.bd_kontaktformID1 .bd_input_4_0{
	position: absolute;
	top: 90px;
	left: 190px;
	width: 300px;
}

.bd_kontaktformID1 .bd_label_5 {
	position: absolute;
	top: 125px;
}

.bd_kontaktformID1 .bd_input_5_0{
	position: absolute;
	top: 120px;
	left: 190px;
	width: 80px;
}

.bd_kontaktformID1 .bd_input_5_1{
	position: absolute;
	top: 120px;
	width: 205px;
	left: 285px;
}

.bd_kontaktformID1 .bd_label_6 {
	position: absolute;
	top: 155px;
}

.bd_kontaktformID1 .bd_input_6_0{
	position: absolute;
	top: 150px;
	left: 190px;
	width: 200px;
}

.bd_kontaktformID1 .bd_label_7 {
	position: absolute;
	top: 185px;
}

.bd_kontaktformID1 .bd_input_7{
	position: absolute;
	top: 180px;
	left: 190px;
	width: 200px;
}

.bd_kontaktformID1 .bd_label_8 {
	position: absolute;
	top: 225px;
}

.bd_kontaktformID1 .bd_input_8_0{
	position: absolute;
	top: 250px;
	left: 190px;
	width: 200px;
}

.bd_kontaktformID1 .bd_label_9 {
	position: absolute;
	top: 325px;
}

.bd_kontaktformID1 .bd_input_9{
	position: absolute;
	top: 350px;
	left: 190px;
	width: 500px;
	height: 80px;
}

.bd_kontaktformID1 .bd_label_10 {
	position: absolute;
	top: 295px;
}

.bd_kontaktformID1 .bd_input_10{
	position: absolute;
	top: 290px;
	left: 0px;
}

.bd_kontaktformID1 .bd_label_11 {
	position: absolute;
	top: 470px;
}

.bd_kontaktformID1 .bd_label_12 {
	position: absolute;
	top: 570px;
}

.bd_kontaktform .bd_captcha_img{
	border: 1px solid #aaa;
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
}

.bd_kontaktformID1 .bd_captcha_img{
	position: absolute;
	top: 520px;
	left: 190px;
	height: 34px;
}

.bd_kontaktformID1 .bd_input_captcha{
	position: absolute;
	top: 524px;
	left: 340px;
	width: 50px;
}

.bd_kontaktform #send1{
    width: 120px;
    height: 29px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    color: rgba(255,255,255,1);
    font: normal 13px/29px "Lucida Grande";
    border: 1px solid rgba(154,154,154,1);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: rgba(0,46,101,1);
    -webkit-box-shadow: rgba(0,0,0,0.1) 1px 1px 1px 0px;
    -moz-box-shadow: rgba(0,0,0,0.1) 1px 1px 1px 0px;
    box-shadow: rgba(0,0,0,0.1) 1px 1px 1px 0px;
}

.bd_kontaktformID1 #send1{
	position: absolute;
	top: 610px;
	left: 190px;
}

.bd_kontaktform input[disabled="disabled"]{
	opacity: 0.4;
	cursor: wait;
}

.bd_kontaktform .bd_mailformcounter{
	font-weight: bold;
	color: #022e65;
	cursor: default;
}

.bd_kontaktformID1 .bd_mailformcounter{
	position: absolute;
	top: 617px;
	left: 330px;
}

.bd_kontaktformID1 .bf_kform_pflicht{
	position: absolute;
	top: 614px;
	left: 590px;
	color: #999;
	font-style: italic;
	cursor: default;
}

.bd_kontaktformID2{
	position: relative;
	height: 830px;
	margin-top: 15px;
}

.bd_kontaktformID2 .bd_label_1 {
	position: absolute;
}

.bd_kontaktformID2 .bd_input_2{
	position: absolute;
	top: 20px;
	left: 20px;
}

.bd_kontaktformID2 .bd_input_3{
	position: absolute;
	top: 40px;
	left: 20px;
}

.bd_kontaktformID2 .bd_input_4{
	position: absolute;
	top: 60px;
	left: 20px;
}

.bd_kontaktformID2 .bd_input_5{
	position: absolute;
	top: 80px;
	left: 20px;
}

.bd_kontaktformID2 .bd_input_6{
	position: absolute;
	top: 100px;
	left: 20px;
}

.bd_kontaktformID2 .bd_input_7{
	position: absolute;
	top: 20px;
	left: 300px;
}

.bd_kontaktformID2 .bd_input_8{
	position: absolute;
	top: 40px;
	left: 300px;
}

.bd_kontaktformID2 .bd_input_9{
	position: absolute;
	top: 60px;
	left: 300px;
}

.bd_kontaktformID2 .bd_input_10{
	position: absolute;
	top: 80px;
	left: 300px;
}

.bd_kontaktformID2 .bd_label_11{
	position: absolute;
	top: 130px;
}

.bd_kontaktformID2 .bd_input_12{
	position: absolute;
	top: 150px;
	left: 20px;
}

.bd_kontaktformID2 .bd_input_13{
	position: absolute;
	top: 150px;
	left: 130px;
}

.bd_kontaktformID2 .bd_label_14{
	position: absolute;
	top: 175px;
}

.bd_kontaktformID2 .bd_input_14_0{
	position: absolute;
	top: 195px;
	left: 150px;
	width: 200px;
}

.bd_kontaktformID2 .bd_label_15{
	position: absolute;
	top: 230px;
}

.bd_kontaktformID2 .bd_input_15{
	position: absolute;
	top: 250px;
	left: 150px;
	width: 500px;
	height: 80px;
}

.bd_kontaktformID2 .bd_label_16{
	position: absolute;
	top: 350px;
}

.bd_kontaktformID2 .bd_input_16_0{
	position: absolute;
	top: 370px;
	left: 150px;
	width: 200px;
}

.bd_kontaktformID2 .bd_input_17{
	position: absolute;
	top: 405px;
}

.bd_kontaktformID2 .bd_input_18{
	position: absolute;
	top: 425px;
}





.bd_kontaktformID2 .bd_label_19 {
	position: absolute;
	top: 465px;
}

.bd_kontaktformID2 .bd_input_19_0{
	position: absolute;
	top: 460px;
	left: 190px;
	width: 200px;
}

.bd_kontaktformID2 .bd_label_20 {
	position: absolute;
	top: 495px;
}

.bd_kontaktformID2 .bd_input_20_0{
	position: absolute;
	top: 490px;
	left: 190px;
	width: 80px;
}

.bd_kontaktformID2 .bd_input_20_1{
	position: absolute;
	top: 490px;
	left: 285px;
	width: 80px;
}

.bd_kontaktformID2 .bd_label_21 {
	position: absolute;
	top: 525px;
}

.bd_kontaktformID2 .bd_input_21_0{
	position: absolute;
	top: 520px;
	left: 190px;
	width: 140px;
}

.bd_kontaktformID2 .bd_input_21_1{
	position: absolute;
	top: 520px;
	left: 345px;
	width: 200px;
}

.bd_kontaktformID2 .bd_label_22 {
	position: absolute;
	top: 555px;
}

.bd_kontaktformID2 .bd_input_22_0{
	position: absolute;
	top: 550px;
	left: 190px;
	width: 300px;
}

.bd_kontaktformID2 .bd_label_23 {
	position: absolute;
	top: 585px;
}

.bd_kontaktformID2 .bd_input_23_0{
	position: absolute;
	top: 580px;
	left: 190px;
	width: 80px;
}

.bd_kontaktformID2 .bd_input_23_1{
	position: absolute;
	top: 580px;
	width: 205px;
	left: 285px;
}

.bd_kontaktformID2 .bd_label_24 {
	position: absolute;
	top: 615px;
}

.bd_kontaktformID2 .bd_input_24_0{
	position: absolute;
	top: 610px;
	left: 190px;
	width: 200px;
}

.bd_kontaktformID2 .bd_label_25 {
	position: absolute;
	top: 645px;
}

.bd_kontaktformID2 .bd_input_25{
	position: absolute;
	top: 640px;
	left: 190px;
	width: 200px;
}






.bd_kontaktformID2 .bd_label_26 {
	position: absolute;
	top: 690px;
}

.bd_kontaktformID2 .bd_captcha_img{
	position: absolute;
	top: 740px;
	left: 190px;
	height: 34px;
}

.bd_kontaktformID2 .bd_input_captcha{
	position: absolute;
	top: 744px;
	left: 340px;
	width: 50px;
}




.bd_kontaktformID2 .bd_label_27 {
	position: absolute;
	top: 790px;
}



.bd_kontaktformID2 #send1{
	position: absolute;
	top: 830px;
	left: 190px;
}

.bd_kontaktformID2 .bf_kform_pflicht{
	position: absolute;
	top: 834px;
	left: 590px;
	color: #999;
	font-style: italic;
	cursor: default;
}

.bd_kontaktformID2 .bd_mailformcounter{
	position: absolute;
	top: 837px;
	left: 290px;
}







/* @end */


/* @group Link-Filetypes */

.ft_generic {
	padding-left: 18px;
	background: url(ft/page_white.png) left center no-repeat;
}

.ft_pdf {
	padding-left: 18px;
	background: url(ft/page_white_acrobat.png) left center no-repeat;
}

.ft_img {
	padding-left: 18px;
	background: url(ft/picture.png) left center no-repeat;
}

.ft_excel {
	padding-left: 18px;
	background: url(ft/page_white_excel.png) left center no-repeat;
}

.ft_powerpoint {
	padding-left: 18px;
	background: url(ft/page_white_powerpoint.png) left center no-repeat;
}

.ft_word {
	padding-left: 18px;
	background: url(ft/page_white_word.png) left center no-repeat;
}

.ft_text {
	padding-left: 18px;
	background: url(ft/page_white_text.png) left center no-repeat;
}

.ft_compressed {
	padding-left: 18px;
	background: url(ft/page_white_zip.png) left center no-repeat;
}

.ft_mail {
	padding-left: 18px;
	background: url(ft/email.png) left center no-repeat;
}

.ft_weblink {
	padding-right: 12px;
	background: url(ft/external_link.png) right center no-repeat;
}

/* @end */