﻿html, body {
	margin:0px;
	width:100%;
	height:100%;	
}

body {
	font-family:"Trebuchet MS",Arial, Helvetica, Sans-Serif;
	font-size:11px;
	font-weight:normal;
	color:#000000;
	background:#d7e4f1 url(../images/hgBodyWMBlau.gif) repeat-x;
	text-align:center;
}

img {
	border:0px;	
}

img.hilfe {
	border:solid 1px #cc0033;	
}

h1 {
	font-size:13px;
	font-weight:bold;
	color:#cc0033;
	margin:0px;
	margin-top:15px;
}

h1.feedback {
	margin-top:40px;
}

h2 {
	font-size:11px;
	font-weight:bold;
	color:#cc0033;
	margin:0px;
	margin-top:10px;
}

div.divHeader {
	position:relative;
}

h2.rechtstext {
	color:#666666;
}

ol {
	margin-top:0px;
	margin-left:-15px;
	*margin-left:30px;
	margin-bottom:5px;
}

p {
	margin:0px;
}

p.rechtstext {
	color:#999999;
}

a, a:hover, a.visited {
	color:#cc0033;
	text-decoration:none;
}

a:hover {
	color:#ff6666;
	text-decoration:underline;
}

span.absatz {
	font-size:11px;
	font-weight:normal;
	color:#555555;
	margin-left:50px;	
}

span.absatz a, span.absatz a:hover, span.absatz a.visited  {
	color:#555555;
}

form {
	margin:0px;
	margin-bottom:5px;
}

input,select {
	font-family:"Trebuchet MS",Arial, Helvetica, Sans-Serif;
	font-size:11px;
	font-weight:normal;
	width:90%;	
}

input.system, input.eingabe, input.eingabeSchmal {
	width:90%;
	font-size:10px;
	font-weight:bold;
	border:0px;
	background:#FFFFFF;	
	text-align:center;
}

input.eingabe {
	background:#ffe8e8;	
}

input.eingabeSchmal {
	width:60%;	
	background:#ffe8e8;
}


#divInhaltspositioner {
	position:relative;
	margin:0 auto;
	width:1000px;
}

#divKalkulatorFenster {
	position:absolute;
	top:135px;
	left:0px;
	width:1000px;
	height:480px;
	/*background:#ffffff;
	border-top:solid 1px #3b9e9e;
	border-left:solid 1px #3b9e9e;
	border-bottom:solid 1px #3b9e9e;
	border-right:solid 1px #3b9e9e;*/
}

#divKopfbild {
	position:absolute;
	top:0px;
	left:-1px;
	width:1015px;
	height:130px;
	background:transparent url(../images/hgProjektkalkulatorKopf.png) no-repeat 0px 0px;
}

	#divWerbung {
		position:absolute;
		top:50px;
		left:157px;
		width:468px;
		height:60px;
		border:solid 1px #333333;
	}

div.divTrennlinie {
	position:absolute;
	top:70px;
	left:10px;
	width:280px;
	height:30px;
	background:transparent url(../images/hgTrennlinieWMBlau.gif) repeat-x;	
}

#divKalkulatorBox300, #divKalkulatorBox400 {
	position:relative;
	float:left;
	text-align:left;
	width:300px;
	height:480px;
	background:transparent url(../images/hgFenster300.png) no-repeat;
	z-index:5;
}

#divKalkulatorBox400 {
	margin-left:5px;
	margin-right:5px;
	width:389px;
	background:transparent url(../images/hgFenster400.png) no-repeat;
	z-index:5;
}

div.divKalkulatorBoxTitel {
	margin:10px;
	margin-top:15px;
	margin-bottom:0px;
	padding:5px;
	padding-bottom:20px;
	height:60px;
	z-index:10;
	background:transparent url(../images/hgTrennlinieWMBlau.gif) repeat-x 0px 55px;	
}

div.divKalkulatorBoxInhaltTemp {
	margin:15px;
	margin-top:20px;
	z-index:10;
}

div.divKalkulatorBoxInhalt {
	margin-left:15px;
	margin-top:-25px;
	padding-right:10px;
	z-index:10;
}

div.divKalkulatorBoxInhaltScrollable {
	width:360px;
	height:340px;
	overflow:auto;
}


div.divKalkulatorBoxDrehbutton1,div.divKalkulatorBoxDrehbutton2,div.divKalkulatorBoxDrehbutton3,div.divKalkulatorBoxDrehbutton4,div.divKalkulatorBoxDrehbutton5 {
	position:relative;
	float:left;
	width:115px;
	height:95px;
	margin-top:10px;
	margin-left:0px;
	background:transparent url(../images/hgDrehbuttonWMBlau.gif) no-repeat;
}

div.divKalkulatorBoxDrehbutton2 {
	background:transparent url(../images/hgDrehbuttonWMBlau.gif) no-repeat 0px -95px;
}

div.divKalkulatorBoxDrehbutton3 {
	background:transparent url(../images/hgDrehbuttonWMBlau.gif) no-repeat 0px -190px;
}

div.divKalkulatorBoxDrehbutton4 {
	background:transparent url(../images/hgDrehbuttonWMBlau.gif) no-repeat 0px -285px;
}

div.divKalkulatorBoxDrehbutton5 {
	background:transparent url(../images/hgDrehbuttonWMBlau.gif) no-repeat 0px -380px;
}

div.divKalkulatorBoxDrehbuttonText {
	position:relative;
	float:none;
	width:130px;
	margin-left:130px;
	text-align:left;	
}


div.divKalkulatorBoxEinAusButton1, div.divKalkulatorBoxEinAusButton2 {
	position:relative;
	float:left;
	width:100px;
	height:85px;
	margin-top:5px;
	margin-left:0px;
	background:transparent url(../images/hgEinausbutton.gif) no-repeat 0px -10px;
}

div.divKalkulatorBoxEinAusButton2 {
	background:transparent url(../images/hgEinausbutton.gif) no-repeat 0px -105px;
}



div.divKalkulatorBoxDrehbuttonKlein1,div.divKalkulatorBoxDrehbuttonKlein2,div.divKalkulatorBoxDrehbuttonKlein3,div.divKalkulatorBoxDrehbuttonKlein4,div.divKalkulatorBoxDrehbuttonKlein5 {
	position:relative;
	float:left;
	width:80px;
	height:66px;
	margin-top:14px;
	margin-bottom:10px;
	margin-left:5px;
	background:transparent url(../images/hgDrehbutton80WMBlau.gif) no-repeat;
}

div.divKalkulatorBoxDrehbuttonKlein2 {
	background:transparent url(../images/hgDrehbutton80WMBlau.gif) no-repeat 0px -66px;
}

div.divKalkulatorBoxDrehbuttonKlein3 {
	background:transparent url(../images/hgDrehbutton80WMBlau.gif) no-repeat 0px -132px;
}

div.divKalkulatorBoxDrehbuttonKlein4 {
	background:transparent url(../images/hgDrehbutton80WMBlau.gif) no-repeat 0px -198px;
}

div.divKalkulatorBoxDrehbuttonKlein5 {
	background:transparent url(../images/hgDrehbutton80WMBlau.gif) no-repeat 0px -264px;
}

div.divKalkulatorBoxDrehbuttonKleinText {
	position:relative;
	float:left;
	width:80px;
	margin-left:5px;
	margin-right:2px;
	text-align:center;	
}

div.divKalkulatorBoxDrehbuttonKleinText input.system {
	text-align:center;
}

img.blank {
	width:100%;
	height:100%;
}

table.tblKalkulationsvorschau {
	width:90%;
	table-layout:fixed;
}

table.tblKalkulationsvorschau td {
	width:30%;
}

table.tblKalkulationsvorschau td.beschreibung {
	width:70%;
}

table.tblKalkulationsvorschau input.system {
	width:95%;
	text-align:right;
}


#divProjektumfangEigen {
	float:left;
}

table.tblProjektumfang {
	width:270px;
	margin-top:5px;
}

table.tblProjektumfang td {
	width:20px;
	vertical-align:top;
	text-align:left;
}

table.tblProjektumfang input {
	margin:0px;
}

table.tblProjektumfang td.projektBeschreibung {
	width:250px;
	*padding-top:3px;
}

table.tblProjektumfang p {
	margin:0px;
	margin-bottom:2px;
}




table.tblArbeiten {
	table-layout:fixed;
	margin-top:5px;
}

table.tblArbeiten td {
	width:20px;
	vertical-align:top;
	text-align:left;
}

table.tblArbeiten input {
	margin:0px;
}

table.tblArbeiten td.arbeitBeschreibung {
	width:320px;
}

table.tblArbeiten h2 {
	margin:0px;
	margin-top:2px;
}

table.tblArbeiten p {
	margin:0px;
	margin-bottom:5px;
}

table.tblArbeiten textarea {
	width:95%;
	height:80px;
	font-family:"Trebuchet MS",Arial, Helvetica, Sans-Serif;
	font-size:11px;
	font-weight:normal;
}

#divFussleiste {
	position:absolute;
	top:618px;
	left:0px;
	width:980px;
	height:20px;	
	text-align:left;
}

#divFussleiste > P {
	font-size:10px;
	color:#8f9ca8;
}

#divFussleiste > P > A {
	font-size:10px;
	color:#8f9ca8;	
}


#divHide {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	visibility:hidden;	
	z-index:100;
}

img.imgHide {
	width:100%;
	height:100%;	
	border:0px;
}

#divProjektgruppe, #divProjekt, #divImpressum, #divQuickGuide {
	position:absolute;
	top:155px;
	left:50%;
	margin-left:-490px;
	width:965px;
	height:440px;
	overflow:auto;
	visibility:hidden;	
	padding:5px;
	padding-top:10px;
	background:#ffffff;
	text-align:left;
	z-index:100;
}

#divProjektgruppe h1, #divProjekt h1 {
	margin-top:5px;
}

#divImpressum p, #divQuickGuide p {
	margin-bottom:5px;
}

div.divFensterNutzungsbedingungen {
	float:left;
	width:300px;
	margin-right:25px;
}

div.divFensterInhalt {
	float:left;
	width:290px;
	margin-right:25px;
	}

div.divFensterBild {
	float:left;
	width:200px;
}

div.divFensterSchliessen {
	position:absolute;
	top:10px;
	right:30px;
	text-align:right;
}


div.divProjektauswahlBox {
	position:relative;
	float:left;
	width:300px;
	height:50px;
	margin-right:5px;
	margin-top:5px;
	padding:5px;
	background:#d7e4f1;
	text-align:left;
	cursor:pointer;
}

div.divProjektauswahlBox h2, div.divFensterSchliessen h2 {
	margin:0px;
}

div.divHilfe {
	width:24px;
	height:24px;
}

#divHilfeButton {
	position:absolute;
	top:-1px;
	right:5px;	
}

div.divHilfePopup {
	position:absolute;
	top:0px;
	left:0px;	
	background:#f3f5f7;
	border:solid 2px #d7e4f1;
	visibility:hidden;
	z-index:100;
	padding:5px;
	text-align:left;
}

#divHilfePopup1, #divHilfePopup2, #divHilfePopup3, #divHilfePopup4 {
	width:350px;
}

#divHilfePopup1 > H2, #divHilfePopup2 > H2, #divHilfePopup3 > H2, #divHilfePopup4 > H2 {
	margin:0px;
}