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

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


/* Aufteilung */
.background							{ margin: auto; width:912px; background-image: url(../pics/layout/page_background.png); }
.background-bottom					{ margin: auto; width:912px; height: 5px; overflow: hidden; background-image: url(../pics/layout/page_background_bottom.png); background-repeat: repeat-x; }

.page								{ width: 904px; margin-left: 4px; background-color: #ffffff; }

.header								{ width: 902px; text-align: left; border-left: 1px solid #b0b0b0; border-right: 1px solid #b0b0b0; }
.header .thema						{ width: 100%; }
.header .metalogo					{ width: auto; height: 100px; background-image: url(../pics/layout/meta_background.png); overflow:hidden; }
.header .metalogo .toprow			{ width: 100%; height: 30px; text-align: right; }
.header .metalogo .logo				{ float: left; height: 70px; width: 200px; }
.header .metalogo .illustration		{ float: left; height: 100px; width: 350px; margin-top: -38px; }

/* Navigation */
.header .navigation					{ width: 100%; text-align: center; }
.header .navigation	.nav-1			{ height: 30px; background-color: #f68f19; }
.header .navigation .nav-1 .rechts	{ float: right; margin-top: -30px; height: 30px; padding-right: 20px; }
.header .navigation	.nav-2			{ position: relative; overflow: hidden; width: 100%; font-size: 0px; background: transparent url(../pics/layout/nav_background_unternehmen.png) repeat scroll 0 0; }
.header .navigation .nav-2 .rechts	{ position: absolute; right: 0px; top: 0px;  }

.main								{ width: 902px; text-align: left; height: auto; overflow: hidden; clear: both; border-left: 1px solid #b0b0b0; border-right: 1px solid #b0b0b0; background-image: url(../pics/layout/content_background.png); background-repeat: no-repeat; }
.main .background-bottom-left		{ background-repeat: no-repeat; overflow: hidden; background-position: bottom left; }
.main .background-bottom-right		{ background-repeat: no-repeat; overflow: hidden; background-position: bottom right; }
.main .float-helper					{ float: left; width: 252px; }
.main .related						{ float: left; margin-top: 130px; padding-left: 30px; width: 190px; border-right: 1px solid #e5e5e5; overflow: hidden; }
.main .content 						{ float: right; width: 650px; padding-top: 80px; padding-bottom: 40px; }
.main .content-index 				{ float: left; width: 820px; padding-top: 0px; padding-bottom: 50px; padding-left: 50px; padding-right: 30px; }
.main .content-landingpage			{ float: left; width: 350px; padding-top: 80px; padding-bottom: 40px; padding-left: 50px; padding-right: 50px; }

.main-orange								{ width: 902px; text-align: left; height: auto; overflow: hidden; clear: both; border-left: 1px solid #b0b0b0; border-right: 1px solid #b0b0b0; background-image: url(../pics/layout/content_background_orange.png); background-repeat: no-repeat; }
.main-orange .background-top-left			{ background-repeat: no-repeat; overflow: hidden; background-position: top left; }
.main-orange .background-top-left .banner	{ position: relative; left: 60px; top: 65px; } 
.main-orange .content						{ float: left; width: 400px; padding: 250px 17px 40px 485px; } 

.main-orange2										{ width: 902px; text-align: left; height: auto; overflow: hidden; clear: both; border-left: 1px solid #b0b0b0; border-right: 1px solid #b0b0b0; background-image: url(../pics/layout/content_background_orange.png); background-repeat: no-repeat; }
.main-orange2 .banner								{ position: relative; left: 50px; top: 115px; } 
.main-orange2 .content 								{ float: left; width: 820px; padding-top: 200px; padding-bottom: 50px; padding-left: 50px; padding-right: 30px; }
.main-orange2 .content .spalte-links				{ float: left; width: 400px; margin-right: 20px; }
.main-orange2 .content .spalte-links .absatz 		{ margin-bottom: 10px; }
.main-orange2 .content .spalte-rechts				{ float: left; width: 335px; margin-left: 45px; margin-right: 20px; }
.main-orange2 .content .spalte-rechts .absatz h2 	{ font-size: 12px; color: #f49e00; }
.main-orange2 .content .spalte-rechts .text 		{ padding-right: 0px; padding-bottom: 0px; line-height: 160%; font-size: 11px; }

.footer								{ overflow: hidden; margin:auto; width:872px; clear: both; height: 26px; line-height: 26px; padding: 0px 20px 0px 20px; color: #7e7e7e; }
.footer .copyright					{ float: left; font-size:9px; }
.footer .copyright a:link			{ color: #7e7e7e; text-decoration: none; font-size:9px; }
.footer .copyright a:visited		{ color: #7e7e7e; text-decoration: none; font-size:9px; }
.footer .copyright a:hover			{ color: #7e7e7e; text-decoration: underline; font-size:9px; }
.footer .copyright a:active			{ color: #7e7e7e; text-decoration: none; font-size:9px; }

/* Basisdefinitionen */

*									{ font-family: Verdana,Helvetica,sans-serif; font-size: 11px; font-weight: normal; padding: 0px; margin: 0px; }

html								{ } 
body								{ height: 100%; margin: 0px; padding: 0px; text-align: center; color: #000000; background-image: url(../pics/layout/background.png); background-repeat: repeat-x; background-color: #e5e5e5;  } 
a:link								{ color: #f68f19; text-decoration: none; }
a:visited							{ color: #f68f19; text-decoration: none; }
a:hover								{ color: #f68f19; text-decoration: underline; }
a:active							{ color: #f68f19; text-decoration: none; }

h1									{ font-size: 25px; margin-bottom: 10px; color: #ff9803; }
h2									{ font-weight: bold; margin-bottom: 10px; }

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									{ border: 0px solid #000000; height: 1px; background: #000000 url(../pics/layout/trans.gif); }

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

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