/* global styles for all projects */
*, a {outline: none;-moz-outline: none 0;}
html, body {width: 100%; height: 100%;}
html, body, form, td, th {margin: 0; padding: 0;}

body { background: #fff; color: #666666; font: 12px/17px Arial, Tahoma, sans-serif, monospace; }
table {border-collapse: collapse; font: 12px Arial, Tahoma, sans-serif, monospace;}
img {border:0;}

a {text-decoration:underline; color: #3e3517;}
a:hover {text-decoration:none;}

.clear {clear: both; line-height: 0; font-size: 0;}
.fleft {float: left; display: inline;}
.fright {float: right; display: inline;}

.tech-table { width: 100%; }
.tech-table thead th { border-bottom: 1px dashed #53575a; padding: 5px 20px; color: #3560c9; font-weight: normal; font-style: italic; text-align: left; }
.tech-table td { padding: 5px 20px; }

/* project's custom styles */
#hyperwrapper { height: 12px; }
#wrapper { width: 937px; margin: 0 auto; padding-top: 8px; background: #fff url('../images/shadow-top.png') no-repeat; }
#container { background: url('../images/shadow-bottom.png') no-repeat bottom; padding-bottom: 8px; }
#subwrapper { width: 937px; margin: 0 auto; position: relative; }

.pdf { background:transparent url(../images/pdf.png) no-repeat right 0; height:15px; margin:0 0 5px; padding:0 20px 2px 0; text-decoration: none; color: #666666; }
.pdf:hover { text-decoration: underline; }

/* SHADOWS */
#container .side-shadows-left { background: url('../images/shadow-side-left.png') repeat-y left; }
#container .side-shadows-right { background: url('../images/shadow-side-right.png') repeat-y right; }
#container .shadow-crn-llt { background: url('../images/shadow-corner-llt.png') no-repeat left top; }
#container .shadow-crn-rrt { background: url('../images/shadow-corner-rrt.png') no-repeat right top; }
#container .shadow-crn-rrb { background: url('../images/shadow-corner-rrb.png') no-repeat right bottom; }
#container .shadow-crn-llb { background: url('../images/shadow-corner-llb.png') no-repeat left bottom; }

/* CONTENT */
#container #page {position: relative; padding: 0 8px 20px 18px;}

#container #page #logo { float: right; display: block; width: 343px; height: 109px; position: relative; background: url('../images/logo.png') no-repeat; }
#container #page #logo span { display: none; }

#container #page #slogan {float: left; display: block; width: 502px; height: 27px; margin: 72px 0 0 0; padding-left: 10px; background: url('../images/slogan.png') no-repeat 10px; position: relative;}
#container #page #slogan span { display: none; }

#container #page .block-left {float: left; width: 530px; height: 494px; margin: 10px 0 0 0; padding-left: 12px; position: relative; display: inline;}
#container #page .block-right {float: right; width: 340px; height: 578px; margin: 10px 28px 0 0; position: relative; display: inline;}

#container #page h2 { margin: 10px 0 0 0; padding: 0; font-size: 12px; }
#container #page p { margin: 0 0 10px 0; padding: 0; }

#container .some-links {margin: 44px 0 5px 0;}
#container .some-links a { margin: 0 5px 0 0; font-weight: bold; color: #3b9028; text-decoration: none; font-family: Tahoma; }
#container .some-links a:hover { text-decoration: underline; color: #a4c400; }

a.gbutton { background: url('../images/button.png') no-repeat; width: 126px; height: 19px; padding-top: 2px; line-height: 15px; font-family: Tahoma; display: block; text-align: center; font-weight: bold; color: #3b9028; text-decoration: none; }
a.gbutton:hover { color: #a4c400; }
a.gbutton:active { background: url('../images/button-active.png') no-repeat; height: 18px; padding-top: 3px; color: #a4c400; }

#container .block-right .adv-block-top { width: 320px; height: 100px; padding: 60px 0 0 20px; margin-bottom: 10px; border-top: 1px solid #a4c400; border-bottom: 1px solid #a4c400; line-height: 16px; background: url('../images/adv-block.jpg') no-repeat;}
#container .block-right .adv-block-top .rbutton { width: 60px; height: 60px; float: right; margin: 26px 90px 0 0; display: inline; }
#container .block-right .adv-block-top p { width: 160px; margin: 0 0 5px 0 !important; }

#container .block-right .adv-block-middle {padding: 5px; border-bottom: 1px solid #a4c400;}
#container .block-right .adv-block-middle .adv_headline {width: 219px; height: 57px; margin: 2px 0 0 0 !important;}
#container .block-right .adv-block-middle h2 {width: 219px; height: 57px; margin: 2px 0 0 0 !important;}
#container .block-right .adv-block-middle .first {width: 180px; margin: 10px 0 15px 15px !important;}
#container .block-right .adv-block-middle .first_float {width: 210px; margin: 0 0 8px 15px !important; float: left; display: inline;}
#container .block-right .adv-block-middle .first_float p { margin: 0 0 15px !important;}
#container .block-right .adv-block-middle .first_float .second_middle {margin: 10px 0 5px 0 !important;}
#container .block-right .adv-block-middle .second {width: 260px; margin: 10px 0 5px 0 !important;}
#container .block-right .adv-block-middle .second_float {float: left; margin-top: -45px; margin-left: 5px; display: inline;}      
#container .block-right .adv-block-middle a.gbutton {margin: 0 0 0 0 !important;}
#container .block-right .adv-block-middle .third {margin:4px 0 5px 15px !important; width:260px;}

#container .block-right .adv-block-bottom {padding: 5px; position: relative;}
#container .block-right .adv-block-bottom .adv_headline {width: 219px; height: 57px; margin: 8px 0 0 0 !important; z-index: 2; position: relative;}
#container .block-right .adv-block-bottom h2 {width: 219px; height: 57px; margin: 2px 0 0 0 !important;}
#container .block-right .adv-block-bottom .first {width: 180px; margin: 10px 0 15px 15px !important;}
#container .block-right .adv-block-bottom .first_float {width: 179px; margin: 10px 0 0 15px !important;}
#container .block-right .adv-block-bottom .first_float p { margin: 0 0 15px !important;}
#container .block-right .adv-block-bottom .first_float .second_middle {margin: 10px 0 5px 0 !important;}
#container .block-right .adv-block-bottom .second {width: 260px; margin: 10px 0 5px 0 !important;}
#container .block-right .adv-block-bottom .second_float {position: absolute; top: 50px; left: 200px; z-index: 1;}      
#container .block-right .adv-block-bottom a.gbutton {margin: 0 0 0 0 !important;}
#container .block-right .adv-block-bottom .third {margin:8px 0 5px 15px !important; width:260px;}

#main-menu { list-style: none; margin: 0 4px 0 0 ; padding: 0; float: right; display: inline;}
#main-menu li { margin: 0 5px 10px 5px; padding: 0; float: left; font-weight: bold; display: inline;}
#main-menu li span { width: 1px; height: 7px; margin-top: 5px; display: block; background: #666666; font-size: 0; }
#main-menu li a { color: #666666; text-decoration: none; }
#main-menu li a:hover { text-decoration: underline; }

/* iframe box */
#lightbox { display: none; position: fixed; width: 100%; height: 100%; z-index: 500; background: #555; left: 0; top: 0; opacity: 0.6; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); }

#lightframe { display: none; margin: 80px 0 10px -338px; width: 670px; background: #fff; position: fixed; z-index: 1000; left: 50%; }
#lightframe a.close { background: url('../images/x.png') no-repeat right; display: block; width: 60px; position: absolute; right: 15px; top: 13px; font-size: 11px; color: #666666; }

#lightframe .crn-lt { background: url('../images/lightbox-crn-lt.png') no-repeat left top; position: relative; width: 100%; height: 100%; }
#lightframe .crn-rt { background: url('../images/lightbox-crn-rt.png') no-repeat right top; position: relative; width: 100%; height: 100%; }
#lightframe .crn-rb { background: url('../images/lightbox-crn-rb.png') no-repeat right bottom; position: relative; width: 100%; height: 100%; }
#lightframe .crn-lb { background: url('../images/lightbox-crn-lb.png') no-repeat left bottom; position: relative; width: 100%; height: 100%; }

#lightframe .light-content { padding: 30px; display: none; }
#lightframe .light-content p { font: normal 11px Tahoma; margin: 0; padding: 0 200px 10px 0; }

.light-content .form { width: 330px; margin-top: 3px; float: left; display: inline;}
.light-content .form .field { clear: both; }
.light-content .form .field .title { float: left; font-weight: bold; padding-top: 3px; width: 80px; font-size: 11px; display: inline;}
.light-content .form .field .control { float: right; width: 250px; padding-bottom: 10px; display: inline;}
.light-content .form .field .control select { width: 147px; height: 18px; padding: 0; font-size: 11px; border: 1px solid #ccc; border-top: 1px solid #999; }
.light-content .form .field .control input { width: 245px; height: 16px; padding: 2px 0 0 2px; font-size: 11px; border: 1px solid #ccc; border-top: 1px solid #999; }
.light-content .form .field .control textarea { width: 245px; height: 112px; padding: 2px 0 0 2px; font-size: 11px; border: 1px solid #ccc; border-top: 1px solid #999; }
.light-content .form .field .control a.gbutton { background: url('../images/button.png') no-repeat; border: none; float: right; font-size: 12px; width: 126px; height: 20px; padding: 1px; font-family: Tahoma; display: block; text-align: center; font-weight: bold; color: #3b9028; text-decoration: none; display: inline;}
.light-content .form .field .control a.gbutton:hover { color: #a4c400; }
.light-content .form .field .control a.gbutton:active { background: url('../images/button-active.png') no-repeat; padding: 2px 0 0 0; color: #a4c400; }
.light-content .form .field .title .fnormal { font-weight: normal; }
.light-content .form .field .control.errormsg { text-align: right; color: red; font-size: 11px; }
.light-content .form .field .control.error input,
.light-content .form .field .control.error textarea { border: 1px solid red; }

#lightframe h2.heading-impressum { background: url('../images/heading_impressum.png') no-repeat; width: 114px; height: 25px; display: block; margin: 0 0 23px 0; }
#lightframe h2.heading-impressum span { display: none; }

#kontakt .thanks { display: none; float: left; width: 365px; display: inline;}
#kontakt .thanks p { padding-right: 0 !important; }
#lightframe h2.heading-kontakt { background: url('../images/heading_kontakt.png') no-repeat; width: 114px; height: 25px; display: block; margin: 0 0 8px 0; }
#lightframe h2.heading-kontakt span { display: none; }

.light-content .contacts { width: 228px; margin-top: 36px; float: right; display: inline;}
.light-content .contacts p { padding: 0 0 37px 0 !important; font-size: 11px !important; line-height: 14px !important; }

#lightframe .light-content .headline-kontakt { margin-bottom: 10px; }
#lightframe .light-content .headline-kontakt  p { padding: 0 0 10px 0; }

#copyrights { width: 687px; margin: 50px auto -12px auto; padding: 0 240px 20px 10px; position: relative; font-size: 11px; line-height: 14px; font-family: Tahoma; }


#ratgeber .thanks { display: none; float: left; width: 365px; display: inline;}
#ratgeber .thanks p { padding-right: 0 !important; }
#ratgeber .form { width: 350px; margin-top: 3px; float: left; display: inline;}
#lightframe h2.heading-ratgeber { background: url('../images/heading_ratgeber.png') no-repeat; width: 157px; height: 20px; display: block; margin: 0 0 55px 0; }
#lightframe h2.heading-ratgeber span { display: none; }
#lightframe .light-content .headline-ratgeber { margin-bottom: 20px; }
#lightframe .light-content .headline-ratgeber  p { padding: 0 0 10px 0; }
.light-content .form #ratgeber-form .field .title { float: left; display: inline; font-weight: bold; padding-top: 3px; width: 95px; font-size: 11px; }
.light-content .images { width: 228px; margin-top: -16px; float: right; text-align: center; display: inline;}

#container #page .block-left #left-content { float: left; width: 389px; display: inline;}

#container #page .block-left #right-content { float: left; display: inline;}
#container #page .block-left #right-content .teaser_image {margin-top: 23px;}
#container #page .block-left #right-content .teaser_button {margin-top: 13px;}
#container #page .block-left #right-content .teaser_text {margin-top: 9px;}

#container #page .block-left #full-content {width: 510px;}