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

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


/* Aufteilung */

#top							       { position:relative; z-index:2; width:950px; height:243px; margin-left:auto; margin-right:auto; overflow:hidden; text-align:center; }
.header                                { position:relative; margin:0px auto; background: url(../pics/layout/background-header_18px.jpg) no-repeat top; height:243px; width:734px; left:98px;}
.back_head_left                        { position:absolute; background: url(../pics/layout/back_head_left.gif) repeat-x; width:50%; height:3px; top:87px; }

.logo                                  { float:right; height:103px; width:131px;}
.homediv                               { position:absolute; left:536px; top:10px; height:260px; width:235px; background: url(../pics/layout/trans.png);}
.homediv a                             { display:block; line-height:260px; outline:none;}
.icons                                 { position:absolute; left:-45px; top:73px;}
.name                                  { position:absolute; width:400px; height:30px; top:105px; right:455px; text-align:left; }
.name .text                            { color:#395BA9; font-size:20px; font-weight:bold;}

/*für indexseite */
#middlenorelated				            { position:relative; z-index:1; width:950px; min-height:100%; height:auto !important; height:100%; margin-top:-325px; margin-left:auto; margin-right:auto; text-align:left; background: url(../pics/layout/middle-background-norel.gif) repeat-y  scroll 9px 0 #FFFFFF; border-left: 1px solid #BCBCBC; border-right: 1px solid #BCBCBC;}
#middlenorelated .abstand				    { padding-top:325px; display:block; background: url(../pics/layout/abstand-white.gif) no-repeat; background-position:200px 355px; }
#middlenorelated .abstand .navigation       { height:45px; width:730px; margin-left:208px; background: url(../pics/layout/navigation.gif) no-repeat top; text-align:right; position:relative;}

#middle							            { position:relative; z-index:1; width:950px; min-height:100%; height:auto !important; height:100%; margin-top:-325px; margin-left:auto; margin-right:auto; text-align:left; background: url(../pics/layout/middle-background.gif) repeat-y scroll 9px 0 #FFFFFF; border-left: 1px solid #BCBCBC; border-right: 1px solid #BCBCBC;}
#middle .abstand				            { padding-top:325px; display:block; background: url(../pics/layout/abstand-white.gif) no-repeat;  background-position:209px 355px; }
#middle .abstand .navigation                { height:45px; width:730px; margin-left:209px; background: url(../pics/layout/navigation.gif) no-repeat top; text-align:right; position:relative;}

.abstand .navigation .drucken       { position:absolute; z-index:2; width:16px; height:16px; left:10px; top:7px;}
.drucken a                          { outline:none;}

.abstand .left  		            { position:relative; float:left; width:200px; margin-left:9px; }
.abstand .right                     { position:relatvie; float:right; width:730px; }

.abstand .content		            { position:relative; width: 508px; padding:5px 10px; float:left; background: url(../pics/layout/content-oben.gif) no-repeat scroll 0 0; margin-left:-11px; }
.abstand .related		            { position:relative; float:right; width:172px; padding:5px 20px; background: url(../pics/layout/related-oben.gif) no-repeat scroll 9px 0; }

#bottom								{ position:relative; z-index:2; width:100%; min-width:950px; height:63px; margin-left:auto; margin-right:auto; overflow:hidden; text-align:center; }
#bottom .bottom_left				{ position:absolute; z-index:3; width:50%; height:36px; ___background:url(../pics/layout/background-footer.gif) repeat-x left; top:27px; left:167px; }
#bottom .bottom_right				{ position:absolute; z-index:3; width:50%; height:63px; ___background:url(../pics/layout/background-footer-right.gif) repeat-x left; top:0px; right:167px; }

#bottom .bottom_center				{ position:relative; z-index:4; width:950px; height:63px; background: #0068B1 url(../pics/layout/background-footer-center.gif) no-repeat top; margin: 0px auto; text-align:left; border-left: 1px solid #BCBCBC; border-right: 1px solid #BCBCBC;}
#bottom .bottom_center .text		{ color:#FFFFFF; padding-top:40px; padding-left:10px;  }

#bottom .homelink					{ z-index:5; position:absolute; height:88px; right:86px; width:200px; background:url(../pics/layout/trans.png);}
#bottom .homelink a					{ z-index:5; display:block; line-height:45px; outline:none; }

.box-unten          			 	{ width:950px; height:19px; margin: 0px auto; position:relative; background-color:#FFFFFF; border-left: 1px solid #BCBCBC; border-right: 1px solid #BCBCBC;}
.content-box-unten   				{ position:absolute; z-index:3; width:550px; height:4px; left:200px; top:0px; background: url(../pics/layout/content-unten.gif) no-repeat scroll 9px 0;}
.related-box-unten   				{ position:absolute; z-index:3; width:200px; height:4px; left:738px; top:0px; background: url(../pics/layout/related-unten.gif) no-repeat scroll 9px 0;}

.trennung							{ clear:both; margin:0px; padding:0px; }

/* Blank */

#middle_blank							            { position:relative; z-index:1; width:930px; min-height:100%; height:auto !important; height:100%; margin-top:-348px; margin-left:auto; margin-right:auto; text-align:left; }
#middle_blank .abstand	     			            { padding-top:362px; display:block; background: url(../pics/layout/abstand-white.gif) no-repeat; background-position:200px 392px; }
#middle_blank .abstand .navigation                  { height:45px; width:730px; margin-left:200px; text-align:right; position:relative;}

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

html, body				{ height:100%; margin:0px; padding:0px; } 
body					{ text-align:left; background:#F2F2F2; overflow-y:scroll !important; overflow-y:none; text-align:center; }

a:link					{ color: #74A4D4; text-decoration: underline; }
a:visited				{ color: #74A4D4; text-decoration: underline; }
a:hover					{ color: #0068B1; text-decoration: underline; }
a:active				{ color: #74A4D4; text-decoration: none; }

h1						{ font-weight: bold; font-size: 13px; margin-bottom: 10px; }
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; }

.right ul						{ margin: 0px 0px 0px 12px; padding: 0px 0px 0px 5px; list-style-position: outside; }
.right ol						{ margin: 0px 0px 0px 12px; padding: 0px 0px 0px 5px; list-style-position: outside; }
.right ul li					{ }

ul, li, p, div, img     { padding:0px; margin:0px;}

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			{ 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					{ margin-bottom: 5px; padding: 1px 9px; border: 1px solid #cccccc; background-color: #ffffff; }

/* Loginanfrageformular */
.formloginanfrage								{ margin: 0px;}
.formloginanfrage .form-eingabe-zeile			{ margin-bottom: 5px; }
.formloginanfrage label							{ float: left; width: 130px; padding-top:1px; }
.formloginanfrage .form-text					{ width: 200px; }
.formloginanfrage .form-select					{ width: 70px; }
.formloginanfrage .emailbemerkung				{ width: 161px; font-size:10px; float:right; margin-top:-22px; }
.formloginanfrage .plzort						{ }
.formloginanfrage .zugangstyp					{ padding-top: 5px; padding-bottom: 5px; }
.formloginanfrage .zugangstyp label 			{ width: 200px; }
.formloginanfrage .zugangstyp select			{ position: relative; margin-top: 20px; margin-left: -200px; }
.formloginanfrage .ort							{ margin-left:180px; margin-top:-24px; position:relative; width:224px; }
.formloginanfrage .ort label					{ width: 25px; }
.formloginanfrage .plz                          { }
.formloginanfrage .ort .form-text				{ width: 127px; margin-bottom: 5px; }
.formloginanfrage .plz .form-text				{ width: 40px;  5px; }


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				{ }

/* Verstecken */
.cycon-wysiwyg						{ display: none; }

.trennung							{ clear: both; }

.zeile-0							{ background-color: #F7F7F7; }
.zeile-1							{ background-color: #FFFFFF; }

.login						{ }
.banner img					{ margin-top: 20px;}