html { background: #fff url(../img/bg.jpg) top center repeat-x }

* { margin: 0; padding: 0 }
img { border: 0px }
ins { text-decoration: none }
ul { margin: 0 0 0 30px; padding: 0; list-style-type: square }
div, p, td, input, textarea, select { font-size: 12px; font-family: Tahoma, Geneva, sans-serif; color: #666; cursor: default; line-height: 160%; text-align: left }
.input { font-size: 11px; color: #555; height: 17px; border: 1px solid #ccc; background: url(../img/bg_input.gif) top left repeat-x #fff }

.clear { clear: both }

a:link, a:visited, a:hover, a:active { text-decoration: none; color: #777 }

.link { text-decoration: none; border-bottom: 1px dotted #0565a1; cursor: pointer }

#site { width: 992px; min-height: 900px; margin: 0 auto; position: relative; background: url(../img/bg_main.png) 0 42px no-repeat; padding-top: 48px }

//#site_left { width: 77px; min-height: 900px; position: absolute; background: url(../img/bg_left.png) 0 42px no-repeat; padding-top: 48px }

#logo { position: absolute; top: 80px; left: 70px }

#branche { position: absolute; top: 70px; right: 36px; text-align: right; z-index: 10 }
#branche1 { position: absolute; top: 70px; left: 36px; text-align: left; z-index: 10 }

#contentLeft { float: left; padding: 0 0 0 36px; margin: 0 0 50px 0 }
#contentLeft a { text-decoration: none; border-bottom: 1px dotted #059da6; cursor: pointer }

#contentRight{ float: right; width: 705px; margin: 0 0 50px 0 }

#contentRight .text { padding: 70px 30px 0 45px }
#contentRight .text .headline { margin-bottom: 20px }
#contentRight .text .headline h1 { font-size: 18px; color: #0565a1; margin-bottom: 6px }
#contentRight .text .headline h2 { font-size: 18px; color: #0565a1; margin-bottom: 6px; font-weight: normal }

#contentRight .text h1 { font-size: 15px; color: #0565a1; margin-bottom: 6px }
#contentRight .text h2 { font-size: 14px; color: #0565a1; margin-bottom: 6px; font-weight: normal }
#contentRight .text h3 { font-size: 13px; color: #0565a1; margin-bottom: 6px; font-weight: normal }

#contentRight .trenner { height: 100px; background: url(../img/trenner.jpg) center no-repeat; clear:both }
#contentRight .trenner hr { display: none }

#header { width: 699px; height: 279px; margin-right: 6px; position: relative; z-index: 5 }
#header { position:relative }
#header img { position:absolute; top:0px; left:0px; display: none }
#header a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none }
#header .nivo-controlNav { position:absolute; right:36px; bottom:-25px; margin-left:-40px }
#header .nivo-controlNav a { display:block; width:22px; height:22px; background:url(../img/bullets.png) no-repeat; text-indent:-9999px; border:0; float:left; cursor: pointer }
#header .nivo-controlNav a.active { background-position:0 -22px }


#menu { width: 251px; margin-top: 88px }
#menu a { border: 0 }
#menu ul { margin: 0; padding: 0; list-style-type: none }
.menu li { background-image: url(../img/menu_middle.png); background-repeat: no-repeat; height: 27px; cursor: pointer }
.menu li a { padding: 4px 0 4px 34px; display: block }
.menu li.active a { color: #0565a1; font-weight: bold }
.menu li.active ul li a { color: #666; font-weight: normal }

.menu li.top { background-image: url(../img/menu_top.png); background-repeat: no-repeat }
.menu li.bottom { background-image: url(../img/menu_bottom.png); background-repeat: no-repeat; height: 43px }

.menu ul { position: absolute; top: -999em; width: 180px; background-color: #fff; border: 1px solid #ccc; border-bottom: 0px }
.menu ul li { width: 100% }
.menu ul li a { padding: 3px 10px 3px 10px; color: #595959 }
.menu ul li a.pfeil { padding: 3px 20px 3px 10px }
.menu li:hover { visibility: inherit }
.menu li { position: relative;  }
.menu a { display: block; position: relative }
.menu .withSub { background-image: url(../img/link_pfeil.gif); background-repeat:no-repeat; background-position:235px 10px }
.menu li:hover ul, .menu li.sfHover ul { left: 250px; top: 0; z-index: 99 }
ul.menu li:hover li ul, ul.menu li.sfHover li ul, ul.menu li li:hover li ul, ul.menu li li.sfHover li ul { top: -999em }
ul.menu li li:hover ul, ul.menu li li.sfHover ul, ul.menu li li li:hover ul, ul.menu li li li.sfHover ul {left: 250px; top: 0 }

.menu ul li { background-image: url(../img/menu_middle.png); height: auto }
.menu ul li.top { background-image: url(../img/menu_middle.png); height: auto }
.menu ul li.bottom { background-image: url(../img/menu_middle.png); height: auto; border-bottom: 1px solid #ccc }


.formular .bez { width: 250px; font-weight: bold; height: 20px; margin: 10px 0 0 0 }
.formular .bez_betreff { width: 300px; font-weight: bold; height: 20px; margin: 10px 0 0 0 }
.formular .bez_cb { width: 250px; font-weight: bold; height: 20px; margin: 25px 0 0 0 }

.formular .cb { display: inline-block; width: 25px; vertical-align:top }
* html .formular .cb { display: inline }
*:first-child+html .formular .cb { display: inline }

.formular .cb_label { display: inline-block; width: 275px; vertical-align:top }
* html .formular .cb_label { display: inline }
*:first-child+html .formular .cb_label { display: inline }

.formular .input { width: 250px }
.formular .input_plz { width: 70px; margin: 0 5px 0 0 }
.formular .input_ort { width: 171px }
.formular textarea { width: 270px; height: 234px; font-size: 11px; color: #555; border: 1px solid #ccc; background: url(../img/bg_input.gif) top left repeat-x #fff }
.formular .col_l { width: 280px; float: left }
.formular .col_r { width: 300px; float: left; padding-left: 35px; background-image: url(../img/dots_ver.html); background-repeat: repeat-y }
.formular input.absenden { width: 110px; height:20px; border: 1px solid #ccc; cursor: pointer; margin: 25px 0 0 0; text-align:center; display: block; font-weight: bold }

.box { width: 251px; margin: 30px 0 0 0 }
.box h3 { font-size: 14px; color: #0565a1; font-weight: normal; padding: 8px 0 0 34px }

.box .t { background-image: url(../img/box_top.png); background-repeat: no-repeat; height: 52px }
.box .m { background-image: url(../img/box_middle.png); background-repeat: repeat-y; padding: 0 34px 5px; font-size: 11px }
.box .b { background-image: url(../img/box_bottom.png); background-repeat: no-repeat; height: 36px }

#contentRight .contentboxright { float: left; padding: 0 0 0 36px; margin: 0 0 50px 0 }
#contentRight .#contentboxright a { text-decoration: none; border-bottom: 1px dotted #059da6; cursor: pointer }
#contentRight .#contentboxright .box { width: 251px; margin: 30px 0 0 0 }
#contentRight .#contentboxright .box h3 { font-size: 14px; color: #0565a1; font-weight: normal; padding: 8px 0 0 34px }
#contentRight .#contentboxright .box .t { background-image: url(../img/box_top.png); background-repeat: no-repeat; height: 52px }
#contentRight .#contentboxright .box .m { background-image: url(../img/box_middle.png); background-repeat: repeat-y; padding: 0 34px 5px; font-size: 11px }
#contentRight .#contentboxright .box .b { background-image: url(../img/box_bottom.png); background-repeat: no-repeat; height: 36px }

#footer { width: 920px; margin: 0 auto 0px auto; border-top: 1px solid #0565a1; padding: 10px 0 75px 0 }
#footer .copyright { font-size: 10px; float: left }
#footer .impressum { font-size: 10px; float: right; font-weight: bold }