*{
  font-family:arial;
  font-size:12px;
  color:#004d8b;
  outline:none;
}

body{
  background:#0064ab url(../images/layout/bgbody.jpg) repeat-x;
  text-align:center;
  margin:0;
  padding:0;
}

img,
form,
fieldset{
  margin:0;
  padding:0;
  border:0;
}

.clear{
  clear:both;
}


#content a{
  color:#0096da;
  text-decoration:none;
  border-bottom:1px solid #c1cdd8;
}

#content a:hover{
  color:#004d8b;
  text-decoration:none;
}

#content a.noborder{
  border:0;
}


#anatips_tip{
	padding: 2px 6px;
	background: #004d8b;
	border: 1px solid #004d8b;
	text-align: left;
	font-size: 15px;
	color:#FFF;
	visibility: hidden;
  position: absolute;
  z-index: 100;
	/*opacity: 0.9*/
}



/* CONTAINER
----------------------------------------------------------------------------- */

#container{
  width:800px;
  margin:0 auto;
  text-align:left;
}
#header{
  width:800px;
  height:160px;
  background:#0064ab url(../images/layout/bgheader.gif) no-repeat;
}
#content{
  background:#FFF;
  /*min-height:500px;*/
  width:750px;
  padding:20px 25px 0 25px;
}
#footer{
  width:800px;
  height:20px;
  background:#0064ab url(../images/layout/bgfooter.gif) no-repeat 50% bottom;
  margin:0 0 20px 0;
}



/* CONTENT
----------------------------------------------------------------------------- */

#content .content{
  width:450px;
  float:left;
}

#content .sidebar{
  width:280px;
  float:right;
}

#content h1{
  font-size:15px;
}

#content h2{
  font-size:14px;
}


#content p{
  line-height:1.5em;
}

#content p.strong{
  font-weight:bold;
  width:350px;
}

#content p.info{
  background:#f2f2f2;
  border:2px solid #c1cdd8;
  padding:10px;
  margin:10px 0;
  width:494px;
}


#content .zitat p{
  font-size:11px;
  margin:10px 0 5px 0;
}
#content .zitat span{
  font-size:11px;
  color:#666;
  font-style:italic;
}

















/* MENU
----------------------------------------------------------------------------- */

#header .menu{
  width:480px;
  height:20px;
  position:absolute;
  top:140px;
  margin-left:25px;
}

#header .menu ul{
  margin:0;
  padding:0;
  list-style-type:none;
  width:480px;
  height:20px;
  background:#FFF url(../images/layout/menu/bgmenu.gif) no-repeat left top;
}
#header .menu ul li{
  float:left;
}
#header .menu ul li a{
  display:block;
  text-decoration:none;
  height:20px;
  margin-right:15px;
}

#header .menu ul li a.info{
  background:#FFF url(../images/layout/menu/info.gif) no-repeat left bottom;
  width:40px;
}
#header .menu ul li a:hover.info,
#header .menu ul li a.info_act{
  width:40px;
  background:#FFF url(../images/layout/menu/info.gif) no-repeat left top;
}

#header .menu ul li a.zeit{
  background:#FFF url(../images/layout/menu/zeit.gif) no-repeat left bottom;
  width:146px;
}
#header .menu ul li a:hover.zeit,
#header .menu ul li a.zeit_act{
  width:146px;
  background:#FFF url(../images/layout/menu/zeit.gif) no-repeat left top;
}

#header .menu ul li a.quiz{
  background:#FFF url(../images/layout/menu/quiz.gif) no-repeat left bottom;
  width:41px;
}
#header .menu ul li a:hover.quiz,
#header .menu ul li a.quiz_act{
  width:41px;
  background:#FFF url(../images/layout/menu/quiz.gif) no-repeat left top;
}

#header .menu ul li a.bewerbung{
  background:#FFF url(../images/layout/menu/bewerbung.gif) no-repeat left bottom;
  width:162px;
}
#header .menu ul li a:hover.bewerbung,
#header .menu ul li a.bewerbung_act{
  width:162px;
  background:#FFF url(../images/layout/menu/bewerbung.gif) no-repeat left top;
}


/* QUICKMENU
----------------------------------------------------------------------------- */

#content .quickmenu{
  width:750px;
  height:150px;
}

#content .quickmenu ul{
  margin:10px 0 0 0;
  padding:0;
  list-style-type:none;
  width:740px;
  height:111px;
}
#content .quickmenu ul li{
  float:left;
  margin:0;
  padding:0;
}
#content .quickmenu ul li a{
  display:block;
  text-decoration:none;
  height:111px;
  margin:0;
  padding:0;
  border:0;
}

#content .quickmenu ul li a.vs{
  background:#FFF url(../images/layout/quickmenu/vs.gif) no-repeat left top;
  width:125px;
}
#content .quickmenu ul li a:hover.vs,
#content .quickmenu ul li a.vs_act{
  width:125px;
  background:#FFF url(../images/layout/quickmenu/vs.gif) no-repeat left bottom;
}

#content .quickmenu ul li a.am{
  background:#FFF url(../images/layout/quickmenu/am.gif) no-repeat left top;
  width:130px;
}
#content .quickmenu ul li a:hover.am,
#content .quickmenu ul li a.am_act{
  width:130px;
  background:#FFF url(../images/layout/quickmenu/am.gif) no-repeat left bottom;
}

#content .quickmenu ul li a.tz{
  background:#FFF url(../images/layout/quickmenu/tz.gif) no-repeat left top;
  width:125px;
}
#content .quickmenu ul li a:hover.tz,
#content .quickmenu ul li a.tz_act{
  width:125px;
  background:#FFF url(../images/layout/quickmenu/tz.gif) no-repeat left bottom;
}

#content .quickmenu ul li a.mb{
  background:#FFF url(../images/layout/quickmenu/mb.gif) no-repeat left top;
  width:120px;
}
#content .quickmenu ul li a:hover.mb,
#content .quickmenu ul li a.mb_act{
  width:120px;
  background:#FFF url(../images/layout/quickmenu/mb.gif) no-repeat left bottom;
}

#content .quickmenu ul li a.el{
  background:#FFF url(../images/layout/quickmenu/el.gif) no-repeat left top;
  width:120px;
}
#content .quickmenu ul li a:hover.el,
#content .quickmenu ul li a.el_act{
  width:120px;
  background:#FFF url(../images/layout/quickmenu/el.gif) no-repeat left bottom;
}

#content .quickmenu ul li a.km{
  background:#FFF url(../images/layout/quickmenu/km.gif) no-repeat left top;
  width:120px;
}
#content .quickmenu ul li a:hover.km,
#content .quickmenu ul li a.km_act{
  width:120px;
  background:#FFF url(../images/layout/quickmenu/km.gif) no-repeat left bottom;
}

/* STRECKE
----------------------------------------------------------------------------- */

.strecke{
  margin:10px 0 0 0;
}


.strecke ul{
  list-style-type: none;
  width:340px;
  float:left;
  margin:10px;
  padding:0;
}
.strecke ul li{
  padding:10px 0 10px 30px;

}
.strecke ul li.s1{
  background:#FFF url(../images/layout/strecke1.gif) no-repeat left 10px;
}
.strecke ul li.s2{
  background:#FFF url(../images/layout/strecke2.gif) no-repeat left 10px;
}
.strecke ul li.s3{
  background:#FFF url(../images/layout/strecke3.gif) no-repeat left 10px;
}
.strecke ul li.s4{
  background:#FFF url(../images/layout/strecke4.gif) no-repeat left 10px;
}
.strecke ul li.s5{
  background:#FFF url(../images/layout/strecke5.gif) no-repeat left 10px;
}
.strecke ul li.s6{
  background:#FFF url(../images/layout/strecke6.gif) no-repeat left 10px;
}
.strecke ul li.s7{
  background:#FFF url(../images/layout/strecke7.gif) no-repeat left 10px;
}
.strecke ul li.s8{
  background:#FFF url(../images/layout/strecke8.gif) no-repeat left 10px;
}
.strecke ul li.s9{
  background:#FFF url(../images/layout/strecke9.gif) no-repeat left 10px;
}
.strecke ul li.s10{
  background:#FFF url(../images/layout/strecke10.gif) no-repeat left 10px;
}
.strecke ul li.s11{
  background:#FFF url(../images/layout/strecke11.gif) no-repeat left 10px;
}
.strecke ul li.s12{
  background:#FFF url(../images/layout/strecke12.gif) no-repeat left 10px;
}

/* QUIZ
------------------------------------------------------------------------------*/

#content .quiz_left{
  width:360px;
  float:left;
  font-size:12px;
  color:#666;
}
#content .quiz_right{
  width:360px;
  float:left;
}

form#quiz{
  margin:10px 0 0 0;
}


form#quiz label{
  font-size:16px;
  margin:10px 0 5px 0;
  display:block;
}

form#quiz input{
  margin:5px 2px 5px 20px;
}

form#quiz .ergebnis{
  margin:35px 0 0 0;
}
form#quiz .ergebnis label{
  font-weight:bold;
}



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

form#bewerbung{
  margin:10px 0 0px 0;
}

form#bewerbung label{
  display:block;
  margin:5px;
  float:left;
  width:200px;
}

form#bewerbung input,
form#bewerbung select,
form#bewerbung textarea{
  padding:2px;
  margin:5px 0;
  width:300px;
}

form#bewerbung textarea{
  height:200px;
  overflow:auto;
}

form#bewerbung a.btn{
  width:150px;
  height:25px;
  text-align:center;
  background:#FFF url(../images/layout/btn.gif) no-repeat left top;
  color:#FFF;
  display:block;
  font-size:12px;
  font-weight:bold;
  border:0;
  line-height:25px;
  margin:20px 0 20px 366px;

}
form#bewerbung a:hover.btn{
  background:#FFF url(../images/layout/btn.gif) no-repeat left bottom;
}


/* MESSAGES
------------------------------------------------------------------------------*/

.msg{
  background:#faff7f;
  border:2px solid #d5d96a;
  padding:10px;
  margin:10px 0;
  line-height:1.5em;
}

.err{
  background:#ffb7b7;
  border:2px solid #d58c8c;
  padding:10px;
  margin:10px 0;
  line-height:1.5em;
  width:494px;
}

.msg_am,.msg_tz,.msg_mb,.msg_el,.msg_km,.msg_all{
  padding:10px 0 0 100px;
  height:100px;
  line-height:1.4em;
  margin:10px 0 0 0;
}

.msg_am{
  background:#FFF url(../images/layout/msg_am.gif) no-repeat left top;
}

.msg_tz{
  background:#FFF url(../images/layout/msg_tz.gif) no-repeat left top;
}

.msg_mb{
  background:#FFF url(../images/layout/msg_mb.gif) no-repeat left top;
}

.msg_el{
  background:#FFF url(../images/layout/msg_el.gif) no-repeat left top;
}

.msg_km{
  background:#FFF url(../images/layout/msg_km.gif) no-repeat left top;
}

.msg_all{
  background:#FFF url(../images/layout/msg_all.gif) no-repeat left top;
}

.loader{
  background:#FFF url(../images/layout/loader.gif) no-repeat left 50%;
  padding:10px 0 10px 30px;
}