@charset "utf-8";
/* BASIC STYLES */
body{
    background-color:#748451;
    background-image:url(../upload/layoutbilder/hintergrundbild.jpg);
    background-repeat:repeat-x;
    color:#666666;
    font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
    line-height:0.9em;
    }
html, body  {height:100%;                      }
html        {overflow:-moz-scrollbars-vertical; }
#wrapper_main {
    height:700px;
    width:100%;
    min-width:500px;    
    background-image:url(../upload/layoutbilder/clown_hg.jpg);
    background-position:top right;
    background-repeat:no-repeat;
    z-index:0;
    font-size:0.75em;
}
#wrapper_logo {
    width:294px;
    height:81px;
    position:absolute;
    z-index:99;
}
#wrapper_menu {
    height:370px;
    width:185px;
    position:absolute;
    top:0px;
    left:0px;
    margin-top:130px;
    margin-left:15px;
    z-index: 1;
}
#wrapper_submenu {
    width:390px;
    height:27px;
    position:absolute;
    top:0px;
    left:205px;
    margin-top:32px;
    z-index:98;
    border-bottom: 1px #48a185 dashed;
}
#wrapper_content {
    height:670px;
    width:406px;
    position:absolute;
    top:0px;
    left:200px;
    margin-top:30px;
    z-index:3;
}
#wrapper_info {
    height:140px;
    width:150px;
    position:absolute;
    top:223px;
    right:57px;
    z-index:2;
}
#wrapper_smoco {
    height:20px;
    width:350px;
    position:absolute;
    top:600px;
    right:10px;
    z-index:4;
    text-align:right;
    font-size:0.81em;
}
#wrapper_hilfsnavi{
    height:20px;
    width:350px;
    position:absolute;
    top:600px;
    left:10px;
    z-index:4;
    text-align:left;
    font-size:0.81em;
}
/* Menü --------------------------------------------------- */
#menu {
  list-style: none;
  padding: 0;
  margin: 0;
  width:185px;
  height: 100%;
}
ul#menu li {height: 32px;}
#menu span {
  display: none;

}
#menu a {
  display: block;
  text-indent: -900%;
  outline: none;
}
#menu a:hover {
  background-position: left bottom;
}
#menu a:hover span {
  display: block;
}
.active{
    background-image: url(../upload/layoutbilder/png/underline.png);
    background-position:-13px 6px;
    background-repeat: no-repeat;
}
#menu .punkt_2, #menu .punkt_Start, #menu .punkt_2 span, #menu .punkt_Start span, #menu .punkt_3, #menu .punkt_Programm, #menu .punkt_3 span, #menu .punkt_Programm span, #menu .punkt_4, #menu .punkt_Buba, #menu .punkt_4 span, #menu .punkt_Buba span, #menu .punkt_5, #menu .punkt_Bilder, #menu .punkt_5 span, #menu .punkt_Bilder span, #menu .punkt_6 ,#menu .punkt_Termine, #menu .punkt_6 span, #menu .punkt_Termine span, #menu .punkt_9, #menu .punkt_Kontakt, #menu .punkt_9 span, #menu .punkt_Kontakt span {
    width: 116px;
    height: 23px;
    background-position:bottom;
    background-repeat: no-repeat;
}
#menu .punkt_2 span, #menu .punkt_Start span, #menu .punkt_3 span, #menu .punkt_Programm span, #menu .punkt_4 span, #menu .punkt_Buba span, #menu .punkt_5 span, #menu .punkt_Bilder span, #menu .punkt_6 span, #menu .punkt_Termine span, #menu .punkt_9 span, #menu .punkt_Kontakt span {
    position:relative;
    top:-14px;
}
#menu .punkt_2, #menu .punkt_Start              {background-image: url(../upload/layoutbilder/png/start_off.png);   }
#menu .punkt_2 span, #menu .punkt_Start span    {background-image: url(../upload/layoutbilder/png/start_off.png);   }
#menu .punkt_3, #menu .punkt_Programm           {background-image: url(../upload/layoutbilder/png/programm_off.png);}
#menu .punkt_3 span, #menu .punkt_Programm span {background-image: url(../upload/layoutbilder/png/programm_off.png);}
#menu .punkt_4, #menu .punkt_Buba               {background-image: url(../upload/layoutbilder/png/buba_off.png);    }
#menu .punkt_4 span, #menu .punkt_Buba span     {background-image: url(../upload/layoutbilder/png/buba_off.png);    }
#menu .punkt_5, #menu .punkt_Bilder             {background-image: url(../upload/layoutbilder/png/bilder_off.png);  }
#menu .punkt_5 span, #menu .punkt_Bilder span   {background-image: url(../upload/layoutbilder/png/bilder_off.png);  }
#menu .punkt_6 ,#menu .punkt_Termine            {background-image: url(../upload/layoutbilder/png/termine_off.png); }
#menu .punkt_6 span, #menu .punkt_Termine span  {background-image: url(../upload/layoutbilder/png/termine_off.png); }
#menu .punkt_9, #menu .punkt_Kontakt            {background-image: url(../upload/layoutbilder/png/kontakt_off.png); }
#menu .punkt_9 span, #menu .punkt_Kontakt span  {background-image: url(../upload/layoutbilder/png/kontakt_off.png); }

/* Untermenü --------------------------------------------------- */
#wrapper_submenu ul { margin-left: 100px;}
#wrapper_submenu ul li { display:inline; line-height:2em;}
#wrapper_submenu ul li a.active {color:#b38e48;background-color:#f0eeee;}
#wrapper_submenu a {
    font-size:1.25em;
    text-decoration:none;
    margin:0 0 0 3px;
    font-weight:bold;
    color: #48a185;
    line-height:2em;
    padding:6px 15px 2px 15px;
    background-image:none;
    }
#wrapper_submenu a:link {
    text-decoration:none;
    }
#wrapper_submenu a:active {
    color: #b38e48;
    }
#wrapper_submenu a:visited {
    color: #48a185;
    }
#wrapper_submenu a:hover {
    color: #b38e48;
    text-decoration:underline;
    background-color:#f0eeee;
    }

.textItem, .contactForm, #wrapper_termin, #mod_te,ul.sitemap{
    background-image:url(../upload/layoutbilder/png/bg_content.png);
    background-repeat:no-repeat;
    background-position:bottom left;
    display:block;
    padding:0 19px 0 15px;
    padding-bottom:15px;
}
#wrapper_info .textItem {background-image:none;color:black;}
#wrapper_smoco a, #wrapper_hilfsnavi a                {text-decoration:none;}
#wrapper_smoco a:link, #wrapper_hilfsnavi a:link      {color:#d6bd84;}
#wrapper_smoco a:active, #wrapper_hilfsnavi a:active  {}
#wrapper_smoco a:visited, #wrapper_hilfsnavi a:visited{color:#d6bd84;}
#wrapper_smoco a:hover, #wrapper_hilfsnavi a:hover    {color:#e9daa3;}

/* Metamenü --------------------------------------------------- */
#wrapper_hilfsnavi ul { margin-left: 0px;}
#wrapper_hilfsnavi ul li { display:inline; margin-left: 10px; line-height:2em;}
#wrapper_hilfsnavi ul li a.active {color:#b38e48;}
    
/*ÜBERSCHRIFTEN */
h1{
    line-height:35px;
    display:block;
    font-size:1.5em;
    color:#48A185;
}
#wrapper_content h2{
    display:block;
    font-size:1.2em;
    color:#2F2D29;
    font-weight:bold;
    margin-bottom:5px;
}
h2.dashed {border-bottom:1px dashed #cccccc;font-size:1em;}
h1 {padding-top:0px;}
h1.content {
    padding-top:35px;
    background-image:url(../upload/layoutbilder/png/bg_h1_1st.png);
    background-position:top left;
    background-repeat:no-repeat;
    text-indent:15px;}
h1.con_content {
    padding-top:5px;
    background-image:url(../upload/layoutbilder/png/bg_h1_1st.png);
    background-position:top left;
    background-repeat:no-repeat;
    text-indent:15px;}
#wrapper_info h1 {
    background-image:none;
    display:block;
    text-align:center;
    color:black;
    line-height:38px;
}
/* Kontakt --------------------------------------------------- */
form{   
    margin:0px; 
    padding:0px;
}
.contactForm {
    width: 93%; 
}
.contactForm em { color:#880044; }

.contactForm ol { margin-bottom:20px;}
.contactForm ol li { padding:2px 2px; text-indent:5px;}
.contactForm input {    
    border:1px solid #a5acb2;
    padding: 3px 2px;
}
.contactForm  input.eingabe {   
    width: 250px;
}
.contactForm input.strasse, .contactForm input.ort {width: 200px;}
.contactForm input.nr, .contactForm input.plz {width: 40px;}
.contactForm input.strasse, .contactForm input.plz {margin-right:4px;}
.contactForm textarea {
    width: 350px;
    height:150px;
    border:1px solid #a5acb2;
    padding: 3px 2px;
}
.contactForm .left  {
    float: left;
    width:48%;
}
.contactForm .right {
    float: right;
    width:48%;
}
.contactForm .dissi {   background-color:#f0eeee;}
label {
    display:block;
    width:100px;
    float:left;
}
legend { 
    font-size: 1.09em;
    color:#880044;
    font-weight:normal; 
    margin-bottom:2px;
    text-indent:5px;
}

/* Kleinanzeigen --------------------------------------------------- */


#wrapper_info div.textItem { text-align:center; color:#573932}
#wrapper_info h1 {color:#573932}
/* Bildergalerie --------------------------------------------------- */
ol#gallery_show {
}
ol#gallery_show li {
    margin-top: 10px;
    width: 33%;
    display:block;
    float:left;
    text-align:center;
}
ol#gallery_show li img { border: 2px white solid; margin:5px 0px;}
ol#gallery_show li a:hover img { border: 2px #c8c9bd solid; margin:5px 0px;}

/* Sitemap --------------------------------------------------- */
ul.sitemap li.level0 { font-weight:bold; border-bottom:1px dashed;text-indent:15px;}
ul.sitemap li {line-height:20px;}
ul.sitemap li ul.list2 { border-bottom:0px;margin-bottom:25px;}
ul.sitemap li ul li { border-bottom:0px;text-indent:35px; line-height:20px;}
ul.sitemap li ul li ul.list2 { border-bottom:0px;margin-bottom:0px;}
ul.sitemap li ul li ul li{ border-bottom:0px;text-indent:55px;}
ul.sitemap a {display: block;}
ul.sitemap a:hover {
    background-image:url(../upload/layoutbilder/png/bg_content.png);
    background-repeat:no-repeat;
    background-position:top -10px;
}

/* Impressum --------------------------------------------------- */
.left  {
    float: left;
    width:48%;
}
.right {
    float: right;
    width:48%;
}
.mb30 { margin-bottom:30px;}

/* UNTERSCHIEDLICHES */
.clearfix:after, .wrapper_presse ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix, .wrapper_presse ul {
    display: inline-block;
}

html[xmlns] .clearfix, html[xmlns] .wrapper_presse ul {
    display: block;
}

* html .clearfix, *html .wrapper_presse ul {
    height: 1%;
}
hr {
    display: block;
    border: 0px; 
    border-bottom: 1px solid #d8d8d8;
    margin: 5px 0px 8px 0px; 
    height: 1px;
}
b,strong, .dick { font-weight:bold;}
.klein {font-size:0.92em;}
.block {text-align: justify;}
.mr20     {margin-right:20px;}
a         {text-decoration:none;}
a:link    {color:#880044;}
a:active  {}
a:visited {color:#880044;}
a:hover   {color:#b38e48;}

/* Download --------------------------------------------------- */

.wrapper_presse {
    width:100%;
    margin:15px 0;
}
.wrapper_presse .dl_head {
    width:8%;
    float:left;
    height:22px;
    padding-bottom:6px;
}
.wrapper_presse .dl_head img {
    margin: 0.3em 0 0 0;
    padding-right:1%
}
.wrapper_presse .dl_description {
    width:91%;
    float:left;
    padding-top:6px;
    height:22px;
}
.wrapper_presse ul li a:hover .dl_head, .wrapper_presse ul li a:hover .dl_description{
    background-color:#f0eeee;
    color: #b38e48;
}
em { font-style:italic;}
div.dot ul { padding-left:15px;}
div.dot ul li { list-style:outside disc;}