body { color:#ffffff; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:14px; background:#1d3866; padding:0 0 20px 0; margin:0; text-align:center; line-height:20px;  }

h1 { position:relative; top:76px; left:40px;  font-size:32px; color:#2a559f; line-height: 36px; font-family: Calibri, Arial, Verdana, Helvetica, sans-serif; font-style:italic; font-weight:bold; }
h2 { font-size:18px; color:#ffffff; margin:0 0 20px 0; font-weight:bold; }
h3 { font-size:14px; color:#fece1a; margin:0 0 20px 0;  font-weight:bold; }
h4 { font-size:14px; color:#ffffff; background-color:#d62525; padding:8px 5px; margin:0 0 4px 0; font-weight:normal; }
h5 { font-size:14px; color:#fece1a; font-weight:bold; }

a	{ color:#fece1a; font-weight:normal; text-decoration:none; }
a:hover { text-decoration: underline; }

table	{ font-size:12px; font-family: Arial, Verdana, Helvetica, sans-serif; width:100%}
td { vertical-align: top; text-align: left; }
img { border:0; margin:0;  }
.clear	{ clear:both; height:0px; }
.colored	{ color:#c11a22; }
.webdesign { display:none;}
form { padding:0; margin:0; } 
.imageLoader { display:none;}
.success { padding:5px; background:#06F; color:#ffffff; margin:10px 0;  }
.error { padding:5px; background:#C30; color:#ffffff; margin:10px 0;  }
.error ol { margin:0; font-size:11px; }
small { font-size:11px; line-height:14px; }

.container { width:940px; padding:0; margin:0 auto; background:#ffffff; text-align:left; border:1px solid #183059; border-width:0 20px 20px 20px; }

.header	 { height: 200px; background:#ffffff url(/template/images/bgHeader.gif) no-repeat;} 
.header .logo { float:left; margin:30px 0 0 20px;  }
.header .slogan { float:left;  font-size:16px; color:#888888; margin:140px 0 0 20px; line-height: 18px; font-style:italic; }

.menu { height:36px; background:#bfcce2; padding:0 0 0 40px; border:1px solid #ffffff; border-width:1px 0; margin:0 0 0 20px; }
.menu li { display:inline; }
.menu li a { display:block; float:left; padding:0; color:#2a559f; text-decoration:none; margin:0 40px 0 0; line-height:36px; font-size:14px; font-weight:bold; }
.menu li a:hover { color:#183059 ; }
.menu li a.onSite { color:#183059 ; }

.menu li.submenu a { display:block; padding:0 10px; color:#444444; text-decoration:none;  line-height:26px; font-size:12px; font-weight:normal; }
.menu li.submenu a:hover { color:#c11a22;}
.menu li.submenu a.onSite { color:#c11a22; font-weight:bold; }

.motiv { position:relative; clear:both; height:157px; background:#fece1a url(/template/images/motive/default.gif) no-repeat top right; margin:0 0 0 20px; } 
.motiv .flash { float:right; width:475px; height:157px; }

.content { background:#2a559f; margin:0 0 0 20px;}
.left {  float:left; width:550px; padding:40px;  }
.left ul { padding:0 0 0 16px; margin:0; list-style-type: square; }
.right { float:right; width: 210px; padding:40px 40px 200px 40px; }/*#######*/

img.rightImage { float:right; margin:0 0 20px 20px; }

table.beispiel { width:400px; }
table.beispiel td { border-bottom:1px dotted #eeeeee; padding:4px; width:100px; }
table.beispiel td.headline { border-bottom:1px solid #eeeeee; }

ul#uebersicht { padding:10px; list-style-type:none; border:1px solid #aaaaaa; background:#dddddd; }
ul#uebersicht li { clear:both; line-height:26px; border-bottom:1px dotted #aaaaaa; font-size:11px; }
ul#uebersicht li.title { font-weight:bold; font-size:20px; border:none; padding-bottom:18px}
ul#uebersicht li.headline { font-weight:bold; border-bottom:2px solid #aaaaaa; line-height:18px; padding:4px 0; height:54px;  }
ul#uebersicht li div { float:right; width:106px; }

.footer { clear:both; position:relative;  font-size:13px; color:#606060; line-height:40px; height:40px; padding: 0 20px; }
.footer a { color:#2a559f; }
.footer .flower { position:relative; top:-266px; left:750px; width:181px; height:226px; z-index:100;  }

.banner { width:940px; padding:10px; margin:0 auto; text-align:left; font-size:11px; color:#ccc; }
.banner .title { height:20px; }
.banner div { display:inline; } 

/*Formular*/
.formular { padding:10px 0 0 0;  }
.formular table { width:600px; border-collapse:collapse; table-layout:fixed; border-top:4px solid transparent;  }
.formular td { padding:0; border-bottom:4px solid transparent; }
.formular td.first { width:100px; padding:3px 10px 3px 0; font-size:13px; }
.formular td.wert { padding:0 0 0 10px; }
.formular td.checkboxWert { padding:0 0 0 10px; width:30px;}

input { padding: 3px 3px; font-size: 12px; margin:2px 4px 2px 0; vertical-align:middle; /*width:400px;*/ border:1px solid #cccccc; }
input.short { width:345px; }
input.veryShort { width:40px;  }
textarea { padding: 3px 3px; font-size: 12px; margin:2px 4px 2px 0; vertical-align:middle; width:400px; font-family: Arial, Helvetica, sans-serif; border:1px solid #cccccc; }
select 	{ padding: 3px; font-size: 12px; padding:0; }
select#liste { background-color:#9e9e9e; color:#ffffff; }
input.radiobutton { padding:3px; margin:2px 4px 2px 0; width:20px; border:none; }
input.checkboxbutton { padding:3px; margin:2px 4px 2px 0; width:20px; border:none; }
input#submit { background-color: #fece1a; padding:0 0 3px 0;  font-weight:bold; width:100px; height: 24px; line-height:24px; color:#2a559f; margin:10px 10px 0 110px ; border:none; }
input#submit:hover { background-color: #aaaaaa; }

.banner  { padding:0; }
.banner img { border:1px solid #fff; margin:4px 0; }

/* Liste Musterhaus ############################### */
ul.bildergalerie { padding:0; margin:0; list-style-type:none; }
ul.bildergalerie li { float:left; padding: 5px; border:1px solid #cccccc; margin:0 20px 20px 0; }
ul.bildergalerie li:hover { border-color:#fece1a; }



/*Anfrage ###########################*/
.border{ width: 600px;}

.address{  border-style: solid;    border-width: 0px;    width:00px;}
.label{    text-align: left;    width:70px;}
.input input{    text-align: left;    width:210px;}
.checkbox input[type=checkbox]{	margin-right:10px;	display: inline-table;}
.checkbox label{	display: inline-table;	width: 100px;}

.leistung label[for=kWp]{	margin-right:20px;}
.leistung label[for=qm]{	margin-right:20px;}
.buehne label[for=Ja]{		margin-right:20px;}
.haus img{	float:left;}
.haus2 label{	display: inline-table;	width:75px;}
.haus2{	padding-top:40px;}
.haus2 label{	display: inline-table;	width:75px;}
.wartung{	clear:left;}
.wartung label[for=Ja]{	margin-right:20px;}
.dachneigung input[type=checkbox]{	margin-right:10px;	display: inline-table;}
.dachneigung label{	display: inline-table;	width: 120px;}
.dach label[for=Ja]{	margin-right:20px;}
.dach label[for=Nein]{	margin-right:30px;}