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

/* Farben */
.grau_hell_back						{ background:#C5C5C5; }
.grau_mittel_back					{ background:#D4D4D4; }
.grau_dunkel_back					{ background:#3A4A4A; }

.grau_hell							{ color:#C5C5C5; }
.grau_mittel						{ color:#D4D4D4; }
.grau_dunkel						{ color:#3A4A4A; }

/* Basisdefinitionen */
*									{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #333333; padding: 0px; margin: 0px; }
html, body							{ height:100%; margin:0px; padding:0px; }
body								{ text-align:center; overflow-y:scroll !important; overflow-y:none; background: url(../pics/layout/header_bg.gif) repeat-x; }

a:link								{ font-weight:bold; text-decoration:underline; color:#7c7c7c; }
a:visited							{ font-weight:bold; text-decoration:underline; color:#7c7c7c; }
a:hover								{ font-weight:bold; text-decoration:underline; color:#000000; }
a:active							{ font-weight:bold; text-decoration:underline; color:#000000; }
a:focus								{ outline:none; }

h1									{ font-weight:bold; font-size:18px; margin:0px; padding:0px; padding-top:10px; padding-bottom:10px; line-height:18px; color:#333333; }
.tabelle .titel h1					{ font-weight: bold; font-size:12px; margin:0px; padding:0px; padding-bottom:10px; line-height:12px; color:#439CB4; }
h2									{ font-weight: bold; font-size:12px; margin:0px; padding:0px; padding-bottom:10px; line-height:12px; color:#439CB4; }

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

ul									{ list-style:none; 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.produkte							{ border-collapse:collapse; width:778px;  line-height:17px;}
table.produkte tr						{ }
table.produkte tr th 				 	{ padding: 5px; border-right:1px solid #FFFFFF; background: #000000; color: #FFFFFF; font-weight: bold; }
table.produkte tr th.spalte-01-links 	{ padding: 5px; border: 0px; background: #ECEDED; color: #000000; font-weight: bold; }
table.produkte tr td					{ padding: 5px; border: 1px solid #000000; background: #FFFFFF; }

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

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

/* Aufteilung */
#top								{ position:relative; z-index:2; width:922px; height:302px; margin-left:auto; margin-right:auto; }
#top #header 						{ position:relative; z-index:2; margin-left:auto; margin-right:auto; text-align:left; width:922px; display:block;  }
#top #header .sprachen 				{ position:absolute; z-index:2; right:0px; top:3px; height:25px; }
#top #header .slogan 				{ position:relative; height:64px; background:url(../pics/layout/slogan.gif) no-repeat bottom; }
#top #header .logo					{ position:absolute; z-index:3; left:0px; top:3px; width:93px; height:60px; cursor:pointer; }
#top #header .logo a				{ width:230px; height:40px; display:block; }
#top #header .top-metanavi			{ position:relative; height: 30px; background:#d4d4d4; }
#top #header .banner				{ position:relative; height:206px !important; height:208px; width:920px !important; width:922px; border:solid 1px #FFFFFF; background: #3a3a3a; }
#top #header .banner .topnavigation	{ position:absolute; z-index:3; right:0px; top:164px; height:30px; border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; }
#top #header .banner .bild			{ position:absolute; z-index:1; left:0px; top:0px; height:195px; }
#top #header .banner .banner-border { position:absolute; z-index:2; top:195px; height:1px; width:100%; background: #FFFFFF; width:100%; }


#middle								{ position:relative; z-index:1; width:920px; min-height:100%; height:auto !important; height:100%; margin-top:-357px; margin-left:auto; margin-right:auto; display:block; text-align:left; }
#middle .abstand					{ padding-top:357px; }
#middle .links 						{ float:left; width:225px; }
#middle .rechts 					{ float:right; width:668px !important; width:679px; line-height:18px; padding-left:11px; }
#middle .start 						{ width:920px; line-height:18px; }


#bottom_abstand						{ position:relative; z-index:2; width:920px; height:10px; margin-left:auto; margin-right:auto; background:#FFFFFF; text-align:center; }
#bottom_abstand_start				{ position:relative; z-index:2; width:920px; height:10px; margin-left:auto; margin-right:auto; background:#FFFFFF; text-align:center; }
#bottom								{ position:relative; z-index:2; width:100%; height:45px; background: url(../pics/layout/bottom_back.gif) repeat-x; }
#footer								{ position:relative; z-index:2; width:920px !important; width:922px; height:30px; margin-left:auto; margin-right:auto; display:block; background:#3A3A3A; border:1px solid #FFFFFF; }

/* Diashow */
#start_dia-navigation      			{ position:absolute; z-index:4; top:95px; left:0px; width:100%; height:195px; text-align:center; }
#start_dia-navigation .ausrichtung	{ position:relative; margin-left:auto; margin-right:auto; width:920px; height:195px; text-align:left; }
#start_dia-navigation .diashow		{ position:absolute; z-index:1; top:0px; left:0px; width:920px; height:195px; text-align:left; }
#start_dia-navigation .navigation	{ position:absolute; z-index:2; top:164px; right:0px; height:30px; border-left: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; }

/* Sprachen */
.sprachen ul						{ padding:4px 10px 0px 0px;  float:right; }
.sprachen li						{ padding-left:5px; width:18px; height:16px; list-style:none; float:left; }

.sprachen li.inaktiv img			{ border:1px solid #FFFFFF; width:16px; height:14px; cursor:pointer;  }
.sprachen li.aktiv img				{ border:1px solid #bf0000; width:16px; height:14px; }




/* News */

.liste								{ padding-left: 10px; color: #444444; }
.datum-titel						{ padding-top: 10px; padding-bottom: 10px; }
.datum-titel a 						{ font-size:14px; color: #444444; } 
.datum-titel h1 					{ padding-left: 0px; }
.news-eintrag						{  }
.news-eintrag .aufmacher			{  }
.news-eintrag .aufmacher .text		{  }
.detail .bild						{ padding-bottom:10px; } 



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

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

#tabelle_pageview									{ margin-top:20px; }
#pageview_quadrat									{ background:#000000; width:12px; height:14px; display:block; text-align:center; color:#ffffff; border-right:1px solid #ECEDED; font-weight:normal; }
#pageview_quadrat:hover								{ background:#333333; width:12px; height:14px; display:block; text-align:center; color:#ffffff; border-right:1px solid #ECEDED; font-weight:normal; }

#pageview_quadrat_aktiv								{ width:12px; height:14px; display:block; text-align:center; }

#container_pageview									{ height:25px; width:399px; }

.filter-markieren									{ background:#FFF200; color:#D91C5C; }

.fehler								{ margin-bottom: 15px; padding:10px; background-color: #ffe0e0; border: 1px solid #ff8080; }
.formular_linke-spalte              { width:30%; background:#D4D4D4; 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; font-weight:bold; }
.formular_rechte-spalte             { background:#eeeeee; border-bottom:1px solid #FFFFFF; padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px; }
