body { font: normal 12px/18px arial, sans-serif; color: #000; background: #fff url('images/back.png') center top repeat-y; }
body { margin: 0; padding: 0; }
img { border: 0; }
a { color: #fff; text-decoration: none; }
a:focus { outline: 0; }
p, h1, h2, h3, h4, h5, h6 { margin: 15px 0 0 0; }
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p { margin: 0 0 0 0; }
h1 {  }
h2 {  }
h3 {  }
h4 {  }
h5 {  }
h6 {  }
address {  }
em, strong { font-weight: bold; color: #3382bb;  }
strong {  }
input, textarea, select { font: inherit; font-style: normal; }

.upper { text-transform: uppercase; }

.clear { display: block; clear: both; width: 0; height: 0; overflow: hidden; border: 0; margin: 0; padding: 0; }

.button { display: inline-block; font-size: 14px; line-height: 20px; width: 168px; height: 37px; font-style: italic; font-weight: bold; text-align: center; padding-top: 17px; color: #fff !important; }
.button-red { background: transparent url('images/btn_red.png') 0 0 no-repeat; }
.button-green { background: transparent url('images/btn_green.png') 0 0 no-repeat; }
.button:hover { background-position: 0 -54px; }


#back { position: absolute; left: 0; top: 0; width: 100%; height: 1000px; background: transparent url('images/middleback.png') center top repeat-x; }

#page { position: absolute; left: 50%; top: 0; width: 980px; height: 920px; margin-left: -490px; }

#header { position: absolute; left: 0; top: 0; width: 980px; height: 300px; }
#header h1 { position: absolute; left: 33px; top: 30px; width: 312px; height: 112px; margin: 0; background: transparent url('images/logo2.png') 0 0 no-repeat; }
#header h1 a { position: relative; display: block; width: 100%; height: 100%; text-indent: -9999px; }
#header p { margin: 30px 0 0 0; padding: 0; text-align: right; color: #fff; font-style: italic; }

#header ul#navigation { position: relative; display: block; margin: 35px 0 0 0; padding: 0; float: right; }
#header ul#navigation > li { position: relative; display: block; float: left; margin: 0 0 0 20px; padding: 0; list-style: none; }
#header ul#navigation a { padding: 0px 2px; font-size: 14px; font-weight: bold; font-style: italic; color: #fff; text-decoration: none; }
#header ul#navigation	li.current > a, #header ul#navigation	li:hover > a { color: #3382bb; }

#content { position: relative; margin-top: 169px; height: 684px; }

#content .left { width: 351px; height: 460px; padding: 22px 2px 22px 22px; font-weight: bold; }
#content .scrollcontent { overflow: auto; height: 400px;  }
#content .left h2 { font-size: 18px; line-height: 20px; color: #fff; font-style: italic; text-transform: uppercase; }
#content .left h3 { font-size: 14px; line-height: 20px; color: #0063aa; font-style: italic; text-transform: uppercase; }
#content .left h4 { font-size: 14px; line-height: 18px; color: #0063aa; font-style: italic; }
#content .left p { font-size: 14px; line-height: 18px; color: #fff; font-style: italic; }
#content-impressum .left p { line-height: 20px; }
#content .right { position: absolute; left: 430px; top: 210px; width: 300px; text-align: justify; font-weight: bold; font-style: italic; letter-spacing: 1px; color: 2d2d2d; }
#content .right h3 { text-transform: uppercase; }

#footer { margin: 28px 0 0 0; color: #fff; font-size: 11px; font-style: italic; text-align: center; }
#footer a { color: #fff; text-decoration: none; }
#footer a:hover { color: #3382bb; }

#content-index,
#content-ueberuns { min-height: 620px; background: transparent url('images/back_index3.png') 0 0 no-repeat; }
#content-impressum,
#content-kontakt { min-height: 620px; background: transparent url('images/back_impressum2.png') 0 0 no-repeat; }
#content-index p#p-btn-konfigurator-starten,
#content-ueberuns p#p-btn-konfigurator-starten,
#content-impressum p#p-btn-konfigurator-starten,
#content-kontakt p#p-btn-konfigurator-starten { position: absolute; left: 22px; top: 492px; margin: 0; }
#content-index a#btn-konfigurator-starten,
#content-ueberuns a#btn-konfigurator-starten,
#content-impressum a#btn-konfigurator-starten,
#content-kontakt a#btn-konfigurator-starten { display: block; width: 337px; height: 53px; background: transparent url('images/btn_konfigurator_starten.png') 0 0 no-repeat; text-indent: -9999px; }
#content-index a#btn-konfigurator-starten:hover,
#content-ueberuns a#btn-konfigurator-starten:hover,
#content-impressum a#btn-konfigurator-starten:hover,
#content-kontakt a#btn-konfigurator-starten:hover { background-position: 0 -53px; }

#content-ueberuns .scrollcontent { padding-right: 20px; }
#content-ueberuns .scrollcontent p { text-align: justify; }
#content-kontakt iframe { margin-top: 5px; }
#content-kontakt #kontakt-form ul { margin: 30px 0 0 0; padding: 0; }
#content-kontakt #kontakt-form li { position: relative; display: block; clear: both; margin: 0; padding: 0; list-style: none; }
#content-kontakt #kontakt-form li label { margin: 13px 0 0 0; padding: 0 20px 0 0; display: block; float: left; width: 80px; color: #3382bb; text-transform: uppercase; text-align: right; }
#content-kontakt #kontakt-form li input, #content-kontakt #kontakt-form li textarea { margin: 10px 0 0 0; float: left; width: 220px; }
#content-kontakt #kontakt-form li textarea { height: 120px; }
#content-kontakt #kontakt-form li a { display: inline-block; color: #3382bb; text-transform: uppercase; font-style: italic; margin: 20px 0 0 160px; }

	#dhtmlgoodies_tooltip{
		background-color:#EEE;
		border:1px solid #000;
		position:absolute;
		display:none;
		z-index:20000;
		padding:2px;
		margin-top: 10px;
		margin-left: 10px;
		font-size:0.9em;
		-moz-border-radius:6px;	/* Rounded edges in Firefox */
		-webkit-border-radius:6px;	/* Rounded edges in Webkit */
		border-radius:6px;	/* Rounded edges in IE */
		font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
		
	}
	#dhtmlgoodies_tooltipShadow{
		position:absolute;
		background-color:#555;
		display:none;
		z-index:10000;
		opacity:0.7;
		filter:alpha(opacity=70);
		margin-top: 10px;
		margin-left: 10px;
		-khtml-opacity: 0.7;
		-moz-opacity: 0.7;
		-webkit-opacity: 0.7;
		-moz-border-radius:6px;	/* Rounded edges in Firefox */
		-webkit-border-radius:6px;	/* Rounded edges in Webkit */
		border-radius:6px;	/* Rounded edges in IE */
	}