/*++++++++++++++++++++++++++++++++Grundeinstellungen++++++++++++++++++++++++++++++*/

	html
		{
		background			: url(../bilder/bg3.jpg) #fffbc8 left top repeat;		
		}

	body
		{
/*		background			: url(../bilder/bg_body.gif) #fff left top repeat;*/
		color				: #fffbc8;
		font-family			: Verdana,Arial,Helvetica,sans-serif;
		}

/*	html, body a 
		{
		color: white;
		}*/
	
	div
		{
		border				: 0;
		margin				: 0px;
		padding				: 0px;
		}

/*++++++++++++++++++++++++++++++++++++++Zentrieren+++++++++++++++++++++++++++++++++*/

	.centeraussen 
		{
		text-align			: center;
		}

	.centerinnen 
		{
		width				: 726px;
		margin				: auto;
		background-color		: #fff;
		}

/*++++++++++++++++++++++++++++++++++++++HEADER++++++++++++++++++++++++++++++++++++++*/

	dies
		{
		padding				: 0px;
		background-color		: #fff;
		font-size			: 95%;
		text-align			: center;
		}

	.innerheader
		{
		overflow			: hidden;
		height				: 70px;
		background-color		: #fff;
		border				: solid 0px #000;
		text-align			: right;
		padding				: 0px;
		background-position		: right;
		width				: 726px;
		background			: url(../bilder/kopf1.gif) #fff right top ;
		}

	.innerheader2
		{
		position			: absolute;
		z-index				: 4;
		top				: 0px;
		overflow			: hidden;
		height				: 100px;
		border				: solid 0px #d2e8f4;
		text-align			: right;
		padding				: 0px;
		background-repeat		: no-repeat;
		}

/*++++++++++++++++++++++++1. Menübalken++++++++++++++++++++++++++*/

	.linksoben
		{
		overflow			: visible;
		background-color		: #b0ac98;
		font-size			: 80%;
		text-align			: left;
		line-height			: 80%;
		height				: 25px;
		padding-left			: 10px;
		padding-top			: 5px;
		margin				: 0px 0px 0px 0px;
		}

	.innerlinksoben
		{
		overflow			: visible;
		position			: relative;
		top				: 3px;
/*		background-color		: #819800;*/
		text-align			: center;
/*		color				: #fff;*/
		margin				: 0px 10px 0px 10px
		}

	.innerlinksoben a
		{
		color				: #fefefe;
		text-decoration			: none;
		font-weight			: bold;
		text-align			: center;
		}

	.innerlinksoben a:hover
		{
		color				: #c63;
/*		background-color		: #F9CD69;*/
		}

/*++++++++++++++++++++++++2. Menübalken++++++++++++++++++++++++++*/

	.leftcolumn img 
		{
		display				:none;
		}

	.leftcolumn p 
		{
		display				:none;
		}

	.leftcolumn
		{
		overflow			: visible;
		background-color		: #fff;
		font-size			: 80%;
		text-align			: left;
		line-height			: 80%;
		height				: 25px;
		border-bottom			: 0px solid #fff;
		padding-left			: 10px;
		padding-top			: 5px;
		}


	.schalter2
		{
		position			: relative;
		top				: 3px;
/*		background-color		: #F9CD69;*/
		text-align			: center;
/*		color				: #fff;*/
		}

	.schalter2 a 
		{
		color				: #b0ac99;
		text-decoration			: none;
		font-weight			: bold;
		text-align			: center;
		}


	.schalter2 a:hover 
		{
		color				: #c63;
/*		background-color		: #819800;*/
		}

/*+++++++++++++++++++++++++++++Bilder im Banner+++++++++++++++++++++++++++++*/

	.rightpic
		{
		position			: absolute;
		height				: 100px;
		width				: 129px;
		border				: solid 0px;
/*		float				: right;*/
/*		overflow			: hidden;*/
		right				: 129px;
		}

	.webcam
		{
/*		display				: none;*/
		position			: absolute;
		z-index				: 10;
		left				: 129px;
		top				: 0px;
		height				: 100px;
		width				: 129px;
		border				: solid 0px;
		float				: right;
		overflow			: hidden;
		}

	.piclink
		{
		height				: 100px;
		width				: 135px;
		border				: solid 0px;
		overflow			: hidden;
		position			: absolute;
		z-index				: 10;
		left				: -22px;
		top				: 80px;
		}

	.piclink a
		{
		color				: white;
		}

/*+++++++++++++++++++++++++++++++Bürgerservice links+++++++++++++++++++++++++++++++*/

	.leftcolumn2
		{
		position			: relative;
		float				: right;
		width				: 161px;
		top				: 50px;
		right				: 0px;
		padding				: 0px;
		color				: #fff;
		background-color		: #e9e8dd;
		text-align			: center;
		border				: solid 0px #819800;
		border-style			: dashed;
		font-size			: 75%;/*75*/
		overflow			: hidden;
/*		height				: 100%;*/
		clear				: both;
		}

/*	html>body .leftcolumn2 { right: 27px}*/

	.leftcolumn2
		{
/*		margin-top			: 50px;
		margin-right			: 5px;*/
		}	

	.rightcolumn
		{
		float				: right;
		width				: 200px;
		text-align			: center;
		background-color		: #e9e8dd;
/*		padding				: 0 0 auto 10px;*/
		margin-top			: 0px;
		}

	.rightcolumn1
		{
		position			: relative;
/*		float				: right;*/
		width				: 180px;
		top				: 250px;
/*		right				: -105px;*/
 		text-align			: center;
		background-color		: #e9e8dd;
/*		padding				: 0 0 auto 10px;*/
		}


	.rightcolumn2
		{
		position			: relative;
		float				: right;
		width				: 200px;
		top				: 450px;
		right				: -180px;
		text-align			: center;
		background-color		: #e9e8dd;
/*		padding				: 0 0 auto 10px;*/
		margin-top			: 15px;
		}


	.leftlinks
		{
		float				: right;
		width				: 200px;
		text-align			: left;
		background-color		: #e9e8dd;
/*		height				: auto;*/
		}

/*+++++++++++++++++++++++++++++++++Spacer+++++++++++++++++++++++++++++++*/
	
	.spacer 
		{
		height				: 195px;
		}

	.spacer-bs 
		{
		height				: 246px;
		}

	.spacer-intro 
		{
		height				: 212px;
		}

	.spacer-short 
		{
		height				: 50px;
		}

/*+++++++++++++++++++++++++++++Zweispaltig=centercolumn2++++++++++++++++*/

/*
For NN4, -25px is the margin-left setting to make the centercolumn column but up against the left column. (OmniWeb is much the same, but this stylesheet makes no allowances for it).
For other browsers, the equivalent margin-left setting is equal to the width of the left column.
margin-right is set to the value of the overriding values for .rightcolumn's width.
A margin can be created between these two columns either by changing these values, or by setting the padding of the relevant #...padding divs.
margin-top is set to -1px to make NN4 line up correctly.
*/

	.centercolumn2
		{
		z-index				: 4;
/*		padding				: 0 -40px;*/
		color				: #000000;
		background-color		: #fff;
		text-align			: justify;
		font-size			: 1.1em;
/*		height				: 80%;*/
		margin-top			: 0px;
		}

/* IE5 once again goes awry - shift it down (29px is right for this layout but no doubt the exact value will vary [sigh]) and then zap
empty because otherwise IE5 goes rampaging on */
/*/*/

	.centercolumn2
		{
		z-index				: 4;
/*		height				: 80%;*/
		margin-top			: 0px;
		font-family			: "\"}\"";
		font-family			: inherit;
		width				: 524px;
	        }

	#empty{}

/* following bit only necessary if OmniWeb to be handled - the .fake bit is only picked up by OmniWeb, IE and, er, Amaya
see  http://www.fu2k.org/alex/css/test/OmniWebInlineHack.mhtml
But exclude it from IE5/mac */

	.fake.centercolumn2
		{
/*		margin-right			: 1px;*/
		margin-left			: 0px;
		}

/* this bit resets for IE */

	* html .centercolumn2
		{
		margin-left			: -1px;
		background-color		: #fff;
		position			: relative;
		float				: left;
		border				: 1px solid #000;
		width				: 524px;
	}

/* End of OmniWeb shenanigans */

/*++++++++++++++++++++++++++++Einstellung für Forum++++++++++++++++++++++++++++++++++++*/

	.centercolumn1
		{
		z-index				: 4;
		padding				: 0px;
		color				: #000000;
		background-color		: #fff;
		text-align			: justify;
		font-size			: 1.1em;
/*		height				: 80%;*/
		margin-top			: 0px;
		}

/* IE5 once again goes awry - shift it down (29px is right for this layout but no doubt the exact value will vary [sigh]) and then zap
empty because otherwise IE5 goes rampaging on */

	.centercolumn1
		{
/*		position			: relative;*/
		z-index				: 4;
/*		height				: 80%;*/
		margin-top			: 0px;
		font-family			: "\"}\"";
		font-family			: inherit;
		margin-top			: 0px;
		}
#empty{}

/* following bit only necessary if OmniWeb to be handled - the .fake bit is only picked up by OmniWeb, IE and, er, Amaya
see  http://www.fu2k.org/alex/css/test/OmniWebInlineHack.mhtml
But exclude it from IE5/mac */

	.fake.centercolumn1
		{
/*		margin-right			: 1px;*/
		margin-left			: 0px;
		}

/* this bit resets for IE */

	* html .centercolumn1
		{
		margin-top			: auto;
		margin-right			: auto;
		margin-left			: 0px;/*201*/
		width				: 724px;
		}

	#small-field{height: 0%;}


	#footer
		{
		text-align			: center;
		border				: solid 0px #069;
		clear				: both;
		margin-top			: 0px;
		padding				: 12px;
		font-size			: 85%;
/*		text-color			: #fff;*/
		background-color	   	: #b0ac98;
		width				: 726px;
		}

	.footer-head 
		{
		display				: none;
		}

	.footer-head2 br 
		{
		display				: none;
		}
	
	.footertext a 
		{
		color				: #fefefe;
		}

	.br 
		{
		display				: none;
		}

	.clear 
		{ 
		clear				: both;
		font-size			: 1px;
		line-height			: 0px;
		}

	.centerpadding, .rightpadding
		{
		margin				: 0px;
		padding-top			: 0px;
		font-size			: 0.85em;
		}


/*++++++++++++++++++++++++++++++++++Navigation+++++++++++++++++++++++++++++*/

/*++++++++++++++++++++++++++++++++++Horizontal+++++++++++++++++++++++++++++*/

	#schalter1 ul
		{
		margin-left			: 0;
		padding-left			: 0;
		white-space			: nowrap;
		font-weight			: bold;
		background-color		: #819800;
		color				: white;
		}

	#schalter1 li
		{
		display				: inline;
		list-style-type			: none;
		padding				: 1px 8px;
		margin				: 0px 5px;
		border				: 1px solid #d2e8f4;
		}

	#schalter1 a:link, #schalter1 a:visited
		{
		font-weight			: bold;
		color				: #552025;
		text-decoration			: none;
		}

	#schalter1 a:hover
		{
		font-weight			: bold;
		color				: #fc0;
		text-decoration			: none;
		}

/*+++++++++++++++++++++++++++++++++++Vertikal++++++++++++++++++++++++++++++++*/

/*+++++++++++++++++++++++++++Formatierungen fuer Formular++++++++++++++++++++*/

	#wrapper
		{
		margin				: 120px 154px;
		width				: 98%;
		background-color		: #fff;
		color				: #000;
		}

	#formular
		{
		padding				: 0px 20px ;
		border-top			: 0px solid #000;
		border-right			: 0px solid #000;
		border-bottom			: 0px solid #000;
		border-left			: 0px solid #000;
		text-align			: left;
		font-size			: 85%;
		}

	#formular p 
		{
		margin				: 0px 0px 10px 0px;
		background-color		: transparent;
		color				: #000;
		}

	fieldset 
		{
		margin				: 0px 2px 5px 5px;
		padding				: 10px 20px 10px 20px;
		border				: 1px solid #b0ac98;
		background-color		: #fff;
/*		background-image		: url(../bilder/Herbst/intro2.jpg);
		background-repeat		: no-repeat;
		background-position		: right 16;*/
/*		height				: 100%;*/
		}

	#forum 
		{
		padding				: 0px 20px ;
		border-top			: 0px solid #000;
		border-right			: 0px solid #000;
		border-bottom			: 0px solid #000;
		border-left			: 0px solid #000;
		text-align			: left;
		font-size			: 85%;
		}

	.intro 
		{
		padding				: 0px 0px 10px 0px;
		border				: 0px solid #b0ac98;
		background-color		: #fff;
/*		background-image		: url(../bilder/intro/rathaus.jpg);*/
		width				: 510px
		}

	.intro img
		{
		display				: none
		}

	.intro legend
		{
		display				: none
		}

	#text 
		{
		margin				: 0px 0px 10px 5px;
		background-color		: #e9e8dd;
		width				: 510px;
		height				: 180px;
		}

	legend 
		{
		background-color		: #b0ac98;
		color				: white;
		padding				: 2px 10px;
		border				: 1px solid #e9e8dd;
		margin				: 0px 0px 10px 0px;
		font-weight			: bold;
		font-size			: 85%;
		}

	form 
		{
		line-height			: 150%;
		}

	input, textarea
		{
		font-size			: 120%;
		}
	
	.inpt
		{
		width				: 400px;
		border				: 1px solid #205080;
		background-color		: #e0d0b0;
		color				: #000;
		margin				: 0px 0px 9px 0px;
		}
	
	.smtf 
		{
		width				: 95px;
		border				: 1px solid #205080;
		background-color		: #e0d0b0;
		color				: #000;
		margin				: 0px 0px 9px 0px;
		}

	.txt 
		{
		width				: 400px;
		border				: 1px solid #205080;
		background-color		: #e0d0b0;
		color				: #000;
		}

	input.inpt:focus, textarea.txt:focus 
		{
		background-color		: #fff;
		color				: #000;
		}
	
	select 
		{
		margin				: 10px 0px 0px 20px;
		background-color		: #e0d0b0;
		color				: #000;
		}	

	.senden 
		{
		width				: 360px;
		font-size			: 100%;
		font-weight			: bold;
		margin				: 15px 0px 0px 0px;
		padding				: 5px 0px 5px 0px;
		background-color		: #069;
		color				: #ccc;
		border-top			: 1px solid #69b;
		border-right			: 1px solid #000;
		border-bottom			: 1px solid #000;
		border-left			: 1px solid #69b;
/*		voice-family			: "\"}\"";*/
/*		voice-family			: inherit;*/
		cursor				: pointer;
		float				: left;
		}

	.klick 
		{
/*		voice-family			: "\"}\"";*/
/*		voice-family			: inherit;*/
		cursor				: pointer;
		}

/*++++++++++++++++++++++++++++++++Link-Definitionen++++++++++++++++++++++++++*/
/*
	a 
		{
		font-weight			: bold;
		text-decoration			: none;
		}

	a:link
		{
		color				: white;
		}

	a:visited
		{
		color				: white;
		}

	a:hover 
		{
		color				: #000066;
		text-decoration			: underline;
		}

	a:active
		{
		color				: #ff9900;
		}*/	

/*+++++++++++++++++++++++++++++++++++++styleswitcher++++++++++++++++++++++++++*/



/*+++++++++++++++Die Überschriften der centercolumn box+++++++++++++++++++*/

	.centercolumn h1,h2,h3,h4,h6 
		{
		color				: white;
		letter-spacing			: 1px;
		font-weight			: bold;
		background-color		: #b0ac98;
		text-indent			: 5px;
		}

	.centercolumn h3 
		{
		color				: white;
		font-size			: 120%;
		margin-top			: 30px;
		margin-bottom			: 15px;
		}

	.centercolumn h4 
		{
		color				: #223546;
		font-size			: 100%;
		margin-top			: 30px;
		margin-bottom			: 15px;
		}

	.centercolumn h5 
		{
		color				: #fff;
		letter-spacing			: 1px;
		font-weight			: bold;
		background-color		: #e9e8dd;
		margin-right			: 0px;
		margin-left			: 0px;
		text-indent			: 5px;
		}

	.centercolumn1 h1,h2,h3,h4,h6
		{
		color				: white;
		letter-spacing			: 1px;
		font-weight			: bold;
		text-indent			: 5px;
		}

/*++++++++++++++++Die Überschriften der centercolumn box zweispaltig++++++++++++*/

	.centercolumn2 h1,h2,h3,h4,h6 
		{
		color				: #ce5a31;
		letter-spacing			: 1px;
		font-family			: 'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
		font-weight			: bold;
		background-color		: #e9e8dd;
		margin-right			: 0px;
		margin-left			: 0px;
		text-indent			: 5px;
		}

	.centercolumn2 h1 
		{
		color				: #ce5a31;
		font-size			: 100%;
		margin-top			: 30px;
		margin-bottom			: 15px;
		background-color		: #e9e8dd;
		}

	.leftlinks li 
		{
		color				: white;
		letter-spacing			: 1px;
		font-family			: 'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
		font-weight			: bold;
		background-color		: #e9e8dd;
		margin-right			: 0px;
		margin-left			: 0px;
		text-indent			: 5px;
		}

	.leftlinks a:link, #leftlinks a:visited
		{
/*		color				: #b0ac98;*/
		text-decoration			: none;
		}

	.leftlinks a:hover
		{
		font-weight			: bold;
		color				: #fc0;
		text-decoration			: none;
		}

	.centercolumn2 h3 
		{
		color				: #ce5a31;
		font-size			: 120%;
		margin-top			: 30px;
		margin-bottom			: 15px;
		}

	.centercolumn2 h4 
		{
		color				: #223546;
		font-size			: 100%;
		margin-top			: 30px;
		margin-bottom			: 15px;
		}

/*+++++++++++++++++++++++++++++++++Sonstiges++++++++++++++++++++++++++++++++++++*/
	hr
		{
		height				: 4px;
		border				: solid 1px #bbb;
		width				: 90%;
		}

	img
		{
		border				: none;
		}

	span.oldbrowser
		{
		display				: none;
		}

	.leftpadding h1 
		{
		font-size			: 100%;
/*		margin				: 0px;*/
		}

/*+++++++++++++++++++++++++++Die Teaserbox links+++++++++++++++++++++++++++++++++*/

	.teaserlinks 
		{
		width				: 127px;
		background-color		: #e0d0b0;
		border				: solid 1px #e9e8dd;
		margin				: 15px 5px 5px 0px;
		}

	.t-headlinks 
		{
		background-color		: #369;
		color				: #ccc;
		padding				: 3px;
		margin				: 0;
/*		font-size			: 85%;*/
		}

	.t-txtlinks 
		{
		padding				: 5px;
		line-height			: 130%;
/*		font-size			: 80%;*/
		}

/*+++++++++++++++++++++++++++Die Teaserbox rechts++++++++++++++++++++++++++++++++*/

	#t-boxrechts 
		{
/*		display				: block;*/
		width				: 180px;
		border				: solid 0px #fff;
		background-color		: #e9e8dd;
		height				: auto;
		float				: left;
		}

	.teaserrechts 
		{
		width				: 200px;
		background-color		: #fff;
/*		border				: solid 0px #fff;*/
/*		border-style			: dashed;*/
		margin				: 1px 0px 0px 0px;
		height				: auto;
		}

	.t-headrechts 
		{
		background-color		: #b0ac98;
/*		border				: solid 1px #e9e8dd;*/
		color				: #fff;
		padding				: 3px;
		font-size			: 0.95em;
		}

	.t-txtrechts 
		{
/*		color				: #b0ac98;*/
		padding				: 5px;
		line-height			: 150%;
/*		float				: center;*/
/*		font-size			: 80%;*/
		}

	.bigpic
		{
		}