/* --- GENERAL STYLESHEET --- */

body {
background-image:url(images/BG.gif);
margin:0;
padding-top:56px;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
color:#fff;
}


/*------ images in general ------*/
img {
border:0;
margin:0;
}


/*------ links ------*/
a:link, a:visited, a:active, a:hover { 
color:#fff;
text-decoration:underline;
}

#footer a:link, #footer a:visited {
color:#8f9aa4;
text-decoration:none;
}
#footer a:active, #footer a:hover {
color:#f89b38;
text-decoration:none;
}


/*------ container with gradient and orange border ------*/
#wrapper {
background:url(images/BG_content.jpg) repeat-x;
width:798px;
height:577px;
margin:0 auto;
padding-top:21px;
text-align:left;
border:1px solid #f89b38;
}


/*------ logo positioning ------*/
#logo {
background:url(images/KHV_logo.gif) right no-repeat;
width:768px;
height:76px;
}


/*------ container for all content below logo ------*/
#content_wrapper {
width:744px;
height:460px;
margin:23px 30px 18px 24px;
}


/*------ left column, i.e. 3 pictures ------*/
#leftCol {
background-color:#dfe1e3;
width:224px;
height:354px;
margin:0;
padding:106px 0 0 0;
float:left;
text-align:center;
}

* html #leftCol { /* padding for ie5.5 and below */
/* Nicht IE Mac \*/
padding-top /* \*/:118px;
/* */
}

#leftCol img {
width:200px;
height:106px;
margin: 0 0 6px 0;
}


/*------ container for all right column items ------*/
#rightCol {
background-color:#dfe1e3;
width:510px;
height:460px;
float:right;
}


/*------ menu positioning (behaviour at bottom of this file) ------*/
#menu {
width:90px;
margin:12px 0 0 11px;
display:inline; /* ie double margin bug */
float:left;
}


/*------ container for content, i.e. image, text, footer ------*/
#content {
/*background-color:#00ff00;*/
width:386px;
height:448px;
margin:12px 12px 0 11px;
display:inline;
position:relative;
float:right;
}

#content #content_top {
background-color:#aeb4b9;
width:386px;
height:428px;
overflow:auto;
}

#content h1 {
font-size:11px;
font-weight:bold;
text-transform:uppercase;
margin:10px 0 11px 10px;
}
#content p { /* normale Absätze im #content */
margin:0 5px 10px 10px;
padding:0 0 0 0;
}
#content p#folgeseite { /* erster Absatz auf Folgeseite, i.e. ohne Bild */
margin:10px 0 11px 10px;
}
#content p.nopad { /* letzter Absatz, ohne unteren Abstand */
margin:0 5px 0 10px;
padding:0;
}


#content #footer { /* footer always at bottom of #content */
background-color:#dfe1e3;
width:384px;
height:21px; /* for IE 5.5 and below */
he\ight:17px; /* other browsers */
padding:3px 0 0 0;
margin:0 2px 0 0;
position:absolute;
bottom:0;
font-size:10px;
color:#8f9aa4;
text-align:right;
}

#content ul {
margin:0px 0 0 25px;
padding:0 0 10px 0;
list-style-type:square;
}

img.logo {
border:1px solid #f89b38;
}

#content .mehr { /* next page / previous page / page number */
margin:0 10px 0 10px;
padding:0;
margin-bottom:10px; /* for IE 5.5 and below */
mar\gin-bottom:0; /* other browsers */
position:absolute;
bottom:2px; /* for IE 5.5 and below */
bo\ttom:28px; /* other browsers */
right:0;
}
.browse a#invisible { /* make button 'disappear' */
color:#aeb4b9;
}




/*------ clear floats ------*/
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */



/* ------------------- menu behaviour ------------------- */
#menu {height:205px;}
#menu ul {margin:0; padding:0; list-style-type:none; /*background-color:#00ff00;*/} /* --- IE5.01 zickt hier noch --- */
#menu li {display:block; width:90px; border:none;}

/*------ start state ------*/
#menu li.list1 {background:transparent url(images/navigation/navi_01.gif);}
#menu li.list2 {background:transparent url(images/navigation/navi_02.gif);}
#menu li.list3 {background:transparent url(images/navigation/navi_03.gif);}
#menu li.list4 {background:transparent url(images/navigation/navi_04.gif);}
#menu li.list5 {background:transparent url(images/navigation/navi_05.gif);}
#menu li.list6 {background:transparent url(images/navigation/navi_06.gif);}
#menu li.list7 {background:transparent url(images/navigation/navi_07.gif);}
#menu li.list8 {background:transparent url(images/navigation/navi_08.gif);}
#menu li.list9 {background:transparent url(images/navigation/navi_09.gif);}
#menu li.list10 {background:transparent url(images/navigation/navi_10.gif);}
#menu li.list11 {background:transparent url(images/navigation/navi_11.gif);}
#menu li.list12 {background:transparent url(images/navigation/navi_12.gif);}

#menu a {display:block; width:90px; padding-top:19px; height:0; color:#000; text-decoration:none; overflow:hidden;}
* html #menu a:link, * html #menu a:visited {height:19px; he\ight:0;}

#menu a#item12 {padding-top:35px;}
* html #menu a#item12:link, * html #menu a#item11:visited {height:35px; he\ight:0;}

/*------ rollover states ------*/
#menu a#item1 {background:transparent url(images/navigation/navi_over_01.gif) -90px -16px no-repeat; padding-top:18px;}
* html #menu a#item4:link, * html #menu a#item4:visited {height:18px; he\ight:0;}
#menu a#item2 {background:transparent url(images/navigation/navi_over_02.gif) -90px -17px no-repeat;}
#menu a#item3 {background:transparent url(images/navigation/navi_over_03.gif) -90px -17px no-repeat;}
#menu a#item4 {background:transparent url(images/navigation/navi_over_04.gif) -90px -17px no-repeat;}
#menu a#item5 {background:transparent url(images/navigation/navi_over_05.gif) -90px -17px no-repeat;}
#menu a#item6 {background:transparent url(images/navigation/navi_over_06.gif) -90px -17px no-repeat;}
#menu a#item7 {background:transparent url(images/navigation/navi_over_07.gif) -90px -17px no-repeat;}
#menu a#item8 {background:transparent url(images/navigation/navi_over_08.gif) -90px -17px no-repeat;}
#menu a#item9 {background:transparent url(images/navigation/navi_over_09.gif) -90px -17px no-repeat;}
#menu a#item10 {background:transparent url(images/navigation/navi_over_10.gif) -90px -17px no-repeat;}
#menu a#item11 {background:transparent url(images/navigation/navi_over_11.gif) -90px -17px no-repeat;}
#menu a#item12 {background:transparent url(images/navigation/navi_over_12.gif) -90px -17px no-repeat;}

/*------ active state, i.e. active menu item ------*/
#menu a#item1.active{background:transparent url(images/navigation/navi_over_01.gif);}
#menu a#item2.active{background:transparent url(images/navigation/navi_over_02.gif);}
#menu a#item3.active{background:transparent url(images/navigation/navi_over_03.gif);}
#menu a#item4.active{background:transparent url(images/navigation/navi_over_04.gif);}
#menu a#item5.active{background:transparent url(images/navigation/navi_over_05.gif);}
#menu a#item6.active{background:transparent url(images/navigation/navi_over_06.gif);}
#menu a#item7.active{background:transparent url(images/navigation/navi_over_07.gif);}
#menu a#item8.active{background:transparent url(images/navigation/navi_over_08.gif);}
#menu a#item9.active{background:transparent url(images/navigation/navi_over_09.gif);}
#menu a#item10.active{background:transparent url(images/navigation/navi_over_10.gif);}
#menu a#item11.active{background:transparent url(images/navigation/navi_over_11.gif);}
#menu a#item12.active{background:transparent url(images/navigation/navi_over_12.gif);}

#menu a#item1:hover {background-position:top right; z-index:50;}
#menu a#item2:hover {background-position:top right; z-index:50;}
#menu a#item3:hover {background-position:top right; z-index:50;}
#menu a#item4:hover {background-position:top right; z-index:50;}
#menu a#item5:hover {background-position:top right; z-index:50;}
#menu a#item6:hover {background-position:top right; z-index:50;}
#menu a#item7:hover {background-position:top right; z-index:50;}
#menu a#item8:hover {background-position:top right; z-index:50;}
#menu a#item9:hover {background-position:top right; z-index:50;}
#menu a#item10:hover {background-position:top left; z-index:50;}
#menu a#item11:hover {background-position:top left; z-index:50;}
#menu a#item12:hover {background-position:top left; z-index:50;}

* html #menu a:hover {height:19px; he\ight:0;}



/* ------------------- schadensmeldung ------------------- */
p#error {
background-color:#f89b38;
margin:0px 12px 10px 0 !important;
margin:0px 12px 0px 0;
padding:2px;
color:#fff;
}

form p {
margin:0;
padding:0 0 5px 0;
}

fieldset {
border:0;
margin:0;
padding:0;
}

label {
width:128px;
padding-right:10px; 
display:block;
float:left;
text-align:left;
}
label#anmerkungen {
background:#00ff00;
}

input {
border:1px solid #dfe1e3;
background-color:#fff;
color:#666;
font-size:11px;
text-indent:2px;
margin:0;
padding:0;
display:block;
float:left;
}

input#email, input#kontaktbetreff,
input#name, input#objekt,
input#strasse, input#ort,
input#teltag, input#telab,
input#handy, input#schadensort,
input#verursacher {
width:156px !important;
width:154px;
}

textarea#beschreibung, 
textarea#anmerkungen {
width:286px !important;
width:284px;
}



textarea {
width:286px !important;
width:284px;
border:1px solid #DBDAD2;
font-family:Arial, Helvetica, sans-serif;
color:#666;
font-size:11px;
text-align:left;
margin:0;
padding:2px 4px;
overflow:auto;
}

select {
border:1px solid #dfe1e3;
background-color:#fff;
color:#666;
font-size:11px;
text-indent:2px;
margin:0;
padding:0;
display:block;
float:left;
width:156px;
}


input#submit { /* submit-button */
float:none;
width:50px;
border:1px solid #DBDAD2;
color:#00ff00;
text-align:center;
padding:0;
margin:0;
}


.nostable{ /* tabel in antispam-script */
width:1px;
height:1px;
margin:0;
padding:0;
border:none;
}


/* ------------------- popup ------------------- */

#popup, #impressum, #datenschutz, #kontakt, .objekte {
background-color:#aeb4b9;
color:#fff;
width:386px;
height:566px;
padding:0;
position:absolute;
top:80px;
margin-left:12px;
z-index:10000;
filter:alpha(opacity=95);
-moz-opacity:0.95;
opacity:0.95;
}
#popup img.close, #impressum img.close, 
#datenschutz img.close, #kontakt img.close,
.objekte img.close {
width:15px;
height:15px;
margin:22px 18px 0 0 !important;
margin:23px 18px 0 0;
float:right;
}

#popup #txtblock, #impressum #txtblock, 
#datenschutz #txtblock, #kontakt #txtblock {
/*background-color:#00ff00;*/
width:343px;
height:515px;
margin:0 0 0 26px;
overflow:auto;
}
#popup p, #impressum p,
#datenschutz p, #kontakt p {
margin:0 0 10px 0;
padding:0;
}
#popup #txtblock li {
margin:0 0 0 0;
padding:0;
list-style-type:square;
}

#popup a:link, #popup a:visited,
#popup a:active, #popup a:hover,
#impressum a:link, #impressum a:visited,
#impressum a:active, #impressum a:hover,
#datenschutz a:link, #datenschutz a:visited,
#datenschutz a:active, #datenschutz a:hover,
#kontakt a:link, #kontakt a:visited,
#kontakt a:active, #kontakt a:hover { 
color:#fff;
text-decoration:underline;
}

#popup h1, #impressum h1, 
#datenschutz h1, #kontakt h1 {
font-size:11px;
font-weight:bold;
text-transform:uppercase;
margin:26px 0 11px 26px;
}
h2 { /* headlines in 07 | Seminare */
font-size:11px;
font-weight:bold;
margin:0;
padding:15px 0 3px 0;
}
#popup hr { /* line in 07 | Seminare */
border-style:dashed;
background-color:#fff; /* ff */
color:#fff; /* ie */
height:1px;
border:0px;
margin:15px 0 10px 0 !important;
padding:0;
}

#popup ul {
margin:0 0 10px 25px; /* for IE 5.5 and below */
mar\gin:0 0 10px 0; /* other browsers */
}
* html #popup ul {
margin:0 0 10px 25px;
}
*:first-child + html #popup ul {
margin:0 0 0 25px;
}
#popup li {
margin:0 0 0 25px;
/*background:#00ff00;*/
}

.objekte {
height:360px;
}
.objekte img.objekt {
width:344px;
height:258px;
margin:14px 0 0 24px;
}
.objekte p {
width:343px;
margin:3px 0 0 26px;
padding:0;
}