/*----------------------------------------------------------------*/
/* CSS by K4SYSTEMS */
/*----------------------------------------------------------------*/


/*----------------------------------------------------------------*/
/* Allgemeines */
/*----------------------------------------------------------------*/

* {padding: 0; margin: 0;}
html 		{height: 100%;}
body 		{font-size: 82.5%; height:100%; background:url(../bilder/back_main.gif) center top repeat-y;}
body, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, p, input, textarea, select {
  font-family: Arial,"Trebuchet MS","Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif; color: #000; text-align: left;}
ul, li 		{padding: 0; margin: 0; list-style-type: none;}
img, a img 	{border: 0;}
form 		{display: inline;}
acronym 	{cursor: help; border-bottom: 1px dotted;}


/*----------------------------------------------------------------*/
/* h1 und co */
/*----------------------------------------------------------------*/
p			{line-height: 1.6em; margin: 0 0 1.0em 0;}
a			{color: #339999; font-weight:bold;}
a.pdf 		{padding: 7px 0 0 20px;background:url(../bilder/icon_pdf.png) left bottom no-repeat; color: #339999;}
a.word		{padding: 7px 0 0 20px;background: url(../bilder/icon_doc.gif) left bottom no-repeat; color: #339999;}
a.xls		{padding: 7px 0 0 20px;background: url(../bilder/icon_xls.gif) left bottom no-repeat; color: #339999;}
a.extern	{padding: 0 16px 0 0;background: url(../bilder/icon_external.gif) right bottom no-repeat; color: #339999;}
a.button	{ 
	display:block; 
	border:#339999 1px solid; 
	padding: 4px; 
	width:100px; 
	text-align:center;
	background: url(../bilder/back_button.jpg) right bottom repeat-x; 
	color: #000; 
	text-decoration:none;
}
a.button:hover {background: url(../bilder/back_button_on.jpg) right bottom repeat-x;color: #000;}
h1			{border-bottom: #ccddeb 1px solid;padding: 0 0 4px 0;margin: 0 0 10px 0;font-size:1.5em;color:#5fb497;}
h2 			{border-bottom: #CCCCCC 1px solid;padding: 0 0 4px 0;margin: 20px 0 10px 0;font-size:1.1em;color:#000;}
h3.sub_titel{padding: 0;margin: 15px 0 5px 0;font-size:1.6em;color:#afd9cb;text-transform:uppercase;}
/*----------------------------------------------------------------*/
/* pseudoklassen */
/*----------------------------------------------------------------*/
.clear 		{clear: both;}
.versteckt, 
.no_screen	{display: none;}
.cx_error { color: #cc0000; }


/*----------------------------------------------------------------*/
/* Sie Seite */ 
/*----------------------------------------------------------------*/

#wrap { background: #a9a9b6 url(../bilder/back_main_inner.gif) left top no-repeat;margin:0 auto; height:100%; width:900px;}
#iconnavi { float:right; margin: 10px 0 0 0;}
#header {background:#FFFFFF;}
#logo_01 { float:left; width:200px;height:90px;}
#logo_01 img { margin: 3px 0 0 20px;}
#logo_02 { float:right; width:250px;height:90px;}	
#logo_02 img { margin: 20px 0 0 0;}
#bilder {min-height:110px;border-bottom:#00589c 1px solid; border-top:#00589c 1px solid; padding: 6px 0; margin:0;}
#bilder p, #bilder p img {margin:0; padding:0;}	
#mainnavi {
	background:#FFFFFF url(../bilder/back_mainnavi.jpg) left top repeat-x;
	height:33px;
}
#site { background:#FFFFFF url(../bilder/back_site.gif) left top no-repeat; padding:0 10px;}
#links { float:left; width:220px; min-height:420px; padding:0 10px 0 0;}
#rechts { float:right; width:648px;min-height:420px;}

#footer {min-height:34px; border-top:#CCCCCC 1px solid; padding-top:6px;}
#footer p { text-align:center; color:#999999;}


/*----------------------------------------------------------------*/
/* Navigationen */ 
/*----------------------------------------------------------------*/

/*Iconnavi******************************************************/
#iconnavi ul { float:right; }
#iconnavi ul li { display:inline;}
#iconnavi ul li a {
	display:inline-block;
	padding:3px 6px 8px 6px;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:normal;
	font-size:0.8em;
}
#iconnavi ul li a:hover {
	color:#000;
}
#iconnavi ul li.selected a {
	color:#000;
}

/*mainnavi******************************************************/

#mainnavi ul {
	margin: 0 0 0 20px;
}
#mainnavi ul li {
	display:inline;
}
#mainnavi ul li a {
	display:inline-block;
	padding:12px 10px 6px 10px;
	text-transform:uppercase;
	text-decoration:none;
	color:#FFFFFF;
	font-size: 0.9em;
	font-weight: normal;
}
#mainnavi ul li a:hover {
	background:url(../bilder/back_mainnavi_on.jpg) left top repeat-x; 
	color:#05599f;
}
#mainnavi ul li.selected a {
	background:url(../bilder/back_mainnavi_on.jpg) left top repeat-x; 
	color:#05599f;
}

/*----------------------------------------------------------------*/
/* Sprachauswahl */
/*----------------------------------------------------------------*/

#sprachauswahl{ float:right; width:90px; height:24px; margin-top:2px;}
#sprachauswahl select { font-size:0.8em; font-weight:normal;
	float:right;
	background:#a9a9b6;
	width:80px;
	border:none;
	color:#fff;
	scrollbar-face-color:#a9a9b6;
	scrollbar-highlight-color:#a9a9b6;
	scrollbar-3dlight-color:#a9a9b6;
	scrollbar-darkshadow-color:#a9a9b6;
	scrollbar-shadow-color:#a9a9b6;
	scrollbar-arrow-color:#FFF;
	scrollbar-track-color:#a9a9b6;
}
#sprachauswahl select option { border:none;}


/*----------------------------------------------------------------*/
/* Subnavigation  horizontal*/
/*----------------------------------------------------------------*/
#titelSub_shop { display:none;}
#online-shop #titelSub_shop {display:block; margin-top:20px;}
#warenkorb #titelSub_shop {display:block; margin-top:20px;}

/*erste Ebene*/
#links ul { margin: 8px 0 10px 0;}
#links ul li {}
#links ul li.selected { border:none;}
#links ul li a { 
	display:block;
	text-decoration:none; 
	height:16px; 
	padding:8px 0 8px 26px; 
	border: #afcae0 solid; 
	border-width: 0 0 1px 0; 
	color: #336699;
	background: url(../bilder/back_btn_sub_01.gif) top left no-repeat;
	font-weight: normal;
}
#links ul li a:hover,
#links ul li.selected a{ 
	background:#FFFFFF url(../bilder/back_btn_sub_01_on.gif) top left no-repeat;
	font-weight: bold;
}

/*zweite Ebene*/
#links ul li ul { background:#FFFFFF;  margin:0;}
#links ul li.selected ul { border:none; padding-bottom:6px;}
#links ul li ul li { margin: 0 0 0 0;}
#links ul li.selected ul li a {
	display:block; 
	text-decoration:none; 
	padding:8px 6px 8px 36px; 
	border:#d9dccb solid; 
	border-width: 0 0 1px 0;
	background: #fff url(../bilder/back_btn_sub_02.gif) top left no-repeat;
	font-weight: normal;
}
#links ul li.selected ul li a:hover,
#links ul li.selected ul li.selected a{
	background: #fff url(../bilder/back_btn_sub_02_on.gif) top left no-repeat;
	font-weight: bold;
}
#links ul li.selected ul li.first a {
	border:#d9dccb solid; 
	border-width: 1px 0 1px 0;
}

#links ul li ul li.last a { border:none;}


/*----------------------------------------------------------------*/
/* Inhalte */ 
/*----------------------------------------------------------------*/

#inhalt { padding:10px 10px 0 10px;}

#inhalt ul { margin-bottom: 1.0em; list-style-type: circle;}

#inhalt ul li { margin-left: 20px; line-height: 1.6em; list-style-type: circle;}

/*----------------------------------------------------------------*/
/* kontakformular */ 
/*----------------------------------------------------------------*/
table.kontaktformular { margin: 0 0 10px 0;}

/*Die Feldlabel*/
.spalte-1 { width: 100px; height: 30px;}

.spalte-2 select.default { width: 300px; border:#7F9DB9 1px solid; height:20px; }

/*die inputfelder*/
.spalte-2 .default { width: 300px; border:#7F9DB9 1px solid; height:20px; }

/*das Textareafeld für die Nachricht*/
.spalte-2 textarea.default { width: 300px; border:#7F9DB9 1px solid; height:70px; margin-top:4px;}

.cx_pflicht { color:#00824E;}

/*die Buttons*/
td.buttons { padding-top: 1.0em; padding-left: 100px; }
/*
input.submit_send { float:left;  text-align: center; margin: 20px 0 10px 100px; background: url(../bilder/back_button_frm_kontakt.jpg) left repeat-x; border:#666 1px solid; padding: 2px 5px; color:#000;}
input.submit_send:hover {background: url(../bilder/back_button_frm_kontakt_on.jpg) left repeat-x;}
input.submit_clear { float:right; text-align: center; margin: 20px 0 10px 0; background: url(../bilder/back_button_frm_kontakt.jpg) left repeat-x; border:#666 1px solid; padding: 2px 5px; color:#000;} 
input.submit_clear:hover {background: url(../bilder/back_button_frm_kontakt_on.jpg) left repeat-x;}
*/
td.buttons .button {
  display: inline;
  width: 149px;
}

/*----------------------------------------------------------------*/
/* Akuelles  */ 
/*----------------------------------------------------------------*/
#links #aktuelles
{
	display:none;
}

#startseite #aktuelles, 
#kontakt #aktuelles 
{
	display:block; 
	min-height:200px; 
	background:url(../bilder/back_aktuelles.jpg) left top repeat-x;
}
#startseite #aktuelles h4, 
#kontakt #aktuelles h4
{
	margin: 5px 10px 5px 10px; 
	color:#00579c; font-size:1.2em;
}
#startseite #aktuelles p, 
#kontakt #aktuelles p 
{ 
	margin: 0 10px 5px 10px;
	color:#00579c;
}
#startseite #aktuelles a.mehr
{ 
	display:block; 
	margin:0;
	width:100%;
	text-align:right;
}
#kontakt #aktuelles
{
	display:none;
}
/*----------------------------------------------------------------*/
/* Suche  */ 
/*----------------------------------------------------------------*/

#links #suche { height:60px; background:url(../bilder/back_suche.jpg) left top repeat-x;}
#links #suche #tbl_suche { margin: 10px 0 0 0;}
#tbl_suche #eingabe {}
#tbl_suche #eingabe input { 
	width:145px; 
	height:22px; 
	margin: 0 0 0 10px;
	padding-top:4px;
	background:#fff; border:#ccc 1px solid;
}
#tbl_suche #eingabe input:hover { 
	background:#fff; 
	border: #999999 1px solid;
}
#links #suche .button {
	margin-right:5px;
	display:block; 
	border: #CCCCCC 1px solid; 
	padding: 4px; 
	width:40px;
	height:28px;
	text-align:center;
	background: url(../bilder/back_btn_suche.jpg) right bottom repeat-x;
	color: #999999; 
	text-decoration:none;
	font-weight:bold;
}
#links #suche .button:hover {

	border: #CCCCCC 1px solid; 
	background: url(../bilder/back_btn_suche_on.jpg) right bottom repeat-x;
	color: #000; 
}


/*----------------------------------------------------------------*/
/* schleier */
/*----------------------------------------------------------------*/
#schleier {
  position: absolute;
  z-Index: 900;
  height: 100%;
  width: 100%;
  background: #000;
  top: 0;
  left: 0;
  -moz-opacity: 0.7;
  opacity: 0.7;
  filter: Alpha(opacity=70);
  cursor: not-allowed;
  display: none;
}
#iframe_container {
  position: absolute;
  top: 0;
  left: 0;
  z-Index: 901;
  display: none;
}

#iframe_container p {
  margin: 0;
  text-align: center;
  margin: 3px 0;
}

#iframe_container p a {
  color: #fff;
}

#iframe_container iframe {
  border: 10px solid #FCB73E;
}

/*----------------------------------------------------------------*/
/* schleier content */
/*----------------------------------------------------------------*/
.body_login #header_top, .body_login #header_main, .body_login #topnavi, .body_login #footer, .body_login #left, 
.body_passwort_vergessen #header_top, .body_passwort_vergessen #header_main, .body_passwort_vergessen #topnavi, .body_passwort_vergessen #footer, .body_passwort_vergessen #left, 
.body_noch_keine_zugangsdaten_jetzt_anmelden #header_top, .body_noch_keine_zugangsdaten_jetzt_anmelden #header_main, .body_noch_keine_zugangsdaten_jetzt_anmelden #topnavi, .body_noch_keine_zugangsdaten_jetzt_anmelden #footer, .body_noch_keine_zugangsdaten_jetzt_anmelden #left 
{ display: none;}

.body_login, .body_passwort_vergessen, .body_noch_keine_zugangsdaten_jetzt_anmelden {background: #fff;}
.body_login #wrap, .body_passwort_vergessen #wrap, .body_noch_keine_zugangsdaten_jetzt_anmelden #wrap { width: auto; margin: 20px;}
.body_login #inhalt, .body_passwort_vergessen #inhalt, .body_noch_keine_zugangsdaten_jetzt_anmelden #inhalt { width: auto; float: none; display: block;}


/*----------------------------------------------------------------*/
/* downloads */
/*----------------------------------------------------------------*/
.download_liste, .artikel_liste, .anfrageliste { width: 100%; border-bottom: 1px solid #ccc;}
.download_liste {
  display: none;
  border: 0;
  margin-top: 30px;
}
.download_liste th, .artikel_liste th, .anfrageliste th {
  font-weight: normal;
  text-align: left;
  background: url(../bilder/back_downloads_titel.jpg) left top repeat-X;
  padding: 5px;
  font-weight:bold;
  color: #666666;
}

.download_liste td, .artikel_liste td, .anfrageliste td { vertical-align: top; padding: 5px; background: #fff;}
.download_liste .bg1 td, .artikel_liste .bg1 td, .anfrageliste .bg1 td { background: url(../bilder/back_downloads_2teline.jpg) left top repeat-X;}
.download_liste .typ div {width: 40px; height: 40px; background: transparent url(../bilder/typ_default.gif) center center no-repeat; }
.geschuetzt {
  padding: 0.3em 0;
  display: block;
  background: transparent url(../bilder/login_required.gif) left center no-repeat;
  padding-left: 18px;
  font-size: 0.8em;
}


.download_liste .typ div.jpg, .download_liste .typ div.png {
  background-image: url(../bilder/typ_jpg.gif);
}

.download_liste .typ div.gif {
  background-image: url(../bilder/typ_gif.gif);
}

.download_liste .typ div.pdf {
  background-image: url(../bilder/typ_pdf.gif);
}

.download_liste .typ div.zip {
  background-image: url(../bilder/typ_zip.gif);
}

.download_liste .typ div.csv {
  background-image: url(../bilder/typ_csv.gif);
}


.download a {
  background: transparent url(../bilder/btn_download.gif) center top no-repeat;
  display: block;
  padding-top: 28px;
  text-decoration: none;
  font-size: 0.8em;
  width: 60px;
  text-align: center;
  color: #000;
}

.download a:hover { text-decoration: underline;}
.download_liste .typ { width: 40px;}
.download_liste .titel {}
.download_liste .bild {}
.download_liste .download { width: 60px; text-align: center;}
.download_liste .groesse {}
.download_liste td.titel, .download_liste td.groesse { padding-top: 1.0em;}
.download_folder {
  display: block;
  width: auto;
  background: url(../bilder/back_downloads_2teline.jpg) left top repeat-X;
  line-height: 30px;
  margin-bottom: 2px;
  padding-left: 10px;
  text-decoration: none;
}
.download_folder span {
  background: transparent url(../bilder/directory.png) left center no-repeat;
  padding-left: 20px;
}
.download_folder:hover {
  text-decoration: underline;
}

.ebene1 {
  display: block;
}

/*----------------------------------------------------------------*/
/* Login */
/*----------------------------------------------------------------*/
#login, #noch_keine_zugangsdaten_jetzt_anmelden, #passwort_vergessen { height: auto; }
#login #iconnavi,#login #header,#login #footer,#login #mainnavi,
#login #links	{display:none;}
#login #site 	{background:#fff; width:703px;height:250px;}
#login #rechts 	{float:left; min-height:200px;width:550px;margin-left:60px;}
#login #inhalt 	{height:180px; padding-top:30px;}

#form_login		{width:520px;}
#form_login table.kontaktformular 			{width:520px;}
#form_login table.kontaktformular .spalte-1 {padding:6px; font-weight:bold; width:190px;}
#form_login table.kontaktformular .spalte-2 {padding:6px;}
#form_login table.kontaktformular .spalte-2 input	{width:250px; border:#0099CC 1px solid;}
#form_login table.kontaktformular .spalte-3  		{padding-top:10px;} 
#form_login table.kontaktformular .spalte-3 a 		{display:block; padding:5px} 

/*----------------------------------------------------------------*/
/* Login Daten anfordern */
/*----------------------------------------------------------------*/
#noch_keine_zugangsdaten_jetzt_anmelden #iconnavi,
#noch_keine_zugangsdaten_jetzt_anmelden #header,
#noch_keine_zugangsdaten_jetzt_anmelden #footer,
#noch_keine_zugangsdaten_jetzt_anmelden #mainnavi,
#noch_keine_zugangsdaten_jetzt_anmelden #links	{display:none;}

#noch_keine_zugangsdaten_jetzt_anmelden #site	{ width:400px; background:#FFF;padding-bottom:30px;}
#noch_keine_zugangsdaten_jetzt_anmelden #rechts	{width:400px;;}
#noch_keine_zugangsdaten_jetzt_anmelden #inhalt	{min-height: 400px;width:370px;}
#noch_keine_zugangsdaten_jetzt_anmelden #inhalt table{ margin:0;}
#noch_keine_zugangsdaten_jetzt_anmelden body {}

#form_anmelden				{margin:0; width:370px; margin:0 10px;}
#form_anmelden .spalte-1	{font-weight:bold;}
#form_anmelden .spalte-2 	{width:200px;}
#form_anmelden .spalte-2 input	{ width:255px;}
#form_anmelden .spalte-2 select	{ width:255px;}
#form_anmelden .spalte-3 input.submit	{ text-align: center; margin: 15px 0; padding: 4px;width:356px;}

/*----------------------------------------------------------------*/
/* Login Passwort vergessen */
/*----------------------------------------------------------------*/
#passwort_vergessen #iconnavi,
#passwort_vergessen #header,
#passwort_vergessen #footer,
#passwort_vergessen #mainnavi,
#passwort_vergessen #links	{display:none;}

#passwort_vergessen #site	{width:600px; min-height:200px; background:#FFF;padding: 0 0 30px 120px;}
#passwort_vergessen #rechts	{float: left; width:550px; min-height:200px;}
#passwort_vergessen #inhalt	{width:400px;background: #fff; min-height:200px;}
#passwort_vergessen #inhalt p	{ padding: 6px 0 6px 12px;}

#form_pwd table				{margin:0;}
#form_pwd					{margin:0; width:450px; margin:0 10px;}
#form_pwd .spalte-1			{font-weight:bold; width:190px;}
#form_pwd .spalte-2 		{}
#form_pwd .spalte-2 input	{width:200px;}
#form_pwd .spalte-3 input.submit	{ text-align: center; margin: 5px 0; padding: 4px;width:400px;}


/*----------------------------------------------------------------*/
/* sitemap */
/*----------------------------------------------------------------*/

#sitemap_links { float:left; width:250px; margin: 0 0 20px 20px;}
#sitemap_links ul li a,
#sitemap_rechts ul li a { display:block; font-weight:bold; padding: 2px 0 2px 24px; font-size:1.0em; background:url(../bilder/back_btn_sub_01.gif) left center no-repeat;}
#sitemap_links ul li ul li a,
#sitemap_rechts ul li ul li a { display:block;  font-weight:normal; padding: 2px 0 2px 32px; font-size:0.9em; background:none;}
#sitemap_links ul li ul li ul li a ,
#sitemap_rechts ul li ul li ul li a { display:block;  font-weight:bold; padding: 2px 0 2px 44px; font-size:0.8em;}

#sitemap_rechts { float:left; width:250px;}


/*
----------------------------------------------------------------
startseite
----------------------------------------------------------------
*/

.startseite 
{
	padding:0;
}
.startseite .s01
{
	height: 295px;
	background:url(../media/bilder/startseite/back_startseite_s01.jpg) center bottom no-repeat;
	background-image: 
	padding: 0 0 15px 20px;
}
.startseite .s01 h1
{
	font-size: 1.8em;
	border: none;
	padding: 10px 0 15px 0;
	font-family: Arial Black;
	color: #1e568f;
}
.startseite .s01 p
{
	width: 350px;
}
.angebot, .button
{
	text-decoration: none;
	display: block;
	padding: 2px 0 2px 0px;
	border: #86b1d0 1px solid;
	width: 170px;
	font-weight: normal;
	background: transparent url(../bilder/back_btn_aktion.jpg) center top repeat-x;
	color: #000;
	text-align: center;
}

.angebot:hover, .button:hover
{
text-decoration: underline;
}
.startseite .s02 
{
	height:106px;
	width:300px;
	background:url(../media/bilder/startseite/back_startseite_s02.jpg) right top no-repeat; 
	padding:10px 6px 0 5px;
}
.startseite .s02 img 
{
	margin:3px 10px 0 5px;
}
.startseite .s03 
{
	height:106px;
	background:url(../media/bilder/startseite/back_startseite_s03.jpg) top left no-repeat; 
	padding:5px; 
	padding:10px 6px 0 5px;
}
.startseite .s03 img 
{
	margin:3px 10px 0 5px;
}
.startseite .s02 h4 a,
.startseite .s03 h4 a 
{
	color:#006699;
	padding:6px 0 6px 0;
	text-decoration: none;
}
.startseite .s02 p a,
.startseite .s03 p a 
{
	text-decoration: none;
	color: #000;
	font-weight: normal;
	line-height: 0.8em;
}
.startseite .s02 h4 a:hover, .startseite .s03 h4 a:hover, .startseite .s02 p a:hover, .startseite .s03 p a:hover 
{
	color: #5FB497;
}