@charset "utf-8";
#menu a.aktiv, #submenu a.aktiv { font-weight:bold; }
* {	margin:0; padding:0; }
body { background-color: #687ba5; background-image: url(../images/back.png); background-repeat: x;}
ul { margin-top: 15px; margin-left: 25px; }
li { padding-bottom: 1px; padding-top: 1px; }
h2 { font-style: normal; font-weight: normal; line-height: 14px; font-size: 10px; color:#fff; }
p { color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14px; margin: 0; padding-top: 8px; }
a { color: #fff; text-decoration: none; }
a:link { color: #fff; text-decoration: none; }
a:visited { color: #fff; text-decoration: none; }
a:hover { color: #fff; text-decoration: none; }
a:active { text-decoration: none; }
img { border-width: 0; }

/*---------basics----------*/
#services { color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14px; margin: 0; padding: 0; position: absolute; top: 605px; right: 10px; }
#services a { color: #fff; text-decoration: none; border-width: 0; }
#services a:hover { color: #335a91; font-weight: normal; text-decoration: none; border-width: 0; }
#impressum { color: white; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14px; position: absolute; top: 605px; left: 120px; margin: 0; padding: 0; }
#impressum a { color: #fff; text-decoration: none; border-width: 0; }
#impressum a:hover { color: #335a91; font-weight: normal; text-decoration: none; border-width: 0; }

#distance { width:1px; margin-bottom:-17.5em; /* half of container's height */ float:left;}
#container { margin:0 auto; margin-top: 40px; position: relative; clear:left; width: 900px; height: 650px; }
#logo { position: relative; top: 0; left: 120px; width: 780px; height: 53px; margin: 0; padding: 0;}
#content { position: absolute; top: 80px; left: 120px; width: 780px; height: 515px; margin: 0; padding: 0; }
.content_left { height: 250px; background-repeat: no-repeat; background-image: url(../images/quad_kl_70.png); position: absolute; width: 250px; hight: 250px; }
.content_left_q_d_o { height: 250px; position: absolute; width: 515px; hight: 250px; top: 265px; }
.content_left_d_o { height: 250px; position: absolute; width: 250px; hight: 250px; top: 265px; }
.content_left_d { height: 250px; background-image: url(../images/quad_kl_50.png); background-repeat: no-repeat; position: absolute; width: 250px; hight: 250px; top: 265px; }
.content_left_text { height: 250px; position: absolute; width: 250px; hight: 250px; top: 265px; }
.content_left_text_scr { height: 250px; position: absolute; width: 250px; hight: 250px; top: 265px; argin: 0; padding: 0; text-align: left; z-index: 1; overflow: scroll; overflow-x: hidden; }
.content_left_text_scr2 { height: 230px; position: absolute; width: 250px; hight: 250px; top: 266px; argin: 0; padding: 0; text-align: left; z-index: 1; overflow: scroll; overflow-x: hidden; }
.content_mid_text { width: 200px; hight: 250px; left: 530px; margin-left:20px; margin-top:15px; line-height: 0.7; text-align: left;}
.content_mid_q_text { width: 450px; hight: 250px; left: 530px; margin-left:20px; margin-top:15px; line-height: 0.7; text-align: left;}
.content_mid_o { height: 250px; position: absolute; width: 250px; hight: 250px; left: 265px; }
.content_mid_q_o { height: 250px; position: absolute; width: 515px; hight: 250px; left: 265px; }
.content_mid { background-image: url(../images/quad_kl_70.png); background-repeat: no-repeat; position: absolute; width: 250px; hight: 250px; left: 265px; }
.content_mid_q { background-image: url(../images/quad_quer.png); background-repeat: no-repeat; position: absolute; width: 515px; hight: 250px; left: 265px; }
.content_mid_q_d_o { height: 250px; position: absolute; width: 515px; hight: 250px; left: 265px; top: 265px; }
.content_mid_d_o { height: 250px; position: absolute; width: 250px; hight: 250px; left: 265px; top: 265px; }
.content_mid_d { height: 250px; background-repeat: no-repeat; background-image: url(../images/quad_kl_30.png); position: absolute; width: 250px; hight: 250px; left: 265px; top: 265px; }
.content_mid_gr { padding: 15px; height: 515px; background-repeat: no-repeat; background-image: url(../images/quad_gr.png); position: absolute; width: 515px; hight: 250px; left: 265px; }
.content_right {  height: 250px; background-image: url(../images/quad_kl_70.png); background-repeat: no-repeat; position: absolute; width: 250px; hight: 250px; left: 530px;}
.content_right_text { height: 250px; width: 250px; left: 530px; margin-left:20px; margin-top:15px;}
.content_right_o { height: 250px; position: absolute; width: 250px; hight: 250px; left: 530px; }
.content_right_d_o { height: 250px; position: absolute; width: 250px; hight: 250px; left: 530px; top: 265px; }
.content_right_d { height: 250px; background-image: url(../images/quad_kl_50.png); background-repeat: no-repeat; position: absolute; width: 250px; hight: 250px; left: 530px; top: 265px; }
.content_right_h { height: 515px; background-repeat: no-repeat; background-image: url(../images/quad_hoch.png); position: absolute; width: 250px; hight: 515px; left: 530px; }
.content_right_q { position: absolute; width: 515px; hight: 250px; left: 265px; }
.content_right_q_d { position: absolute; width: 515px; hight: 250px; left: 265px; top: 265px; }
.content_head_mid { position: absolute; width: 500px; hight: 30px; top: 20px; left: 275px; color: #fff; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; 0; line-height: 1.2; text-align: left; }
.content_text_mid { position: absolute; width: 220px; hight: auto;  top: 50px; left: 275px; color: #fff; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; 0; line-height: 1.2; text-align: left; }
.content_text_mid { position: absolute; width: 220px; hight: auto;  top: 50px; left: 275px; color: #fff; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; 0; line-height: 1.2; text-align: left; }
.content_text_mid_q { position: absolute; width: 500px; hight: auto;  top: 50px; left: 275px; color: #fff; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; 0; line-height: 1.2; text-align: left; }
.content_head_mid_d { position: absolute; width: 230px; hight: 30px; top: 280px; left: 275px; color: #fff; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; 0; line-height: 1.2; text-align: left; }
.content_text_mid_d { position: absolute; width: 230px; hight: auto;  top: 310px; left: 275px; color: #fff; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; 0; line-height: 1.2; text-align: left; }
.content_text_mid_d_q { position: absolute; width: 500px; hight: auto;  top: 310px; left: 275px; color: #fff; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; 0; line-height: 1.2; text-align: left; }
.content_head_left { position: absolute; width: 230px; hight: 30px; top: 280px; left: 20px; color: #fff; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; 0; line-height: 1.2; text-align: left; }
.content_text_left_d_q { position: absolute; width: 480px; hight: 250px; top: 310px; left: 20px; color: #fff; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; 0; line-height: 1.2; text-align: left; }
.content_head_right_d { position: absolute; width: 230px; hight: 30px; top: 280px; left: 540px; color: #fff; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; 0; line-height: 1.2; text-align: left; }
.content_text_right_d { position: absolute; width: 230px; hight: auto; top: 310px; left: 540px; color: #fff; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; 0; line-height: 1.2; text-align: left; }
.content_text_formular { position: absolute; width: 500px; hight: auto;  top: 20px; left: 285px; color: #fff; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; 0; line-height: 1.2; text-align: left; }
.content_head_impressum { position: absolute; width: 230px; hight: 30px; top: 20px; left: 285px; color: #005091; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; 0; line-height: 1.2; text-align: left; }
.impressum { position: absolute; width: 450px; hight: auto; top: 50px; left: 285px; color: #005091; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 1.2; position: absolute; text-align: left; }
#back { background-repeat: no-repeat; background-image: url(../images/pfeil.png); hight:16px; width: 95px; left: 300px; text-align: right; margin-left: 18px; margin-top: 30px; color: #005091; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px;}
#back:hover { background-repeat: no-repeat; background-image: url(../images/pfeil_hover.png); hight:16px; width: 95px; left: 275px; text-align: right; margin-left: 18px; margin-top: 30px; color: #005091; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px;}
#back_o { background-repeat: no-repeat; background-image: url(../images/pfeil_o.png); hight:16px; width: 95px; left: 300px; text-align: right; margin-left: 18px; margin-top: 30px; color: #005091; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px;}
.caption { text-align: center; color: #005091; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14px; margin: 0; padding-top: 8px;}
.jobs { position: absolute; width: 500px; hight: auto;  top: 60px; left: 275px; color: #fff; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; 0; line-height: 1.2; text-align: left; }
.ausbildung { position: absolute; width: 500px; hight: auto;  top: 60px; left: 275px; color: #fff; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; 0; line-height: 1.2; text-align: left; } 


#menu {	position: absolute; top: 100px; color: #fff; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; width: 100px; margin: 0; padding: 0; line-height: 0.7; text-align: right; }
#menu a { color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; margin: 0; padding: 2px; border-width: 0; display: block; }
#menu a:hover { color: #687ba5; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; display: block; margin: 0; padding: 2px; border-width: 0; }
#submenu { height: 200px; line-height: 12px; position: absolute; top: 20px; left: 20px; color: #005091; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; width: 220px; margin: 0; padding: 0; text-align: left; z-index: 1; }

.referenzen { height: 215px; width: 220px; line-height: 12px; position: absolute; top: 20px; left: 20px; color: #005091; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; margin: 0; padding: 0;text-align: left; z-index: 1; overflow: scroll; overflow-x: hidden; }
#submenu a { color: #005091; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; margin: 0; padding: 0px; border-width: 0; display: block; }
#submenu a:hover { color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; display: block; border-width: 0; }
.jCarouselLite { width: 480px; }
#ref_logo { z-index: 100; top: 390px; left: 575px; position: absolute; }
.jCarouselLite li { font-family: Verdana, Arial, "Lucida Grande", sans-serif; color: #005091; font-size: 10px; text-align: center; }
.jCarouselLite img { margin-bottom: 15px; }
#submenu ul { padding: 0px; margin: 0px; list-style-type: none; }
#submenu li { padding-right: 0px; padding-left: 0px; padding-bottom: 4px; padding-top: 0px; }

#content_formular { width: 475px; }
.form { color: #005091; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14px;  }
#formright { width: 240px; float: right; left: 230px; }
#formmiddle { width: 240px; float: left; margin: 0 0 0 10px; }
#formdown { width: 475px; margin-top: 60px; margin-left: 10px }
.enter { width: 200px; }
#submenu_scroll ul { line-height: 14px; margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: 0px; list-style-type: none; padding: 0px; }
#submenu_scroll a { color: #005091; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; margin: 0; padding: 0px; border-width: 0; display: block; }
#submenu_scroll a:hover { color: #fff; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; display: block; border-width: 0; }
#holder { margin-left: 15px; margin-top: 15px; }
#submenu_scroll2 { width: 250px; top: 272px; position: absolute; }