/* CSS Document */
body {
	font-size: 16px;
	color: #525151;
	background-color: #67666B;
	font-family: Helvetica,Arial,sans-serif;
    }
	
div#wrapper {
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:935px;
	background-color:#FFFFFF;
	z-index: 0;
	}
	
p#logonattheim {
	float:left;
	margin-left: 20px;
	width:213px;
	height: 88px;
	margin-top: 20px;
	}

p#logonattheim a, p#logonattheim img {
	border: 0;
	}
	
#nattheim_bild1 {
	float:left;
	margin-top:0;
	width:571px;
	position:absolute; 
	left: 1px;
	top:124px;
	}
	
#nattheim_bild1 img {
	border: 0;
	border-bottom: 1px solid white;
	}
	
#nattheim_bild2 {
	float:right;
	margin:0;
	width:361px;
	top: 0;
	}

#nattheim_bild2 img {
	width:100%;
	border: 0;
	border-bottom: 1px solid white;
	}
	
a {
	outline-color:invert;
	outline-style:none;
	outline-width:medium;
	text-decoration:underline;
	color: #525151;
	}
a:hover {
	outline-color:invert;
	outline-style:none;
	outline-width:medium;
	text-decoration:underline;
	color: #0A6506;
	}	
	
#header {
    margin: 0 ; 
	padding: 1px;
    text-align: center;
    background-color: white;
  	}

#wrapperContent {
	clear: both;
	padding-top: 20px;
	top: 8px;
	position:relative; 
	background-color: #ffffff;
	min-height:253px;
}

/* CONTENT */

div#Inhalt {
    margin: 0px 70px 7px 190px;
	width: 460px;
	top:313px;
    }

* html div#Inhalt {
    height: 7px;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
    }
div#Inhalt h2 {
    font-size: 14px;
	color: #0A6506;
	font-weight: normal;
	margin: 8px 0;
    }

div#Inhalt p {
    font-size: 12px;
	color: #525151;
    }
.text{
	font-size: 12px;
	color: #525151;
}

div#Inhalt_breit {
    margin: 0px 70px 7px 190px;
	width: 600px;
    }

* html div#Inhalt_breit {
    height: 7px;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
    }

div#Inhalt_breit h2 {
    font-size: 14px;
	color: #0A6506;
	font-weight: normal;
	margin: 8px 0;
    }

div#Inhalt_breit p {
	font-size: 12px;
	color: #525151;
    }

/*LEFT*/	
#left {
	clear: both;
	font-size: 12px;
    float: left; 
	width: 165px;
    margin: 0; 
	padding-left: 1px;

	background-color: #FFFFFF;
	}
	
#leftkasten{
	background-color: #0A6506;
	width: 155px;
	font-size:12px;
	color: white;
	padding: 2px 0  0 10px;
	height: 18px;
	}
* html div#leftkasten {
    width: 163px;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
    }
	
	
#unternavi{
	width: 155px;
	font-size:12px;
	color: #858585;
	margin: 1px 0 0 0;
	border-top: 1px solid #858585;
	border-bottom: 1px solid #858585;
	padding: 0 0 0 10px;
	}
* html div#unternavi {
    width: 163px;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
    }	
	
ul#Unternavigation {
	font-size:12px;
    clear: both;
	top:326px;
    margin: 0; 
	padding: 0;
	border-right: 1px solid #858585;
	}
	
/*RIGHT*/  
div#Info {
    float: right; 
	width: 247px;
    margin: 0 0 49px; 
	padding: 0;
	top:304px;
    }
 
div#Info h2 {
    font-size: 12px;
    margin: 7px 3px;
    }
div#Info p {
    font-size: 12px;
    margin: 3px;
    }
	
#rightkasten{
	float: right;
	background-color: #0A6506;
	width: 231px;
	font-size:12px;
	color: white;
	padding-left: 10px;
	height: 18px;
	padding-top: 2px;
	}
	
#infokasten{
	float: right;
	width: 230px;
	font-size:12px;
	color: #525151;
	margin: 1px 0 0 0;
	border-top: 1px solid #858585;
	border-left: 1px solid #858585;
	border-bottom: 1px solid #858585;
	padding-top: 3px;
	padding-bottom: 6px;
	padding-left: 10px;
	}

div#Info2 {
    clear: right;
	float: right; 
	width: 247px;
    margin: 0 0 49px; 
	padding: 0;
	top: 380px;
    }
 
div#Info2 h2 {
    font-size: 12px;
    margin: 7px 3px;
    }
div#Info2 p {
    font-size: 12px;
    margin: 3px;
    }

/*FOOTER*/ 
p#Fusszeile {
    clear: both;
    font-size: 12px;
    margin: 0; 
	padding: 1px;
    text-align: center;
    background-color: #ffffff; 
    }
	
/*Formular Routenplaner*/

li.tableemulation {
	float:left;
    list-style-type:none;
	margin: 0;
	padding: 0;
	width: 200px;
	color: #525151;
}
.floatclear { 
	clear:both; 
	font-size: 12px;
	margin: 0;
	padding: 0;
	}

.formular_feld{
	border: 1px solid #0A6506;
	padding-left: 3px;
	width: 200px;
	margin-bottom: 5px;
	font-size: 12px;
	color: #525151;
	font-family: Arial, Helvetica, sans-serif;
	}

.select{
	border: 1px solid #0A6506;
	padding-left: 3px;
	width: 205px;
	margin-bottom: 5px;
	font-size: 12px;
	color: #525151;
	font-family: Arial, Helvetica, sans-serif;
	}
.abschicken{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #0A6506;
	background-color: #CFE6A1;
	color: #525151;
	cursor:pointer; 
	cursor:hand;
}

.clear {
	clear: both;
}	

a.link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #525151;
	text-decoration: underline;
	font-weight: normal;
}

a.link:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0A6506;
	text-decoration: underline;
	font-weight: normal;
}

.images_abstand_rechts{
	padding-right: 10px;
}

.images_abstand_links{
	padding-left: 10px;
}
.gruen{
	color:#0a6506;
	font-weight:bold;}
/*Captcha*/
        * {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
        }


        #mCaptchaField {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			color: #000000;
			padding-left: 3px;
			border: 1px solid #0A6506;
			background-color:#ffffff;
			width: 205px;
        }

        #mCaptchaImage {
            border: 1px solid #0A6506;
        } 
		
/*Liste für Rathaus-Nachrichten*/
ul.nachrichten{
	margin: 0;
	padding: 0;
}

li.nachrichten {
    list-style-type:none;
	margin: 0;
	padding: 0;
	color: #525151;
}

/*Liste für Rathaus-Online Formulare*/
ul.online{
	margin: 0;
	padding: 0;
}

li.online {
    list-style-type:none;
	margin: 0;
	padding-bottom: 5px;
	color: #525151;
	height: 25px;
}

/*Divs für die Gemeinderäte*/
#gemeinderat{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#gemeinderat li {
	padding: 0;
	margin: 0;
	width: 200px;
	height: 100px;
	float: left;
}

/*Divs für die Verwaltung --> Rufnummern und email-Adressen*/
#verwaltung{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#verwaltung li {
	padding: 0;
	margin: 0;
	width: 300px;
	height: 100px;
	float: left;
	color: #525151;
}

/*Divs für die Verwaltung --> Aufgaben von A - Z*/
#aufgaben{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#aufgaben li {
	padding: 0;
	margin: 0;
	width: 300px;
	height: 50px;
	float: left;
	color: #525151;
}

/*Aufzählung für Sozialstation*/
#sozialstation li{
	padding-bottom: 5px;
}

/*Aufzählungen für Freizeit-Ramensteinbad*/
#ramenstein{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#ramenstein li {
	padding: 0;
	margin: 0;
	width: 230px;
	height: 20px;
	float: left;
	color: #525151;
}

#ramenstein2{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#ramenstein2 li {
	padding: 0;
	margin: 0;
	width: 400px;
	height: 50px;
	float: left;
	color: #525151;
}

#ramenstein3{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#ramenstein3 li {
	padding: 0;
	margin: 0;
	width: 150px;
	height: 20px;
	float: left;
	color: #525151;
}

#ramenstein4{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#ramenstein4 li {
	padding: 0;
	margin: 0;
	width: 230px;
	height: 120px;
	float: left;
	color: #525151;
}

#ramenstein5{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#ramenstein5 li {
	padding: 0;
	margin: 0;
	width: 230px;
	height: 170px;
	float: left;
	color: #525151;
}

/*Wortabstand bei Monaten --> Veranstaltungen*/
.wortabstand{
	word-spacing: 40px;
}

#veranstaltung{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#veranstaltung li {
	padding: 0;
	margin: 0;
	width: 150px;
	height: 40px;
	float: left;
	color: #525151;
}

/*Aufzählung für Rad- und Wanderwege*/
#radwege{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#radwege li {
	padding: 0;
	padding-right: 15px;
	margin: 0;
	width: 185px;
	height: 70px;
	float: left;
	color: #525151;
}

/*Aufzählung für Infokasten*/
#infoli{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#infoli li {
	padding: 0;
	padding-right: 15px;
	margin: 0;
	width: 80px;
	height: 30px;
	float: left;
	color: #525151;
}

/*Aufzählung für Schulen*/
#schulen{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#schulen li {
	padding: 0;
	margin: 0;
	width: 300px;
	height: 100px;
	float: left;
	color: #525151;
}

#schulen2{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#schulen2 li {
	padding: 0;
	margin: 0;
	width: 195px;
	height:100px;
	padding-bottom:25px;
	padding-right:5px;
	float: left;
	color: #525151;
}

#schulen2 li.last {
	padding: 0;
	margin: 0;
	width: 179px;
	height:100px;
	padding-bottom:25px;
	padding-left:19px;
	float: left;
	color: #525151;
}

/*Öffentliche Einrichtungen --> Feuerwehr*/
#personal{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#personal li {
	padding: 0;
	margin: 0;
	width: 300px;
	height: 30px;
	float: left;
	color: #525151;
}


/*Bildung/ Soziales/ Gesundheit --> Gesundheit*/
#sprungnavi{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

#sprungnavi li {
	padding: 0;
	margin: 0;
	width: 200px;
	height: 20px;
	float: left;
	color: #525151;
}

.title{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #0A6506;
}

/*Tabelle vom Veranstaltungskalender*/
.tr_veranstaltung{
	padding-top: 5px;
}

img.floatright {
	float:right;
	margin:0 0 10px 10px;
}

div.floatrightbox {
	float:right;
	margin:0 0 10px 10px;
}

div.floatrightbox img {
	display:block;
	float:clear;
}

div#bluebox {
	position:relative;
	top:0;
	left:0;
	height:18px;
	font-size:1.5em;
	font-weight:bold;
	border-bottom:5px solid #FFFFFF;
	padding:10px;
	color: #FFFFFF;
	background-color:#21175B;
	text-align:left;
}

div#bluebox img {
	float:right;
	border: none;
}

a.index:link ,
a.index:visited {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	text-decoration: none; 
	color:#757575; }

a.index_active:link ,
a.index_active:visited,
a.index_active:focus,
a.index_active:hover,
a.index_active:active {
	font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	text-decoration: none; 
	color:#0A6506; }

/* Slider */
a.slide {
    background-image:url(../images/aufzaehl.jpg);
	background-position:0 4px;
	background-repeat:no-repeat;
	text-decoration:underline;
	color:#0A6506;
	padding:0 0 2px 25px;
	font-size:14px;
}
a.slide:hover {
	text-decoration:underline;
	font-size:14px;
}