/*  #### Grundeinstellungen #### bitte nicht ?ndern ####
    #### relatives Layout   ####
*/

#Logo1 { background-image: url(../Bilder/btn_omse_gb.gif); background-repeat: no-repeat; position: absolute; top: 0; left: 0; width: 140px; height: 68px; margin: 0; }
#Logo2 { background-image: url(../Bilder/btn_ev_gb.gif); background-repeat: no-repeat; position: absolute; top: 0; left: 140px; width: 140px; height: 68px; margin: 0; }
#Logo3 { background-image: url(../Bilder/btn_ev_gb1.gif); background-repeat: no-repeat; position: absolute; top: 0; left: 280px; width: 140px; height: 68px; margin: 0; }
#SpryContactForm ul li span span.grpcheckbox {
display:block;
float:left;
height:25px;
width:100px;
}

#SpryContactForm ul li span span.grpradio {
display:block;
float:left;
height:25px;
width:70px;
}
#NaviTop { background-color: #edeffe; position: absolute; top: 68px; left: 0; width: 980px; height: 68px; padding: 0; }
#pic1 { background-image: url(../Bilder/btn_kulturzentrum_inaktiv.jpg); background-repeat: no-repeat; position: absolute; top: 0; left: 0; width: 140px; height: 68px; }
#pic2 { background-image: url(../Bilder/btn_kindertreff_inaktiv.jpg); background-repeat: no-repeat; position: absolute; top: 0; left: 140px; width: 140px; height: 68px; }
#pic3 { background-image: url(../Bilder/btn_kiga_inaktiv.jpg); background-repeat: no-repeat; position: absolute; top: 0; left: 280px; width: 140px; height: 68px; }
#pic4 { background-image: url(../Bilder/btn_laborschule_inaktiv.jpg); background-repeat: no-repeat; position: absolute; top: 0; left: 420px; width: 140px; height: 68px; }
#pic5 { background-image: url(../Bilder/btn_werkhaus_inaktiv.jpg); background-repeat: no-repeat; position: absolute; top: 0; left: 560px; width: 140px; height: 68px; }
#pic6 { background-image: url(../Bilder/btn_verein_inaktiv.jpg); background-repeat: no-repeat; position: absolute; top: 0; left: 700px; width: 140px; height: 68px; }
#pic7 { background-image: url(../Bilder/btn_jobs_inaktiv.jpg); background-repeat: no-repeat; position: absolute; top: 0; left: 840px; width: 140px; height: 68px; }
#pic1:hover { background-image: url(../Bilder/btn_kulturzentrum_gb.jpg); background-repeat: no-repeat; position: absolute; top: 0; left: 0; width: 140px; height: 68px; }
#pic2:hover { background-image: url(../Bilder/btn_kindertreff_gb.jpg); background-repeat: no-repeat; position: absolute; top: 0; left: 140px; width: 140px; height: 68px; }
#pic3:hover { background-image: url(../Bilder/btn_kiga_gb.jpg); background-repeat: no-repeat; position: absolute; top: 0; left: 280px; width: 140px; height: 68px; }
#pic4:hover { background-image: url(../Bilder/btn_laborschule_gb.jpg); background-repeat: no-repeat; position: absolute; top: 0; left: 420px; width: 140px; height: 68px; }
#pic5:hover { background-image: url(../Bilder/btn_werkhaus_gb.jpg); background-repeat: no-repeat; position: absolute; top: 0; left: 560px; width: 140px; height: 68px; }
#pic6:hover { background-image: url(../Bilder/btn_verein_gb.jpg); background-repeat: no-repeat; position: absolute; top: 0; left: 700px; width: 140px; height: 68px; }
#pic7:hover { background-image: url(../Bilder/btn_jobs_gb.jpg); background-repeat: no-repeat; position: absolute; top: 0; left: 840px; width: 140px; height: 68px; }
#pic1:active { background-image: url(../Bilder/btn_kulturzentrum_aktiv.jpg); background-repeat: no-repeat; position: absolute; top: 0; left: 0; width: 140px; height: 68px; }
#pic2:active { background-image: url(../Bilder/btn_kindertreff_aktiv.jpg); background-repeat: no-repeat; position: absolute; top: 0; left: 140px; width: 140px; height: 68px; }
#pic3:active { background-image: url(../Bilder/btn_kiga_aktiv.jpg); background-repeat: no-repeat; position: absolute; top: 0; left: 280px; width: 140px; height: 68px; }
#pic4:active { background-image: url(../Bilder/btn_laborschule_aktiv.jpg); background-repeat: no-repeat; position: absolute; top: 0; left: 420px; width: 140px; height: 68px; }
#pic5:active { background-image: url(../Bilder/btn_werkhaus_aktiv.jpg); background-repeat: no-repeat; position: absolute; top: 0; left: 560px; width: 140px; height: 68px; }
#pic6:active { background-image: url(../Bilder/btn_verein_aktiv.jpg); background-repeat: no-repeat; position: absolute; top: 0; left: 700px; width: 140px; height: 68px; }
#pic7:active { background-image: url(../Bilder/btn_jobs_aktiv.jpg); background-repeat: no-repeat; position: absolute; top: 0; left: 840px; width: 140px; height: 68px; }
#pic1:focus { background-image: url(../Bilder/btn_kulturzentrum_aktiv.jpg); background-repeat: no-repeat; position: absolute; top: 0; left: 0; width: 140px; height: 68px; }
#pic2:focus { background-image: url(../Bilder/btn_kindertreff_aktiv.jpg); background-repeat: no-repeat; position: absolute; top: 0; left: 140px; width: 140px; height: 68px; }
#pic3:focus { background-image: url(../Bilder/btn_kiga_aktiv.jpg); background-repeat: no-repeat; position: absolute; top: 0; left: 280px; width: 140px; height: 68px; }
#pic4:focus { background-image: url(../Bilder/btn_laborschule_aktiv.jpg); background-repeat: no-repeat; position: absolute; top: 0; left: 420px; width: 140px; height: 68px; }
#pic5:focus { background-image: url(../Bilder/btn_werkhaus_aktiv.jpg); background-repeat: no-repeat; position: absolute; top: 0; left: 560px; width: 140px; height: 68px; }
#pic6:focus { background-image: url(../Bilder/btn_verein_aktiv.jpg); background-repeat: no-repeat; position: absolute; top: 0; left: 700px; width: 140px; height: 68px; }
#pic7:focus { background-image: url(../Bilder/btn_jobs_aktiv.jpg); background-repeat: no-repeat; position: absolute; top: 0; left: 840px; width: 140px; height: 68px; }

.artikelliste{
}
.navileft_open{
font-weight:bold;
}
.navileft_active{
font-weight:bold;
}
.navi_first{
display:none;
}
.navipath{
display:none;
}

.dropdown {
  border-color:#d8ccb2;
  border-style:solid;
  border-width:0 1px 2px 0;
  background-color:#fff;
  font-size:11pt;
  padding:0.2em 0;
  min-width:140px;
  position:absolute;
  /*position:relative;*/
  /*margin-top:69px;*/  /* IE6 */
  /*margin-left:-140px;*/  /* IE6 */
  z-index:5;
  visibility:hidden;
}



/* zwischen den Links darf kein Platz sein,
   sonst funktioniert das JS nicht. */
.dropdown a {
  /*width:100%;*/  /* IE6 */
  display:block;
  font-size:11pt;
  padding:0.2em 0.5em 0.2em 0.5em;
  margin:0;
  line-height:1em;
  color: #333;
  text-decoration:none;
}

html, body {
margin: 0;

}
#divhead1{
width:280px!important;
}
#divhead2{
width:0px!important;
}
body {
padding: 10px 1%;
background-color: #fff;
color: #300;
font-family: Arial, Helvetica, sans-serif;
font-size: 90%;
text-align: center;/*fuer IE_quirks*/
}

/* mainboxes */
#wrapper {
 position: relative; 
 /* float:left; */
  width: 980px; 
  background-color: #fff;
  color: #300;
  text-align: left;/*Aufheben von IE_quirks im BODY*/
/*  border-color: silver;
  border-style:dashed;
  border-width:1px 1px 1px 1px; */
}
#header {
/*  width:980px; */
  height: 136px;
  background-color: transparent;
}
#header div {
  float:left;
  width:140px;
}
#menue img{
display:none;
}
#menue {
position:absolute; 
/*   float: left;*/
top: 164px;
left: 5px;
width: 145px;
background-color: #fff;
/* color: #000; */
margin: 0px;
padding: 0px;
clear: both;
/*  border-color:#d8ccb2;
  border-style:solid;
  border-width:1px 1px 1px 1px; */
}

#content {
position:absolute;
top:145px;
width: 60%;
left:8;
background-color: #fff;
/* color: #000; */
margin: 0px 80px 0px 170px;
padding: 4;
/*  border-color:#d8ccb2;
  border-style:solid;
  border-width:1px 1px 1px 1px; */
}
#teaser img{
float: right;

}
#teaser object{
float: right;
margin-bottom:30px;
}

#teaser {
position: absolute;
top: 145px;
right: 5px;
width: 100px;
background-color: #fff;
margin: 30px 0px 0px 0px;
/* color: #000; */
/*  border-color:#d8ccb2;
  border-style:solid;
  border-width:1px 1px 1px 1px; */
}

#footer {
background-color: #fff;
/* color: #000; */
padding: 5px 0;
/* font:family:times;*/
font-size:14px;
text-align: center;
/*  clear: both;
   visibility: hidden;
 border-color:#d8ccb2;
  border-style:solid;
  border-width:1px 1px 1px 1px; */
}



/*   #### Feineinstellungen ####
*/

#header #logo {
margin: 15px 0px 0px 15px;
border: 0 none;
}

/* set all to 0 */
h1, h2, h3, h4, p, ul, li {
margin: 0;
padding: 0;
}

/* headings */
h1, h2, h3, h4 {
margin: 10px 0px 20px 0px;
}
h1 {
background-color: transparent;
font-size: 150%;
letter-spacing: 2pt;
}
h2 {
background-color: transparent;
font-size: 120%;
letter-spacing: 1pt;
}
h3 {
font-size: 110%;
letter-spacing: 1pt;
}
h4 {
font-size: 95%;
letter-spacing: 1pt;
}

/* Texte */
p, li {
font-size: 96%;
}
#content p, #content li {
line-height: 150%;
margin: 7px 0px 8px 0px;
}
#menue p, #teaser p {
padding: 10px 5px 0px 10px;
}
#menue p.linear {
padding: 0px 5px 0px 10px;
}
ul {
margin: 0px 0px 0px 20px;
}

/* Links */
#content a {
/* font-family:Times New Roman;*/
font-size:14px;
text-decoration: none;
padding: 0px 3px 2px 0px;
color: #298298;
}
#content a:visited {
/* font-family:Times New Roman;*/
font-size:14px;
text-decoration: none;
padding: 0px 3px 2px 0px;
color: #298298;
}
#content a:active {
/* font-family:Times New Roman;*/
font-size:14px;
text-decoration: none;
padding: 0px 3px 2px 0px;
color: #298298;
}
#content a:hover {
/* font-family:Times New Roman;*/
font-size:14px;
text-decoration: underline;
padding: 0px 3px 2px 0px;
color: #298298;
}
#menue a {
display: block;
width: 120px;
font-family:arial;
font-size:17px;
color:#737373!important;
}
#menue p.linear a {
display: inline;
width: auto;
}

#menue a {
text-decoration: none;
margin: 1px 0px 1px 0px;
padding: 0px 3px 0px 3px;
}
#footer a {
color:#298298;
text-decoration: none;

}
#menue a:link {
color: #663;

}
#footer a:link {
color:#298298;
}
#menue a:visited{
color: #663;
}
#footer a:visited {
color:#298298;
}
#footer a:hover {
color:#298298;
}
#footer a:active {
color:#298298;
}
#menue a:hover {
text-decoration: none;
color: #000;
text-decoration:underline;
}
#menue a:active{
text-decoration:underline;
color: #000;
}

/* others */
.invis, hr {
display: none;
}

img {
border: none;
}

table {border-spacing: 0px;}
td {border-color:#000000; border-width:0px; border-style:solid; padding:2px;}

.ueberstrong {font-weight: bold; font-family: Arial; font-size: 18px; color:#e8121a;margin: 15px 0px 10px 0px;}
.ueberstrong p {font-weight: bold; font-family: Arial; font-size: 18px; color:#e8121a;margin: 15px 0px 10px 0px;}
.uebersmallstrong p{font-weight: bold; font-family: Arial; font-size: 18px; color:#e8121a;margin: -5px 0px 10px 0px;}
.uebersmallstrong {font-weight: bold; font-family: Arial; font-size: 18px; color:#e8121a;margin: -5px 0px 10px 0px;}
.textnormal {font-family: Arial; font-size: 15px; color:#000;}

.form_search {background-color: #FFF; color:#330000;}
.form_search_input {background-color: #FFF; color:#330000; border: 1px solid #000000}
.form_search_submit {font-family: Arial, Helvetica, sans-serif;  font-size: 0.9em; background-color: #FFF; color:#330000;border-width:0px; text-align:left;}


.boxleft {background-color: #FFF; color:#330000;}
.input_boxleft {background-color: #FFF; color:#330000; border: 1px solid #000000}
.submit_boxleft {font-family: Arial, Helvetica, sans-serif;  font-size: 0.9em; background-color: #FFF; color:#330000;border-width:0px; text-align:left;}


.zelle {text-align:center; vertical-align:top;}
.sitemapCell0 {background-color:#F3D399;}
.sitemapCell1 {background-color:#F6DCAD;}
.sitemapCell2 {background-color:#F9E9C6;}
.sitemapCell3 {background-color:#FCF6F6;}
.sitemapTbl {vertical-align:top;border:1px dotted}

.input_searchbox {
    /*width:65px;
    vertical-align:middle;
    font-size:11px;*/
}

.input_newsletterselect {
background-color: #FFF;
 color:#330000;
 border: 1px 
solid #000000
    /*width:80px;
    vertical-align:middle;
    font-size:11px;
    margin-right: 8px;*/
}

.label_searchbox {
    vertical-align:middle;
    /*color:#9d9ea2;*/
    position:relative;
    /*padding-left:10px;*/
    /*left:-65px;*/
}

#loginbox {
    /*background-color:#DFE0E5;*/
    padding-bottom:.1px;
    padding-top:.1px;
    padding-left:1px;
    padding-right:1px;
    margin-top:1px;
    margin-bottom:1px;
}

#searchbox {
    /*background-color:#DFE0E5;*/
    padding-bottom:1px;
    padding-top:1px;
    padding-left:1px;
    padding-right:1px;
    margin-top:1px;
    margin-bottom:1px;
}

#newsletterbox {
   /*background-color:#DFE0E5;*/
   padding-bottom:1px;
   padding-top:1px;
   padding-left:1px;
   padding-right:1px;
   margin-top:1px;
   margin-bottom:1px;
}

.hidden {
    display:none;
}

/* sKalender universal */

div#mod_sK {

}

div#mod_sK table{

background: transparent;

}

#sparkasse{
text-align:left;
}