html{color:#000;background:#fff; font-family: Tahoma, verdana, arial, sans-serif;}
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,ul,li,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0; font-size: 12px;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:normal;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal; font-size: 100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup, sup{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
hr {display: none;}
div.hr {border-top: 1px solid #ccc; margin: 10px 0;}
.inline {display: inline !important;}

#page {width: 930px; position: absolute; left: 50%; margin-left: -465px; padding-bottom: 40px;}

#title {height: 150px; background-image: url(../images/header.jpg); background-repeat: no-repeat;}
#title h1 {display: none;}

#nav1 {position: absolute; left: 50%; margin-left: -446px; top: 73px; height: 42px; width: 310px;}
#nav1 li {display: block; float: left; margin: 0; padding: 0; width: 103px;}
#nav1 li span {display: none;}
#nav1 a {height: 42px; width: 100px; display: block; background-repeat: no-repeat; background-position: 0 0;}
#nav1 a.selected {background-position: -100px 0}

#nav1 a.teamnet {background-image: url(/images/btn_teamnet.gif);}
#nav1 a.teamnet:hover { background-position: -100px 0}
#nav1 a.entwicklung {background-image: url(/images/btn_entwicklung.gif);}
#nav1 a.entwicklung:hover { background-position: -100px 0}
#nav1 a.referenzen {background-image: url(/images/btn_referenzen.gif);}
#nav1 a.referenzen:hover { background-position: -100px 0}
#nav1 a.projekte {background-image: url(/images/btn_projekte.gif);}
#nav1 a.projekte:hover { background-position: -100px 0}

#nav2 {position: absolute; left: 50%; top: 103px; height: 1em; width: 454px; text-align: right; font-size: 12px;}
#nav2 li {display: inline; border-left: 1px solid #999; line-height 1em;}
#nav2 li.first {border-left: none;}
#nav2 li a {margin: 0; padding: 0 8px; text-decoration: none; color: #999;}
#nav2 li a:hover, #nav2 li a.selected {color: #666;}

#rcol {width: 300px; overflow: hidden; position: absolute; left: 50%; top: 150px; margin-left: 165px; background-color: #DAE0E8;}
#rcol h2 {height: 42px; overflow: hidden; padding-left: 18px; line-height: 40px !important; background-repeat: no-repeat; font-size: 16px;}
#rcol h3 {font-size: 12px; font-weight: bolder; padding-left: 36px; line-height: 2em !important; background-repeat: no-repeat; background-position: 18px center;}
#rcol h4 {font-size: 12px; font-weight: bolder; padding-left: 18px; line-height: 2em !important; }
#rcol a {color: inherit; text-decoration: none; display: block;}
#rcol p, #rcol address {padding: 0 18px 10px 18px; color: #666; font-size: 11px;}
#rcol div.hr {border-top: 5px solid white; margin: 0; clear: both;}
#rcol li.noarrow {background-image: none !important; padding-left: 0 !important;}

#rcol div.ltblue {background-color: #DAE0E8;}
#rcol div.ltblue h2 {background-image: url(../images/rcol_h2_ltblue.jpg); color: #036;}
#rcol div.ltblue h3 {background-image: url(../images/rcol_h3_ltblue.gif); color: #036;}
#rcol div.ltblue h4 {color: #036;}
#rcol div.ltblue a {color: #036;}
#rcol div.ltblue div.hr {border-top: 1px solid white; border-bottom: 1px solid #A2B2C5; margin: 5px 0;}

#rcol div.grey {background-color: #E2E2E2;}
#rcol div.grey h2 {background-image: url(/images/rcol_h2_grey.jpg); color: white;}
#rcol div.grey h3 {background-image: url(/images/rcol_h3_grey.gif); color: #474F59;}
#rcol div.grey h4 {color: #474F59;}
#rcol div.grey a {color: #474F59;}
#rcol div.grey div.hr {border-top: 1px solid white; border-bottom: 1px solid #A2B2C5; margin: 5px 0;}

#rcol div.green {background-color: #D5DDC7;}
#rcol div.green h2 {background-image: url(/images/rcol_h2_green.jpg); color: white;}
#rcol div.green h3 {background-image: url(/images/rcol_h3_green.gif); color: #125B1A;}
#rcol div.green h4 {color: #125B1A;}
#rcol div.green a {color: #125B1A;}
#rcol div.green div.hr {border-top: 1px solid white; border-bottom: 1px solid #92A981; margin: 5px 0;}
#rcol div.green ul {padding-bottom: .5em; margin-left: 0; }
#rcol div.green ul li {background-image: url(/images/rcol_li_green.png); background-repeat: no-repeat; padding-left: 18px; background-position: 18px center; line-height: 1.5em; color: #361526;}
#rcol div.green ul li.selected {background-color: #B8C6AC; background-image: url(/images/rcol_li_green-sel.png);}
#rcol div.green ul li a {color: #125B1A; padding-left: 15px; display: inline;}
#rcol img.illu {border-width: 5px 0; border-style: solid; border-color: white; display: inline;}

#rcol div.flieder {background-color: #DDC9D4; background-image: url(/images/rcol_bg_flieder.png); background-repeat: repeat-y; background-position: right top; margin-top: 3px; min-height:80px; height:auto !important; height:80px;}
#rcol div.flieder h3 {height: 30px; padding-left: 18px; line-height: 2em !important; background-image: url(/images/rcol_h3_bg_flieder.png); background-position: right bottom; color: white;}
#rcol div.flieder h3 a {color: white;}
#rcol div.flieder ul {padding-bottom: .5em; margin-left: 0; display: block;}
#rcol div.flieder ul li {background-image: url(/images/rcol_li_flieder.png); background-repeat: no-repeat; padding-left: 18px; background-position: 18px center; line-height: 1.5em; color: #361526;}
#rcol div.flieder ul li.selected {background-color: #BA97AD;background-image: url(/images/rcol_li_flieder-sel.png);}
#rcol div.flieder ul li a {color: #361526; padding-left: 15px; display: inline;}

#rcol div.rost {background-color: #F0D9CC; background-image: url(./images/rcol_bg_rost.png); background-repeat: repeat-y; background-position: right top; color: white; margin-top: 3px; min-height:80px; height:auto !important; height:80px;}
#rcol div.rost h3 {height: 30px; padding-left: 18px; line-height: 2em !important; background-image: url(./images/rcol_h3_bg_rost.png); background-position: right bottom;}
#rcol div.rost h3 a {color: white;}
#rcol div.rost ul {padding-bottom: .5em; margin-left: 0; }
#rcol div.rost ul li {background-image: url(./images/rcol_li_rost.png); background-repeat: no-repeat; padding-left: 18px; background-position: 18px center; line-height: 1.5em; color: #872819;}
#rcol div.rost ul li.selected {background-color: #E0B29D; background-image: url(./images/rcol_li_rost-sel.png);}
#rcol div.rost ul li a {color: #872819; padding-left: 15px; display: inline;}

#rcol div.beige {background-color: #DED6C8; background-image: url(./images/rcol_bg_beige.png); background-repeat: repeat-y; background-position: right top; color: white; margin-top: 3px; min-height:80px; height:auto !important; height:80px;}
#rcol div.beige h3 {height: 30px; padding-left: 18px; line-height: 2em !important; background-image: url(./images/rcol_h3_bg_beige.png); background-position: right bottom;}
#rcol div.beige h3 a {color: white;}
#rcol div.beige ul {padding-bottom: .5em; margin-left: 0; }
#rcol div.beige ul li {background-image: url(./images/rcol_li_beige.png); background-repeat: no-repeat; padding-left: 18px; background-position: 18px center; line-height: 1.5em; color: #362B17;}
#rcol div.beige ul li.selected {background-color: #BAAD9A; background-image: url(./images/rcol_li_beige-sel.png);}
#rcol div.beige ul li a {color: #362B17; padding-left: 15px; display: inline;}

#rcol div.ltgreen {background-color: #D4DDC9; background-image: url(./images/rcol_bg_green.png); background-repeat: repeat-y; background-position: right top; color: white; margin-top: 3px; min-height:80px; height:auto !important; height:80px;}
#rcol div.ltgreen h3 {height: 30px; padding-left: 18px; line-height: 2em !important; background-image: url(/images/rcol_h3_bg_green.png); background-position: right bottom;}
#rcol div.ltgreen h3 a {color: white;}
#rcol div.ltgreen ul {padding-bottom: .5em; margin-left: 0; }
#rcol div.ltgreen ul li {background-image: url(/images/rcol_li_green.png); background-repeat: no-repeat; padding-left: 18px; background-position: 18px center; line-height: 1.5em; color: #253617;}
#rcol div.ltgreen ul li.selected {background-color: #B9C4A8; background-image: url(/images/rcol_li_green-sel.png);}
#rcol div.ltgreen ul li a {color: #253617; padding-left: 15px !important; display: inline;}

/*#content { background-color: white; border-right: 300px solid #E2E2E2; line-height: 1.5em; color: #666;}*/
#content { background-color: white; line-height: 1.5em; color: #666;}
#content a {color: #666;}
#content a.toplink {text-decoration: none; display: block; margin: 10px 0;}
#content a.toplink:hover {color: #036;}
/*#content div.bordered {min-height:300px; height:auto !important; height:300px; border: 1px solid #ccc; margin-right: 4px; }*/
#content div.bordered {border: 1px solid #ccc; margin-right: 4px;  height:500px !important; height: auto !important; height: 500px;}
#content div.pad3020 {padding: 30px 20px;}
#content div.referenzen {height: 500px !important; overflow: hidden;}
#content div.referenzen div.contentr {margin-top: 20px; margin-left: 340px; padding: 10px 20px; height: 440px; overflow: auto; border-left: 1px solid #999;}
#content div.referenzen div.content1col {margin: 20px; padding: 10px; height: 440px; overflow: hidden; background-image: url(/images/bg_vr-flieder.png); background-repeat: repeat-y; background-position: center;}
#content div.referenzen div.content1col2 {margin: 20px; padding: 10px; height: 440px; overflow: hidden; background-image: url(/images/bg_vr-grey.png); background-repeat: no-repeat; background-position: center 40px;}
#content div.referenzen div.content1col2var {margin: 20px; padding: 10px;  background-image: url(/images/bg_vr-grey.png); background-repeat: no-repeat; background-position: center 40px;}
#content div.referenzen div.col1 {width: 250px; float: left;}
#content div.referenzen div.col2 {width: 250px; float: right;}
#content h2 {color: #036; font-size: 24px; padding-bottom: .5em;}
#content div.person {min-height:100px; height:auto !important; height:100px;}
#content div.person img {float: left; padding-right: 20px;}
#content div.person h3 {font-weight: bold; color: #666; font-size: 14px; padding-bottom: .5em;}
#content div.person h3 span {margin-left: .7em; border-left: 2px solid #999; padding-left: .7em; font-weight: normal; color: #999}
#content div.person a.mailto {background-image: url(/images/bg_mailtolink.png); background-repeat: no-repeat; background-position: left center; color: #666; text-decoration: none; padding-left: 15px;}
#content p {padding-bottom: .5em;}
#content h3 {color: #036; font-size: 18px; padding-bottom: .5em; padding-top: 1em;}
#content a.pdficon {background-image: url(/images/icon_pdf.gif); background-position: left center; background-repeat: no-repeat; padding-left: 35px;}
#content h3 a {color: #036;}
#content ul {margin: 0; padding: 0 2em;}
#content li{list-style:disc; margin: 0; padding: 0;}
#content .blue {color: #036;}
#content .beige {color: #666;}
#content .fat { font-weight:bold; }
#content ul.error {color: #c00; padding-bottom: 1em;}
#content ul.info {font-weight: bold; padding-bottom: 1em;}
.css3columns {text-align: left; -moz-column-width: 15em; -moz-column-gap: 2em; -moz-column-rule: 1px solid #999; -webkit-column-width: 15em; -webkit-column-gap: 2em; -webkit-column-rule: 1px solid #999; margin-bottom: 2em;}

#content ul.sitemap { margin-left:25px; margin-top:25px; padding-top:0;}
#content ul.sitemap li { line-height:1.7em; font-size:1.2em; font-weight:bold; }
#content ul.sitemap li a {color:#369; text-decoration:none; }
#content ul.sitemap li li{ line-height:1.7em; font-size:1.1em; font-weight:bold; }
#content ul.sitemap li li a {color:#000;}
#content ul.sitemap li li li{ line-height:1.5em; font-size:1em; font-weight:normal;}

div.ltbluebg #content {border-color: #DAE0E8 !important;}
div.greybg #content {border-color: #E2E2E2 !important;}
div.greenbg #content {border-color: #D5DDC7 !important;}

div.bottombox {background-color: #D6D6D6; height: 140px; width: 460px; overflow: auto; z-index: 1;}
div.bottombox h2 {font-size: 16px !important; background-color: #E3E3E3; color: #474F59 !important; height: 57px; overflow: hidden; padding: 13px 0 0 87px;}
div.bottombox h2 a {font-size: 20px; color: #693; display: block; font-weight: bold; text-decoration: none;}
div.bottombox p {padding: 5px 40px 0 87px; font-size: 12px !important; color: #474F59; line-height: 1.5em;}
div.bottombox p a {color: #474F59; text-decoration: none;}
.left {float: left;}
.right {float: right;}

#akk {margin-top: 2em; border-width: 1px; border-style: solid; border-color: #ddd;}
.basic div {padding: 15px;}
.basic a {cursor:pointer; display:block; color: #666; padding:5px 15px; margin-top: 0; text-decoration: none; font-size: 12px; font-weight:bold; background-color: #efefef; border-top: 1px solid #fff; border-bottom: 1px solid #ddd; background-image: url("AccordionTab0.gif");}
.basic a:hover {background-color: #ddd; background-image: url("AccordionTab2.gif");}
.basic a.selected { color: #036; background-color: #efefef; background-image: url("AccordionTab2.gif");}