/* template-css für */
/* website gemeinde */
/* kaaks            */
/* copyright 2009   */
/* Graugans-Design  */

/* ---------------- */
/* teil I           */
/* allgemeine       */
/* globals          */
/* ---------------- */

/* reset */
* {
	margin:0;
	padding:0;
	border:none;
	outline:none;
}

.menu, .menu_footer, .menu ul {
	list-style:none;
}

html {
  min-height: 101%;
}

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 80%;
    border-top: 170px solid #8db17e;
	background-color:#f5f7f9;
}

.clearing {
	clear:both;
}

a, a:visited {
	color:#000;
}

/* überschrift seite */

h1, h2 {
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
}

h1 {
	font-size:3.5em;
	margin-top:20px;
}

h2 {
	font-size:1em;
}

/* zwischenüberschrift 4*/
h4 {
	font-size:120%;
	color:#2e5919;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-bottom:2em;
	line-height:1.5em;
}

h4 a {
	color:#2e5919 !important;
}

/* zwischenüberschrift 5*/
h5 {
	font-size:100%;
	color:#b11428;
	margin-bottom:0.8em;
}

.archiv {
	font-size:1.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
	border-bottom:1px solid #b11428;
	margin-bottom:.5em;
}

h6 {
	font-size:100%;
	font-weight:bold;
	margin-bottom:0.7em;
}

#col3_content p {
	line-height:1.5em;
	margin-bottom:0.8em;
}

/* ---------------- */
/* teil II          */
/* wrapper          */
/* ---------------- */

#wrapper {
    width: 920px;
    background-color: #fff;
    margin: -170px auto 0 auto;
    position: relative;
}

/* kleines menu ganz oben */
.versteckt {
	position:absolute;
	top:-9999px;
	left:-9999px;
	display:inline;
	width:0;
	height:0;
}	/* Elemente ausblenden */

/* kleines menu ganz oben */
.tabmich:focus, .tabmich:active {
	position:absolute;
	top:9999px;
	left:9999px;
	display:inline;
	color:#b11428;
	width:13em;
	height:auto;
	padding:5px;
	background-color:#fff;
	text-decoration:none;
	border:solid 1px #b11428;
	text-align:center;
}

/* ---------------- */
/* teil III         */
/* header           */
/* ---------------- */

#header {
  background: #fff url(../_img/header.jpg) no-repeat;
  width: 100%;
  height: 170px;
}

/* breadcrumb */
#breadcrumb {
	/*background: #fff;*/
 	border-left: 1px solid #d2d0d0;
	height: 2.4em;
	padding-left:20px;
	line-height:2.4em;
	font-style:italic;
	color:#898888;
}

/* links im breadcrumb */
#breadcrumb a {
	color:#898888;
}

/* breadcrumb kein textumbruch */
.breadcrumb_text {
	float:left;
	margin-right:5px;
	
}

/* schatten breadcrumb */
#schatten_breadcrumb {
	position:absolute;
	width:308px;
	height:9px;
	top:170px;
	left:-130px;
	background: url(../_img/schatten_breadcrumb.png) no-repeat;
}

/* logo-text, eingebunden in #logo_text */
#logo_text {
	margin-left:130px;
	padding-top:40px;
}

/* logo_text styles */
.logo_text_h1 {
	font-size:400%;
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0;
	font-weight:normal;
}

.logo_text_h2 {
	font-family: Verdana, Geneva, sans-serif;
	color:#FFF;
	font-size: 100%;
	margin:0;
	font-weight:normal;
}

/* zufallsbild im header */
#zufallsbild {
	position:absolute;
	right:33px;
	top:0px;
/*	height: 236px;
	width: 282px;*/
}

/* ---------------- */
/* teil IV          */
/* content          */
/* ---------------- */

#content {
  background-color: #fff;
  background: url(../_img/hg_col2.gif) right repeat-y;
  border-left: 1px solid #d2d0d0;
}

.bold {
	font-weight:bold;
}

.kursiv {
	font-style:italic;
}

/* überschriften */
.contentheading {
	color:#2e5919;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:200%;
	padding-bottom:0.2em;
	padding-right:60px;
}

/* überschriften der componeneten */
.componentheading {
	color:#b62436;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:200%;
	padding-bottom:1em;
	padding-right:60px;
}

/* fotos im fliesstext querformat*/
.bild_im_fliesstext {
	float:left;
	width:214px;
}

/* fotos im fliesstext rechtsbündig */
.bild_im_fliesstext_rechts {
	float:right;
	width:200px;
	margin-left:15px;
}

/* fotos im fliesstext hochformat*/
.bild_im_fliesstext_hoch {
	float:left;
	width:155px;
}

/* fotos im fliesstext rahmen */
.bild_im_fliesstext img,
.bild_im_fliesstext_hoch img {
	margin-top: 5px; 
	margin-right: 15px; 
	border: #dbd9d9 1px solid;
}

/* abstand rechts */
.bild_im_fliesstext_rechts img {
	margin-top: 5px;
	margin-right:0;
	border: #dbd9d9 1px solid;
}

/* fotos bildunterschrift */
.bild_im_fliesstext dd,
.bild_im_fliesstext_hoch dd,
.bild_im_fliesstext_sidebar dd,
.bild_im_fliesstext_rechts dd {
	font-size:80%;
	padding:2px 2px 6px 2px;
	font-style:italic;
}

/* fotos in sidebar */
.bild_im_fliesstext_sidebar {
	width:170px;
	margin-bottom:15px;
}

.fett {
	font-weight:bold;
}

/* ---------------- */
/* teil V           */
/* spalten          */
/* ---------------- */

hr {
	clear:both;
	height: .1px;
	border: none;
	visibility:hidden;
	margin: 0;
	padding: 0;
}

#col1 {
    float: left;
    width: 160px;
    background-color: #fff;
	padding:20px;
	padding-top:0;
}

#col2 {
  float: right;
  width: 218px;
}

/* hintergrund oben */
#hg_col2_oben {
	background: url(../_img/hg_col2_oben.gif) top no-repeat;
}

/* verschiebt die spalte nach oben über breadcrumb */
/* neg. margin entspricht höhe des div "breadcrumb" */
#col2_content {
	 background: url(../_img/hg_col2.gif) repeat-y;
	 margin-top:-2.4em;
}

/* hierin befinden sich die 
   eigentlichen inhalte 
   der rechten spalte */
#col2_content_innen {
	padding:24px;
	padding-top:70px;
}

/* hintergrund unten */
#hg_col2_unten {
	background: #fff url(../_img/hg_col2_unten.gif) right no-repeat;
	height:4px;
	border-left: 1px solid #d2d0d0;
}

#col3 {
    margin-left: 200px;
    margin-right: 219px;
    background-color: #fff;
	padding: 20px 40px 20px 20px;
}

#col3_content li {
	margin-left:20px;
	line-height:1.5em;
}

#ie_clearing {
  clear:both;
}


/* ---------------- */
/* teil VI          */
/* navigation       */
/* ---------------- */

/* an den rand rücken */
.menu {
	margin-left:-21px;
	margin-bottom:20px;
	border-top:1px solid #d2d0d0;
}

/* keine unterstreichung */
.menu a {
	text-decoration:none;
	color:#2a5614;
	letter-spacing:0.1em;
	text-transform:uppercase;
}

.menu li {
	
	border-bottom:1px solid #d2d0d0;
	border-left:1px solid #d2d0d0;

}

.menu li a {
	display:block;
	padding:6px 10px 6px 20px;

}

/* hover 1. ebene */
.menu a:hover,
.menu a:focus, 
.menu a:active {
	color:#b62436;
}

/* aktiver link 1.  ebene*/
#index .index,
#kaaks_aktuell .aktuelles,
#aktuelles .aktuelles,
#politik .politik,
#geschichte_topografie .geschichte_topografie,
#geschichte .geschichte_topografie,
#topografie .geschichte_topografie,
#landwirtschaft .geschichte_topografie,
#freizeit .freizeit,
#gewerbe .gewerbe,
#termine .aktuelles,
#termine .ankuendigungen,
#schwarzes_brett .aktuelles,
#fotogalerie .aktuelles,
#feuerwehr .feuerwehr,
#vereine .vereine,
#gemeinderat .politik,
#schulen .politik,
#ankuendigungen .aktuelles,
#schwarzes_brett .aktuelles,
#kinder_und_jugend .freizeit,
#sport .freizeit,
#naherholungd .freizeit,
#fahrbuecherei .freizeit,
#feste_und_aktivitaeten .freizeit {
	background:url(../_img/hg_navi.gif) repeat-y left;
	border-left:1px solid #f5f7f9;
}

/* aktiver link auch bei 2. ebene */
/* über id im body = url */
/* immer bezogen auf die menupunkte */


/* ---------------- */
/* menu 2. ebene */
/* ---------------- */


/* hg menupunkt */
.menu li li {
	background: url(../_img/hg_navi_ebene2.gif) top left no-repeat;
	border-left:1px solid #d2d0d0 !important;
}

/* verstecken und positionieren */
/* untermenu aktuelles */
.menu li.aktuelles ul {
	position:absolute;
	left:-9999px;
	margin-left:180px;
	margin-top:-29px;
	border-top:1px solid #d2d0d0;
	border-right:1px solid #d2d0d0;
	background:#f5f5f5;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}

/* verstecken und positionieren */
/* untermenu freizeit und kultur */
.menu li.freizeit ul {
	position:absolute;
	left:-9999px;
	margin-left:180px;
	margin-top:-45px;
	border-top:1px solid #d2d0d0;
	border-right:1px solid #d2d0d0;
	background:#f5f5f5;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}

/* verstecken und positionieren */
/* untermenu politik und verwaltung */
.menu li.politik ul {
	position:absolute;
	left:-9999px;
	margin-left:180px;
	margin-top:-45px;
	border-top:1px solid #d2d0d0;
	border-right:1px solid #d2d0d0;
	background:#f5f5f5;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}

/* verstecken und positionieren */
/* untermenu geschichte und topografie */
.menu li.geschichte_topografie ul {
	position:absolute;
	left:-9999px;
	margin-left:180px;
	margin-top:-45px;
	border-top:1px solid #d2d0d0;
	border-right:1px solid #d2d0d0;
	background:#f5f5f5;
	filter:alpha(opacity=90);
	-moz-opacity:0.9;
	-khtml-opacity: 0.9;
	opacity: 0.9;
}



/*links formatieren */
.menu ul a {
	font-style:italic;
	text-transform:none;
	font-weight:bold;
	padding-right:20px;
}

/* sichtbar machen */
.menu li:hover ul,
.menu li:focus ul,
.menu li:active ul {
	left:auto;
	z-index:1000;
}

/* ---------------- */
/* menu 3. ebene */
/* ---------------- */

/* verstecken und positionieren */
/* untermenu Fotogalerie */
.menu li li.fotogalerie ul {
	position:absolute;
	left:-9999px;
	margin-left:161px;
	margin-top:-29px;
	border-top:1px solid #d2d0d0;
	border-right:1px solid #d2d0d0;
	background:#f5f5f5;
	filter:alpha(opacity=100)!important;
	-moz-opacity:1.0!important;
	-khtml-opacity:1.0!important;
	opacity:1.0!important;
	font-family:Georgia, "Times New Roman", Times, serif;
}

/* sichtbar machen */
.menu li li:hover ul,
.menu li li:focus ul,
.menu li li:active ul {
	left:auto;
	z-index:2000;
}


/* kein Umbruch im Linktext */
ul.ebene3 a {
	white-space:nowrap;
}


/* zweitnavi */
#zweitnavi li {
	list-style:none;
	margin:0 10px 0 0;
	display:none;
}

/* ---------------- */
/* teil VII         */
/* footer           */
/* ---------------- */

#footer {
	background:#8db17e;
	border-top: 20px solid #48832c;
	padding:20px;
}

/* navigation im footer */
.menu_footer li {
	float:left;
	padding-right:1em;
}

/* navigation im footer formatieren*/
.menu_footer li a {
	/*color:#fff;*/
	font-size:80%;
	letter-spacing:0.1em;
	/*font-weight:bold;*/
}

/* 2. ebene */
/* unterpunkte untereinander */
.menu_footer li li {
	list-style:none;
	clear:left;
	padding-top:0.4em;
}

/*.politik_footer {
	margin-left:-1em;
}*/

.menu_footer li li a {
	font-weight:normal;
	letter-spacing:normal;
}

.menu_footer li a:hover, 
.menu_footer li a:focus,
.menu_footer li a:active {
	color:#deedf7;
}

#footer_abschluss {
	margin-top:10px;
	border-top:1px solid #000;
	padding-top:10px;
	font-size:80%
}

/* kontakt und impressumlink */
.kontakt_impressum li {
	display:inline;
	list-style-type:none;
	padding:0 5px 0 5px;
}

.kontakt_impressum {
	text-align:center;
}

.kontakt_impressum li a:hover,
.kontakt_impressum li a:focus,
.kontakt_impressum li a:active {
	color:#fff;
}

/* ==========================
Wettercontainer
=============================*/

#wettercontainer {
	padding:10px;
	text-align:center;
	margin-top:15px;
	border:1px solid #d2d0d0;
}

/* ==========================
Definitionsliste Geschichtsseite
=============================*/

/* zeilenhöhe */
#geschichte #col3 dl {
	line-height:1.5em;
}

/* jahreszahlen in reihe mit ereignis */
#geschichte #col3 dl dt {
	float:left;
	font-weight:bold;
}

/* ereignis absatz */
#geschichte #col3 dl dd {
	margin-left:10em;
}

/* volkszählungsliste */
#volkszaehlung {
	font-size:80%;
	line-height:1.5em;
}

#volkszaehlung dt {
	float:left;
	font-weight:bold;
}

/* ereignis absatz */
#volkszaehlung dd {
	margin-left:4em;
}