/*
Farben
Frühjahr =          669900
Sommer =            e8b816
Herbst =            900000
Winter =            31849b    
Text =              000000
Hintergrund =       f3f3f3
Grau (Footer) =     595959
*/

.pageBody { background-color: #f3f3f3; font-size: 14px; }

.saisonFruehjahr { background-image: url('../images/backgroundFruehjahr.png');background-repeat: repeat-x; }
.saisonSommer { background-image: url('../images/backgroundSommer.png');background-repeat: repeat-x; }
.saisonHerbst { background-image: url('../images/backgroundHerbst.png'); background-repeat: repeat-x; }
.saisonWinter { background-image: url('../images/backgroundWinter.png'); background-repeat: repeat-x; }
.saisonFruehjahr h1, .saisonFruehjahr h2, .saisonFruehjahr h3, .saisonFruehjahr h4, .saisonFruehjahr A   { color: #669900; }
.saisonSommer h1, .saisonSommer h2, .saisonSommer h3,.saisonSommer h4, .saisonSommer A  { color: #e8b816; }
.saisonHerbst h1, .saisonHerbst h2, .saisonHerbst h3,.saisonHerbst h4, .saisonHerbst A  { color: #900000; }
.saisonWinter h1, .saisonWinter h2, .saisonWinter h3,.saisonWinter h4, .saisonWinter A  { color: #31849b; }
.saisonFruehjahr header, .saisonFruehjahr #cookie { background-color: #9FCE42; }
.saisonSommer header, .saisonSommer #cookie { background-color: #FFD34D; }
.saisonHerbst header, .saisonHerbst #cookie { background-color: #A43131; }
.saisonWinter header, .saisonWinter #cookie { background-color: #6AB0C4; }




#Niedersachsen {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -100;
    width: 100%;
    height: 100%;
    background-size: 80%;
    background-image: url('../images/Niedersachsen-Karte.png');
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: bottom;
    display: none;
}
#Wrapper {
    width: 960px;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0px 0px 100px rgba(0,0,0,0.2);
    margin-top: 20px;
}

#topnav {
    width: 100%;
    text-align: right;
}

#topnav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: right;
    padding-right: 6px;
    padding-top: 6px;
}
#topnav li {
    float: left;
    padding-left: 8px;
    text-transform: uppercase;
    font-size: 0.7em;
    letter-spacing: 0.2em;
}

#topSuche {
    float: right;
    margin-right: 8px;
    margin-top: 10px;
}



header {
    position: relative;
    top: 8px;
    width: 100%;
    height: 140px;
    border-bottom: 4px solid #777;
    /*background-image: url("../images/bg_header_jade_kirch.png");*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: -100px;

    
}

header #headerLogo {
    position: relative;
    top: 12px;
    left: 40px;
    float: left;
}

header #headerKontakt {
    float: right;
    position: relative;
    background: url("../images/boxKontakt.png");
    width: 257px;
    height: 136px;
    left: -54px;
    top: 4px;
    font-size: 0.8em;
    padding-left: 4px;
    padding-top: 4px;
    box-sizing: border-box;
        
        
}

header #headerKontakt h3 {
    width: 160px;
    
}


footer {
    height: 46px;
    max-height: 70px;
    background: #777;
    font-size: 12px;
    line-height: 120%;
    color: #fff;
    width: 100%;
    margin-bottom: 100px;
}

footer a {
    color: #fff !important;
}

#footerLeft, #footerCenter, #footerRight {
    float: left;
    width: 33%;
    margin: 0 auto;
    padding: 9px;
    box-sizing: border-box;

}
#footerCenter {
    text-align: center;
}
#footerRight {
    text-align: right;
    padding: 0;
    padding-top: 5px;


}


.onlinewahlschein { background-image: url("../images/wahlscheinbeantragen_less.png"); }
.wahlergebnisse { background-image: url("../images/wahlergebnisse_less.png"); }
.bis { background-image: url("../images/bis_less.png"); }



#content {
    font-size: 0.8em;
    position: relative;
    margin-top: 10px;
}

#content TABLE { margin: 0; padding: 0;}
#content TABLE TD { padding: 0 6px; }

.topcontent { margin-top: 10px; }
.topcontent h4 {font-family: 'Alegreya Sans SC', sans-serif; font-size: 30px; line-height: 90%; position: relative; top: 0px; font-weight: bold; font-style: italic; }
.topcontent img {position: relative; top: -10px;}
.topcontent table { width: 80%; margin: 0 auto; }
.topcontent td {vertical-align: bottom; box-sizing: border-box; width: 33%}

.leftside { float:left; width: 25%; padding: 10px; box-sizing: border-box; }
.center-nomargins { float:left; width:100%; padding: 10px; box-sizing: border-box; }
.center-rightandleftmargins { float:left; width: 50%; padding: 10px; box-sizing: border-box; }
.center-rightmargin { float:left; width:75%; padding: 10px; box-sizing: border-box; }
.center-leftmargin { float:left; width: 75%; padding: 10px; box-sizing: border-box }
.rightside { float:left; width: 25%; padding: 10px; box-sizing: border-box;}
.footercontent { margin: 0; padding: 0; line-height: normal; text-align: center; width: 50%; margin: 0 auto;}

.leftside .news {
    background: #fff;
    color: #fff;
}

.leftside .news a {
    color: #000;
}

.leftside .news .moduletitle {
    padding-left: 4px;
} 

#Quicklinks {
    background: #e9e9e9;
    text-align: center;
}
#Quicklinks TABLE {
    margin: 0 auto;
}

#Quicklinks TD {
    width: 130px;
}

#Quicklinks TD IMG {
    width: 100px;
}


#Quicklinks .icon {
    display: block;
    background-repeat: no-repeat; 
    background-position-y: 0px; 
    padding: 0;
    padding-left: 30px; 
    border: none; 
    background-size: 24px; 
    font-weight: bolder;
    line-height: 24px;
    width: 20px;
    height: 24px;
    margin: 0;
    
}

#Quicklinks .icon:hover {text-decoration: none }
#Quicklink .modulelinks { width: 16px; }


#KontaktAllgemein { float: left; width: 32%; height: 200px; background: #e8e8e8; padding: 20px; box-sizing: border-box; margin: 0.5%; text-align: center; }
#KontaktSchadenMelden { float: left; width: 32%; height: 200px; background: #e8e8e8; padding: 20px; box-sizing: border-box;  margin: 0.5%; text-align: center; }
#KontaktWo { float: left; width: 32%; height: 200px; background: #e8e8e8; padding: 20px; box-sizing: border-box;  margin: 0.5%; text-align: center; }
#KontaktWo .heading, #KontaktAllgemein .heading, #KontaktSchadenMelden .heading { display: block; font-size: 20px; margin-bottom: 20px; }



.footercontent { margin: 0; padding: 0; line-height: normal; text-align: center; width: 50%; margin: 0 auto;}

.moduletitle {
    font-size: 1.1em;
    border-bottom: 1px solid #efefef;
    text-transform: uppercase;
}

.modultcontent {
    padding: 0 !important;
    margin: 0 !important;
}

fieldset { border: none; padding: 0px;}

/* SUBNAV manuell platziert durch User */
.AspNet-Menu-Vertical ul {
    position: relative;
    left: 20px;
    list-style-type: none;
}

.AspNet-TreeView UL, .AspNet-TreeView LI {
    padding: 0 !important;
    margin: 0 !important;
    list-style-type: none;
}

.AspNet-Menu-WithChildren {
    display: block !important;
    list-style-type: none;
}

.AspNet-Menu-WithChildren ul {
    display: block !important;
    position: relative !important;
    left: 20px !important;
    list-style-type: none;
}

.AspNet-TreeView-Root {
    margin: 0;
    padding: 0;
}

.AspNet-TreeView-Leaf {
    list-style: none;
    margin: 0; 
    padding: 0;
}

.art-vmenu { 
    margin-top: 12px;
    list-style: none;
    margin-left: 10px;
    line-height: 20px;
    font-size: 14px;
    text-transform: uppercase;
}

.art-vmenu ul { font-size: 12px; text-transform: none; }

.art-vmenu li ul {
    margin-left: 20px;
    list-style: none;
}

.art-vmenu li ul.active { font-weight: normal }
.art-vmenu li.active { font-weight: bold; }

.catone-menu { margin-top: 10px; margin-left: 10px;}
.rathaus-service { background-image: url('/data/sites/1/media/img/info_gray.png'); background-repeat: no-repeat; width: 40px !important; height: 40px; display: block; float: left; background-size: contain; padding: 0; padding-right: 30px;}
.bauen-wirtschaft { background-image: url('/data/sites/1/media/img/house_gray.png'); background-repeat: no-repeat; width: 40px !important; height: 40px; display: block; float: left; background-size: contain; padding: 0;  padding-right: 30px;}
.soziales-schulen { background-image: url('/data/sites/1/media/img/people_gray.png'); background-repeat: no-repeat; width: 40px !important; height: 40px; display: block; float: left; background-size: contain; padding: 0;  padding-right: 30px;}


#Logoff a{ position: fixed; top:20px; right: 20px; line-height: 30px; background: #ff0000; color: #fff; font-weight: bold; padding: 6px; border-radius: 3px; box-shadow: 0px 0px 6px rgba(0,0,0,0.5); }

/* COOKIE */
#cookie a {color:#fff; text-decoration:underline;}
#cookie a:hover {text-decoration:underline;}
#cookie div {padding:10px; padding-right:40px;}
#cookie { 
   outline: 1px solid #7b92a9; 
   text-align:left; 
   border-top:1px solid #fff;
   position:fixed;
   bottom:0px; 
   right: 0px;
   z-index:10000; 
   width: 100%;
   font-size:12px; 
   line-height:50px;
   color: #fff;
   font-weight: bold;
   
}
#cookieCloser {
   color: #777;
   font: 14px/100% arial, sans-serif;
   position: absolute;
   right: 5px;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
   top: 5px;
   cursor:pointer;
   border-top:1px solid white; 
   border-left:1px solid white; 
   border-bottom:1px solid #7b92a9; 
   border-right:1px solid #7b92a9; 
   padding:4px;
   background: #ced6df; /* Old browsers */
   background: -moz-linear-gradient(top, #ced6df0%, #f2f6f9 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ced6df), color-stop(100%,#f2f6f9)); 
   background: -webkit-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -o-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: -ms-linear-gradient(top, #ced6df0%,#f2f6f9 100%); 
   background: linear-gradient(to bottom, #ced6df0%,#f2f6f9 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#ced6df', endColorstr='#f2f6f9',GradientType=0 ); 
 }
#cookieCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;}



.AspNet-Menu {
    margin-top: 20px;
    line-height: 150%;
}

.AspNet-Menu LI a {
    width: 100%;
}

.AspNet-Menu LI a:hover {
    position:relative;
    left: 10px;
    text-decoration: none;
    font-weight: bold;
    transition: all 0.3s ease-in-out;
}


.RISuche { width: 100%; margin-bottom: 20px;}
.tbRISuche {
    border: 1px solid #777;
    width: 200px; 
    margin-right: 20px;
}
.ddlRISuche {
    height: 24px;
    border: 1px solid #777;
    width: 200px;
}
.ddlRISuche option {
    
}
.btnRISuche {
    height: 24px; 
    border: 1px solid #777;
}
.riSucheergebnisse 
{
    margin-left: 20px;
}


.internContent {
    background: #dedede;
    width: 48%;
    margin-right: 1%;
    margin-bottom: 1%;
    clear: none;
    float: left;
    height: 140px;
    padding: 10px;
    box-sizing: border-box;
    
}


.divDatenschutz { width: 400px; margin-left: 220px; margin-top: 20px; }
.chkDatenschutz { width: 10%; float: left;  }
.lblDatenschutz { float: right; width: 90%; }
.txtDatenschutz { width: 20px; height: 20px; }
.txtDatenschutz_Checkbox { width: 16px; height: 16px; padding-left: -5px; cursor: pointer; }
.txtDatenschutz_Checkbox {
	border: none;
	color: transparent;
	text-shadow: 0 0 0 black;
	text-align: center;
    font-size: 20px; font-weight: bold;
    padding-left: -10px;
}
.txtDatenschutz_Checkbox:focus {
        outline: none;
    }