* { margin: 0; padding: 0; }
html, body { height: 100%; }
body { background: #999B9E url(pix/bg_body.jpg) top center repeat-y; text-align: center; color: #403F3E; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 100%; }
img { border: none; }
.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 */

/* Layout */
#wrapper { position: relative; min-height: 100%; height: 100%; voice-family: "\"}\""; voice-family: inherit; height: auto; text-align: left; }
	html>body #wrapper {	height: auto; }
#container { width: 800px;	margin: 0 auto; padding-bottom: 80px; text-align: left; }
#header { height: 240px; background: url(pix/bg_line.gif) 16px 48px no-repeat; }
#content { clear: left; height: auto; padding-top: 1em; background: url(pix/bg_line.gif) 16px 16px no-repeat; }
	* html #content { height: 32px; }
#footer { position: absolute; bottom: 0; width: 100%; text-align: center; background: url(pix/bg_line.gif) center top no-repeat;}


/* header */
#logo { float: left; width: 624px; height: 80px; }
	#logo img { margin: 40px 0 0 208px; }
#kontakt { float: left; width: 160px; height: 25px; padding: 55px 0 0 16px; color: #999B9E; font-size: .6em; line-height: 1em; }
	#kontakt a { color: #999B9E; text-decoration: none; }
#mainNav { float: left; width: 191px; height: 160px; border-right: 1px solid #fff; background: #DEE673; }
#visual { float: left; width: 608px; height: 160px; background: #7B8040; }

/* footer */
#footer p {	height: 16px; width: 800px; margin: 0 auto; padding: .6em 0 8px 0; color: #999B9E; font-size: .6em; line-height: 1em; }
#footer p .email { float: left; width: 416px; padding-left: 208px; text-align: left; }
#footer p .impressum { float: left; width: 144px; padding-left: 16px; text-align: left; }
#footer p a { color: #999B9E; text-decoration: none; }

/* content */
#subNav { float: left; width: 192px; }
#text { float: left; width: 416px; padding-left: 16px; }
#margin { float: left; width: 160px; padding-left: 16px; }


/* Textformatierung */
h1 { width: 384px; padding: 0 0 .6em 0; color: #999B9E; font-size: 1em; line-height: 1.3em; font-weight: normal; }
h2 { width: 384px; font-size: .7em; line-height: 1.5em; }
h3 { width: 384px; font-size: .7em; line-height: 1.5em; font-weight: normal; color: #999B9E; }
p { width: 384px; padding-bottom: 1.3em; font-size: .7em; line-height: 1.5em; }
a { color: #A22FC4; text-decoration: none; }
#subNav h2 a { color: #999B9E; }

#text ul { width: 368px; padding: 0 0 1.3em 16px; list-style-type: none; }
#text ul li { padding: 0 0 .4em 16px; background: url(pix/list-dot.gif) 0 6px no-repeat; font-size: .7em; line-height: 1.4em; }
#text ul li ul { width: 336px; padding: 0 0 0 16px; list-style-type: none; }
#text ul li ul li { padding: 0 0 .2em 16px; background: url(pix/list-dot_sub.gif) 0 6px no-repeat; font-size: 1em; line-height: 1.4em; }
#subNav h2 { width: 160px; margin-left: 16px; padding: .7em 0 1em 1.6em; color: #999B9E; font-size: .6em; line-height: 1em; }
#subNav h2.on /* ohne Submenue */ { background: url(pix/navlist-sub_lo.gif) 0 9px no-repeat; }
#subNav h2.high /* mit Submenue */ { background: url(pix/navlist-sub_hi.gif) 0 9px no-repeat; }
#margin p { width: 144px; padding: .6em 0 0 0; font-size: .6em; line-height: 1.4em; color: #999B9E; }
form h2, form p { font-size: 1em; }
form h2 { padding-bottom: 1.5em; }

table { border: none; }
td { width: 192px; padding: 8px 4px; text-align: center; }


/* Navigation */
#mainNav dl { list-style-type: none; padding: 18px 0 0 16px; }
#mainNav dl dt, #mainNav dl dd { line-height: 1em; }
#mainNav dl dt a { padding-left: 1.6em; font-size: .6em; line-height: 1em; color: #403F3E; text-decoration: none; }
#mainNav dl dt a:link, #mainNav dl dt a:visited { background: url(pix/navlist-main_off.gif) 0 3px no-repeat; height: 32px; }
#mainNav dl dt:focus, #mainNav dl dt a:hover, #mainNav dl dt a:active { background: url(pix/navlist-main_on.gif) 0 3px no-repeat; font-weight: bold; }
/* current = ausgewählt ohne Submenue */
#mainNav dl dt.current a:link, #mainNav dl dt.current a:visited,
#mainNav dl dt.current a:focus, #mainNav dl dt.current a:hover, #mainNav dl dt.current a:active { background: url(pix/navlist-main_on.gif) 0 3px no-repeat; font-weight: bold; }
/* chosen = ausgewählt mit aktivem Submenue */
#mainNav dl dt.chosen a:link, #mainNav dl dt.chosen a:visited { background: url(pix/navlist-main_on.gif) 0 3px no-repeat; font-weight: normal; }
#mainNav dl dt.chosen a:focus, #mainNav dl dt.chosen a:hover, #mainNav dl dt.chosen a:active { background: url(pix/navlist-main_on.gif) 0 3px no-repeat; font-weight: bold; }

#mainNav dl dd a { padding-left: 3.2em; font-size: .6em; line-height: 1em; color: #403F3E; text-decoration: none; }
#mainNav dl dd a:link, #mainNav dl dd a:visited { font-weight: normal; }
#mainNav dl dd a:focus, #mainNav dl dd a:hover, #mainNav dl dd a:active { font-weight: bold; }
#mainNav dl dd.current a:link, #mainNav dl dd.current a:visited,
#mainNav dl dd.current a:focus, #mainNav dl dd.current a:hover, #mainNav dl dd.current a:active { font-weight: bold; }

#subNav ul { list-style-type: none; padding: 0 0 0 16px; }
#subNav ul li { line-height: 1em; }
#subNav ul li a { padding-left: 1.6em; font-size: .6em; line-height: 1em; color: #403F3E; text-decoration: none; }
#subNav ul li a:link, #subNav ul li a:visited { background: url(pix/navlist-sub_off.gif) 0 4px no-repeat; height: 32px; }
#subNav ul li a:focus, #subNav ul li a:hover, #subNav ul li a:active { background: url(pix/navlist-sub_on.gif) 0 4px no-repeat; color: #B6BF30; }
#subNav ul li.on a:link, #subNav ul li.on a:visited,
#subNav ul li.on a:focus, #subNav ul li.on a:hover, #subNav ul li.on a:active { background: url(pix/navlist-sub_on.gif) 0 4px no-repeat; color: #B6BF30; }


/* Kontaktformular */
form { width: 384px; padding-top: 1.5em; font-size: .7em; }
form fieldset { display: block; width: 368px; margin: 0 0 1.5em 0; padding: 0 1em 1em 1em; border: none; border-top: 1px solid #DFE2E6; }
form legend { padding: 0 .5em; color: #999B9E; }
form input[type=hidden] { display: none; }
form input { display: block; width: 384px; height: 1.4em; border: 1px solid #DFE2E6; color: #999B9E; font-size: 1em; }
form textarea { display: block; width: 384px; border: 1px solid #DFE2E6; color: #999B9E; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1em; }
form label { display: block; margin-bottom: 1em; margin-left: -1em; }
form label.first { padding-top: 1em; }
form .button { float: left; width: 15em; height: auto; margin-right: 1em; padding: .2em 0; color: #A22FC4; background: #fff; font-weight: bold; }
form fieldset.checkbox input { clear: both; float: left;	width: auto; margin-right: .5em; border: none; }