body { background-color: #b0bbbf; background-image: url(hg.jpg); background-repeat: no-repeat; background-position: center top; margin-top: 0; }
tbody { font-size: 12px; }
#kopf { background-image: url(transparent.png); height: 100px; width: 900px; margin-top: 0; margin-right: auto; margin-left: auto; }

#kopf-inhalt {

	float: left;

	height: 90px;

	width: 400px;

	margin-top: 10px;

	margin-left: 20px;

}

#kopf-inhalt-rechts {

	float: right;

	width: 460px;

	margin-top: 30px;

	text-align: right;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 20px;

	font-weight: bold;

	color: #FF9900;

	margin-right: 10px;

	padding-top: 15px;

}

#kopf-trennlinie { background-image: url(kopf-trennlinie-oben.gif); background-repeat: no-repeat; height: 8px; width: 900px; margin-right: auto; margin-left: auto; }

#kopf-bild {

	height: 250px;

	width: 900px;

	margin-right: auto;

	margin-left: auto;

	background-color: #fff;

}

#kopf-bild-rechts {

	background-image: url(waermepumpen-kopf-seiten.jpg);

	background-repeat: no-repeat;

	float: right;

	height: 250px;

	width: 600px;

}

#kopf-bild-links {

	float: left;

	height: 250px;

	width: 250px;

	background-color: #0048af;

}

#text {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	color: #fff;

	float: left;

	width: 250px;

	margin-top: 25px;

	margin-left: 17px;

}
#angebot-kontakt {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 15px;

	font-weight: normal;

	color: #fff;

	float: left;

	width: 200px;

	margin-top: 30px;

	margin-left: 17px;

	border: double 4px #ff9900;

	padding: 2px;

}

#angebot-kontakt a {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 13px;

	font-weight: normal;

	color: #fff;

	text-decoration: none;

	display: block;

	padding: 4px;

}

#angebot-kontakt a:hover, 

#angebot-kontakt a.active {

	background-color: #b0bbbf;

}







#kopf-trennlinie-unten {

	background-image: url(kopf-trennlinie-unten.gif);

	background-repeat: no-repeat;

	height: 15px;

	width: 900px;

	margin-right: auto;

	margin-left: auto;

}





#box-content {

	width: 900px;

	margin-right: auto;

	margin-left: auto;

	background-color: #FFF;

}

#navigation {

	float: left;

	width: 245px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 15px;

	font-weight: normal;

	color: #333;

	margin-top: 20px;

	margin-left: 20px;

}

#navi {

	margin-top: 10px;

	width: 200px;

	margin-left: 0px;

	padding-left: 0px;

}

#navi li {

	width: 200px;

	list-style-type: none;

	margin-left: 0px;

}

#navi a {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 13px;

	font-weight: normal;

	color: #000;

	display: block;

	padding-left: 0;

	width: 225px;

	text-indent: 10px;

	padding-top: 3px;

	padding-bottom: 3px;

	text-decoration: none;

	margin-top: 2px;

	margin-bottom: 2px;

	border: solid 1px #ff9900;

}

#navi a:hover, 

#navi a.active {

	background-color: #FF9900;

	color: #FFF;

}

#inhalt {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	color: #000;

	float: right;

	width: 585px;

	margin-top: 20px;

	margin-right: 15px;

	margin-bottom: 20px;

}

#inhalt a,

#inhalt a.active {

	color: #FF9900;

	text-decoration: none;

}





#fuss { color: gray; font-size: 12px; background-color: white; width: 880px; margin-top: 10px; margin-right: auto; margin-left: auto; padding-top: 6px; padding-bottom: 6px; padding-left: 20px; }

#fuss a {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	color: #666;

	text-decoration: none;

}

h1 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	color: #0048af;

}

h2 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	color: #000;

}
#normaltext {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: normal;

	color: black;

}
#trenner900 {

	clear: both;

	height: 1px;

	width: 900px;

}



/* 

REDAXO-Modul: do form!

Beschreibung: CSS-DEMO

Bereich: CSS 

Für: do form! 2.x  

Stand: 20.04.2009 

Version: 1.0

--------------------------------------------------------------------------

HINWEISE:

--------------------------------------------------------------------------

!! Das CSS berücksichtigt nicht alle möglichen Felder 

!! Farben nicht 1 zu 1 übernehmen

!! ist ja nicht wirklich hübsch



Weitere Infos zu den CSS hier:

http://wiki.redaxo.de/index.php?n=R4.DoForm

-------------------------------------------------------

*/



/* Formular Definition */

/*//////////////////////////////////////////////////////////////////////////////*



/* Div das das Formular umschließt */

.formgen {

	font-size: 1em;

}



/* Was passiert wenn auf das Label geklickt wird? */

label,

select,

input[type=checkbox],

input[type=radio],

input[type=button],

input[type=submit]

{

cursor : pointer;



}



.formgen form

{

line-height : 120%;



}



/* 

Wie sehen die einzelnen Blöcke aus? 

Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann

*/





.formgen .formblock

{

	margin-bottom: 10px;

	margin-top: 10px;

	padding-top: 3px;

	padding-bottom: 3px;

	padding-right: 2px;

	

}

 .forminfo 

{

	width: 360px;

	margin-bottom: 15px;

	background-color: #FFCC33;

	padding-top: 3px;

	padding-bottom: 3px;

	padding-right: 2px;

	padding-left: 5px;

	font-weight: bold;

	border: 5px dashed #990000;

}



/*

Verhalten von br-Tags

*/

.formgen br

{

clear : both;

}





/* 

--------- FORMULAR-OBJEKTE ------------ 

*/





/* Mehrzeiliges Eingabefeld */

.formgen .formtextfield

{

	width: 370px;

	height: 150px;

	margin-left: 4px;

	border: solid 1px gray;

	margin-top: 5px;

}





/* Textfeld */

.formgen .formtext

{

	width: 250px;

	margin-left: 4px;

	padding-bottom: 4px;

	font-size: 1em;

	border: solid 1px gray;

	margin-top: 2px;

}



.formgen input:focus, .formgen input:hover,

.formgen select:focus, .formgen select:hover, 

.formgen textarea:focus, .formgen textarea:hover {

	border-bottom-color: #000000;

	background-color: #b0bbbf;	

}







/* Label */

.formgen label {

	width: 120px;

	clear: left;

	float: left;

	height: 20px;

	font-weight: normal;

	color: #003399;

	font-size: 12px;

}





/* Aussehen der Select-Ausgabe */

.formgen .formselect

{

	width: 200px;

	background-color: #33FF33;

	margin-left: 4px;

	color: #000000;

}





/* Sende-Button */

.formgen .formsubmit

{ width: 500px; text-align: center; background-color: #0048af; border: solid 1px black; color: #ffffff; font-size: 12px; }







/* Fieldsetbeschriftung */

.formgen legend {

	color: #FFFFFF;

	background-color: #990000;

	width: 150px;

}

.formgen .fieldset {

	margin-bottom: 10px;

}



/* -------------- AUSGABEN / Fehlermeldungen --------*/





/* Markierung der Labels bei Fehler */

.formgen .formerror {

	

	border-bottom-width: 1px;

	color: #990000;

}



.formgen .formcaptcha

{

	border: 2px solid #990000;

	vertical-align: top;

	float: left;

	margin-right: 10px;

}



.formgen .formreq {

	color: #006633;

}



.formgen .formheadline {

	color: #993300;

	background-color: #FFF7EA;

	padding-top: 4px;

	padding-bottom: 4px;

	margin-top: 5px;

	margin-bottom: 5px;

	font-style: italic;


}



/*//////////////////////////////////////////////////////////////////////////////*

/* Ende der Formulardefinition */





/* CSS für SiteMAP */

.navLevel1 {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 13px;

	list-style-type: none;

	margin-left: 0px;

	padding-left: 0px;

}

.navLevel1 a {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 13px;

	font-weight: normal;

	display: block;

	width: 150px;

	padding-top: 2px;

	padding-bottom: 2px;

	margin-top: 3px;

	text-indent: 5px;

}

.navLevel1 a:hover {

	color: #fff;

	background-color: #0068ae;

}

.bild-links {

	margin-right: 10px;

	margin-bottom: 5px;

}



.nur_bild {

	clear: both;

	margin-top: 10px;

	margin-bottom: 10px;

}

.clear_left {

	clear: both;

	margin-bottom: 10px;

}

.tinymcewysiwyg {

	width: 550px;

	margin-bottom: 15px;

}

.links50 {

	float: left;

	width: 265px;

}

.rechts50 {

	float: right;

	width: 265px;

}