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

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


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

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

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



h1									{ font-weight:bold; margin:0px; padding:0px; }
h2									{ font-weight: bold; }

b									{ font-weight: bold; }
strong								{ font-weight: bold; }
i									{ font-style: italic; }
img									{ border:0px; }
p									{ padding: 0px 0px 18px 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); }

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

/* Aufteilung */

.gruen_back 						{ background: #025202; }
.grau_dunkel_back 					{ background: #181818; }
.grau_hell_back 					{ background: #313131; }

/* top */
#top								{ position:relative; z-index:2; width:100%; height:224px; background: url(../pics/layout/top_back.jpg) repeat-x top; text-align:center; overflow:hidden; }
#header								{ position:relative; width:980px; height:203px; background: #FFFFFF url(../pics/layout/header_bg.jpg) no-repeat; margin-left:auto; margin-right:auto; }
#header_logo						{ position:absolute; top:0px; left:0px; z-index:4; width:248px; height:203px; background: #FFFFFF url(../pics/layout/header_logo.jpg) no-repeat; }
#header_logo #header_map_img		{ width:248px; height:203px; }
#header_slogan						{ position:absolute; right:0px; top:97px; z-index:2; height:21px; }
#header_slogan_titel .text				{ position:absolute; right:0px; top:97px; z-index:2; height:21px; line-height:21px; font-family:Arial; font-style:italic; color:#025202; font-size:20px; }
#header_slogan_titel .text strong		{ height:21px; line-height:21px; font-family:Arial; color:#025304; font-size:20px; }
#header_hauptnavi					{ position:absolute; left:191px; top:160px; z-index:5; width:789px; height:43px; line-height:43px; text-align:left; background: url(../pics/layout/hintergrund_hauptnavi.gif); }
#header_metanavi					{ position:absolute; right:0px; top:0px; z-index:1; height:25px; text-align:right; }

/* middle */
#middle								{ position:relative; z-index:1; width:980px; height:auto !important; height:100%; min-height:100%; margin-top:-315px; margin-left:auto; margin-right:auto; }
#middle .abstand					{ padding-top:315px; }
#middle .content 					{ position:relative; width:972px; margin-left:4px; margin-right:4px; text-align:left; }

/* 3-spaltiges Layout */
#middle_left						{ float:left; width:192px; margin-right:20px; margin-top:33px; }
#middle_center_1-spaltig			{ width:972px; }
#middle_center_2-spaltig			{ float:right; width:760px; }
#middle_center_3-spaltig			{ float:left; width:548px; margin-right:20px; }
#middle_center_1-spaltig h1,
#middle_center_3-spaltig h1,
#middle_center_2-spaltig h1			{ text-align:left; font-size:18px; line-height:18px; color:#474747; padding-bottom:18px; }
#middle_center_1-spaltig h2,
#middle_center_3-spaltig h2,
#middle_center_2-spaltig h2			{ text-align:left; font-size:14px; color:#a4ad91; padding-bottom:10px; padding-left:18px; background:url(../pics/layout/dots.gif) no-repeat left top; }
#middle_center_1-spaltig img,
#middle_center_3-spaltig img,
#middle_center_2-spaltig img		{ border:3px solid #DBE3C9; }

#middle_center_3-spaltig a:link,
#middle_center_2-spaltig a:link,
#middle_center_1-spaltig .portal_link,
#middle_center_3-spaltig a:visited,
#middle_center_2-spaltig a:visited	{ background:#DAE4C9; padding-left:2px; padding-right:2px; text-decoration:none; }

#middle_center_3-spaltig a:active,
#middle_center_2-spaltig a:active	{ background:#474747; padding-left:2px; padding-right:2px; text-decoration:none; }
#middle_right						{ float:right; width:192px; margin-top:33px; }
#middle_right .text					{ font-size:11px; line-height:18px; }
#middle_right .unten				{ height:25px; background:url(../pics/layout/spalte_rechts_unten_hg.gif); text-decoration:none; }

/* bottom */
#bottom								{ position:relative; z-index:2; width:100%; height:66px !important; height:91px; padding-top:25px; text-align:center; background: url(../pics/layout/bottom_bg.gif) repeat-x; overflow:hidden; }
#bottom_mitte						{ width:980px; height:31px; margin-left:auto; margin-right:auto; background: url(../pics/layout/bottom_mitte.gif) no-repeat; text-align:center; }

/* Formulare */
form								{ margin:0px; padding:0px; display:inline; }
form .form-eingabe-zeile			{ clear: left; margin-bottom: 5px; }
form label							{ }
form .form-label-checkbox			{ width: auto; float: none; }
form .form-label-radio				{ width: auto; float: none; }
form .form-text						{ width: 280px; border:1px solid #B3B3B3; height:18px !important; height:20px; }
form .form-select					{ width: 280px; border:1px solid #B3B3B3; height:18px !important; height:20px; }
form #email_text					{ width: 280px; border:1px solid #B3B3B3; height:148px !important; height:150px; }
form #produkt1,
form #produkt2,
form #produkt3,
form #produkt4,
form #produkt5						{ border:0px solid #B3B3B3; }
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; padding:10px; background-color: #ffe0e0; border: 1px solid #ff8080; }
.fehler .fehler-titel				{ font-weight: bold;}
.fehler .fehler-zeile				{ }

.formular_linke-spalte              { width:30%; background:#DBE3C9; border-bottom:1px solid #FFFFFF; border-right:1px solid #FFFFFF; font-weight:bold; padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px; }
.formular_linke-spalte label		{ line-height:20px; }
.formular_rechte-spalte             { background:#F3F5ED; border-bottom:1px solid #FFFFFF; padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px; }
#absender_anrede                    { width:100px; }

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

.bild-rechts a						{ padding:0px; }