/* ++++++++++++++++++++++++++++++++++++++++
++ Optional Code
++++++++++++++++++++++++++++++++++++++++ */
/** +++++ eigener Code ++++++ **/

html {font-family: Verdana, Arial, Helvetica, sans-serif; 
                font-size: 100.01%;}
body {margin:0; padding: 0; background-color: #fff;
                font-family: Verdana, Arial, Helvetica, sans-serif; 
                font-size: 0.75em; color: #000;}
 
 /*styles allgemein*/
a {color:rgb(0,54,84); text-decoration:none; font-weight:bold;}
a:link {color:rgb(0,54,84); text-decoration:none; font-weight:bold;}
a:hover {color:rgb(0,094,126); text-decoration:none;    font-weight: bold;}
a:visited {color:rgb(0,54,84); text-decoration:none; font-weight:bold;}
a.header_visikarte {color:rgb(0,54,84); font-weight: bold; text-decoration: none; display:block;}
 a.header_visikarte:link {color:rgb(0,54,84); font-weight: bold; text-decoration: none; display:block;}
 a.header_visikarte:visited {color:rgb(0,094,126);  font-weight: bold; text-decoration: none; display:block;}
 a.header_visikarte:hover {color:rgb(0,094,126); font-weight: bold;  text-decoration:none; display:block;}            
a.unterseite 
{color:rgb(0,54,84); text-decoration:none; font-weight:bold; 
background-image: url(/images/pfeil_infobox1_neu.gif); background-repeat: no-repeat; padding: 0px 0px 10px 15px;  margin-left:0px; display:block;}
a.unterseite:link
{color:rgb(0,54,84); text-decoration:none; font-weight:bold; 
background-image: url(/images/pfeil_infobox1_neu.gif); background-repeat: no-repeat; padding: 0px 0px 10px 15px;  margin-left:0px; display:block;}
a.unterseite:hover
{color:rgb(0,094,126); text-decoration:none; font-weight:bold; 
background-image: url(/images/pfeil_infobox1_neu.gif); background-repeat: no-repeat; padding: 0px 0px 10px 15px;  margin-left:0px; display:block;}
a.unterseite:visited
{color:rgb(0,094,126); text-decoration:none; font-weight:bold; 
background-image: url(/images/pfeil_infobox1_neu.gif); background-repeat: no-repeat; padding: 0px 0px 10px 15px;  margin-left:0px; display:block;}

a.download 
{color:rgb(0,54,84);  text-decoration:none; font-weight:bold;  padding: 0px 0px 10px 0px;
 margin-left:0px;     border: none; display:block;}
a.download:link
{color:rgb(0,54,84); text-decoration:none; font-weight:bold; padding: 0px 0px 10px 0px;
 margin-left:0px;     border: none; display:block;}
a.download:hover
{color:rgb(0,094,126);  text-decoration:none; font-weight:bold; padding: 0px 0px 10px 0px;
 margin-left:0px;     border: none; display:block;}
a.download:visited
{color:rgb(0,094,126); text-decoration:none; font-weight:bold;  padding: 0px 0px 10px 0px;
 margin-left:0px;     border: none;display:block;}
a.link 
{color:rgb(0,54,84);  text-decoration:none; font-weight:bold; background-image: url(/images/pfeil_infobox1_neu.gif); background-repeat: no-repeat; padding: 0px 0px 10px 15px;
line-height: 1em; margin-left:0px; display:block;}    
a.link:link
{color:rgb(0,54,84); text-decoration:none; font-weight:bold; background-image: url(/images/pfeil_infobox1_neu.gif); background-repeat: no-repeat; padding: 0px 0px 10px 15px;
line-height: 1em; margin-left:0px;}
a.link:hover
{color:rgb(0,094,126);text-decoration:none; font-weight:bold; background-image: url(/images/pfeil_infobox1_neu.gif); background-repeat: no-repeat; padding: 0px 0px 10px 15px;
line-height: 1em; margin-left:0px;}
a.link:visited
{color:rgb(0,094,126);text-decoration:none; font-weight:bold; background-image: url(/images/pfeil_infobox1_neu.gif); background-repeat: no-repeat; padding: 0px 0px 10px 15px;
line-height: 1em; margin-left:0px;}
 
a.breadcrumb {color:rgb(0,54,84);}
a.breadcrumb:link {color:rgb(0,54,84);}
a.breadcrumb:hover {color:rgb(0,094,126);}
a.breadcrumb:visited {color:rgb(0,94,126);}

p.white {background:#ffffff; line-height:0.1%; margin: 0px;}

           
h1 {font-size:1.2em; color: #000000; font-weight: bold; margin-bottom: 5px;  padding-top:0.2%; line-height:1.2em;}
h2 {font-size: 1.1em; color: #000000;   margin: 0px 0px 10px 0px; display:block;}
h3 {font-size: 1.0em; margin: 0px 0px 0px 5px; font-weight: bold; padding:0px; display:block;}
 
.download {border: none; padding: 0px 10px 0px 0px;}

a.infobox 
{color:rgb(0,54,84); text-decoration:none; font-weight:bold; 
background-image: url(/images/pfeil_infobox1_neu.gif); background-repeat: no-repeat; padding: 0px 0px 0px 12px;line-height: 1.1em; margin-left:4px; display:block;}

li {list-style-type: none;}
.content ul {list-style-position: outside; display:block;}
.content li {padding: 0px 0px 0px 0px;  text-align:justify; margin-left: 15px; list-style-type:square; }
 /*auesserer Rahmen*/
#frame     
{width:100%;
background-color: #ffffff;
padding: 0;
margin: 0;
}
/*Kopfzeile */
#header         
{margin: 0 0% 2% 1%;
    padding: 0;
    width: 98%;
     background-color: #fff;
    background-repeat: no-repeat;
    clear: both;
    height: 186px;
    }
        
.logo
{position:absolute;
top:0px;
left: 0px;
width: 186px;
background-repeat: no-repeat;
border: none;
background-color:#fff;}

.service_icons
{position: absolute;
right:2%;
top: 5px;
z-index:3;
width: 90px;}    
    
.leiste {margin-left: 186px;
    height: 186px;
    background-color: #fff;
    background-image: url(/images/header_dynamischer_fortsatz_neu.jpg) ;
background-repeat: repeat;
max-width:1900px;
min-width:500px;
overflow:hidden;
z-index:2;}


.bildwechsel1 {position:absolute;
top:30px;
left: 340px;
border: none;
overflow: hidden;}
.bildwechsel3 {position: absolute;
top:30px;
left: 460px;
border: none;
overflow: hidden;}
.bildwechsel6 {position: absolute;
top:30px;
left: 580px;
border: none;
overflow: hidden;
}
.bildwechsel4 {position: absolute;
top:30px;
left: 700px;
border: none;
overflow: hidden;
}
.bildwechsel5 {position:absolute;
top:60px;
left: 340px;
border: none;
overflow: hidden;}
.bildwechsel7 {position: absolute;
top:60px;
left: 460px;
border: none;
overflow: hidden;}
.bildwechsel2 {position: absolute;
top:60px;
left: 580px;
border: none;
overflow: hidden;}
.bildwechsel8 {position: absolute;
top:60px;
left: 700px;
border: none;
overflow: hidden;
}


.navileiste1a {margin:0px 0px 0px 186px;
background-color:#fff;
line-height: 1.2em;
padding:0px 0px 0px 0px;
border-bottom:1px solid #fff;
border-top:1px solid #fff;
color: rgb(0,54,84);
font-weight: bold;}


#navigation
{float:left; 
width: 185px;
max-width: 17%;
margin-right:0.4%;
margin-top:0%;
margin-left:0.4%;
background-color: transparent;
padding: 2px 2px 2px 2px;
font-size:90%;
}
/*Content Mitte */
#content
{float:left;    
background-color: #ffffff;
    width: 63%;
    margin-left:0.3%;
    margin-right:0.3%;
    margin-top:0%;
    color: #000000;
    }
    
/*Alternative nur content mitte wird nur bei seiten gemeindeentwicklung verwendet */
#nur_content
{float:left;    
background-color: #ffffff;
    width: 95%;
    margin-left:0.5%;
    margin-right:1%;
    color: #000000;
    }
.content
{color: #000000;
padding: 0px;}    
    
/*zweispaltiger content */
.content_links
{float:left;
    width: 46%;
    border: 0px solid #000;
    margin-top: 1%;
    padding: 1%;}
.content_rechts
{float:right;
width: 46%;
border: 0px solid #000;
margin-top: 1%;
padding: 1%;}
/*content visitenkarte  */
.content_visikarte
{background-color: #ffffff;
margin-top:5px;
padding: 0px 10px 10px 0px;
min-height:150px;
height: auto;}
.content_img_visikarte
{float:left;
padding:5px 5px 3px 5px;
line-height: 1.2em;
font-size:0.9em;
width:auto;
height: auto;}


.content_visikarte_border
{border-bottom: 2px dotted rgb(0,94,126);
width:100%;
margin: 5px 0px 5px 0px;
padding:0px 0px 0px 0px;
line-height:1px;}

.content_visikarte_border_unten
{border-bottom: 2px dotted rgb(0,94,126);
width:100%;
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
line-height:1px;
clear:both;}

.dreier {width: 100%; font-size:0.85em; margin: 10px 0px 0px 2px;} 
.anfang {float: left;}
.print {text-align: center; margin-bottom: 5px; } 
.zurueck {float: right; text-align:right;}
.zurueckoben {float:right; text-align:right; font-size:0.85em; padding: 0px 0px 0px 30px;}
.suche2 {padding: 0px 0px 0px 0px;  font-size: inherit; margin: 0px 0px 0px 0px; background:#fff;}

/*Liste Unterseite */
ul.weiter {clear: both;
    padding: 0px 0px 0px 0px;
    list-style-position: outside;
    margin: 5px 0px 0px 0px;
    }
li.weiter {
    list-style-type: none;
    margin-left: 0px;
    padding: 0px 0px 5px 0px;
}
    
/**Leerzeile für Vierspalter**/        
.mitte_content_leer
{width: 400px;
visibility: hidden;
}
/**rechter Infoblock mit infobox**/
#rechts
{float:right;
width:15%;
background:#ffffff;
margin-right:0.4%;
margin-left:0.4%;
margin-top:0%;
padding:0;
}

#rechts a {color:rgb(0,54,84); text-decoration:none; font-weight:bold;}
#rechts a:hover {color:rgb(0,094,126);  text-decoration:underline; font-weight:bold; text-decoration: underline;}
#rechts a:visited  {color:rgb(0,094,126);  text-decoration:none; font-weight:bold;}
.infobox_text {padding: 0px 0px 0px 0px; line-height: 1.1em; font-size: inherit; margin: 2px 2px 3px 1px; background:rgb(217,230,175); color:#000;}
.infobox_bild {padding: 2px 3px 0px 2px; float: left; margin: 0px; background:rgb(217,230,175);}
/* bei infobox_text ggf word-wrap einfuegen */

.suche {padding: 0px 0px 0px 0px;  font-size: inherit; margin: 0px 0px 0px 0px; background:rgb(217,230,175);}
input.suche {padding:0px; margin:1px 0px 2px 3px; background: #ffffff;}

h3.infobox {background:rgb(151,191,13); background-repeat: no-repeat;
    color:#fff;
    font-weight: bold;
    margin:0px;
    font-size: 1em;
    line-height: 1.1em;
    padding: 0px 0px 0px 3px;
    text-transform: uppercase;}    
.infobox_text_trauer {padding: 0px 0px 0px 0px; line-height: 1.1em; font-size: inherit; margin: 2px 2px 3px 1px; background:rgb(204,204,206); border: 2px solid #000;}
h3.infobox_trauer {background:rgb(204,204,206); background-repeat: no-repeat;
    color:#000000;
    font-weight: bold;
    margin:0px;
    font-size: 1em;
    line-height: 1.1em;
    padding: 0px 0px 0px 3px;}  

/**Fusszeile optional**/
#footer {position:relative;
background: #ffffff;
    clear: both;
    margin-bottom:0px;
    margin-top:0px;
    margin-left:20%;
    margin-right:20%;
    padding-top:0px;
    padding-bottom:0px;
    width:55%;
    text-align:center;
font-size:0.9em;
    }
.pubdate {text-align:center;
font-size:0.8em;
margin-top: 1em;
margin-bottom: 1em;}
.clear {
    clear: both; display: none;}
label.blind {display:none;}
 
 /** +++++ Ende eigener Code ++++++ **/
 
p { 
 padding: 5px; 
 margin: 0; 
  }

ul { 
 padding-right: 1em; 
 text-align: left; 
 margin-bottom: 1em;
 }
.normal { 
 font-style: normal;
 }
.sitemap {
 color: #000;
}
.wrapper { 
 min-width: 400px;
 }
/* Always good to have on full width liquid CSS layouts, google "min-width IE" for JS solutions there */
.wrapper { 
 border: 1px solid black; 
 margin: 0 -1px;
 }
/* this is a border with marginal compensation to stop scroll bars */
/* ++++++++++++++++++++++++++++++++++++++++
++ Setup (This all looks neater when it isn't put on display!)
++++++++++++++++++++++++++++++++++++++++ */
.wrapper {
 width: 100%;                  /* total width */
}      
.outer {
 border-left-width: 150px;     /* left column width */
 border-left-color: #cccccc;   /* left column colour */
 
 border-right-width: 200px;    /* right column width */
 border-right-color: #cccccc;  /* right column colour */
 
 background-color: #fefefe;    /* center column colour */
}
.left {
 width: 150px;                 /* left column width */
 margin-left: -150px;          /* _negative_ left column width */
}
.right {
 width: 200px;                 /* right column width */
 margin-right: -200px;         /* _negative_ right column width */
}
.wide {
 background-color: #d7dabd;    /* header and footer colours */
}
/* ++++++++++++++++++++++++++++++++++++++++
++ Main code
++++++++++++++++++++++++++++++++++++++++ */
.outer { 
 width: auto; 
 border-left-style: solid; 
 border-right-style: solid;
 }
.inner { 
 margin: 0; 
 width: 100%;
 }
.left { 
 float: left; 
 position: relative; 
 z-index: 10;
 }
.right { 
 float: left; 
 position: relative; 
 z-index: 11;
 }
.center { 
 float: left; 
 width: 100%; 
 position: relative; 
 z-index: 12;
 }
.wide { 
 width: 100%; 
 position: relative; 
 z-index: 13;
 }
.clear { 
 clear: both;
 }
/* Mozilla code */
.outer > .inner { 
 border-bottom: 1px solid transparent;
 }
.left { 
 margin-right: 1px;
 }
.right { 
 margin-left: 1px;
 }
.center { 
 margin: 0 -3px 0 -2px;
 }
/* ++++++++++++++++++++++++++++++++++++++++
++ Subnavigation
++++++++++++++++++++++++++++++++++++++++ */

.left ul {
 list-style: none;
 list-style-type: none;
 margin: 0px;
 margin-left: 10px;
 padding:0px;
}
.left ul li {
 margin: 0px;
 padding: 0px;
}
.left ul ul {
 list-style: none;
 list-style-type: none;
 margin: 0px;
 margin-left: 10px;
 padding:0px;
}
.left ul ul ul {
 list-style: none;
 list-style-type: none;
 margin: 0px;
 margin-left: 10px;
 padding:0px;
}
.left ul ul ul ul {
 list-style: none;
 list-style-type: none;
 margin: 0px;
 margin-left: 10px;
 padding:0px;
}
.left ul ul ul ul ul {
 list-style: none;
 list-style-type: none;
 margin: 0px;
 margin-left: 10px;
 padding:0px;
}
.left ul li a {
 color: #800000;
}
.left ul li a b {
 color: #800000;
 font-weight: bold;
}
.left a:hover {
 color: #800000;
 text-decoration: underline;
}
/* ++++++++++++++++++++++++++++++++++++++++
++ Subnavigation neu eigener Code
++++++++++++++++++++++++++++++++++++++++ */
#navigation ul {
 list-style: none;
 list-style-type: none;
 margin: 0px;
 margin-left: 0px;
 padding:0px;
 }
#navigation ul li {margin: 0px; padding:0px; } 
 
#navigation ul li a {
 padding:5px 10px 5px 13px; margin: 0px; font-weight:bold;  background-color:rgb(0,94,126); color: #fff; display:block; line-height: 1.2em; text-transform: uppercase; border-bottom: 1px solid #fff;}
#navigation ul li a:hover {
 background-color:rgb(0,54,84); color:#fff;}
#navigation ul ul {
 list-style: none;
 list-style-type: none;
 margin: 0px;
 margin-left: 0px;
 padding:0px;
}
 
#navigation ul li li a {padding:5px 10px 5px 20px; margin:0px; font-weight:bold;   color:rgb(178,224,245);  background-color:rgb(0,94,126); display:block; text-transform: none; border-bottom: none; }
#navigation ul li li a:hover {background-color:rgb(0,54,84);  color:rgb(175,203,81);}
#navigation ul ul ul {
 list-style: none;
 list-style-type: none;
 margin: 0px;
 margin-left: 0px;
 padding:0px;
}
#navigation ul li li li a {
 padding:5px 10px 5px 27px;   margin:0px;  background-color:rgb(0,94,126); color:#fff; display:block; }
#navigation ul li li li a:hover {
 background-color:rgb(0,54,84);  color:#fff; display:block;}

#navigation ul ul ul ul {
 list-style: none;
 list-style-type: none;
 margin: 0px;
 margin-left: 0px;
 padding:0px;
}
#navigation ul li li li li a {padding:5px 10px 5px 34px; background-color:rgb(0,94,126); margin:0px;}
#navigation ul ul ul ul ul {
 list-style: none;
 list-style-type: none;
 margin: 0px;
 margin-left: 0px;
 padding:0px;
}
   
/* #navigation ul li a b {
 color: #800000;
 font-weight: bold; }*/

#navigation ul li a b {
 background: url(/images/pfeil_hauptnavigation_markiert.gif)  170px 6px no-repeat;  background-color:rgb(0,54,84);  display:block; color:#fff; padding:5px 10px 5px 13px; z-index:2;  margin-left: -13px; margin-top:-5px; margin-bottom: -5px;
margin-right:-10px; text-transform: uppercase;}
#navigation ul li li a b {padding:5px 10px 5px 20px; margin-right:0px; background:url(/images/pfeil_hauptnavigation_markiert.gif) 170px 6px no-repeat;  font-weight:bold;  background-color:rgb(0,54,84); display:block; color:rgb(175,203,81);  margin-left: -20px; margin-top:-5px; margin-bottom: -5px; margin-right:-10px; text-transform: none;}
#navigation ul li li li a b {padding:5px 10px 5px 27px; margin-right:0px;  background:url(/images/pfeil_hauptnavigation_markiert.gif)  170px 6px no-repeat; font-weight:bold;  background-color:rgb(0,54,84); display:block; color:rgb(175,203,81);  margin-left: -27px; margin-top:-5px; margin-bottom: -5px; margin-right:-10px;}
#navigation ul li li li li a b {padding:5px 10px 5px 34px; 
display:block; background-color:rgb(0,54,84); color:#fff;  margin-left: -34px; margin-top:-5px; margin-bottom: -5px; margin-right:-10px; background:url(/images/pfeil_hauptnavigation_markiert.gif)  170px 6px no-repeat;}

    


/* ++++++++++++++++++++++++++++++++++++++++
++ RedDot SmartEdit
++++++++++++++++++++++++++++++++++++++++ */
.RedDot {
 font-size: 0.8em;
 color: #ff0000;
}
.RedDot2 {font-size: 100%; color: #ff0000;}