@charset "utf-8";
/*
==================================================
Grundeinstellungen
==================================================

html { height:100%; color:#000; background: url("../layout/bg-blue-header.png") #fff repeat-x; font:62.5% Verdana, Geneva, sans-serif; text-align:left; overflow-y:scroll;
  		  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #276c9d),color-stop(1, #00427e));
		  background-image: -moz-linear-gradient(#276c9d, #00427e);
		  background-image: linear-gradient		(#276c9d, #00427e);
		  background-size: 100% 117px;
		  }
body { position:relative; min-height:100%; margin: 0 auto; font-size:1.4em; line-height:1.3; background: url("../layout/bg-blue-footer.gif") 0 100% repeat-x; float:left; overflow:hidden; min-width:100%;
  		  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #00427e),color-stop(1, #00427e));
		  background-image: -moz-linear-gradient(#00427e, #00427e);
		  background-image: linear-gradient		(#00427e, #00427e);
		  background-size: 100% 20px;
}
/* font-family (und ggf. font-style, font-weight) für input, select, textarea extra setzen! */




/* ----- Hauptbereiche ----- */
.header { height:108px; padding-top:9px; line-height:18px; z-index:300;}
.center, .header, .row-teaser ul {width:738px; margin:0 auto; position:relative; clear:both;}
.center {overflow:hidden; padding: 0px;}
.row-image {position:relative;}
.col-content { margin:10px 0;}
.col-content, .fake-content { float:left; width:420px; }
.col-aside {  margin:30px 0;  /*padding-left:20px;*/ padding-right:20px;}
.col-aside, .fake-aside {padding-top:42px; width:268px; float:right; }
.row-teaser {clear:both;  position:absolute; z-index:200; height:97px; bottom:74px; /*margin-bottom:74px;*/ width:100%;
     -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.2); /* FF3.5+ */
  -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.2); /* Saf3.0+, Chrome */
          box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.2); /* Opera 10.5, IE 9.0 */
		  }
.col-content .full-width {width:730px;}

.fake-aside {margin-right:-320px;}
.no-content .col-content, .no-aside .col-aside {display:none;}




/*
==================================================
Inhalte .col-content
==================================================
*/
.slide-container > h2, .slide-container > h1 {position:absolute; color:#fff; font-size: 110px; top:32px; left:20px; line-height:88px; max-width:510px; z-index:10;}
.layer > h2 {padding:6px 20px 0;}
.no-content .layer > h2 {font-size: 36px; line-height:36px; padding:10px 20px 16px;}
/*.layer-container > h2 {top:12px;}*/
.layer-container { position:relative;}
.layer img {display:block;}
.slide-container .info, .layer .info {position:absolute; width:380px; padding:12px 0 40px 20px; background:#fff; right:0; top:20px;}
.slider-mask {overflow:hidden; position:relative;}
.layer {padding-top:0px; width:730px;}
.menu-teaser .layer {position:absolute; bottom:0px; left:0; overflow:hidden; height:0;
     -moz-transition: 0.5s ease-out;  /* FF4+ */
  -webkit-transition: 0.5s ease-out;  /* Saf3.2+, Chrome */
  		  transition: 0.5s ease-out;
}
.menu-teaser a:hover + .layer { height:466px; z-index:10;}
.js .menu-teaser a + .layer { height:0;
     -moz-transition: 0s;  /* FF4+ */
  -webkit-transition: 0s;  /* Saf3.2+, Chrome */
  		  transition: 0s;	
}
.js .layer {display:none;}
.layer:first-child, .slider-mask .layer, .menu-teaser .layer {display:block;}
.slide-container .layer-counter {min-width:70px; width:auto; padding:0px 0 14px 10px; text-align:right;}
.slide-controls a {width:33px; height:43px; position:absolute; top:50%; margin-top:-21px; left:-21px; background:url(../layout/arrow-blue-l.png);}
.slide-controls .btn-forward {left:auto; right:-21px; background-image:url(../layout/arrow-blue-r.png); }



.detail-marker { position:absolute; top:0; left:0; width:26px; height:26px;  border-color:#00427e !important; background:#fff; margin:4px 0 0 9px; color:#FD5300; border:3px solid; font-weight:bold; text-align:center; font-size:19px; line-height:22px; cursor:pointer;
	 -moz-border-radius: 16px; /* FF1+ */
  -webkit-border-radius: 16px; /* Saf3+, Chrome */
          border-radius: 16px; /* Opera 10.5, IE 9 */}
.detail-content, .detail-aside {display:none; overflow:hidden;}
.detail-marker:hover {color:#fff; background: #00427e;  border-color:#FFF !important;}
.act .detail-marker  {border-color:#fff; background: #00427e; color:#00427e; cursor:default;}
/*.detail-aside img {width:268px; height:auto;}
.detail-aside .csc-textpic-imagewrap, .fake-aside .csc-textpic-imagewrap {width:100% !important;}*/
.switch-detail {float:left; clear:both; width:100%;}