﻿body {
	background: url(/design/img/background_new.jpg) 0 0 repeat-x #a3a3a3;
	font-size: 11px;
	line-height:15px;
	font-family: Verdana;
}

/*
*,
*/
body,
h1,
h2,
h3,
h4,
h5,
p,
div,
span,
img,
ul,
ol {
	margin: 0;
	padding: 0;
}

html{height:100.01%;}

a {
	position: relative;
}

br {
  clear: both;
}

#wrapper {
	margin: auto;
	width: 800px;
}

#header {
	/*background: url(/design/img/header.png) top left no-repeat;*/
	width: 800px;
	height: 160px;
	margin-top: 10px;
	margin-bottom: 6px;
}

#header img {
	margin-top: 4px;
	margin-left: 0px;
}

ul {
	list-style: none;
}

/* LINKKS */

a:link,
a:visited,
a:focus,
a:hover,
a:active {
  text-decoration: none;
}

#navi ul li a:link,
#navi ul li a:visited {
  width: 190px;
  height: 20px;
  display: block;
  padding-left: 10px;
  padding-top: 9px;
  color: #FFFFFF;
  line-height:11px;
}

#navi ul li a:focus,
#navi ul li a:hover,
#navi ul li a:active {
  /*color: #B82633;*/
}

/* LINKS ENDE*/


/* NAVI */


/* LANGNAVI */

#naviLanguage {
	width: 800px;
	height: 11px;
	margin-top: 10px;
}

#naviLanguage ul li {
	float: right;
	margin-right: 10px;
}

#naviLanguage ul li a {
  font-weight: bold;
  color: #999999;
}

#naviLanguage ul li.active a {color: #B82633;}

#naviLanguage ul li a:focus,
#naviLanguage ul li a:hover,
#naviLanguage ul li a:active {
  color: #B82633;
}

/* LANGNAVI ENDE */


/* MAINNAVI */

#navi {
	width: 205px;
	float: left;
	float: right;
	margin-top: 10px;
}

#navi .navi_center_box {
	/*background: url(/design/img/navi_center_box.png) 0 0 repeat-y;*/
	/*width: 205px;*/
}

#navi ul {
	width: 205px;
	margin-left: 0px;
}

#navi ul li {
    background:url(/design/img/navi_center_box_ck.png) 0 0 repeat-y;
	width: 205px;
	padding-left:5px;
	height: 30px;
	margin-bottom:1px;
}

#navi ul li span{
border-bottom: solid 1px #DDDDDD;
display:block;
margin-right:5px;
}

#navi ul li.last span,#navi ul li.lastActive span {border-bottom: none;}


#navi ul li:hover, #navi ul li.active {background:url(/design/img/navi_box_active_ck.png) 0 0 repeat-y;}

#navi ul li.first {background:url(/design/img/navi_top_box_ck.png) 0 0 repeat-y;}
#navi ul li.first:hover, #navi ul li.firstActive {background:url(/design/img/navi_top_box_active_ck.png) 0 0 repeat-y;}

#navi ul li.last {
    height: 35px;
	background:url(/design/img/navi_bottom_box_ck.png) 0 0 repeat-y;
}

#navi ul li.last:hover, #navi ul li.lastActive {
    height: 35px;
	border-bottom: none;
    background:url(/design/img/navi_bottom_box_active_ck.png) 0 0 repeat-y;
}


 #navi ul li.active, #navi ul li.firstActive, #navi ul li.lastActive{font-weight:bold;}

/* MAINNAVI ENDE */


/* NAVI ENDE*/


/* CONTENT */

#content {
	width: 600px;
	float: left;
	float: right;
	margin-left: -5px;
}

* html #content{width:590px;}

.bgr_top {
	background: url(/design/img/ck_bgr_top.png) top left no-repeat;
	width: 600px;
	height: 15px;
	overflow: hidden;
}

* html .bgr_top {

	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/img/ck_bgr_top.png' , sizingMethod= 'scale' );
}

.bgr_center {
	background: url(/design/img/ck_bgr_center.png) 0 0 repeat-y;
	min-height: 200px;
	padding-top:10px;
	padding-bottom:10px;
}

* html .bgr_center {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/img/bgr_center.png' , sizingMethod= 'scale' );
	height: 200px;
}

.bgr_bottom {
	background: url(/design/img/ck_bgr_bottom.png) top left no-repeat;
	width: 600px;
	height: 15px;
	overflow: hidden;
	margin-top: -10px;
}

* html .bgr_bottom {
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/img/ck_bgr_bottom.png' , sizingMethod= 'scale' );
}

.csc-frame-invisible {
	padding-left: 23px;
	padding-right: 20px;
	padding-bottom: 0px;
}

.csc-frame-invisible p{padding-bottom:0px;}

.csc-frame-invisible h1 {
  padding: .3em 0 .3em;
  font-size: 12px;
  padding-left:4px;
}



.box_closed,
.box_open {
	margin: 0 10px;
	padding-bottom: 5px;
}

.box_open {
	width: 580px;
}



.box_closed {
	/* width: 360px; */
}

* html .box_open {
   margin-bottom: -15px;
}

.box_open h1 {
	background: url(/design/img/ck_box_top.jpg) 5px top no-repeat;
	height: 27px;
	padding-left:10px;
}

.box_open h1 a,
.box_closed h1 a {
	padding-left: 20px;
	padding-top: 7px;
	display: block;
  font-weight: bold;
  font-size: 11px;
  line-height:11px;
  height: 20px;
  position:relative;
}

.box_open .box_center {
	background: url(/design/img/ck_box_center.jpg) 5px top  repeat-y;
	width: 540px;
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
}

.box_open .box_bottom {
	background: url(/design/img/ck_box_bottom.jpg) 5px top no-repeat;
	height: 15px;
}

.box_open .box_center p {
	padding-top: .25em;
	padding-bottom: .25em;
	padding-left: 10px; 
	padding-right:20px;
}

.csc-textpic-text p{
	padding-top: 0;
	padding-bottom: 0;
}

.box_closed h1 {
	background: url(/design/img/box_closed.gif) top left no-repeat;
	height: 33px;
	width:360px;
	margin-left:10px;
}

.box_closed h1.projectRef{
	background: url(/design/img/box_closed_425.gif) top left no-repeat;
	height: 33px;
	width:430px;
	margin-left:10px;
}

.box_closed .box_center,
.box_closed .box_bottom {
  visibility: hidden;
  display: none;
}

.box_open h1 a,
.box_open h2 a {
  color: #FFFFFF;
}

.box_open h1 a:hover,
.box_open h2 a:hover {
  color: #CCCCCC;
}

.box_closed h1 a,
.box_closed h2 a {
  color: #B82633;
}

.box_open ul {
	list-style-image: url(/design/img/bindestrich_03.jpg);
	margin-left: 15px;
	padding-left:10px; padding-right:20px;
}

.box_open .box_open ul {margin-left: 27px;}

.box_open ul li{
    padding-bottom:10px;
}

p.bodytext{
padding-left:4px;
padding-right:16px;
padding-bottom:10px !important;}


.box_open .box_open {
	width: 530px;
  margin-left: 0;
  margin-right: 0;
}

.box_open .box_open h2 {
	background: url(/design/img/ck_box2_top.jpg) top left no-repeat;
	height: 27px;
}

.box_open h2 a,
.box_closed h2 a {
	padding-left: 15px;
	padding-top: 7px;
	display: block;
  font-weight: bold;
  font-size: 11px;
  height: 20px;
  line-height:11px;
}

.box_open .box_open,
.box_open .box_closed {
  margin-left: 0px;
  margin-left:10px;
  
}

.box_open .box_open .box_center {
	background: url(/design/img/ck_box2_center.jpg) top left repeat-y;
	width: 510px;
}

.box_open .box_open .box_bottom {
	background: url(/design/img/ck_box2_bottom.jpg) top left no-repeat;
}

.box_open .box_open,
.box_open .box_closed {
  padding-bottom: 0px;
}

.box_open .box_closed h2 {
	background: url(/design/img/box_closed_425.gif) top left no-repeat;
	height: 33px;
	width:430px;
}



.images {
	/*padding-right: .3em;*/
	/*margin-top: .25em;*/
	/*margin-bottom: .25em;*/
/*
	float: left;
  width: 216px;
*/
}

.csc-textpic .images {
	margin-top: .5em;
}

.images .image {
  /*float: left;*/
	/*margin-bottom: .2em;*/
	/*margin-right: 10px;*/
}

.images .image-caption {
	margin-bottom: .2em;
}

.bilder {
	margin: 0 10px 10px 10px;
	padding-top: 10px;
}

.bilder img {
	margin-left: 5px;
}

.footer {
	margin-top: 10px;
}

.footer ul li {
	float: left;
	margin-left: 20px;
}

.footer ul li a:link,
.footer ul li a:visited {
  font-weight: bold;
  color: #B82633;
}

/* CONTENT ENDE*/


/* ALLGEMEINES */

.clearfloat {
	float: both;
}

.spacer {
	display:inline-block;
	width:100%;
	height:20px;
}

/* ALLGEMEINES ENDE */


/* FILTER */

* html #header {
	/*background: none;*/
	/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/img/header.png' , sizingMethod= 'scale' );*/
	width:800px;
	height: 150px;
}

* html #navi .navi_bottom_box {
display:none; /*ck*/
	background: none;

	width: 205px;
	height: 10px;
}

* html #navi .navi_top_box {
display:none; /*ck*/
	background: none;

	width: 205px;
	height:10px;
}

* html #navi .navi_center_box {
	/*background: none;*/
	/*width: 205px;*/
}

* html #navi ul li{
width: 200px;
background: none;
margin-bottom:0px;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/img/navi_center_box_ck.png' , sizingMethod= 'scale' );
}

* html #navi ul li.active, * html #navi ul li.sfhover{
background:none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/img/navi_box_active_ck.png' , sizingMethod= 'scale' );
}


* html #navi ul li.first{
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/img/navi_top_box_ck.png' , sizingMethod= 'scale' );
}

* html #navi ul li.firstActive, * html #navi ul li.firstsfhover{
background:none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/img/navi_top_box_active_ck.png' , sizingMethod= 'scale' );
}

* html #navi ul li.last{
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/img/navi_bottom_box_ck.png' , sizingMethod= 'scale' );
}

* html #navi ul li.lastActive, * html #navi ul li.lastsfhover{
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/design/img/navi_bottom_box_active_ck.png' , sizingMethod= 'scale' );
}


* html #navi ul li span{
border-bottom: solid 1px #DDDDDD;
display:block;
margin-right:0px;
}

* html #navi ul li.last span,#navi ul li.lastActive span {border-bottom: none;}

* html .box_open .box_bottom {
  margin-bottom: 17px;
}

/* FILTER ENDE */

/* LEERE DIVS (TOP / BOTTOM) */


#navi .navi_top_box {
display:none; /*ck*/
	background: url(/design/img/navi_top_box.png) top left no-repeat;
	width: 205px;
	height: 10px;
	overflow: hidden;
}

#navi .navi_bottom_box {
display:none; /*ck*/
	background: url(/design/img/navi_bottom_box.png) top left no-repeat;
	width: 205px;
	height: 10px;
	overflow: hidden;
}

.box_center .images{padding:10px 00px 0px 10px}
.box_center .box_center .images{padding:20px 00px 0px 20px}
.box_center .box_center {padding:0px;}
.box_center .box_center p{padding:10px 20px 0px 20px;}

* html .box_open{margin-right:0px;}


.open_state{width:11px; height:11px; position:absolute;top:8px; right:15px; background: transparent url(/design/img/icon_state_1.gif) left top no-repeat;}
.box_open .open_state{top:11px; right:36px; background: transparent url(/design/img/icon_state_0.gif) left top no-repeat;}
.box_closed .open_state{top:8px; right:25px; background: transparent url(/design/img/icon_state_1.gif) left top no-repeat;}
.box_open .box_closed .open_state{right:30px;}
.box_closed h2 .open_state{right:30px;}
.box_open .box_open .open_state{right:30px;}

/* LEERE DIVS (TOP / BOTTOM) ENDE */

/* temp disable lang navi*/

#naviLanguage{display:none;}


/* indent for boxes on subpage workflow, added via .js*/

.box_closed .indentedBox_0{margin-left:10px; }
.box_closed .indentedBox_1{margin-left:25px; }
.box_closed .indentedBox_2{margin-left:40px; }
.box_closed .indentedBox_3{margin-left:55px; }
.box_closed .indentedBox_4{margin-left:70px; }
.box_closed .indentedBox_5{margin-left:85px; }
.box_closed .indentedBox_6{margin-left:100px; }
.box_closed .indentedBox_7{margin-left:115px; }
.box_closed .indentedBox_8{margin-left:130px; }
.box_closed .indentedBox_9{margin-left:145px; }
.box_closed .indentedBox_10{margin-left:160px; }

/* google maps*/ 

#map{
width: 540px; 
height: 310px; 
margin-left:24px;
margin-bottom:10px;
margin-top:10px;
border:solid #b8b8b8 1px;
}


/* team */


.teamEntry .inner{background:transparent; width:520px;margin-left:5px;padding-bottom:10px;}
.teamEntry img{margin-bottom:10px; border:1px solid #B8B8B8 !important;}
.teamLine{width:520px;height:1px; background:#B82633;overflow:hidden;}
.last .teamLine{display:none;}

.external-link, .external-link-new-window,
.internal-link, .internal-link-new-window,
.download,
a.mail{color:#B82633; font-weight:bold;}

.external-link img, .external-link-new-window img,
.internal-link img, .internal-link-new-window img{display:none;}


/* ORDER FORM */

.fine-line { height:1px; background: #b72532; overflow: hidden; margin: 20px 20px 20px 0; }
* html .fine-line { margin-right: 10px; }
*+html .fine-line { margin-right: 10px; }

.line2 {margin-bottom: 10px;}
.line3 {margin-top: 0; }

.line4 {margin-top: 5px; margin-bottom: 15px; }
* html .line4 { margin-top: 0px; }
*+html .line4 { margin-top: 0px; }

.line5 {margin-top: 15px; margin-bottom: 15px; }

.order-form {padding: 0 20px 20px 23px;}
.order-form h2{font-size: 12px;}

.order-form .form-row {margin-bottom: 10px;}

.order-form label { float: left; display: inline;  width: 130px;}
.order-form input.text {width: 398px; border: solid #787878 1px; background: #eee; }
.order-form select{border: solid #787878 1px; background: #eee; }
.order-form textarea{ width: 398px; height: 88px; border: solid #787878 1px; background: #eee; font-family: Verdana;  font-size: 12px; line-height: 15px;}
.order-form input.zip {width: 121px;}

.brochure label {float: none;}
.radio-row {padding-left: 130px; }
.radio-row label {float: none; width:auto;}

.order-form .brochure1 {
  float: left; 
  padding-left: 130px;
  width: 130px;
  height: 180px;
  background: url(/design/img/brochure_1.jpg) no-repeat; 
}

.order-form .brochure2 {
  float: left; 
  padding-left: 130px;
  width: 130px;
  height: 180px;
  background: url(/design/img/brochure_2.jpg) no-repeat; 
}

.order-form .btn {float:right; display: inline; margin-right: 20px; width: 90px; height: 18px; background: url(/design/img/order_btn.jpg); }
* html .order-form .btn {margin-right: 10px; }
*+html .order-form .btn {margin-right: 10px; }

.order-form .btn span {display: none;}
.order-form input.hidden {position: absolute; left: -9999px; top: 0; }

div.clear {height:0; line-height: 0; overflow: hidden; clear: both; }

.order-form .error-msg {background: #FFCFCF !important;}

.brochures {margin-left: 30px; }

.brochures label {display: block; padding-left: 3px;}
* html .radio-row input {margin-bottom : -1px;}

.brochures_link {
display: block; 
width: 193px; 
height: 177px; 
background: url(/design/img/brochures_link.png) top left no-repeat;
}


div.no-box {
  padding-bottom: 0;
  padding-left: 23px;
  padding-right: 20px;
}

div.no-box h1 {
  font-size: 12px;
  padding: 0.3em 0 0.3em 4px;
}

div.no-box .csc-textpic-imagewrap { 
  padding-bottom: 15px;
}

.box_center .csc-textpic-imagewrap {
    padding: 10px 0 15px 10px;
}

.teamEntry .csc-textpic-imagewrap {
    padding: 0!important;
}


.postal-delivery-fields { display:none;}

.box-brochure { width: 190px; float:left; } 

.box-brochure-last { width: 158px!important;} 

.box-brochure ul { margin: 5px 0 0 5px; } 
.box-brochure li { background: url(/design/img/bg_li_topics.gif) no-repeat 0px 8px; width: 150px; padding-left: 6px; } 
.box-brochure input.chk { margin-left: 10px;} 
* html .box-brochure input.chk { margin-left: 7px;} 
*+html .box-brochure input.chk { margin-left: 7px;} 

.error-nothing-selected { margin-bottom: 15px; color:#B72532; font-weight: bold; display:none;}
