/* -----------------------------------------------------
   Copyright 2003-2007 by webdaum, webdesign
   Michael Daum
   Sportplatzstraße 10
   D-86494 Emersacker
   fon/fax +49 (0) 8293 74 17
   visit my page: http://www.webdaum.de/
--------------------------------------------------------- */

/* xxxxxxxxxxxxxxxxxxx CSS Aktive Bürger Emersacker  xxxxxxxxxxxxxxxxxxxxxxx */

html, body {
  margin:0;
  width:100%;
  height:100%;
  }
a img {
 border:0;
}
body * {
 font-size:9pt;
}
body {
 font-family:Arial,SunSans-Regular,sans-serif;
 margin:0;
 background:#eee url(../img/verlauf_hellblau.gif) top left repeat-y;
 }
div#header {
	clear:both;
	margin-bottom:60px;
	height:98px;
	overflow:hidden;
	background:rgb(100,150,200) url(../img/aktive_header.jpg) 0 0 no-repeat;
}
div#header h1 a {
	display:block;
	height:98px;
	width:600px;
	text-decoration:none;
}
div#header h1#logo a span {
	position:relative;
	left:-2000px;
}
div#side-menu {
	float:left;
	width:180px;
}
div#side-box {
	float:right;
	width:160px;
}
div#inhalt {
	margin:0px 160px 5px 180px;
	padding:0 5% 0 5%;
	background:url(../img/background.jpg) center top repeat-y;
	text-align:left;
	min-height:500px;
	height:auto !important;
	height:500px;
}
div#footer {
	clear:both;
	background:#fff;
	color:#666;
	padding:10px;
	text-align:right;
	border-top:3px solid #eee;
}


div#menu {
width:100%;
position:absolute;
top:98px;
left:0;
background:transparent;
}
/* Menu vorbereiten: */


#menu a {   /* die Links vorbereiten */
	display:block;
	float:left;
	text-align:center;
	text-decoration:none;
	width:100%;
	font:normal 11px/20px Verdana,sans-serif;
	color:inherit;
	background:inherit;
  }
#menu a:active, #menu a:hover{ 
	text-decoration:none;
	color:#737994;
	background-color:#fff;
}
#menu li {  /* die Listen vorbereiten */
	list-style-type:none;
	float:left;
	width:14%;
	border-right:1px solid #000;
	position:relative;
	background-color:#e5e5e5;
	color:#000;
  }
/*Aktive Menüpunkte */
body.verein #menu li.kat-verein,
body.gemeindepolitik #menu li.kat-gemeindepolitik,
body.kontakt #menu li.kat-kontakt,
body.links #menu li.kat-links,
body.dorf #menu li.kat-dorf,
body.zusatz #menu li.kat-zusatz { 
  color:#fff;
  background:#69c url(../img/verlauf_hellblau.gif) left repeat-y;
  }
 
body.kinder #menu li.kat-kinder {
	background:#f93 url(../img/verlauf_kinder.gif) left repeat-y;
	}
#menu li li {  /* die Listen vorbereiten */
  width:auto;
  }
#menu li ul {
  width:130px;
  border-left:1px solid #ccc;
  border-bottom:1px solid #ccc;
  background:#fff;
  }

/* Drop-down-menus ein- und ausblenden 
 CSS Level 2, funktioniert nicht mit MSIE */


#menu li ul {       /* alle positionieren ... *//* ... alle verstecken ... */
  display:none; 
  top:20px;
  right:0;
  margin:0;
  }
#menu li:hover > ul { /* ... und wieder anzeigen */
  display:block;
  position:absolute;
  }
#menu ul ul ul { /* Submenus ab Ebene 2 nach rechts ausklappen */
  left:130px;
  top:-1px;
  }
#menu .kat-zusatz ul ul { /* Submenu #7 nach links ausklappen */
  left:-130px;
  top:-1px;
  position:absolute;
  }


/* Styling für die Menu-Ebenen */


/* Submenu */

#menu ul ul a:link, #menu ul ul a:visited {
  text-align:right;
  background:#fff;
  color:#000;
  font-size:10px;
	width:127px;
	padding-right:3px;
  }
#menu ul ul a:active, #menu ul ul a:hover { 
  background:#999;
  color:#fff;
 }

/* Sub-submenu und Sub-sub-submenu */

#menu ul ul ul a:link, #menu ul ul ul a:visited {
  background:#fff;
  font-size:9px;
  }
#menu ul ul ul a:active, #menu ul ul ul a:hover { 
  background:#ccc;
  }


#side-menu ul,
#menu ul {
 list-style:none;
 list-style-image:none;
 margin:0;
 padding:0;
}

/* Side-Menü Links */

#side-menu ul {
	margin-left:20px;
}
#side-menu ul li {
	line-height:20px;
	margin:0;
	padding:0;
	position:relative;
}

#side-menu li ul { 
  margin-top:10px;
  margin-left:10px;
  margin-bottom:10px;
}
  
#side-menu a { 
 background:transparent url(../img/bullet_nicht_aktiv.GIF) 2px 0 no-repeat;
 padding:2px 1px 1px 15px;
 margin:0;
 display:block;
 color:#340065;
 text-decoration:none;
 font-size:10px;
 line-height:13px;
 height:13px;
}

#side-menu a:active, #side-menu a:hover {  
 text-decoration:underline;
 color:#737994;
 background:#fff url(../img/bullet_aktiv.GIF) 2px 0 no-repeat;
}

img {
 border:0; 
 background-image:url(../img/verlauf_hellblau.gif);
 background-repeat:repeat-y;
 background-color:#69c;
}

img.ohne { 
 background-image:none;
 background-color:transparent;
}

.imText,
iframe img {
 float:left;
 opacity:0.7;
 margin-right:10px;
}
hr {
 height:1px;
 border:0;
 background-color:#999;
 }
 
 /* Text Mittlere Spalte*/
 
p,
.text,
table p {
 font-size:1em;
 font-family:Arial,SunSans-Regular,sans-serif;
 margin:3px 2px;
 }
p em  {
float:left;
font-size:36pt;
font-style:normal;
color:#6699cc;
background-color:#ccc;
}
 
#inhalt li {
list-style-type:square; 
}

h2, h3, h4, h5 {
color:#666;
font-family:Verdana, Arial,sans-serif;
background-repeat:no-repeat;
}
strong b {
font-weight:bolder;
color:#6699cc;
}

#inhalt h1 {
font-family:Avantgarde,'AvantGarde Bk BT','AvantGarde Md BT',Verdana,sans-serif;;
font-size:2.4em;
color: #6699cc;
margin:0 45px 5px 0;
padding:0;
}
#inhalt h2 {
font-size:1.2em;
background-image:url(../img/h_bullet.gif);
padding-left:20px;
 }
 
h3 {
font-size:0.9em;
font-weight:bold;
border-bottom:1px solid #666666;
width:80%;
margin-bottom:0;
 }
h4 {
font-size:0.8em;
margin-bottom:20px;
}

h5,
#inhalt h5 a,
#inhalt h5 a:hover   {
 font-size:1em;
 background-color:#999;
 color:#fff;
 text-align:center;
 font-weight:bold;
 text-decoration:none;
}

#inhalt ul {
font-size:1em;
}
 /* Text Mitte Ende */
 
/* Body Links */

#inhalt a,
#footer a { 
  background-repeat:no-repeat;
  font-family:Verdana,SunSans-Regular,sans-serif;
  text-decoration:none;
  font-weight:normal;
  color:#102099;
  font-size:1em;
}
#inhalt a:active, #inhalt a:hover,
#footer a:active, #footer a:hover { 
  text-decoration:underline;
  color:#737994;
}

#iframe1,
#iframe2 {
	background-color:#e5e5e5;
}
#iframe1 {
height:400px;
}
.kinder #iframe1,
.kinder #iframe2 {
	background-color:#ffe;
	min-height:500px;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Tabelle xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
table {
	margin:20px 0 10px 40px;
}
center table {
 width:480px;
 margin-top:20px;
}
td {
	background-repeat:repeat-y;
	vertical-align:top;
}

td.rechte {
background-image:url(../img/verlauf_rechts.gif);
background-color:#3399cc;
text-align:right;
vertical-align:bottom;
}
.rechts  {
text-align:right;
padding-right:5px;
vertical-align:top;
font-style:italic;
}
.unten { 
 vertical-align:bottom;
}

td.h4 {
width:250px;
border-left:1px solid #999999;
padding-bottom:20px;
}




/* Farben */
.hellgrau { background-color:#e5e5e5; }

#bildtext, #bildtext2 {
color:#999;
width:250px;
height:50px;
padding:5px 10px 10px 10px;
}


/* xxxxxxxxxxxxxxxxxxx CSS Aktive Kinder Emersacker  xxxxxxxxxxxxxxxxxxxxxxx */

body.kinder {
  font-size:9pt;
  font-family:Arial,SunSans-Regular,sans-serif;
  background-color:#fff;
  margin:0;
	background:#fff url(../img/verlauf_kinder.gif) top left repeat-y;
 }
 
.kinder img {
border:0; 
background:#f93 url(../img/verlauf_kinder.gif) top left repeat-y;

}

img.ohne { 
background-image: url();
background-color:transparent;
}


 /* Text Mittlere Spalte*/
.kinder p, .kinder span {
 font-size: 9pt;
 font-family: Arial,SunSans-Regular,sans-serif;
 margin: 3px 2px 20px 2px;
 }

.kinder h2,
.kinder h3,
.kinder h4,
.kinder h5 {
color: #666;
font-family:Verdana, Arial,sans-serif;
background-repeat:no-repeat;
 }

.kinder #inhalt h1 {
font-family:Avantgarde,'AvantGarde Bk BT','AvantGarde Md BT',Verdana,sans-serif;;
font-size:32px;
color: #ff9933;
margin:-20px 45px 5px 0;
}
.kinder h2 {
font-size:10pt;
background-image:url(../img/h_bullet.gif);
padding-left:20px;
 }
 
.kinder h3 {
font-size:9pt;
font-weight:bold;
border-bottom:1px solid #666666;
width:80%;
 }
.kinder h4 {
font-size:8pt;
}

.kinder h5   {
 font-size: 12px;
 background-color: #999999;
 color: #ffffff;
 text-align: center;
}


.kinder ul {
font-size: 8pt;
}
/* Text Mitte Ende */
 

/* Body Links */
.kinder .schatten {
position:relative;
left:-5px;
top:-5px;
} 
 
.kinder a:link,
.kinder a:visited,
.kinder a:active
{ 
  background-repeat: no-repeat;
  font-family: Verdana,SunSans-Regular,sans-serif;
  text-decoration:none;
  font-weight:normal;
  color:#ff9933;
  font-size:12px;
}
.kinder a:active,
.kinder a:hover
{ 
  text-decoration:underline;
  color:#ff6600;
}


/* Menü Links */

.kinder #side-menu a:link,
.kinder #side-menu a:visited { 
 background-image: url(../img/k_bullet_nicht_aktiv.GIF);
 display: block;
 color:#ff3333;
 text-decoration:none;
 font-size: 10px;
}

.kinder #side-menu a:active,
.kinder #side-menu a:hover {  
 text-decoration:underline;
 color:#ffcc00;
 background-image: url(../img/k_bullet_aktiv.GIF);
}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Tabelle xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

td {
background-repeat:repeat-y;
}
.balken  {
border-bottom: 10px solid #000;
}
td.linke {
width: 130px;
background-image: url(../img/verlauf_kinder.gif);
}
td.rechte {
background-image: url(../img/verlauf_kinder.gif);
background-color: #ff9933;
text-align:right;
vertical-align:bottom;
}


.kinder #inhalt {
background:url(../img/background_kinder.jpg) top center repeat-y;
}
.kinder td.h4 {
width:250px;
border-left: 1px solid #999999;
}

.kinder div#header {
	background:#fc0 url(../img/gruppenbild_kinder.GIF) 0 0 no-repeat;
}
.kinder div#header h1#logo {
	background:url(../img/verlauf_kinder.gif) top right repeat-y;
}
.kinder div#header h1 a {
	display:block;
	height:40px;
	width:420px;
	margin-left:130px;
	background:#3399cc url(../img/aktive_kinder.gif) 0 0 no-repeat;
	}

/* Linktipps */
body.links td {
	padding-bottom:20px;
}
.bold {
font-weight:bold;
}