/* (c) 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;  }

.header								{ background-color: #69676c; width: 100%; height: 106px; text-align: left; /*float: left;*/}
.header .thema						{ width: 960px; float: left; }
.header .logo						{ width: 210px; height: 106px; float: left; }
.header .thema .slogan				{ float: left; width: 523px; height: 89px; background-color: #fff;}
.header .thema .slogan	img			{ margin-top: 25px;}
.header .navigation 				{ float: left; width: 749px; height: auto; border-left: 1px solid #fff; padding: 0; margin:0; }


.header .meta						{ position: relative; float: left; width: 227px; height: 89px; background: url(../pics/layout/hintergrund-kreise.jpg); }
.header .metanavigation             { position: absolute; float: left; bottom: 4px; left:0;}

.main								{ position: relative; float: left; width: 100%; text-align: left; height: auto; overflow: hidden; clear: both; background: url(../pics/layout/hg-main.jpg); background-repeat: repeat-y; }
.main .etz                          { position: relative; width: 100%; height: auto; overflow: hidden; clear: both; }
.main .front                        { position: relative; width: 100%; height: auto; overflow: hidden; clear: both; }
.main-start							{ position: absolute; right:0; bottom:0; /*background: url(../pics/layout/focussed-energy-start.jpg);*/ background-repeat: no-repeat; width: 185px; height: 106px; }
.main .float-helper					{ float: left; width: 732px; }
.main .navistart .unternavigation			{ float: left; width: 190px; height: 170px; padding: 10px; background: url(../pics/layout/start-left.jpg); background-repeat: no-repeat; }
.main .navifolge .unternavigation			{ float: left; width: 190px; min-height: 300px; padding: 10px; background: url(../pics/layout/folge-left.jpg); background-repeat: no-repeat; padding-top: 80px; }
.main .content 						{ float: left; width: 507px; padding: 10px 15px 10px 0; min-height: 450px; margin-bottom: -80px; z-index: 50; position:relative;}
* html .main .content               { wid\th: 495px; he\ight: 450px; }
.main .content-page                 { padding: 10px 0 10px 10px; width: 100%; }
* html .main .content-page	        { wid\th: 495px; }

.main .content .box					{ overflow: hidden; clear: both; width: 100%; }
.main .etz .content .box			{ overflow: hidden; clear: both; width: 100%; border-bottom: 3px solid #69676c; height: 57px; padding-left: 10px; }
.main .front .content .box			{ overflow: hidden; clear: both; width: 100%; border-bottom: 3px solid #69676c; height: 170px; padding-left: 10px; } 

* html .main .etz .content .box		{ wid\th: 495px; }
 
.main .etz .content .box img        { margin: 0 0 2px 10px;}

.main .related						{ float: left; width: 228px; padding-top: 38px; overflow: hidden; }

.pfad-navi                          { float: left; width: 730px; background: url(../pics/layout/bg-pfad.jpg); background-repeat: repeat-y; z-index: 90; }

/** html .main .content 				{ he\ight: 400px; }*/

.footer								{ position: relative; overflow: hidden; clear: both; width: 960px; height: 53px; background: url(../pics/layout/hg-footer.jpg); background-repeat: repeat-y; }
.footer-top                         { position: absolute; display: block; right: 185px; height: 19px; width: 522px; background: url(../pics/layout/stufe-footer.jpg); background-repeat: no-repeat; }
.footer-bottom                      { position: absolute; top: 19px; width: 750px; height: 35px; background-color: #ccc; right: 0;}
.footer .base						{ width: 750px; float: left; right: 0; }
.base .footernavi                   { padding: 0; line-height: 19px; margin-top: 9px; }
#buttonp                            { float: left;}

.main-start2							{ width: 100%; height: 74px; float: right; margin: 0; padding:0; position: relative; z-index: 5; text-align: right; } 
.main-start2 .bild-rechts img          {  margin: 0; padding:0;  }

/* Basisdefinitionen */
*						{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #444444; padding: 0px; margin: 0px; }

html					{ } 
body					{ height: 100%; text-align: center; position: relative; background-color: #69676c; margin-top: 5px; }

a:link					{ color: #d9001f; text-decoration: underline; }
a:visited				{ color: #444444; text-decoration: underline;  }
a:hover					{ color: #444444; text-decoration: underline; }
a:active				{ color: #444444; text-decoration: underline; }

h1						{ font-weight: bold; font-size: 17px; margin-bottom: 10px; }
h2						{ font-weight: bold; margin-bottom: 10px; font-size: 15px; }

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 th				{ font-weight: bold; }
table tr td				{ }

hr						{ border: 0px solid #000000; height: 1px; background: #000000 url(../pics/layout/trans.gif); }

/* Formulare */
form								{ margin: 0px;}
form .form-eingabe-zeile			{ clear: left; margin-bottom: 0px; }
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					{ clear: left; }

form .form-checkbox-liste			{ width: 282px; height:100px; overflow:auto; border: 1px solid #bbbbbb; }
form .form-checkbox-liste .zeile	{ padding-left: 3px; margin-bottom: 2px; width: 258px;	height: 20px; line-height: 20px; background-color: #ffffff; border: 1px solid #bbbbbb; }
form .form-checkbox-liste .aktiv	{ background-color: #CFD6E8; border: 1px solid #737B92; }
form .form-checkbox-liste .form-checkbox { float: left; }
form .form-checkbox-liste .text 	{ padding-left: 20px; }

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