/* * * * * * * * * * * * * * * * * * */
/* FARBEN  * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * */
/* dunkelgrau: #dddddd							 */
/* hellgrau: #eeeeee;                */
/*                                   */
/* grossbottwar: #ffcc00;            */
/* buergerinfo: #FF7A0F;             */
/* rathaus: #808080;                 */
/* tourismus: #E24000;               */
/* gewerbe: #C60000;                 */
/* * * * * * * * * * * * * * * * * * */


/* * * * * * * * * * * * * * * * * * */
/* Allgemeine Definitionen * * * * * */
/* * * * * * * * * * * * * * * * * * */
*{
	padding: 0;
	margin: 0;
}

html { height:101%; }

body  { 
	min-height: 101%;
        font-size: 100.01%;
	background-color:#dddddd;
	padding:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

h1 {
	margin:0 0 1em 0.5em;
	line-height:1.5;
	font-size:0.8em;
	text-transform:uppercase;
}

h2 {
	margin:0 0 1em 0.5em;
	line-height:1.5;
	font-size:0.8em;
	text-transform:uppercase;
}

.startseiteh2 {
	margin:0 0 0.5em 1em;
	line-height:1.5;
	font-size:0.8em;
	text-transform:uppercase;
}
.backgroundh2 {
	margin:0 0 0 1 ;
	padding: 0em 0em 0.1em 0.5em;
	line-height:1.5;
	font-size:0.8em;
	text-transform:uppercase;
	background-color: #F5F5F5;
	border-bottom: 1px solid #dddddd;
}

h3 {
	margin:0 0 1em 0.5em;
	line-height:1.5;
	font-size:0.75em;
}
h4 {
	margin:1.5em 0.5em 0.5em 0.5em;
	line-height:1.5;
	font-size:0.7em;
	border-bottom:1px solid #eee;
}

p {
	margin-left:5px;
	margin-bottom:1em;
	font-size:0.7em;
	line-height:1.4;
	text-align:left;
}

.startseitep {
	padding:1em 1em 1em 1em;
	font-size:0.7em;
	line-height:1.4;
	text-align:left;
}

a:link,
a:visited,
a:focus,
a:hover,
a:active {
	color:#404040;
	text-decoration:none;
}
a:visited {

}
a:focus,
a:hover,
a:active {
	text-decoration:underline;
}

img, a img {
	border: 0;
}

/* * * * * * * * * * * * * * * * * * */
/* * Ebenen  * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * */
#schriftgroesse {
	width:69.2em;
	text-align: right;
	border-bottom: 1px dotted #eeeeee;
	padding: 0px 0px 2px 0px;
	font-size: 0.7em;
}
#span_schriftgroesse {
	vertical-align: top;
	margin-top: 10px;
}	
div#schriftgroesse a {
	font-family: verdana, tahoma, sans-serif;
	color: #000000;
	text-decoration: underline;
}
div#schriftgroesse a:link, div#schriftgroesse a:visited {
	font-family: verdana, tahoma, sans-serif;
	color: #000000;
	text-decoration: underline;
}
div#schriftgroesse a:active {
	font-family: verdana, tahoma, sans-serif;
	color: #808080;
	text-decoration: underline;
}

div#schriftgroesse a:hover {
	font-family: verdana, tahoma, sans-serif;
	color: #808080;
	text-decoration: none;
}




#container {
	width:48.5em;
	background:#eeeeee;
}

	#header {
		position:relative;
		height:9.5em;
		background:#eeeeee;
	}

		#skipnavigation {
			display: block;
			position: absolute !important;
			top:-9em !important;
			left: -10000px !important;
		}
		#skipnavigation p {
			width:45em;
		}
		#skipnavigation a:link,
		#skipnavigation a:visited,
		#skipnavigation a:focus,
		#skipnavigation a:hover,
		#skipnavigation a:active
		{
			position:absolute;
			width:17em;
			background-color:#eeeeee;
			color:#000;
			font-weight:bold;
			padding:0 0 0 5px;
			text-decoration:none;
			border-bottom:0;
		}
		#skipnavigation a:focus,
		#skipnavigation a:active {
			left:9933px;
			border:2px solid #ffffff;
		}		

		#header img#headerimage {
			width:48.5em;
		}
		#header img#logo {
			position:absolute;
			top:6.4em;
			left:1.2em;
			
		}
		#header img#stadt_grossbottwar_txt {
			width:48.5em;
			margin:0;
			padding:0;
			position:absolute;
			top:6.7em;
			left:0;
		}
		/* > Definitionen fuer "Stadt Großbottwar" als Text-Ueberschrift
		#header h1
		{
			margin:0;
			padding:0;
			line-height:1;
			position:absolute;
			top:2.55em;
			left:1.6em;
			font-family:Georgia, "Times New Roman", Times, serif;
			font-weight:bold;
			font-size:2.55em;
			color:#ffffff;
			line-height:1;
			text-transform:none;
		}
		#header h1 a {
			color:#fff;
			text-decoration:none;
		}
		*/
		#header p
		{
			position:absolute;
			top:12em;
			left:5.5em;
			font-size:0.7em;
			color:#000;
		}

	/* HAUPTNAVIGATION */
	#hauptnavigation {
		width:100%;
		background-color:#dddddd;
		padding-top:0.65em;
	}		
	
	#hauptnavigation ul {
			list-style:none;
			font-size:0.7em;
			text-transform:uppercase;
			font-weight:bold;
			background-color:#dddddd;
		}
			#hauptnavigation li {
				float:left;
				width:20%;
				text-align:left;		
				padding:0.4em 0;
				background:#dddddd url(../images/bg-weiss.gif) repeat-x 100% 100%;
			}
			#hauptnavigation li#grossbottwar {
				border-bottom: 5px solid #c0c0c0;
			}
			#hauptnavigation li#buergerinfo {
				border-bottom: 5px solid #aaaaaa;
			}
			#hauptnavigation li#rathaus {
				border-bottom: 5px solid #808080;
			}
			#hauptnavigation li#tourismus {
				border-bottom: 5px solid #606060;
			}
			#hauptnavigation li#gewerbe {
				border-bottom: 5px solid #404040;
			}
				#hauptnavigation a:link,
				#hauptnavigation a:visited,
				#hauptnavigation a:focus,
				#hauptnavigation a:hover,
				#hauptnavigation a:active {
					padding:0 0.4em;
					text-decoration:none;
					color:#000;
				}
				#hauptnavigation a:focus,
				#hauptnavigation a:hover,
				#hauptnavigation a:active {
					text-decoration:underline;
					color:#fff;
				}



#hauptnavigation ul li span{display: none}
/*tooltips*/

#hauptnavigation ul li a{
    position:relative; /*this is the key*/
    z-index:24; 
    color:#606060;
    text-decoration:none;
}

#hauptnavigation ul li a:hover{z-index:25;}

#hauptnavigation ul li a span{display: none}

#hauptnavigation ul li a:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:1.5em; 
    left:0.2em;
    width: 160px;
    border:1px dotted #C0C0C0;
    background-color:#fff; 
    color:#000;
    text-align: left;
    font-size: 1.1em;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-transform:none;
    text-decoration:none;
    padding: 3px;
}
/*end tooltips*/



	/* BREADCRUMB-Navigation */
	#breadcrumb {
		clear:both;
		margin:0;
		padding:0.5em 0.5em 0.5em 11em;
		background-color:#eeeeee;
	}		
		#breadcrumb p {
			margin:0;
			padding:0;
			font-size:0.7em;
			line-height:1;
		}
		#breadcrumb a:link,
		#breadcrumb a:visited,
		#breadcrumb a:focus,
		#breadcrumb a:hover,
		#breadcrumb a:active {
			color:#000;
			text-decoration:underline;		
		}
		#breadcrumb a:focus,
		#breadcrumb a:hover,
		#breadcrumb a:active {
			text-decoration:none;		
		}

	#wrapper {
		float:left;
		width:100%;
		background-color:#eeeeee;
	}

		/******************************************/
		/* INHALT - Mitte                         */
		/******************************************/
		#inhalt {
			margin:0 10.5em 0 0;
			padding:0 0.5em;
			background-color:#eeeeee;
		}
			
			/* Box fuer Darstellung von Seiteninhalt (mittig) */
			#inhalt div {
					position:relative;
				background-color:#fff;
				border-bottom:1px solid #bcbcbc;
				padding:5px 0;
				margin-bottom:0.4em;
				overflow:hidden;
			}


#feld1 {
				float: left;
				width: 290px;
				border-top:5px solid #aaaaaa;
				border-bottom:1px solid #bcbcbc;
				font-size:1em;
					min-height: 260px;
			
			
			}

#feld2 {
				border-top:5px solid #aaaaaa;
				border-bottom:1px solid #bcbcbc;
				float: right;
				width: 140px;
				min-height: 260px;

			}


#feld3 {
				
				border-top:5px solid #808080;
				border-bottom:1px solid #bcbcbc;
				width: auto;
				margin-left: 295px;
				margin-right: 145px;
				min-height: 260px;
			}

.spalte-links {
		float:left; 
		width: 295px; 
		min-height:100px;
}
.spalte-rechts {
		margin-left: 300px; 
		width: 295px; 
		min-height:100px;
}

		.liste-start ul {
			list-style-type:circle;
			padding:0em 1em 0em 0em;
			margin:0em 0.5em 0.5em 0.5em;
			
		}
		.liste-start li {
			line-height:1.5em;
			font-size:0.7em;
			padding: 0.5em;
		}
	
		.liste-start li a:link,
		.liste-start li a:visited,
		.liste-start li a:focus,
		.liste-start li a:hover,
		.liste-start li a:active
		 {
			
			color:#000;
		
		}


		#inhalt_content {
			margin:0 10.5em 0 10.5em;
			padding:0 0.5em;
			background-color:#eeeeee;
		}
		
		#inhalt_content_suche {
			margin:0 0em 0 10.5em;
			padding:0 0.5em;
			background-color:#eeeeee;
		}	
			/* Box fuer Darstellung von Seiteninhalt (mittig) */
			#inhalt_content div {
				position:relative;
				background-color:#fff;
				border-bottom:1px solid #bcbcbc;
				padding:5px 0;
				margin-bottom:0.4em;
				overflow:hidden;
			}

			#inhalt_content_suche div {
				position:relative;
				background-color:#fff;
				border-bottom:1px solid #bcbcbc;
				padding:0.5em;
				margin-bottom:0.4em;
				overflow:hidden;
			}


#inhalt_content ul#liste_top {
	margin-left: 0.5em;
	padding-left: 0;
	display: inline;
	border-right: 1px dotted #808080;
}

#inhalt_content ul#liste_top li
{
	margin-left: 0em;
	padding: 2px 2px;
	border-left: 1px dotted #808080;
	list-style: none;
	display: inline;
	}

#inhalt_content ul#liste_top li a {
	font-size: 0.9em;
	font-weight: bold;

}



#inhalt_content ul#liste_bottom {
	margin-left: 0.5em;
	padding-left: 0;
	
}

#inhalt_content ul#liste_bottom li
{
	margin-left: 0em;
	padding: 1px 3px;
	list-style: none;
        font-size: 0.8em;
	}

#inhalt_content ul#liste_bottom li a {
	font-size: 1em;
	font-weight: normal;
}


#inhalt_content ul#liste_bottom_mitarbeiter {
	margin-left: 2.5em;
	padding: 0;
	
}

#inhalt_content ul#liste_bottom_mitarbeiter li
{
	margin-left: 0em;
	padding: 1px 3px;
	list-style: none;
        font-size: 0.75em;
	}

#inhalt_content ul#liste_bottom_mitarbeiter li a {
	font-size: 1em;
	font-weight: normal;

}

#inhalt_content ul#liste_bottom_klein {
	margin-left: 2em;
	padding-left: 0;
	
}

#inhalt_content ul#liste_bottom_klein li
{
	margin-left: 0em;
	padding: 1px 3px;
	list-style: circle;
        font-size: 0.7em;
	}

#inhalt_content ul#liste_bottom_klein li a {
	font-size: 1em;
	font-weight: normal;
}

#inhalt_content ul#liste_organe {
	margin-left: 1em;
	padding-left: 0;
	
}

#inhalt_content ul#liste_organe li
{
	margin-left: 0em;
	padding: 0px 1px;
	list-style: none;
        font-size: 0.7em;
	}

#inhalt_content ul#liste_organe li a {
	font-size: 1em;
	font-weight: normal;
}
			/* Box fuer Darstellung von Aktuelles auf der Startseite (mittig) */
			#inhalt .aktuelles {
				background-color:#fff;
				padding:0.2em 1em 0em 0em;
				margin-bottom:0.4em;
				float: left;
				width: 36em;
			
			}

			#inhalt p {
				margin-left: 1em;
			}

			#inhalt .aktuelles ul {
				padding:0em 1em 0em 2em;
				margin:0em 1em 1em 1em;
				list-style-type:circle;
				width: 33em;
			}
			#inhalt .aktuelles li {
				font-size:0.7em;
				color: #000;
				padding:2px;
			}
			#inhalt .aktuelles li a {
				font-size:1em;
				color: #000;
				padding:2px;
				text-decoration:none;
			}
			#inhalt .aktuelles li a:hover {
				font-size:1em;
				color: #404040;
				padding:2px;
				text-decoration:underline;
			}



			#inhalt #veranstaltungen {
				background-color:#fff;
				border-bottom:1px solid #bcbcbc;
				padding:5px 0;
				margin-bottom:0.4em;
				width: 16em;
				float: right;
			}
			#inhalt #veranstaltungen ul {
				margin-left:1.5em;
				margin-right:0.5em;
				list-style-type:circle;
			}
			#inhalt #veranstaltungen li {
				font-size:0.7em;
				color: #000;
				padding:2px;
			}
			#inhalt #veranstaltungen li a {
				font-size:1em;
				color: #000;
				padding:2px;
				text-decoration:none;
			}
			#inhalt #veranstaltungen li a:hover {
				font-size:1em;
				color: #404040;
				padding:2px;
				text-decoration:underline;
			}	


			#inhalt #sitemap ul {
				margin-left:1.5em;
				margin-right:0.5em;
				list-style-type:none;
			}
			#inhalt #sitemap li {
				font-size:0.7em;
				color: #000;
				padding:2px;
			}
		

			#inhalt #sitemap li a:link,
			#inhalt #sitemap li a:visited,
			#inhalt #sitemap li a:focus,
			#inhalt #sitemap li a:hover,
			#inhalt #sitemap li a:active
		 	{
				padding-left:15px;
				color:#000;
				background-image: url(/img/grey/gif/arrow.gif);
			}

			/**********************************************/
			/* Hack fuer alle IEs - fuer overflow:hidden; */
			/* Hides from IE-mac \*/
			* html #inhalt div { width:100%; }
			/* End hide from IE-mac */
			/**********************************************/
			
			/* Box zur Aemteruebersicht */
			.aemter { }
			.aemter h2 {
				position:absolute;
				top:7px;
				left:5px;
				color:#808080;
			}
			.aemter ul {
				margin-left:3em;
				list-style-type:none;
			}
			.aemter li {
				border-bottom:1px solid #eee;
				font-size:0.7em;
				padding:5px 0;
				width:370px;
			}
			.aemter a {
				color:#000 !important;
			}
			
			/* Box zur Mitarbeiteruebersicht */
			.mitarbeiter { }
			p.ma-links {
				display:inline;
				float:left;
				width:46%;
				margin-bottom:1.5em;
				margin-left:1em;
			}
			p.ma-rechts {
				float:left;
				width:46%;
				margin-bottom:1.5em;
			}
			span.ma-zustaendigkeiten,
			span.ma-telefon,
			span.ma-mail {
				padding-left:20px;
			}
			span.ma-zustaendigkeiten {
				background:url(../images/icon-zustaendigkeiten.gif) no-repeat 0% 50%;
			}
			span.ma-telefon {
				background:url(../images/icon-telefon.gif) no-repeat 0% 50%;
			}
			span.ma-mail {
				background:url(../images/icon-mail.gif) no-repeat 0% 50%;
			}
			
			
			/* Bilder innerhalb der Inhaltsbox */
			/* werden linksbuendig mit umfließendem Text ausgerichtet */
			#inhalt div img
			{
				float:left;
				margin:0 10px 5px 5px;
			}
			
			/* Pfeil zum Seitenanfang */
			#inhalt div img.up 
			{
				float:right;
				margin:10px;
			}
			
	/******************************************/
	/* SEITENSPALTEN                          */
	/******************************************/
				
	/* UNTERNAVIGATION = linke Spalte */
	#unternavigation {
		float:left;
		width:10.5em;
		margin-left:-48em;
		background-color:#eeeeee;
	}
		#unternavigation h2 {
			margin:0 0 1em 0;
			padding:0;
			font-size:0.7em;
			font-weight:bold;
			line-height:1.5;
			text-transform:uppercase;
		}
		#unternavigation ul {
			margin:0 0 1em 2em;
			list-style-type:circle;
			font-size:0.7em;
		}
		#unternavigation li {
			line-height:1.5em;
		}
		
		/**************************************/
		/* UNTERNAVIGATION                    */
		/**************************************/
		#unternavigation #subnav {
			background-color:#fff;
			margin-right:0.5em;
			margin-bottom:0.5em;
			border-top:1px solid #BCBCBC;
			border-bottom:1px solid #BCBCBC;
		}
		#unternavigation #subnav ul {
			margin-left:0;
			margin-bottom:0;
			list-style-type:none;
		}
		#unternavigation #subnav li {
			margin:2px;
			border-bottom:1px solid #eee;
		}
		#unternavigation #subnav a:link,
		#unternavigation #subnav a:visited,
		#unternavigation #subnav a:focus,
		#unternavigation #subnav a:hover,
		#unternavigation #subnav a:active {
			display:block;
			padding:3px;
			color:#000;
		}
		#unternavigation #subnav a:focus,
		#unternavigation #subnav a:hover,
		#unternavigation #subnav a:active {
			color:#808080;
		}		
		
		/* Aktiver Submenu-Punkt */
		#unternavigation #subnav li.aktiv {
			border-bottom:none;
		}
		#unternavigation #subnav li.aktiv a:link,
		#unternavigation #subnav li.aktiv a:visited,
		#unternavigation #subnav li.aktiv a:focus,
		#unternavigation #subnav li.aktiv a:hover,
		#unternavigation #subnav li.aktiv a:active
		 {
			background-color:#eeeeee;
			font-weight:bold;
			color:#606060;
			border-left: 3px solid #808080;
		}
		
			/* Zweite Navigationsebene */
			#unternavigation #subnav ul ul {
				font-size:0.9em;
				background-color:#fff;
				margin:2px 0;
			}
			#unternavigation #subnav ul li.aktiv ul li {
				border-bottom:none;
				padding:2px;
				margin:0;
			}
			#unternavigation #subnav ul li.aktiv  ul li a:link,
			#unternavigation #subnav ul li.aktiv  ul li a:visited,
			#unternavigation #subnav ul li.aktiv  ul li a:focus,
			#unternavigation #subnav ul li.aktiv  ul li a:hover,
			#unternavigation #subnav ul li.aktiv  ul li a:active
			{
				color:#000;
				font-weight:normal;
				display:inline;
				background-color:#fff;
			}
			#unternavigation #subnav ul li.aktiv  ul li a:focus,
			#unternavigation #subnav ul li.aktiv  ul li a:hover,
			#unternavigation #subnav ul li.aktiv  ul li a:active
			{
				color:#808080;
			}
			/* Aktiver Untermenuepunkt */
			#unternavigation #subnav ul li.aktiv ul li.aktiv a:link,
			#unternavigation #subnav ul li.aktiv ul li.aktiv a:visited,
			#unternavigation #subnav ul li.aktiv ul li.aktiv a:focus,
			#unternavigation #subnav ul li.aktiv ul li.aktiv a:hover,
			#unternavigation #subnav ul li.aktiv ul li.aktiv a:active {
				font-weight:bold;
				color:#606060;
			}
	/* SEITENINHALT = rechte Spalte */
	#seiteninhalt {
		float:left;
		width:10.5em;
		margin-left:-10.5em;
		background-color:#eeeeee;
	}
		#seiteninhalt h2 {
			margin:0 0 1em 5px;
			padding:0;
			font-size:0.7em;
			font-weight:bold;
			line-height:1.5;
			text-transform:uppercase;
		}
		#seiteninhalt ul{
			margin:0 0 1em 0.5em;
			list-style-type:none;
			font-size:0.7em;
			
		}
		#seiteninhalt li {
			line-height:1.5em;
			
		}
	
		#seiteninhalt li a:link,
		#seiteninhalt li a:visited,
		#seiteninhalt li a:focus,
		#seiteninhalt li a:hover,
		#seiteninhalt li a:active
		 {
			padding-left:15px;
			border-bottom: 1px dotted #808080;
			color:#000;
			background-image: url(/img/grey/gif/arrow.gif);
		}
	
		/******************************************/
		/* BOXEN IN SEITENSPALTEN                 */
		/******************************************/
		div.box-neutral,
		div.box-grossbottwar,
		div.box-buergerinfo,
		div.box-rathaus,
		div.box-tourismus,
		div.box-gewerbe,
		div.box-tourismuskarte,
		div.box-kinderbetreuung
		{
			width:9.35em;
			border-top:5px solid #808080;
			background-color:#fff;
			margin:0 0.5em 0.5em 0;
			border-bottom:1px solid #bcbcbc;
			padding:5px;
		}
		div.box-grossbottwar { border-top-color:#c0c0c0; }
		div.box-buergerinfo { border-top-color:#aaaaaa; }
		div.box-rathaus { border-top-color:#808080; }
		div.box-tourismus { border-top-color:#606060; }
		div.box-gewerbe { border-top-color:#404040; }
		

	#footer {
		clear:both;
		position:relative;
		border-top:5px solid #808080;
		background:#dddddd;
	}
		#footer p {
			margin:0 0 0 0.6em;
			padding:0.6em 0 0 0;
		}
		#footer span.rechts {
			position:absolute;
			top:0.6em;
			right:0;
			margin-top:0.1em;
		}
		/* nur fuer IE */
		* html #footer span.rechts {
			top:1em;
		}

/* * * * * * * * * * * * * * * * * * */
/* * Spezielle Klassen   * * * * * * */
/* * * * * * * * * * * * * * * * * * */
.unsichtbar {
  display: block;
  position: absolute !important;
  top: -6000px !important;
  left: -6000px !important;
  height: 1px !important;
  width: 1px !important;
}
.stopFloat{
  display: block;
  clear: both;
  float: none;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  overflow: hidden;
}
.rightFloat {
	float:right;
	margin:0 0 0 0.5em;
}
.leftFloat {
	float:left;
	margin:0 0.5em 0 0;
}
.rightAlign {
	text-align:right;
}
.leftAlign {
	text-align:left;
}
.centerAlign {
	text-align:center;
}
.uppercase {
	text-transform:uppercase;
}
.rot {
	color:#808080;
}


.field {
border: 1px solid #cccccc;
background-color: #f0f0f0;
}

.button {
background-color: #f0f0f0;
}

.stopFloat{
  display: block;
  clear: both;
  float: none;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
  overflow: hidden;
}

#img_rahmen {
	float: right; 
	position:relative;
	margin: 0px 5px 5px 10px; 
	padding: 2px;
	border: 1px solid #D9D9D9;
}

#img_rahmen_1 {
	margin: 5px; 
	position:relative;
	padding: 2px;
	border: 1px solid #D9D9D9;
}

#img_rahmen_2 {
	margin: 0px; 
	position:relative;
	padding: 2px;
	border: 1px solid #D9D9D9;
}

#img_up {
	float: right; 
	position:relative;
	margin-right: 5px;

}

/*forms*/
#fieldset_form {

 margin: 1em;
 padding: 0 0 0 1em;
 font-size: 0.8em;
 border-top: 1px solid #c0c0c0;
 border-right: 1px solid #fff;
 border-bottom: 1px solid #fff;
 border-left: 1px solid #c0c0c0;
 text-align: left;

}

.left {
 float: left;
 text-align: left;
width: 100%;
 margin: 0 0 0 0.5em;
}

.button {
 text-align: left;
 margin: 1em;
 padding: 0.2em;
 font-weight: bold;
}