/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body {
background:#FFF;
background-image:url(../img/bg_main.gif);
background-repeat:repeat-x;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666;
border:0;
margin:0;
padding:0;
}

h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#000;
text-transform:uppercase;
margin:0;
padding:0 0 0 1px;
}

h2 {
font:1.25em Arial, Helvetica, sans-serif;
margin:0 0 .5em;
}

p {
line-height:1.3;
margin:0 0 1em;
}

div, span, font {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.3;
}

#copy a,a:link,a:visited {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
line-height:1.3;
color:#9D8D00;
font-weight:bold;
text-decoration:none;
}

#copy a:hover,a:active {
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
line-height:1.3;
color:#000;
font-weight:bold;
text-decoration:underline;
}


div#container {
position:relative;
width:856px!important;
margin:0 auto;
}

div#header {
border-top:35px solid #fff;
}

div#header p {
font-style:italic;
font-size:1.1em;
text-align:right;
margin:0 18px 0 0;
}

div#content {
background:#fff url(../img/boxes.png) no-repeat 0 20px;
overflow:hidden;
padding:10px 16px;
}

div#motif {
position:relative;
left:256px;
top:11px;
width:383px;
height:293px;
overflow:hidden;
margin:0;
padding:0;
}

div#copywrapper {
position:relative;
left:440px;
width:370px;
}

div#copy {
width:370px;
overflow:hidden;
float:left;
}

div#copy div#copy-kontakt p {
/*text-align:justify;*/
padding:0 17px 0 0;
}

div#col-left {
width:223px;
float:left;
overflow:hidden;
}

div#col-right {
width:383px;
overflow:hidden;
}

#mainmenu {
width:185px;
height:278px;
overflow:hidden;
float:left;
}

#submenu {
position:absolute;
top:107px;
left:256px;
width:162px;
height:274px;
overflow:hidden;
z-index:10000;
float:left;
}

#submenu #submenu_neutral,#submenu #submenu_leistungen,#submenu #submenu_referenzen {
width:162px;
height:274px;
margin:0;
padding:0;
}

#control-top{
clear:both;
margin:0 0 60px 0;
visibility:hidden;
}

#control-back{
clear:both;
margin:0 0 50px 0;
}

.logo-hb {
margin: 0 0 4px 56px;
}

#copy ul {
list-style-type:none;
list-style-image:url(../img/li_img.gif);
list-style-position:outside;
margin:0;
padding:0;
}

ul.listsub {
list-style-image:none !important;
margin:0;
padding:0;
}

ul.listsub li {
margin:0 0 6px;
padding:0;
}

/* Highlight-Style für bestimmte Menuepunkte*/
ul.listsub li.highlight {
margin:0 0 6px;
padding:0;
}

a.menue,a.menue:link,a.menue:visited {
font-weight: normal;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFF;
text-decoration:none;
}

a.menue:hover,a.menue:active {
font-weight: bold;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000;
text-decoration:none;
}

div#footer {
position:relative;
width:100%;
margin-top:20px;
background:#fff;
}

div#footer p {
text-align:center;
font:bold 10px Verdana, Arial, Helvetica;
color:#c4c4c4;
}

.hScrollbar {
clear:both;
}

.vTrack {
height:300px;
width:15px;
position:relative;
background:#EEEAA2;
overflow:hidden;
}

.hTrack {
float:left;
height:15px;
width:255px;
position:relative;
background:#EEEAA2;
overflow:hidden;
}

.vThumb,.hThumb {
position:absolute;
top:0;
left:0;
height:15px;
width:15px;
background:#B6A900;
overflow:hidden;
}

.arrowUp {
height:15px;
width:15px;
background-image:url(../img/arrow_up.gif);
overflow:hidden;
}

.arrowDown {
height:15px;
width:15px;
background-image:url(../img/arrow_down.gif);
overflow:hidden;
}

.arrowLeft,.arrowRight,.corner {
height:15px;
width:15px;
background:#777;
overflow:hidden;
}

.corner {
background:#000;
}

label {
width:250px;
float:left;
overflow:hidden;
}

.input-txt {
width:160px;
height:18px;
background-color:#EEEAA2;
border:solid 1px #EEEAA2;
clear:both;
margin:0 0 6px;
}

.input-but {
width:162px;
height:22px;
background-color:#B6A900;
color:#FFF;
font-weight:bold;
border:solid 1px grey;
clear:both;
margin:6px 0;
}

table.input-radio {
width:162px;
background-color:#F3F3F3;
border:solid 1px grey;
clear:both;
margin:0 0 6px;
}

td.input-radio {
width:20px;
height:18px;
}

textarea {
width:350px;
height:58px;
background-color:#EEEAA2;
border:solid 1px #EEEAA2;
clear:both;
margin:0 0 12px;
overflow:auto;
}

.captcha {
margin:0 0 6px;
}

#legende {
margin-right:25px;
}

.vScrollbar,.arrowLeft,.arrowRight,.corner {
float:left;
}