html { height: 100%; background: #eeeeee url(../img/bg/bg_html.gif) repeat; }
body { height: 100%; padding: 0 90px; background: url(../img/bg/bg_body.jpg) no-repeat left top; }
* {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #666;
	padding: 0;
	margin: 0;
}
.cb { clear: both; height: 0; padding: 0; margin: 0; }
img { border: 0; }

#passagen { position: absolute; top: 160px; left: -90px; width: 70px; height: 210px; }
#pagewrap { position: relative; width: 680px; }
#header { position: relative; height: 120px; clear: both; }
ul#navigation { position: relative; height: 35px; padding-right: 7px; list-style: none; background: url(../img/bg/bg_navigation.png) no-repeat left top; }
#content { position: relative; background: url(../img/bg/bg_content.png) no-repeat left top; }
#footer { position: relative; height: 50px; margin-bottom: 20px; background: url(../img/bg/bg_footer.png) no-repeat left top; }

/* Header */
#header #links { height: 25px; text-align: right; padding: 0 20px; background: url(../img/bg/bg_links.png) no-repeat left -5px; }
#header #links a { color: #004373; }
#header #logo { position: relative; top: 15px; left: 10px; }

/* Navigation */
ul#navigation li { width: 120px; height: 35px; float: right; background: url(../img/bg/bg_tab.png) no-repeat left top; }
ul#navigation li.selected { font-weight: bold; background: url(../img/bg/bg_tab.png) no-repeat left -35px; }
ul#navigation li:hover { background: url(../img/bg/bg_tab.png) no-repeat left -35px; }
ul#navigation a { position: relative; top: 5px; width: 100px; line-height: 35px; color: #666; text-transform: uppercase; padding: 0 12px; display: block; }

/* Content */
#content #welcome { padding: 40px 50px; display: block; }
#content #gallery { padding: 40px 50px; display: block; }
#content #format { padding: 40px 50px; display: block; }
#content #questionnaire { padding: 40px 115px; display: block; }
#content #colors { padding: 40px 50px; display: block; }

#leftCol { width: 270px; float: left; }

#rightCol { width: 270px; float: right; }
#rightCol table { display: block; border: none; }
#rightCol thead { font-weight: bold; }
#rightCol tbody {  }
#rightCol td { width: 210px; vertical-align: top; padding: 5px 0; border-bottom: 1px solid #ccc; }
#rightCol td.right { width: 80px; text-align: right; }
#rightCol td.special { font-weight: bold; color: #fff; padding: 0 5px; background: #4f9b37; }
#rightCol td span { font-size: 9px; line-height: 11px; font-weight: normal; color: #fff; padding-bottom: 5px; display: block; }
#rightCol img { margin-bottom: 20px; }

#rightCol img { margin-bottom: 20px; }

/* Footer */
#footer p { text-align: center; text-transform: uppercase; padding: 18px; margin: 0; }
#footer a { color: #666; }

/* Headlines */
h1, h2, h3 { color: #004373; text-transform: uppercase; }
h1 { font-size: 14px; line-height: 18px; margin-bottom: 20px; }
h2 { font-size: 14px; line-height: 18px; margin-bottom: 20px; }
h3 { color: #004373; margin-bottom: 10px; }

/* Absätze */
p { margin: 10px 0; }
p.special { padding: 10px; border: 1px solid #ccc; }

/* Listen */
ul { }
ul li { }

ul#dates { list-style: none; }
ul#dates li { padding: 5px 0; border-bottom: 1px solid #ccc; }

/* Links */
a { color: #ec6e00; text-decoration: none; }
a:focus { border: none; }
a:hover { text-decoration: underline; }

/* Formular */
form#contact { }
form#contact fieldset { margin-bottom: 10px; border: none; background: url(../img/bg/bg_formfield.gif) no-repeat; }
form#contact fieldset.select { background: url(../img/bg/bg_formfield_select.gif) no-repeat; }
form#contact fieldset.message { background: url(../img/bg/bg_formfield_message.gif) no-repeat; }
form#contact fieldset.submit { padding-left: 85px; background: none; }
form#contact fieldset label { width: 85px; line-height: 30px; text-transform: uppercase; display: block; float: left; }
form#contact fieldset select { width: 110px; height: 20px; padding: 2px; margin: 5px; border: 1px solid #666; }
form#contact fieldset input { width: 349px; height: 14px; padding: 2px; margin: 5px; border: 1px solid #666; }
form#contact fieldset input#submit { width: 365px; height: 30px; color: #fff; text-transform: uppercase; font-weight: bold; padding: 0; margin: 0; border: none; background: url(../img/bg/bg_button_submit.gif) no-repeat left top; cursor: pointer; }
form#contact fieldset input#submit:hover { background: url(../img/bg/bg_button_submit.gif) no-repeat left -40px; }
form#contact fieldset textarea { width: 349px; height: 74px; padding: 2px; margin: 5px; border: 1px solid #666; }

