body, html          { color: #333; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 140%; background-color: #0baee8; margin: 0; padding: 0; width: 100%; height: auto }
h1 { color: #0baee8; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; line-height: 140%; margin: 0 }
h2 { color: #0baee8; font-size: 16px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal }
hr { width: 580px; height: 1px; border-top: 1px dotted #0b9bcf; border-bottom: 0 none }
input { height: 20px; border: solid 1px #53c3dc }
span { width: 394px; float: right }
textarea { width: 270px; border: solid 1px #53c3dc }

.clear{
  clear:both;
}

ul{
  margin:10px 0;
  padding:0 0 0 20px;
}


a,
a:hover{
  outline:0;
}


.aktiv { color: #fff; font-size: 12px; line-height: 30px; text-decoration: none; background-image: url("../images/button_aktiv.gif"); background-repeat: no-repeat; text-indent: 20px; display: block; margin-top: 5px; margin-bottom: 5px; width: 160px; height: 28px; border: solid 1px #53c3dc }
.aktiv a { color: #fff; font-size: 12px; line-height: 30px; text-decoration: none; display: block }
.aktiv a:hover { color: #fff; font-size: 12px; line-height: 30px; text-decoration: none; background-image: url("../images/button_aktiv.gif"); background-repeat: no-repeat }
.aktiv:hover { color: #fff; background-image: url("../images/button_aktiv.gif"); background-repeat: no-repeat }
.aktivsub  { color: white; font-size: 12px; line-height: 24px; text-decoration: none; background-color: #fff; background-image: url("../images/button_sub_aktiv.gif"); background-repeat: no-repeat; text-indent: 7px; display: block; margin-top: 5px; margin-bottom: 5px; margin-left: 20px; width: 140px; height: 24px; border: solid 1px #53c3dc }
.aktivsub a  { color: white; font-size: 12px; line-height: 24px; text-decoration: none; display: block }
.aktivsub a:hover  { color: white; font-size: 12px; line-height: 24px; text-decoration: none; background-image: url("../images/button_sub_aktiv.gif"); background-repeat: no-repeat }
.aktivsub:hover  { color: white; background-image: url("../images/button_sub_aktiv.gif"); background-repeat: no-repeat }

.anz1h { margin: 20px 19px 0 0; width: 180px; height: 594px; min-height: 574px; float: right; border-style: solid; border-width: 1px 1px 3px 3px; border-color: #a4efff #a4efff #0b9bcf #53c3dc }

.box { background-color: #f6f9f9; padding: 8px }

.content { background-image: url("../images/bg_hori.gif"); background-repeat: repeat-y; background-position: 0 0; margin-right: auto; margin-left: auto; width: 820px }
.content1 { background-image: url("../images/bg_einzel.gif"); background-repeat: repeat-y; background-position: 0 0; margin-right: auto; margin-left: auto; width: 820px }
.content2 { background-repeat: repeat-y; background-position: 0 0; margin-right: auto; margin-left: auto; width: 900px }

.footer  { background-color: #0baee8; width: 100%; height: 70px }
.footertext, .footertext a { color: #fff; font-size: 10px; text-decoration: none; text-indent: 30px }

.formspalte1 { line-height: 25px; text-align: right; margin-right: 20px; width: 180px; height: 20px; float: left }
.formspalte2 { width: auto; float: left }
.formzeile { width: 100%; height: 30px }
.formzeile2 { width: 100%; height: 120px }

.headline1 { text-align: right; margin-right: 10px; margin-left: 10px; width: 180px; height: auto; float: left }
.headline2 { text-align: right; margin-right: 10px; margin-left: 10px; width: 160px; height: auto; float: left }
.headline3 { text-align:left; margin:10px 10px 10px 10px; width: 550px; height: auto; display:block; }


.inaktiv { color: #0baee8; font-size: 12px; line-height: 30px; text-decoration: none; background-color: #fff; background-image: url("../images/button_inaktiv.gif"); background-repeat: no-repeat; text-indent: 20px; display: block; margin-top: 5px; margin-bottom: 5px; width: 160px; height: 28px; border: solid 1px #53c3dc }
.inaktiv a { color: #0baee8; font-size: 12px; line-height: 30px; text-decoration: none; display: block }
.inaktiv a:hover { color: #fff; font-size: 12px; line-height: 30px; text-decoration: none; background-image: url("../images/button_aktiv.gif"); background-repeat: no-repeat }
.inaktiv:hover { color: #fff; background-image: url("../images/button_aktiv.gif"); background-repeat: no-repeat }
.inaktivsub { color: #0baee8; font-size: 12px; line-height: 24px; text-decoration: none; background-color: #fff; background-image: url("../images/button_sub_inaktiv.gif"); background-repeat: no-repeat; text-indent: 7px; display: block; margin-top: 5px; margin-bottom: 5px; margin-left: 20px; width: 140px; height: 24px; border: solid 1px #53c3dc }
.inaktivsub a { color: #0baee8; font-size: 12px; line-height: 24px; text-decoration: none; display: block }
.inaktivsub a:hover  { color: white; font-size: 12px; line-height: 24px; text-decoration: none; background-image: url("../images/button_sub_aktiv.gif"); background-repeat: no-repeat }
.inaktivsub:hover  { color: white; background-image: url("../images/button_sub_aktiv.gif"); background-repeat: no-repeat }

.innen { padding: 10px 11px 10px 13px; width: auto; height: auto }
.klein { font-size: 11px }
.main { background-color: #53c3dc; background-image: url("../images/bg_global.gif"); padding-top: 50px; width: 100%; min-height: 600px }

.medienbild { width: 160px; height: 210px; float: left }
.navi                  { width: 184px; height: auto; min-height: 600px; float: left; border-top: 1px solid #0baee8 }

.schatten1 { background-color: #0baee8; background-image: url("../images/schatten180.gif"); background-repeat: repeat-x; width: 604px; height: 70px; float: left }
.schatten2 { background-color: #0baee8; background-image: url("../images/schatten180.gif"); background-repeat: repeat-x; width: 184px; height: 70px; float: left }
.schatten3  { background-color: #0baee8; background-image: url("../images/schatten180.gif"); background-repeat: repeat-x; margin-right: 20px; width: 184px; height: 70px; float: left }

.spalte1 { background-image: url("../images/ecke.gif"); background-repeat: no-repeat; background-position: 559px 10px; width: 604px; height: auto; min-height: 600px; float: left; border-top: 1px solid #0baee8 }
.spalte1 a { color: #0baee8; text-decoration: none }
.spalte1 a:hover { text-decoration: none }
.spalte1 h1 a:hover { text-decoration: underline }


.spalte1h { background-color: #fff; background-image: url("../images/ecke.gif"); background-repeat: no-repeat; background-position: 145px 5px; margin: 20px 19px 0 10px; padding: 10px; width: 160px; height: 574px; min-height: 574px; float: right; border-style: solid; border-width: 1px 1px 3px 3px; border-color: #a4efff #a4efff #0b9bcf #53c3dc }
.spalte1halb { background-color: #fff; background-image: url("../images/ecke.gif"); background-repeat: no-repeat; background-position: 553px 5px; margin: 20px 10px 0; padding: 10px; width: 568px; height: 380px; min-height: 380px; float: left; border-style: solid; border-width: 1px 1px 3px 3px; border-color: #a4efff #a4efff #0b9bcf #53c3dc }
.spalte1halb2 { background-color: #fff; background-image: url("../images/ecke.gif"); background-repeat: no-repeat; background-position: 553px 5px; margin: 20px 10px 0; padding: 10px; width: 568px; height: 150px; min-height: 120px; float: left; border-style: solid; border-width: 1px 1px 3px 3px; border-color: #a4efff #a4efff #0b9bcf #53c3dc }
.spalte1halb3 { background-color: #fff; background-image: url("../images/start_bg.gif"); background-repeat: no-repeat; background-position: 0 0; margin: 20px 10px 0; padding: 10px 10px 10px 210px; width: 568px; height: 265px; min-height: 265px; float: left; border-style: solid; border-width: 1px 1px 3px 3px; border-color: #a4efff #a4efff #0b9bcf #53c3dc }
.spalte1halb3 object22 { position: relative; left: -200px }
.spalte1thumb  { color: #0b9bcf; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; width: 90px; float: left }
.spalte1thumb1  { color: #0b9bcf; font-size: 10px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; width: 64px; float: left }
.spalte1thumb2  { color: #0b9bcf; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; width: 140px; float: left }
.spalte2 { background-color: #fff; background-image: url("../images/ecke.gif"); background-repeat: no-repeat; background-position: 559px 10px; margin: 0 10px; width: 600px; height: auto; min-height: 600px; float: left; border-top: 1px solid #a4efff; border-right: 1px solid #a4efff; border-left: 3px solid #53c3dc }
.spalte2_ablage { background-color: #fff; background-image: url("../images/ecke.gif"); background-repeat: no-repeat; background-position: 349px 5px; margin: 20px 10px 0; padding: 10px; width: 364px; height: 265px; min-height: 265px; float: left; border-style: solid; border-width: 1px 1px 3px 3px; border-color: #a4efff #a4efff #0b9bcf #53c3dc }
.spalte3 { background-color: #fff; background-image: url("../images/ecke.gif"); background-repeat: no-repeat; background-position: 138px 10px; margin-top: 20px; width: 180px; height: 350px; min-height: 350px; float: left; border-style: solid; border-width: 1px 1px 3px 3px; border-color: #a4efff #a4efff #0b9bcf #53c3dc }
.spalte3 a { color: #0b9bcf; text-decoration: none; border-bottom: 1px dotted #0b9bcf }

.spaltestartseite {
  background: #FFF url(../images/start_bg.gif) no-repeat 10px 35px;
  margin-bottom: 0;
  width: 600px;
  height: 350px;
  min-height: 350px;
  float: left;
  border-style: solid;
  border-width: 1px 1px 3px 3px;
  border-color: #a4efff #a4efff #0b9bcf #53c3dc
}

.spaltestartseite h2{
  margin-top:0;
  padding-top:0;
}


.text1 { margin-right: 10px; margin-left: 10px; width: 340px; height: auto; float: left }
.text2 { margin-right: 10px; margin-left: 10px; width: 340px; height: auto; float: left }
.text3 { margin-right: 10px; margin-left: 10px; width: 550px; height: auto;}


.zwanzig   { width: 20px; height: 355px; min-height: 355px; float: left }
.zwanzig3 { width: 26px; height: 300px; min-height: 320px; float: left }
.zwanzig6 { width: 18px; height: 210px; min-height: 210px; float: left }
.zwanzig7  { width: 20px; height: 352px; min-height: 350px; float: left }
.zwanzig8  { margin-top: 20px; width: 20px; height: 354px; min-height: 355px; float: left }
.zwanzig9 { width: 26px; height: 10px; min-height: 70px; float: left }


/* LEITUNGEN
------------------------------------------------------------------------------*/

.box_leistung{
  float:left;
  margin:0 15px 10px 0;
}
.box_leistung.last{
  margin:0 0px 10px 0;
}
.box_leistung p{
  font-size:10px;
  text-transform: uppercase;
  color:#0baee8;
  margin:0;
}

.box_leistung a{
  width:180px;
  height:112px;
  display:block;
  opacity:0.6;
  filter: alpha(opacity = 60);
  margin:5px 0;
}
.box_leistung a:hover{
  opacity:1.0;
  filter: alpha(opacity = 100);
}


.togglelist .toggletext{
  margin:0 0 20px 23px;
  width:500px;
}

.togglelist h4{
  margin:0 0 10px 0;
  font-weight:normal;
}


/* REFERENZEN
------------------------------------------------------------------------------*/

.selbox{
  width:250px;
  float:left;
}

select{
  width:250px;
  border: solid 1px #53c3dc;
  margin:5px 0 0 0;
}

label,
.small{
  font-size: 11px;
  color:#666;
}

.refform{
  clear:both;
  margin-bottom:30px;
}

.ref{
  margin:0 0 20px 0;
}


.ref .text1 .ref_left{
  width:100px;
  float:left;
  color:#666;
}

.ref .text1 h2{
  margin:10px 0 0 0;
}

.ref .text1 .ref_right{
  width:230px;
  float:left;
}

.ref .text1 .ref_right ul{
  margin:0 0 0 0;
  padding:0;
  list-style-type:none;
}
.ref .text1 .ref_right ul li{
  padding:0 0 0 13px;
  background:#FFF url(../images/arrow.gif) no-repeat left 4px;
}




/* FLAGS */

.flags{
  text-align:right;
  position:absolute;
  margin-left:125px;
}


/* LEISTUNGEN
------------------------------------------------------------------------------*/

h1 a{
  font-weight:bold;
}


h1 a.arrow{
  padding:0 0 0 13px;
  background:#FFF url(../images/arrow.gif) no-repeat left center;
  font-weight:bold;
}

h1 a.arrow_open{
  padding:0 0 0 13px;
  background:#FFF url(../images/arrow_open.gif) no-repeat left center;
  font-weight:bold;
}

h3{
  padding:0;
  margin:0 0 5px 13px;
}


h3 a.arrow{
  color:#0baee8;
  font-size:12px;
  text-decoration: none;
  padding:0 0 0 13px;
  background:#FFF url(../images/arrow.gif) no-repeat left center;
  font-weight:normal;
}

h3 a.arrow_open{
  color:#0baee8;
  font-size:12px;
  text-decoration: none;
  padding:0 0 0 13px;
  background:#FFF url(../images/arrow_open.gif) no-repeat left center;
  font-weight:normal;
}

.subtxt{
  padding:0 0 0 26px;
}


/* DROPDOWN
------------------------------------------------------------------------------*/

.refform .dd{
	width:250px;
  float:left;
  margin:0 20px 0 0;
}

.dd div.active{
	height:20px;
	line-height:20px;
	background:#FFF url(../images/selectbox.gif) no-repeat right center;
	cursor:pointer;
	border:1px solid #53c3dc;
	text-indent:10px;

}

.dd div a{
	height:20px;
	line-height:20px;
	background:#FFF;
	border-bottom:1px solid #EEE;
	display:block;
	text-indent:10px;
}

.dd div a:hover{
	background:#EEE;
}

.dd div.win{
	width:250px;
	height:63px;
	border:1px solid #CCC;
	overflow:auto;
  overflow: -moz-scrollbars-vertical;
	background:#FFF;
	margin:4px 0 0 -1px;
	position:absolute;
}


/* FORM
------------------------------------------------------------------------------*/

fieldset{
  border:0;
}


form#bewerbung label{
  width:190px;
  float:left;
  text-align:right;
  font-size:12px;
  color:#000;
  padding:5px 10px 5px 0;
}

form#bewerbung input{
  width:300px;
  margin:5px 0;
}

form#bewerbung a.btn{
  margin:20px 0 10px 350px;
}


form#bewerbung h2{
  font-size:12px;
  margin:10px 0 0 0;
  padding:0;

}

form#bewerbung .info{
  width:280px;
  margin:10px 0 10px 200px;
  background:#fff9c2;
  padding:10px;
  border:1px solid #d7d2a4;
}

form#bewerbung input.btn{
  width:300px;
  margin:10px 0 10px 200px;
  background:#CCC;
  border:1px solid #999;
  height:30px;
  cursor:pointer;
}

form#bewerbung textarea{
  width:300px;
}


.err{
  background:#ffc7c7;
  padding:10px;
  border:1px solid #d7a4a4;
  margin:20px 0 10px 210px;
  width:280px;
}

.ok{
  background:#caffc7;
  padding:10px;
  border:1px solid #97cc95;
  margin:20px 0 10px 210px;
  width:280px;
}

.info{
  width:280px;
  margin:20px 0 10px 210px;
  background:#fff9c2;
  padding:10px;
  border:1px solid #d7d2a4;
}

.back{
  width:280px;
  margin:20px 0 10px 210px;
}


#lightbox #caption{
  color:white;
  display:none;
}



/* SLIDER
------------------------------------------------------------------------------*/

.slideshow {
  width: 580px;
  height: 129px;
  margin: auto
}
.slideshow img {
  width:580px;
  height:129px;
}