/* Stylesheet: www.domain.de */

/* * * * * * * * * * * * * * * * * * */
/* FARBEN  * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * */
/* dunkelgrau: #CEC9C2							 */
/* hellgrau: #E9E7E3;                */
/*                                   */
/* grossbottwar: #ffcc00;            */
/* buergerinfo: #FF7A0F;             */
/* rathaus: #E28500;                 */
/* tourismus: #E24000;               */
/* gewerbe: #C60000;                 */
/* * * * * * * * * * * * * * * * * * */


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

html { height:101%; }

body  { 
	min-height: 101%;
        font-size: 100.01%;
	background-color:#CEC9C2;
	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;
}
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:0px 10px 1px 5px;
	font-size:0.8em;
	line-height:1.4;
	text-align:left;
}

a:link,
a:visited,
a:focus,
a:hover,
a:active {
	color:#900000;
	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 #E9E7E3;
	padding: 0px 0px 2px 0px;
	font-size: 0.7em;
}
	
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: #E28500;
	text-decoration: underline;
}

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




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

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

		#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:#E9E7E3;
			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;
			border-bottom: 1px dotted #ffffff;
		}
	
		/* > 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:110%;
		background-color:#CEC9C2;
		padding-top:0.65em;
		margin-top: 0.45em;
	}		
	
	#hauptnavigation ul {
			list-style:none;
			font-size:0.75em;
			text-transform:uppercase;
			font-weight:bold;
			background-color:#CEC9C2;
			
		}
			
			#hauptnavigation li#aktuell {
				float:left;
				width:120px;
				margin-right: 5px;
				padding:2px 15px 0px 5px;
				border-bottom: 5px solid #E28500;
			}
			#hauptnavigation li#aktuell_on {
				float:left;
				width:120px;
				margin-right: 5px;
				padding:2px 15px 0px 5px;
				border-bottom: 5px solid #ffcc00;
			}
			#hauptnavigation li#termin {
				float:left;
				width:120px;
				margin-right: 5px;
				padding:2px 15px 0px 5px;
				border-bottom: 5px solid #E28500;
			}
			#hauptnavigation li#termin_on {
				float:left;
				width:120px;
				margin-right: 5px;
				padding:2px 15px 0px 5px;
				border-bottom: 5px solid #ffcc00;
			}
			#hauptnavigation li#anmeldung {
				float:left;
				width:120px;
				margin-right: 5px;
				padding:2px 15px 0px 5px;
				border-bottom: 5px solid #E28500;
			}
			#hauptnavigation li#anmeldung_on {
				float:left;
				width:120px;
				margin-right: 5px;
				padding:2px 15px 0px 5px;
				border-bottom: 5px solid #ffcc00;
			}
			#hauptnavigation li#katalog {
				float:left;
				width:120px;
				margin-right: 5px;
				padding:2px 15px 0px 5px;
				border-bottom: 5px solid #E28500;
			}
			#hauptnavigation li#katalog_on {
				float:left;
				width:120px;
				margin-right: 5px;
				padding:2px 15px 0px 5px;
				border-bottom: 5px solid #ffcc00;
			}
			#hauptnavigation li#benutzer {
				float:left;
				width:182px;
				margin-right: 5px;
				padding:2px 15px 0px 5px;
				border-bottom: 5px solid #E28500;
			}
			#hauptnavigation li#benutzer_on {
				float:left;
				width:182px;
				margin-right: 5px;
				padding:2px 15px 0px 5px;
				border-bottom: 5px solid #ffcc00;
			}
				#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:none;
					color:#E28500;
				}



#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:#E9E7E3;
	}		
		#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:#E9E7E3;
	}

		/******************************************/
		/* INHALT - Mitte                         */
		/******************************************/
		#inhalt {
			margin:0 10em 0 0;
			padding:0 0.5em;
			background-color:#E9E7E3;
			border: 1px solid #000;
		
		}
			
			/* 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;
			}

		#inhalt_content {
			margin:0 10.5em 0 10.5em;
			padding:0 0.5em;
			background-color:#E9E7E3;
		}
			
			/* 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 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;

}

			/* Box fuer Darstellung von Aktuelles auf der Startseite (mittig) */
			#inhalt #aktuelles {
				background-color:#fff;
				border-bottom:1px solid #bcbcbc;
				padding:5px 0;
				margin-bottom:0.4em;
				float: left;
				width: 330px;
				min-height: 8em;
			}

			#inhalt #aktuelles ul {
				margin-left:1.5em;
				margin-right:0.5em;
				list-style-type:circle;
			}
			#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: #900000;
				padding:2px;
				text-decoration:underline;
			}



			#inhalt #medientipp {
				padding: 60px 30px 5px 20px;
				margin-bottom:0.4em;
				float: left;
				width: 300px;
				height: 140px;
				background-image: url(/img/gif/medientipp.gif);
				background-position: top left;
				background-repeat: no-repeat;
				background-color: #e7e7e7;
				border-bottom: 1px solid #e7e7e7;
				font-size: 0.85em;
			}

			#inhalt #veranstaltungen {
				background-color:#fff;
				border-bottom:1px solid #bcbcbc;
				padding:5px 0;
				margin-bottom:0.2em;
				width: 240px;
				float: right;
				min-height: 12em;
			}
			#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: #900000;
				padding:2px;
				text-decoration:underline;
			}	


			#inhalt #sitemap ul {
				margin-left:1.5em;
				margin-right:0.5em;
				list-style-type:circle;
			}
			#inhalt #sitemap li {
				font-size:0.7em;
				color: #000;
				padding:2px;
			}
			#inhalt #sitemap li a {
				font-size:1em;
				color: #000;
				padding:2px;
				text-decoration:none;
			}
			#inhalt #sitemap li a:hover {
				font-size:1em;
				color: #900000;
				padding:2px;
				text-decoration:underline;
			}


			#inhalt #veranstaltungen1 {
				background-color:#fff;
				border-bottom:1px solid #bcbcbc;
				padding:5px 0;
				margin-bottom:0.2em;
				width: 240px;
				float: right;
				min-height: 3em;
			}


			/**********************************************/
			/* 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:#AA3838;
			}
			.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:#E9E7E3;
	}
		#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:#E28500;
		}		
		
		/* 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:#E9E7E3;
			font-weight:bold;
			color:#AA3838;
		}
		
			/* 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:#transparent;
			}
			#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:#E28500;
			}
			/* 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:#AA3838;
			}
	/* SEITENINHALT = rechte Spalte */
	#seiteninhalt {
		float:right;
		
		
		background-color:#E9E7E3;
	}
		#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 1.75em;
			list-style-type:circle;
			font-size:0.7em;
		}
		#seiteninhalt li {
			line-height:1.5em;
		}
	
	
		/******************************************/
		/* BOXEN IN SEITENSPALTEN                 */
		/******************************************/
		div.box-neutral,
		div.box-grossbottwar,
		div.box-buergerinfo,
		div.box-rathaus,
		div.box-tourismus,
		div.box-gewerbe
		{
			width:9.35em;
			border-top:5px solid #e28500;
			background-color:#fff;
			margin:0 0.5em 0.5em 0;
			border-bottom:1px solid #bcbcbc;
			padding:5px;
		}
		div.box-grossbottwar { border-top-color:#ffcc00; }
		div.box-buergerinfo { border-top-color:#FF7A0F; }
		div.box-rathaus { border-top-color:#E28500; }
		div.box-tourismus { border-top-color:#E24000; }
		div.box-gewerbe { border-top-color:#C60000; }
		

	#footer {
		clear:both;
		position:relative;
		border-top:5px solid #E28500;
		background:#CEC9C2;
	}
		#footer p {
			margin:0 0 0 0.6em;
			padding:0.6em 0 0 0;
		}
		#footer span.rechts {
			position:absolute;
			top:0.6em;
			right:0;
		}
		/* 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:#AA3838;
}


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

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

.rad { padding: 2px;}

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

/*Anordnung und Suche*/

#anordnung {
	border: 1px dotted #404040; 
	padding: 2px 10px 2px 10px; 
	margin: 5px;
}

#anordnung1 {
	border: 1px dotted #404040; 
	padding: 2px 10px 2px 10px; 
	margin: 5px;
	background-color: #eeeeee;
	font-weight: bold;
}

.submenu {
	padding: 1px;
}

ul.nummer_liste {
	margin:10px 5px 0px 30px;
	list-style:circle;
	font-size: 0.85em;
}
ul.nummer_liste li {
	font-size:0.8em;
	list-style:circle;
	padding: 5px 0px 0px 5px;
	line-height:1.5;
	margin-top: 3px;
}

ul.nummer_liste li.nummer_liste_aktiv {
	font-size:0.8em;
	list-style:disc;
	padding: 5px 0px 0px 5px;
	line-height:1.5;
	margin-top: 3px;
	background-color: #FFFAC1;
}