/*

CSS-Compatible Browsers Style Sheet

Author: Stefano Bonzi (stefano.bonzi@siag.it)
Date: september 2004

*/



/* Holly Hack (hidden from MAC) \ */
* html #hiLites,
* html #contextNavigator1,
* html #contextNavigator2,
* html #wrapper,
* html #contentArea,
* html #themes,
* html #serviceNavigator {
	height: 1%;
}
/* End Holly Hack */



/* REDIFINED HTML TAGS */
body, table, dl, ul, ol, div, td {
	font-size: 100%;/* Resets basic.css settings */
}

body {
	font-size: 76%;
}

a:link, a:visited {
	background: transparent;
	color: #a44958;
	text-decoration: none;
}

#contentArea a:link, #contentArea a:visited {
	text-decoration: none;
	border-bottom: 1px dashed #a44958;
	font-weight: bold;
}

a:hover {
	background: transparent;
	color: #406e8d;
	border-bottom: none;
}

#contentArea a:hover {
	border-bottom: 1px solid #406e8d;
}

div, h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;
}

ul, ol, dl, li, dd, dt {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

address {
	font-size: 0.9em;
	text-align: center;
	background: #C2D0DA;
	color: #000;
	border-top: 1px solid #A8674C;
	padding: 1em 0 1em 0;
}

body {
	background: #f5f5f5 url(../img/body_bck.gif) repeat-y;
	color: #000;
	margin: 0;
	padding: 0;
}

h1 span {
	display: none;
}

h1 img {
	display: inline;
	border: none;
	margin: 33px 0 27px 30px;
}

h2 {
	text-align: right;
	background: #406E8D url(../img/h2_bck.jpg) no-repeat top left;
	color: #fff;
	height: 60px;
	font-size: 1.5em;
	font-weight: normal;
}

.twoCols h2, .threeCols h2 {
	text-align: left;
	background: #406E8D;
	color: #fff;
	height: 60px;
}

h2 span {
	display: block;
	padding: 15px;
}

#umwelt h2 {
	background: #406E8D url(../img/umwelt_h2_bck.jpg) no-repeat top left;
	color: #fff;	
}

#radwege h2 {
	background: #406E8D url(../img/radwege_h2_bck.jpg) no-repeat top left;
	color: #fff;	
}

#soziales h2 {
	background: #406E8D url(../img/soziales_h2_bck.jpg) no-repeat top left;
	color: #fff;	
}

#verwaltung h2 {
	background: #406E8D url(../img/verwaltung_h2_bck.jpg) no-repeat top left;
	color: #fff;	
}

#aktuelles h2 {
	background: #406E8D url(../img/aktuelles_h2_bck.jpg) no-repeat top left;
	color: #fff;	
}

h2 img {
	display: inline;
	margin: 0;
}

.twoCols h2 img, .threeCols h2 img {
	display: none;
}

form {
	margin: 0.25em;
}

input {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

table {
	font-size: 0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}

input.text {
	width: 12em;
	background: #fff;
	color: #000;
	border: 1px solid #ccc;
	padding: 0.25em;
}

input.radio {
	vertical-align: middle;
}

#contentArea label {
	display: block;
	font-size: 0.9em;
	margin: 0.5em 0 0.75em 0;
}

select {
	vertical-align: middle;
	margin-left: 0.5em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

fieldset {
	border: 1px solid #ccc;
	padding: 1em;
	margin: 0 1em 1em 1em;
}

fieldset input.text {
	margin-left: 0.5em;
}

fieldset fieldset {
	border: none;
	margin: 1em 0 0.5em 0;
	padding: 0;
}

fieldset fieldset input {
	margin-left: 2em;
}

fieldset fieldset legend {
	font-size: 0.9em;
	margin: 0;
	padding: 0;
}

fieldset fieldset label {
	margin: 0;
}

legend {
	font-weight: bold;
	font-size: 1em;
	padding: 0.25em;
}



/* MAIN CONTAINERS */
#wrapper {
	width: 750px;
	background: #fff url(../img/content_bck.gif);
	color: #000;
	position: absolute;
}

.twoCols #wrapper {
	background: #fff url(../img/content_bck_twoCols.gif);
	color: #000;
}

#contextNavigator1 {
	float: left;
	width: 29%;
	font-size: 0.9em;
}

#contentArea {
	margin: 0 18% 0 30%;
}

.twoCols #contentArea {
	margin: 0 0 0 30%;
}

#contextNavigator2 {
	float: right;
	width: 17%;
	font-size: 0.9em;
}

#header {
	background: #fff url(../img/title_bck.jpg) no-repeat top left;
	color: #000;
	width: 750px;
	border-bottom: 1px solid #A8674C;
}

#footer {
	width: 750px;
	background: #fff;
	color: #000;
	padding-bottom: 1em;

}





/* NAVIGATORS */
#mainNavigator {
	text-align: center;
	font-size: 0.9em;
	border-bottom: 5px solid #A8674C;
	padding-bottom: 7px;
}

#mainNavigator li {
	display: inline;
	padding: 0 0.75em 7px 0.75em;
	margin-bottom: 1em;
	border-right: 1px solid #A8674C;
	text-indent: 0;/* Resets basic.css */
}

#mainNavigator li.firstItem {
	border-left: 1px solid #A8674C;
}

#mainNavigator a:link, #mainNavigator a:visited {
	text-decoration: none;
	background: transparent;
	color: #000;
}

#mainNavigator a:hover {
	background: transparent;
	color: #A44958;
}





/*

	PAGE INDICATORS FOR MAINNAVIGATOR
	Based on the <body> id

*/
#home #mNav1 {
	background: transparent url(../img/mNav_bck.gif) repeat-x bottom;
}

#umwelt #mNav2 {
	background: transparent url(../img/mNav_bck.gif) repeat-x bottom;
}

#radwege #mNav3 {
	background: transparent url(../img/mNav_bck.gif) repeat-x bottom;
}

#soziales #mNav4 {
	background: transparent url(../img/mNav_bck.gif) repeat-x bottom;
}

#verwaltung #mNav5 {
	background: transparent url(../img/mNav_bck.gif) repeat-x bottom;
}

#aktuelles #mNav6 {
	background: transparent url(../img/mNav_bck.gif) repeat-x bottom;
}



/*

	PAGE INDICATORS FOR SERVICENAVIGATOR
	Based on the <body> id

*/
#kontakt #sNav1 {
	background: transparent url(../img/mNav_bck.gif) repeat-x top;
}

#sitemap #sNav2 {
	background: transparent url(../img/mNav_bck.gif) repeat-x top;
}

#suche #sNav3 {
	background: transparent url(../img/mNav_bck.gif) repeat-x top;
}

#impressum #sNav4 {
	background: transparent url(../img/mNav_bck.gif) repeat-x top;
}


#contextNavigator1 dt {
	font-weight: bold;
	margin: 0.5em 0.25em 0.5em 0.25em;
}

#contextNavigator1 dt.title {
	margin: 0.5em 0 1em 0;
	font-size: 1em;
	border-top: 1px solid #406e8d;
	background: #ABC4D4;
	color: #000;
	padding: 0.25em;
}

#contextNavigator1 dd {
	padding-bottom: 0.75em;
	border-bottom: 1px solid #406e8d;
	margin: 0.25em;
}

#contextNavigator1 dd.lastItem {
	margin-bottom: 0.25em;
	border-bottom: none;
}




#contextNavigator1 ul {
	margin: 2em 0 0 0;
}

#contextNavigator1 ul ul {
	margin-top: 0;
}

#contextNavigator1 li {
	padding: 0.5em;
	border-bottom: 1px solid #859845;
}

#contextNavigator1 li#actualSubpage {
	background: #C2CF99;
	color: #000;
}

#contextNavigator1 ul ul li {
	padding: 0.25em 0 0.125em 0;
	border-bottom: none;
}

#contextNavigator1 li.firstItem {
	border-top: 1px solid #859845;
}


#contextNavigator1 li a:link, #contextNavigator1 li a:visited {
	font-weight: bold;
	background: transparent;
	color: #000;
}

#contextNavigator1 li a:hover {
	background: transparent;
	color: #A44958;
}

#contextNavigator1 #actualSubpage li a {
	font-weight: normal;
}




#themes {
	background: #fff;
	padding-top: 1em;
	padding-bottom: 1em;	
}

#theme1 {
	background: transparent url(../img/theme1_bck_bottom.jpg) no-repeat bottom center;
	margin-bottom: 1em;
}

#theme1 h3 {
	background: transparent url(../img/theme1_bck_top.jpg) no-repeat top;
	font-size: 1.2em;
	padding: 1em 1em 0.5em 1em;	
}

#theme1 p {
	font-size: 1.1em;
	padding: 0 1em 1em 1em;
}


#theme2 {
	background: transparent url(../img/theme2_bck_bottom.jpg) no-repeat bottom center;
}

#theme2 h3 {
	background: transparent url(../img/theme2_bck_top.jpg) no-repeat top;
	font-size: 1.2em;
	padding: 1em 1em 0.5em 1em;
}

#theme2 p {
	font-size: 1.1em;
	padding: 0 1em 1em 1em;
}

#theme3 {
	background: transparent url(../img/theme1_bck_bottom.jpg) no-repeat bottom center;
	margin-bottom: 1em;
}

#theme3 h3 {
	background: transparent url(../img/theme1_bck_top.jpg) no-repeat top;
	font-size: 1.2em;
	padding: 1em 1em 0.5em 1em;	
}

#theme3 p {
	font-size: 1.1em;
	padding: 0 1em 1em 1em;
}



#contextNavigator2 dt {
	font-weight: bold;
	margin: 0.5em 0.125em 0.125em 0.125em;
}

#contextNavigator2 dt.title {
	margin: 0.5em 0 1em 0;
	font-size: 1em;
	border-top: 1px solid #A8674C;
	background: #D6AF9E;
	color: #000;
	padding: 0.25em;
}

#contextNavigator2 dd {
	padding-bottom: 0.75em;
	border-bottom: 1px solid #A8674C;
	margin: 0.125em;
}

#contextNavigator2 dd.lastItem {
	margin-bottom: 0.25em;
	border-bottom: none;
}


#styleswitcher {
	display: block;
	margin: 0 0 1em 0;
}

#sizer a:link, #sizer a:visited {
	border: 1px solid #000;
	background: #fff;
	color: #000;
	padding: 0 0.15em 0 0.15em;
}

#sizer a:hover {
	background: #A44958;
	color: #fff;
}

#styleswitcher dt.title {
	background: transparent;
	color: #000;
	border: none;
	margin-bottom: 0.5em;
}

#styleswitcher dd {
	border: none;
	padding-bottom: 0.25em;
}



#serviceNavigator {
	text-align: center;
	font-size: 0.9em;
	border-top: 5px solid #A8674C;
	padding-top: 7px;
}

#serviceNavigator li {
	padding: 7px 0.75em 0 0.75em;
	margin-bottom: 1em;
	border-right: 1px solid #A8674C;
	text-indent: 0;/*resets basic.css*/
}

#serviceNavigator li.firstItem {
	border-left: 1px solid #A8674C;
}

#serviceNavigator a:link, #serviceNavigator a:visited {
	text-decoration: none;
	background: transparent;
	color: #000;
}

#serviceNavigator a:hover {
	background: transparent;
	color: #A44958;
}




/* CONTENT ELEMENTS */
#hiLites {
	background: #f5f5f5;
	color: #000;
	border: 1px solid #ccc;
	padding: 0.25em;
	margin: 0.5em 0 1em 0;
}

#contentArea #hiLites h3 {
	background: transparent;
	color: #333;
	border: none;
	margin: 0 0 0.5em 0;
}

#contentArea #hiLites h3 a {
	font-size: 90%;
}

#hiLites img {
	float: left;
	border: none;
	margin: 0 0.5em 0 0.25em;
}

#hiLites p {
	font-size: 0.9em;
	line-height: 1.35;
	margin: 0 0.5em 0 0.5em;
}

#contentArea h3 {
	font-size: 1.5em;
	font-weight: normal;
	background: transparent;
	color: #406E8D;
	border-bottom: 2px solid #859845;
	margin: 1.5em 0 1em 0;
	/*clear: left;*/
}

#contentArea {
	position: relative;
}

#contentArea h4 {
	font-size: 1.5em;
	letter-spacing: 1px;
	font-weight: normal;
	background: transparent;
	color: #000;
	margin: 0.5em 0 0.5em 0;
}

#home #contentArea img {
	display: inline;
	float: left;
	margin: 0 1em 0 1em;
}
#contentArea img {
	border: none;
}


#contentArea dt {
	font-weight: bold;
}

#contentArea dd {
	font-size: 0.9em;
	margin: 1em;
	line-height: 1.25;
}

#contentArea p {
	font-size: 0.9em;
	line-height: 1.5;
	margin: 0.5em 1.5em 1em 1em;
	text-align: justify;
}

.smallPictureSX {
	float: left;
	margin: 0.5em 1em 0.5em 0.5em;
}

.smallPictureDX {
	float: right;
	margin: 0.5em 0.5em 0.5em 1em;
}

.fullWidthPicture {
	text-align: center;
	font-size: 0.9em;
	background: #fff;
	color: #666;
	margin: 1em 0 1em 0;
}

.threeCols .fullWidthPicture img {
	display: block;
	/*width: 350px;*/
	height: auto;
	margin: 1em 0 0.5em 0;
}

.twoCols .fullWidthPicture img {
	display: block;
	/*width: 460px;*/
	height: auto;
	margin: 1em 0 0.5em 0;
}

#contentArea li {
	/*list-style-position: inside;*/
	margin: 0.5em 0 0.5em 3em;
	font-size: 0.9em;	
}

#contentArea ol li {
	list-style: decimal;
}


#copyright {
	font-size: 0.9em;
	text-align: center;
	background: #fff;
	color: #ccc;
	margin: 1em;
}

#copyright img {
	vertical-align: middle;
	margin: 0 0.5em 0 0.5em;
}




/* TERMINE */
#calendar {
	float: right;
	border: 1px solid #aaa;
}

#calendar caption {
	font-weight: bold;
	text-align: center;
}

#calendar caption a:link, #calendar caption a:visited {
	display: block;
	font-weight: bold;
	border-bottom: none;
}

#calendar caption a:hover {
	border-bottom: none;
}

#calendar .nav1 {
	float: left;
}

#calendar .nav2 {
	float: right;
}

#calendar td, #calendar th {
	border: 1px solid #ccc;
	padding: 0.175em;
	text-align: center;
}

#calendar th {
	background: #eee;
	color: #000;
}

#calendar .weekend {
	background: #F2E1E3;
	color: #000;
}

p.feedbackMsg {
	background: #fff;
	color: #c00;
	text-align: center;
	padding: 1em;
	font-size: 1.5em !important;
	border: 1px solid #000;
}

.tblResults {
	margin: 1em auto 1em auto;
	font-size: 0.9em;
	width: 94%;
	border-collapse: collapse;
	border: 1px solid #aaa;
}

.tblResults caption {
	font-size: 1.3em;
	text-align: left;
	font-weight: bold;
	margin: 1em 0 0 0;
	padding: 0.25em 0 0.25em 0;	
}

.tblResults td, .tblResults th {
	text-align: left;
	padding: 0.25em;
	border-bottom: 1px solid #ccc;
}

.tblResults th {
	background: #C2CF99;
	color: #000;
	border-bottom: 1px solid #859845;
}

.tblResults tfoot {
	background: #eee;
	color: #000;
}

.tblResults td.pager {
	text-align: right;
}

.tblResults td.pager img {
	border: none;
}



/* HACKS AND UTILITIES */
#rss {
	font-size: 0.9em;
	text-align: left;
	margin: 1em 0 0 1em;
}
#rss img {
   display: block;
	margin: 0 1em 1ex 0;
}
 

* html .spacer {
	clear: both;
}

* html .spacerSX {
	clear: left;
}

