/* (c) 2001 - 2007, EIKONA AG, it.x informationssysteme gmbh, Alle Rechte vorbehalten. */

/* 
Hinweise: 
schwarz, sw	    :	#000000;
weiss, w		:	#ffffff;
rot, gn		    :	#;
grün, gr		: 	#;
*/


/* Aufteilung */
.page								{ width: 960px; margin: auto; min-height: 100%; height:auto !important; height: 100%; background: #ffffff; }

.header								{ width: 960px; height: 98px; text-align: left; }
.header .thema						{ width: 960px; height: 98px; }
.header .logo						{ padding: 0px 33px 0px 16px; height: 88px; width: 171px; float:left; }
.header .balken						{ float:left; height: 41px; width: 725px; background: #fff url(../pics/layout/kopfleiste-gruen.jpg); padding-right: 15px; }
.header .topnavi                    { background: url(../pics/layout/metanavi-hg-button.gif); width: 170px; height: 24px; float: right; margin: 9px 0 0 0; } 
.header .topnavi .bild-links        { margin: 6px 0 3px 0;}
.header .meta						{ width: 960px; }


.main								{ width: 960px; margin-top: 50px; text-align: left; height: auto; overflow: hidden; clear: both; }
.main .float-helper					{ float: left; width: 730px;}
.main .navigation					{ float: left; width: 220px; padding: 0px; }
.main .content 						{ float: left; width: 510px; padding: 0px; }
* html .main .content 				{ wid\th: 505px; }
.main .content .box					{ /*overflow: hidden; clear: both; width: 100%; */}
.main .related						{ float: right; width: 185px; overflow: hidden; font-size: 11px; color: #3f3f3f; line-height: 16px; }
.main .related .oben				{ float: right; width: 185px; height: 13px; background-color: #eeeeef; background-image: url(../pics/layout/rundung-oben.gif); overflow: hidden; }
.main .related .unten				{ float: right; width: 185px; height: 16px; background-color: #eeeeef; background-image: url(../pics/layout/rundung-unten.gif); overflow: hidden; }
.main .related .absatz				{ background-image: url(../pics/layout/kachel.gif); padding: 0px 15px 0px 8px; margin: 0px; }
.main .related .popup				{ background-image: url(../pics/layout/kachel.gif); padding: 0px 15px 0px 8px; margin: 0px; text-align: center;}
.main .related .popup a             { font-size: 11px; }
.main .related .bild-mitte			{ background-image: url(../pics/layout/kachel.gif); padding: 0px auto 0px auto; margin: 0px; text-align: center; }
.main .related .bild-links			{ background-image: url(../pics/layout/kachel.gif); padding: 0px 0px 0px 8px; margin: 0px; float: left; }
.main .related .bild-rechts			{ background-image: url(../pics/layout/kachel.gif); padding: 0px 0px 0px 8px; margin: 0px; float: right; }

/* Potenzialrechner */
.rechner .main .content 			{ float: left; width: 610px; padding: 20px 28px 10px 48px; background-color: #f8f8f8; border: 1px solid #000; }
.rechner .main .float-helper		{ float: left; width: 930px;}
.rechner .footer				    { /*overflow: hidden;*/ clear: both; width: 510px;  padding: 0px; padding-left: 220px; border: 0px; border-top: solid 0px #c1c1c1; border-bottom: transparent; margin-top: 20px;}

.footer								{ /*overflow: hidden;*/ clear: both; width: 510px;  padding: 0px; border: 0px; border-top: solid 1px #c1c1c1; border-bottom: transparent; margin-top: 20px;}
.footer .base						{ width: 100%; margin-top: 10px;} 
.footer .base .text                 {float:left; font-size: 11px; font-weight: normal; }
.footer .base .footernavigation     {float:left;}


/* Basisdefinitionen */

*						{ font-family: Verdana, Helvetica, Sans Serif; font-size: 12px; font-weight: normal; color: #444444; padding: 0px; margin: 0px; line-height: 20px; }
html					{ height: 100%; margin: 0;} 
body					{ height: 100%; margin: 0; text-align: center; position: relative; background: #ffffff url(../pics/layout/hg-kachel.gif); }

a:link					{ color: #659f22; font-weight: normal; text-decoration: underline; }
a:visited				{ color: #659f22; font-weight: normal; text-decoration: underline; }
a:hover					{ color: #b92024; font-weight: normal; text-decoration: underline; }
a:active				{ color: #173883; font-weight: normal; text-decoration: underline; }

h1						{ font-weight: normal; font-size: 14px; color: #444444; /*color: #b92024;*/ margin-bottom: 10px; margin-top: 0px; text-transform: uppercase; }
h2						{ font-weight: normal; font-size: 14px; color: #444444; margin-bottom: 10px; }
.rechner h1				{ font-weight: normal; font-size: 18px; color: #659f22; /*color: #b92024;*/ margin-bottom: 10px; margin-top: 0px; text-transform: uppercase; }

b						{ font-weight: bold; }
strong					{ font-weight: bold; }
i						{ font-style: italic; }
img						{ border: 0px; }
p						{ padding: 0px 0px 0px 0px; }

ul						{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
ol						{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
ul li					{ list-style : none; }

table					{ }
table tr				{ }
table tr td				{ }

hr						{ height: 1px; border-top: 1px solid thin; border-bottom: none; border-left: none; border-right: none; color: #c1c1c1; }

/* Formulare */
form								{ margin: 0px;}
form .form-eingabe-zeile			{ /*clear: left; margin-bottom: 5px;*/ }
form label							{ float: left; width: 120px; }
form .form-label-checkbox			{ width: auto; float: none; }
form .form-label-radio				{ width: auto; float: none; }
form .form-text						{ width: 280px; }
form .form-select					{ width: 280px; }
form .form-checkbox					{ }
form .form-radio					{ }
form .form-button					{ }

.fehler								{ margin-bottom: 15px; }
.fehler .fehler-titel				{ font-weight: bold;}
.fehler .fehler-zeile				{ }