* { margin: 0; padding: 0; border: 0; }
body { text-align: center; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 101%; color: #3D3E3E; background: #F2F2F2 url(pix/layout/bg_body.jpg) center top repeat-y; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */




/* *********************************************************** */
/* Seitenlayout */
/* *********************************************************** */

#container { width: 640px; margin: 0 auto; text-align: left; }

#header { background-color: #fff; }
	#logo { text-align: right; padding: 16px 0; }
	#visual { background-color: #45008F; padding-bottom: 4px; border-top: 1px solid #D3C6E6; border-bottom: 4px solid #fff; line-height: 0; }

#content {}
	#nav { float: left; width: 144px; border-right: 1px solid #E2E9D1; padding-bottom: 24px; background: url(pix/layout/bg_nav.jpg) bottom left no-repeat; }
	#text { float: left; width: 495px; }
		#introText { padding: 1em 32px 2em; background: #759A0C url(pix/layout/bg_introText.jpg) left bottom repeat-x; }
		#mainText { padding: 2em 32px 0; }
		
		
		
/* *********************************************************** */
/* Textformatierung */
/* *********************************************************** */

h1 { font-size: .9em; line-height: normal; padding: 0 0 .5em 1.5em; margin-bottom: 1em; border-bottom: 1px solid #D6E1BA; background: url(pix/layout/bg_h1.gif) 0 .2em no-repeat; }
h2 { font-size: .8em; line-height: normal; padding: 1em 0 1.3em; }
h3 { font-size: .7em; line-height: 1.4em; padding-bottom: 0; }
p { font-size: .7em; line-height: 1.4em; padding-bottom: 1.4em; }
#introText p { color: #fff; padding-bottom: 0; }

p.footer { margin-top: 4em; border-top: 1px solid #D6E1BA; font-size: .6em; line-height: normal; }
p.footer .top { float: right; }

#text ul { list-style: none; font-size: .7em; line-height: 1.4em; padding-bottom: 1.4em; }
#text ul li { margin-left: 1em; padding-left: 1em; background: url(pix/layout/bg_li.gif) 0 .5em no-repeat; }

hr { margin: 1em 0 2em; height: 1px; color: #D6E1BA; background-color: #D6E1BA; }

.bildLeiste { font-size: .7em; padding-bottom: 1.4em; }
.bild /* 432px */ { float: left; }
.space { margin-right: 8px; }
.bottom { margin-bottom: 8px; }
.bild img /* 128px */ { border: 1px solid #D6E1BA; padding: 2px; }
.bild p { font-size: .9em; line-height: normal; color: #ADC274; padding-bottom: 0; }


/* *********************************************************** */
/* Navigation und Links */
/* *********************************************************** */

#nav ul { list-style: none; }
#nav ul li { border-bottom: 1px solid #BCDB73; }
#nav ul li a:link, #nav ul li a:visited { width: 128px; padding: .8em 0 .8em 16px; display: block; font-size: .7em !important; line-height: normal; color: #4E6834; text-decoration: none; font-weight: normal; background: none; }
#nav ul li:focus, #nav ul li a:hover, #nav ul li a:active { font-weight: bold; background: none; } 
#nav ul li.current a:link, #nav ul li.current a:visited ,
#nav ul li.current a:focus, #nav ul li.current a:hover, #nav ul li.current a:active { font-weight: bold; background: url(pix/layout/bg_nav-link.gif) top right no-repeat; }

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

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



/* *********************************************************** */
/* Kontaktformular */
/* *********************************************************** */

form { width: 302px; padding: 1em 0 3em; font-size: .7em; }
form input[type=hidden] { display: none; }
form fieldset { width: 288px; padding-left: 12px; padding-bottom: 2.4em; border: none; border-top: 1px solid #D6E1BA; }
form legend { padding: 0 8px; color: #ADC274; }
form label { margin-left: -12px; display: block; padding-bottom: .1em; }
form label.first { padding-top: 1em; }
form input { margin-left: -12px; margin-bottom: .5em; width: 300px; height: 1.4em; border: 1px solid #D6E1BA; color: #ADC274; font-size: 1em; }
form textarea { margin-left: -12px; width: 300px; border: 1px solid #D6E1BA; color: #ADC274; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1em; }
form .button { float: left; width: 10em; height: auto; margin-right: 2em; padding: .2em 0; color: #CC0041; background: #fff; letter-spacing: 2px;  }