/***** HACHENBERG *****/
#wrap_hb { background-color: white; background-image: url(../images/bg_logo_head_hachenberg.gif); background-repeat: no-repeat; background-position: center top; width:900px; margin: 0 auto; }
#container_start_hb .box:hover, #container_start_hb .kontaktbox:hover { background-color: white; background-image: none; border: solid 1px #0077be; cursor: pointer; }
#container_start_hb .box li { font-size: 12px; line-height: 16px; background-image: url(../images/bullet_small_hb.gif); background-repeat: no-repeat; background-position: 0 2px; margin:0; padding:0 0 0 15px; list-style-type: none; }
#servicenavi_hb a:hover,
#container_links a:hover { color: #0077be; text-decoration: underline; padding-bottom: 4px; cursor: pointer; }

* { margin: 0; padding: 0; }
html { height: 100%; padding-bottom: 1px; }
body { color:black; font: 85% Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: white; background-image: url(../images/body_backgraound.gif); background-repeat: repeat-x; background-position: left top; }
#shadowbox { background-image: url(../images/shadowbox.png); background-repeat: repeat-y; background-position: center top; width: 960px; margin: 0 auto; }
#logo { width: 210px; height: 40px; float: left; margin-top: 45px; margin-bottom: 0; margin-left: 20px; cursor: pointer; display: block; }
#amo { width: 100px; height: 60px; float: right; margin-top: 20px; margin-right: 40px; margin-bottom: 0; cursor: pointer; display: block; }
#copyright { color: #606060; font-size: 12px; line-height: 16px; text-align: left; width: auto; height: auto; }
#shadowbox_bottom { background-image: url(../images/shadowbox_bottom.png); background-repeat: no-repeat; background-position: center top; width: 960px; height: 20px; margin: 0 auto 0; }
#wrap { background-color: white; background-image: url(../images/bg_logo_head.gif); background-repeat: no-repeat; background-position: center top; width:900px; margin: 0 auto; }
#container_links { width: 210px; height: auto; float: left; margin-top: 15px; margin-bottom: 20px; margin-left: 20px; }

#container_start, 
#container_start_hb { background-repeat: no-repeat; background-position: center top; width: 880px; height: 175px; float: left; margin-top: 0; margin-bottom: 30px; margin-left: 20px; }

#container_start .kontaktbox,
#container_start_hb .kontaktbox { background-color: #eff1f1; background-image: url(../images/accordion_background.gif); background-repeat: repeat-x; background-position: left top; width: 145px; height: 100%; float: left; margin-right: 20px; padding: 10px 3px 0 10px; border: solid 1px #ddd; }

#container_start .box,
#container_start_hb .box { background-color: #eff1f1; background-image: url(../images/accordion_background.gif); background-repeat: repeat-x; background-position: left top; width: 140px; height: 100%; float: left; margin-right: 20px; padding: 10px 3px 0 10px; border: solid 1px #ddd; }

#container_start p,
#container_start_hb p { font-size: 12px; line-height: 16px; }

#container_start .box:hover,
#container_start .kontaktbox:hover  { background-color: white; background-image: none; border: solid 1px #e30015; cursor: pointer; }

#container_start ul,
#container_start_hb ul,
#content ol { margin-bottom: 15px; }

#container_start ul ul,
#container_start_hb ul ul,
#content ol ol { margin:2px 0 2px 20px; }

#container_start li,
#container_start_hb li { font-size: 12px; line-height: 16px; background-image: url(../images/bullet_small.gif); background-repeat: no-repeat; background-position: 0 2px; margin:0; padding:0 0 0 15px; list-style-type: none; }

/***** Header *****/
#servicenavi, #servicenavi_hb { font-weight: normal; background-image: url(../images/servicenavi_background.gif); background-repeat: repeat-x; background-position: left top; text-align: center; width: 420px; height: 31px; float: left; margin-top: 12px; margin-left: 20px; padding: 7px 15px 3px; }
#servicenavi_2 { font-weight: normal; background-image: url(../images/servicenavi_background.gif); background-repeat: repeat-x; background-position: left top; text-align: center; width: 420px; height: auto; float: left; margin-top: 12px; margin-left: 20px; padding: 7px 15px 3px; }
#servicenavi a, #servicenavi_hb a,  #servicenavi_2 a, #container_links a { color: black; font-size: 12px; text-decoration: none; letter-spacing: 0; }
#servicenavi a:hover, #servicenavi_2 a:hover, #container_links a:hover { color: #e30015; text-decoration: underline; padding-bottom: 4px; cursor: pointer; }
#servicenavi .current2, #servicenavi_2 .current2 { color: #e30015; text-decoration: none; padding-bottom: 2px; }
#servicenavi_hb .current2 { color: #0077be; text-decoration: none; padding-bottom: 2px; }

/***** Navigation *****/
#navigation { background-color: #eff1f1; background-image: url(../images/karton.gif); background-repeat: no-repeat; background-position: right bottom; float:left; width:210px; clear: left; margin:0 0 20px; padding:0; border-color: #ddd; border-style: none solid solid; border-width: 1px; }
#navigation .navi_subheadline { font-size: 70%; }
#navigation .current2 { font-weight: bold; }

/***** Accordion *****/
#basic-accordian { width:210px; z-index:2; margin: 0 0 100px; padding: 0; }
.accordion_headings { padding:12px 5px 7px 15px; color:black; font-size: 1.5em; font-weight: normal; background-image: url(../images/accordion_background.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: left top; text-decoration: none; cursor:pointer; height: 25px; margin-bottom: 0; border-top: 1px solid #ddd; }
#basic-accordian .accordion_headings a { color:black; font-size: 100%; font-weight: normal; text-decoration: none; cursor:pointer; }
.accordion_headings:hover,
#basic-accordian .current a,
#basic-accordian .accordion_headings a:hover{ color: #e30015; background-repeat: repeat-x; background-attachment: scroll; background-position: left top; text-decoration: none; cursor: pointer; }
.accordion_child { line-height: 1.5em; padding:0 5px 15px 15px; background:#eff1f1; margin: 0; }
.accordion_child .trennlinie,
.accordion_child_hb .trennlinie { background-color: #adaeb0; width: 100%; height: 1px; margin-top: 3px; margin-bottom: 3px; }
.accordion_child a,
.accordion_child_hb a { color: #000; font-size: 0.9em; text-decoration: none; }
.accordion_child a:hover,
#basic-accordian .current { color: #e30015; text-decoration: none; cursor: pointer; }
.header_highlight,
.header_highlight a{ color: #e30015; background-repeat: repeat-x; background-attachment: scroll; background-position: left top; }

/***** Content *****/
#content { background-color: #eff1f1; background-image: url(../images/content_background.gif); background-repeat: repeat-x; background-position: left top; padding:0 15px; text-align:left; width: 420px; height: auto; float: left; margin-top: 15px; margin-bottom: 20px; margin-left: 20px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; }
#content .ergebnisliste, #content_hb .ergebnisliste { background-color: white; margin-bottom: 15px; padding: 10px; border: solid 1px #c3c1c3; }
#content .ergebnisliste:hover, #content_hb .ergebnisliste:hover { border-color: #e30015; }
#contentstart { background-repeat: no-repeat; background-position: left top; padding:0; text-align:left; width: 678px; height: 235px; float: left; margin: 15px 0 20px 20px; border: solid 1px #ddd; }
#content h2, #contentstart h2, #content_hb h2 { color: white; font-size:1.6em; font-weight:normal; line-height: 1.1em; padding-top: 15px; padding-bottom: 10px; }
#content h3, #contentstart h3, #content_hb h3 { color: black; font-size:1.3em; font-weight:normal; margin:6px 0; padding:0; }
.content h4, #contentstart h4, #content_hb h4 { color: #153f88; font-size: 1.3em; font-weight: normal; margin: 0; padding: 3px 10px; }
#content p, #contentstart p, { font-size: 1em; line-height: 1.4em; margin-top: 10px; }
#content p a { color: #e30015; font-weight:normal; text-decoration: underline; }
#content a { text-decoration:underline; color:#e30015; }
#content a:hover, 
#infoboxen_start a:hover, 
#container_start a:hover { color:#fff; background-color: #e30015; text-decoration: none; cursor: pointer; }
#container_start .kontaktbox a:hover { color: black; background-color: white; text-decoration: none; cursor: pointer; }
#content ul { margin-bottom: 15px; }
#content ul ul li { font-size: 90%; background-image: none; background-repeat: no-repeat; background-position: left 2px; margin:10px 0 0 30px; padding-left: 5px; list-style-type: square; }
blockquote { color: #606060; font-size: 90%; font-style: italic; text-align: right; margin-bottom: 20px; }
#content li { font-size: 100%; line-height: 1.4em; background-image: url(../images/bullet.gif); background-repeat: no-repeat; background-position: 0 top; margin:0 0 10px; padding:0 0 0 28px; list-style-type: none; }
#content ol,
#content_hb ol { margin-bottom: 15px; margin-left: 0; }
#content ol li ol,
#content_hb ol li ol { font-size: 90%; margin-top: 10px; margin-left: 0; }
#content ol li,
#content_hb ol li { font-size: 100%; line-height: 1.4em; background-image: none; background-repeat: no-repeat; background-position: 0 top; margin:0 0 10px 20px; padding:0 0 0 0; list-style-type: decimal; }
#content .ol_dezimal li,
#content_hb .ol_dezimal li { margin-left: 45px; border-color: #fff; border-width: 1px; list-style-type: none; }
#content ol li ul li { font-size: 90%; margin: 10px 0 10px 20px; padding: 0; list-style-type: disc; }
#content .abstand,
#content_hb .abstand { color: black; width: 45px; float: left; margin-left: -45px; }

/***** Infoboxen Startseite *****/

#infoboxen_start,
#infoboxen_start_hb { text-align:left; width: 160px; height: auto; float: left; margin-top: 15px; margin-left: 20px; }

#infoboxen_start .box,
#infoboxen_start_hb .box { background-color: #eff1f1; background-image: url(../images/accordion_background.gif); background-repeat: repeat-x; background-position: left top; height: 225px; padding: 10px 10px 0; border: solid 1px #ddd; display: block; }

#infoboxen_start p,
#container_start p,
#infoboxen_start_hb p { font-size: 12px; line-height: 16px; margin-bottom: 7px; padding: 0; }

#infoboxen_start a:hover,
#container_start a:hover,
#infoboxen_start_hb a:hover { cursor: pointer; }

#infoboxen_start h1,
#infoboxen h1,
#container_start h1 { color:#e30015; font-size: 1.3em; font-weight: normal; line-height: 1em; padding-bottom: 8px; }

#infoboxen_start_hb h1, #container_start_hb h1, #infoboxen_hb h1 { color:#0077be; font-size: 1.3em; font-weight: normal; line-height: 1em; padding-bottom: 8px; }

#infoboxen_start a, 
#container_start a, 
#infoboxen_start_hb a, 
#container_start_hb a { text-decoration:underline; color:black; }
/***** Infoboxen *****/
#infoboxen, #infoboxen_hb { padding:0 0 33px; text-align:left; width: 160px; height: auto; float: left; margin-top: 15px; margin-bottom: 20px; margin-left: 20px; }
#infoboxen a, #infoboxen_hb a { color: #000; }
#infoboxen a:hover { color: #e30015; cursor: pointer; }
#infoboxen_hb a:hover { color: #0077be; cursor: pointer; }
#infoboxen p, #infoboxen_hb p { font-size: 12px; line-height: 16px; margin: 0 0 10px; padding: 0; }
#infoboxen .box, #infoboxen_hb .box { background-color: #eff1f1; background-image: url(../images/accordion_background.gif); background-repeat: repeat-x; background-position: left top; margin-bottom: 20px; padding: 10px 10px 0; border: solid 1px #ddd; }
#infoboxen .galerie, #infoboxen_hb .galerie { background-color: white; float: left; margin-bottom: 10px; padding: 0; }
#infoboxen img, #infoboxen_hb img { float: left; margin-bottom: 6px; border: solid 1px #cecece; }
#infoboxen img:hover { border-color: #e30015; cursor: pointer; }
#infoboxen_hb img:hover { border-color: #0077be; }
#infoboxen .bild_rahmenlos, #infoboxen_hb .bild_rahmenlos { margin: -3px 0 0; border-style: none; }

/***** Footer *****/
#footer, #footer_hb { padding:8px 0 10px; border-top:1px solid #d1d2d4; width:450px; text-align:left; color:#3c3c3c; background-color:#ffffff; font-size:0.9em; height: auto; float: left; margin-bottom: 0; margin-left: 250px; }
#footer a, #footer_hb a { color:#505050; text-decoration:none; margin-bottom: 20px; }
#footer a:hover { color: #e30015; text-decoration: underline; cursor: pointer; }
#footer_hb a:hover { color: #0077be; text-decoration: underline; cursor: pointer; }
#livinglemon, #livinglemon_hb { color: #606060; font-size: 0.9em; text-decoration: none; text-align: right; width: 900px; height: auto; margin: 0 auto 20px; padding-bottom: 20px; }
#livinglemon a, #livinglemon_hb a { color: #606060; text-decoration: underline; }
#livinglemon a:hover, #livinglemon_hb a:hover { color: #e30015; cursor: pointer; }
#livinglemon_hb a:hover { color: #0077be; cursor: pointer; }

/***** Table styles *****/
table { padding:5px 0; line-height:1.3em; margin-bottom: 15px; border-style: none; border-collapse:collapse; }
caption {text-align:left;font-size:1.5em;font-weight:normal;margin:0;padding:6px 0 8px 0;}
th { background-repeat: repeat-x; background-attachment: scroll; background-position: left bottom; padding:7px; text-align:left; }
td { padding:3px; font-size:1em; text-align:left; }

/***** Form styles *****/
label {margin:2px;}

/***** Various classes *****/
a img { border:0; }
p { margin:0 0 16px 0; }
.rot { color: #f00; }
#content .fehler, #content_hb .fehler { color: #e30015; margin: 0; padding: 0; }
#content img, #content_hb img { background-color: #fff; background-repeat: repeat-x; background-attachment: scroll; background-position: left bottom; float: left; margin:0 8px 8px 0; padding: 2px; border: solid 1px #ccc; }
#content a img:hover { border-color: #e30015; cursor: pointer; }
#content_hb a img:hover { border-color: #0077be; cursor: pointer; }
blockquote p {font-size:1.1em;line-height:1.3em;margin:0;}
.left {margin:10px 10px 5px 0;float:left;}
.right {margin:10px 0 5px 10px;float:right;}
.anschrift { margin:10px 0; padding:10px 2px 0 10px; line-height:1.3em; background-color: #f3f7fb; border-color: #ccdfee; border-style: solid; border-width: 1px 1px 1px 6px; }
.anschrift a { font-weight:bold; }
.anschrift p {font-size:0.8em;}
.anschrift h2 { margin:0 0 10px; padding:0; }
.center {text-align:center;}
.small {font-size:0.8em;}
.large {font-size:1.3em;}
.bold {font-weight:bold;}
.highlighted {padding:3px;background-color:#f0f0f0;color:#303030;border:1px solid #b0b0b0;}
.hide {display:none;}
#container_start a, #container_start_hb a { text-decoration: none; }
#container_start a:hover, #container_start_hb a:hover { color: #000; text-decoration: none; cursor: pointer; }
.top {margin-left: 35px;}

/***** Kontaktformular *****/
.button { color: white; font-size: 1.3em; font-weight: bold; background-color: #e30015; float: left; padding: 5px; text-decoration: none; text-align: center; width: 100%; clear: left; border: solid 1px #e30015; }
.button:hover { color: #e30015; background-color: white; cursor: pointer; }
.button_hb { color: white; font-size: 1.3em; font-weight: bold; background-color: #0077be; float: left; padding: 5px; text-decoration: none; text-align: center; width: 100%; clear: left; border: solid 1px #0077be; }
.button_hb:hover { color: #0077be; background-color: white; border-color: #0077be; cursor: pointer; }
input, textarea, select { color: black; font-size: 1em; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: white; margin: 2px 0 10px; padding: 5px; border: solid 1px #b8b8b8; }
input:hover, textarea:hover, input:active, textarea:active { border-bottom-color: #e30015; }
.textfield, .textarea { padding:5px; color:black; font-size: 100%; background-color: white; margin-top: 2px; margin-bottom: 10px; border: solid 1px #b8b8b8; }
legend {color:#fe7f00;font-size:120%;font-size: 85%;font-weight:bold;letter-spacing: 1px;}
em, form .error { color:#e30015; font-weight: bold; font-style: normal; }
* html fieldset legend {float: left; position:relative; margin-top: -.95em;}
*:first-child+html fieldset legend {float: left; position: relative; margin-top: -.95em; }
* html fieldset legend {float: left; position:relative; margin-top: -.95em;}
fieldset.left { clear: none; width:420px; float:left; margin: 0; padding: 0; border-style: none; }
td label, p label, td p, li p, li label, li ul li, td ul li {font-size: 100%;}
#formular { width: 420px; float: left; clear: left; margin-top: 15px; }
#formular .width100 { width: 100px; }
#formular .width180 { width: 180px; }
#formular .width260 { width: 260px; }
#formular .width400, #content .width400 { width: 400px; }
#content .width410 { width: 410px; }
.margin1 { float: left; clear: left; margin-right: 30px; }