html, body {
color: black;
font-family: verdana, arial, serif;
font-size: 11px;
margin: 0px;
background-image: url(../images/bgr-site.png);
background-repeat: repeat-x;
background-color: #C7C8CA;
}

h1 {
font-size: 14px;
color: #416bdc;
}

h2 {
font-size: 12px;
color: #416bdc;
}

h3 {
font-size: 10px;
color: #416bdc;
}
h4 {
font-size: 14px;
color: #416bdc;
font-weight: bolder;
}
h5, h6 {
font-size: 16px;
color: #416bdc;
font-weight: bolder;
}
a {
}

img {
border: 0;
}
/**************************************************************************************************/
/*body - komplette Seite*/
/**************************************************************************************************/

#body {

}



/**************************************************************************************************/
/*Header*/
/**************************************************************************************************/
#header {
background-image: url(../images/header-gemeinde-chamerau.jpg);
background-repeat: no-repeat;
width: 985px;
height: 304px;
_overflow: hidden;



}

/**************************************************************************************************/
/*Themenbild*/
/**************************************************************************************************/

#header .illustration {
position: relative;
top: 50px;
left: 43px;

}


/**************************************************************************************************/
/*wetter*/
/**************************************************************************************************/


#deutschland {
/*position: relative;
top: -162px;
left: 678px;*/
position: absolute;
top: -185px;
left: 677px;
height: 180px;
width: 150px;
_top: -195px;
}

*+ html #deutschland {
top: -195px;
}


/**************************************************************************************************/
/*Navigation oben*/
/**************************************************************************************************/

#header .textItem {
/*position: relative;
top: -14px;
left: 53px; */

position: absolute;
top: 267px;
left: 53px;
height: 25px;
width: 450px;
_top: 278px;
}

*+ html #header .textItem{
top: 278px;
}

#header .textItem p {
height: 25px;

}

#header .textItem img {
position: relative;
margin-left: 3px;
height: 25px;
}

/**************************************************************************************************/
/* mittlerer Bereich (inkl. div: links, rechts, content, navi_rechts) */
/**************************************************************************************************/

#mitte {
float: left;
margin: auto;
width: 985px;
background-image: url(../images/bgr.png);
background-repeat: repeat-y;

}

/**************************************************************************************************/
/* hintergrund links*/
/**************************************************************************************************/

#links {
float: left;
background-image: url(../images/bgr-links.gif);
background-repeat: no-repeat;
width: 44px;
height: 550px;


}

/**************************************************************************************************/
/* content */
/**************************************************************************************************/

#content {
float: left;
width: 666px;
background-image: url(../images/bgr-content.png);
background-repeat: repeat-x;
min-height: 300px;
_height: 300px;
}

#content .textItem {
width: 625px;
margin: 30px 0px 0px 20px;
_margin-bottom: -20px;
}

*+ html #content .textItem {
margin-bottom: -20px;
}
/**************************************************************************************************/
/* hintergrund rechts*/
/**************************************************************************************************/

#rechts {

float: left;
background-image: url(../images/bgr-rechts.png);
background-repeat: repeat-x;
width: 82px;



}

/**************************************************************************************************/
/* Navigation rechts*/
/**************************************************************************************************/


#navi_rechts {
float: left;
background-image: url(../images/bgr-navi-rechts.gif);
background-repeat: no-repeat;
width: 193px;
min-height: 550px;
line-height: 20px;
padding-top: 20px;
_height: 550px;


}

#navi_rechts img {
float: left;
margin: 30px 0px 0px 15px;
}

#navi_rechts a {
 background: none; /* weil alle anderen Links ein Logo dahinter haben ... */
}

#navi_rechts a {
color: black;
text-decoration: none;
text-align: left;

}

#navi_rechts ul {
position: relative;
left: -16px;
text-indent: 12px;

}

#navi_rechts ul .active {
background-image: url(../images/navi-button-bgr.gif);
background-repeat: repeat-x;
width: 191px;
_overflow: hidden;
}

#navi_rechts li .active {
background-image: url(../images/navi-button.gif);
background-repeat: no-repeat;


}


.subNavigation {


}

#navi_rechts ul li ul li {
background-image: url(../images/navi-button.gif);
background-repeat: no-repeat;
background-position: 11px 6px;
text-indent: 24px;


}



#navi_rechts ul li {
list-style: none;
position: relative;
left: -23px;
}

#navi_rechts ul li ul {

position: relative;


}

/**************************************************************************************************/
/* footer */
/**************************************************************************************************/

#footer {
margin: auto;
float: left;
border-top: solid white 1px;
height: 59px;
background-image: url(../images/footer-bgr.png);
background-repeat: repeat-y;
background-color: #8dc400;
/*background-image: url(../images/bgr-footer.png);*/
width: 100%;

}


#footer_text {
position: relative;
top: -11px;
left: 710px;
width: 191px;
height: 59px;
_top: 0px;
}

*+ html #footer_text {
top: 0px;
}


#footer_text .textItem  {
color: #4b6900 ;
position: relative;
top: 16px;
left: 27px;
}

#footer_text .textItem a {
color: #4b6900 ;
text-decoration: none;

}

#SpryContactForm {

margin: 0px 0px 0px 30px;
}

/**************************************************************************************************/
/* Linktypen */
/**************************************************************************************************/


a[href$='.pdf'] { 
 padding-right: 18px;
 background: transparent url(../images/icon_pdf.gif) no-repeat center right!important;
}

a[href$='.doc'] { 
 padding-right: 18px;
 background: transparent url(../images/icon_doc.gif) no-repeat center right!important;
}
a[href$='.xls'] { 
 padding-right: 18px;
 background: transparent url(../images/icon_xls.gif) no-repeat center right!important;
}

a[href ^="http://"] { /*für externe links, da interne nicht mit http beginnen*/
 padding-right: 18px;
 background: transparent url(../images/icon_external.gif) no-repeat center right;
}

a[href ^="mailto:"] {
 padding-right: 18px;
    background: transparent url(../images/icon_mailto.gif) no-repeat center right!important;
}

a[class ="popup"] { /* Klasse muss jedesmal händisch beim erzeugten Link hinterlegt werden */
 padding-right: 18px;
    background: transparent url(../images/icon_popup.gif) no-repeat center right!important;
}

/**************************************************************************************************/
/* Tabellen */
/**************************************************************************************************/

td.akt_head {
 border: #4169e1; 
 border-right: 2px solid; 
 border-left: 1px solid; 
 border-bottom: 1px solid; 
 border-top: 1px solid;
 text-align: center; 
 background-color: #dcdcdc;
}

td.akt_bild {
 border: #4169e1; 
 border-right: 2px solid; 
 border-left: 1px solid; 
 border-bottom: 1px solid; 
 text-align: center; 
}

td.akt_zelle {
 border: #4169e1; 
 border-right: 2px solid; 
 border-left: 1px solid; 
 border-bottom: 1px dotted; 
 text-align: left; 
}

td.akt_letzte_zelle {
 border: #4169e1;
 border-right: 2px solid;
 border-left: 1px solid;
 border-bottom: 2px solid;
 text-align: left;
}

td.info {
 width: 100%; 
 background-color: #dcdcdc; 
 text-align: left; 
 border: 1px dashed #4169e1;
}

td.date1 {
 width: 50px;
 border-top: 1px solid;
 border-right: 1px dashed;
 border-color: black;
 font-size: 16px;
 font-weight: bolder;
 text-align: center;
 }
 
td.date2 {
 width: 50px;
 border-right: 1px dashed;
 border-color: black;
 font-size: 10px;
 font-weight: bolder;
 text-align: center;
 }

td.date3 {
 width: 50px;
 border-bottom: 1px solid;
 border-right: 1px dashed;
 border-color: black;
 font-size: 12px;
 font-weight: bolder;
 text-align: center;
 }

td.wander_oben {
 border: #000000;
 BORDER-LEFT: thin solid; 
 BORDER-TOP: thin solid; 
 BORDER-RIGHT: thin solid;
}

td.wander_unten {
 border: #000000;
 BORDER-BOTTOM: thin solid; 
 BORDER-LEFT: thin solid; 
 BORDER-RIGHT: thin solid;
 background-color: #ff0000;
}


/**************************************************************************************************/
/* Suche */
/**************************************************************************************************/

#searchResults {

 width: 85%;
 margin: 0px 0px 0px 20px;
}

#search {

 margin: 0px 0px 0px 15px;
}