html, body { color: black; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-color: #c4c5c7; width: 100%; height: 100%; margin: 0; margin-bottom: 0.1pt; padding: 0; scrollbar-arrow-color: #d70127; scrollbar-track-color: #ebebeb; scrollbar-shadow-color: #333333; scrollbar-face-color: #dfdfdf; scrollbar-highlight-color:#888888; scrollbar-darkshadow-color: #dfdfdf; scrollbar-3dlight-color:#dfdfdf; }
table, tr, td { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } /*  für schrift in den tabellen */
/*  Navigationsüberschriften  */


/* Allgemeine Links in den Contentseiten 1 */
A:hover {font: bold 11px Arial, Helvetica, sans-serif; color: #D70127; font-weight: bold; text-decoration: underline}
A:link {font: bold 11px Arial, Helvetica, sans-serif; color: #000000; font-weight: bold; text-decoration: none}
A:visited {font: bold 11px Arial, Helvetica, sans-serif; color: #000000; font-weight: bold; text-decoration: none}
/* Allgemeine Links in den Contentseiten 2 */
.content a:link, a:visited { color: black; left: -30px; text-decoration: none; }
.content a:hover { color: #d70127; left: -30px; text-decoration: underline;}
/* Allgemeine Links in den Contentseiten -> ende */


.nav_leiste {
    color: #d70127;
    font: bold 11px Arial;
    text-decoration: none;
}

.nav_leiste_focus {
    color: #000000;
    font: bold 11px Arial;
    text-decoration: none;
}


.nav_leiste:link {
    color: #d70127;
    font: bold 11px Arial;
    text-decoration: none;
}

.nav_leiste:visited {
    color: #d70127;
    font: bold 11px Arial;
    text-decoration: none;
}

.nav_leiste:hover {
    color: black;
    font: bold 11px Arial;
    text-decoration: none;
}

.nav_leiste:active {
    color: white;
    font: bold 11px Arial;
    text-decoration: none;
}



/* für weissen navi-linktitel */
#nav_txt_weiss {
    color: white;
    font: bold 11px Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 160%;
    text-decoration: none;
}

#nav_txt_weiss:hover {
    color: #d70127;
    font: bold 11px Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 160%;
    text-decoration: underline;
}

#nav_txt_weiss:active {
    color: white;
    font: bold 11px Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 160%;
    text-decoration: underline;
}


#nav_txt_weiss:visited {
    color: white;
    font: bold 11px Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 160%;
    text-decoration: none;
}



.txt_weiss {
    color: #FFFFFF;
    font: 12px bold Arial, Helvetica, sans-serif;
    font-weight: bold;
}


/* für Startseite u. andere Contentseiten mit Unterstrich im Link */
.nav_link:link { color: black; font: bold 11px Arial; text-decoration: none; }
.nav_link:visited { color: black; font: bold 11px Arial; text-decoration: none; }
.nav_link:hover {color: #D70127; font: bold 11px Arial; text-decoration: underline; }


/* für Unternehmen mit Unterstrich im Link aber nicht fett */
.nav_link_u:link { color: black; font: normal 12px Arial; text-decoration: underline; }
.nav_link_u:visited { color: black; font: normal 12px Arial; text-decoration: underline; }
.nav_link_u:hover {color: #D70127; font: normal 12px Arial; text-decoration: none; }





/* Head/Leiste */
#body_top { background-color: #c4c5c7; position: absolute; top: 0; left: 0; width: 100%; height: 100px; z-index: 3; margin: 0; padding: 0; display: block; }
/* /Leiste mit Links */
#body_leiste {  border: 0px solid; top: 7.1em; background-color: #c4c5c7; position: absolute; width: 830px; height: 15px; z-index: 2; margin-left: 0px; padding: 0 5px; display: block; }
/* /Linke Navigation mit Links */


.laenderauswahl 
  {
  border: 1px solid #ffffff; 
  width: 30px;
  height: 15px;
  }



/* Platzhalter 5px weiss über Navigationsspalte */
#body_navi_oben
  {
  left: 0px;
  top: 96px; 
  FLOAT: left; 
  background-color: #FFFFFF; 
  display: block; 
  position: absolute; 
  width: 820px; 
  height: 15px; 
  z-index: 1; 
  margin: 0px; 
  padding: 0px; 
  }






/* platzhalter zwischen leiste und content, nur für IE: macht 10 pixel unterschied, firefox macht das auch ohne diesen hack */
* html div.breaker {  /* nur IE */
height: 13px;
margin: 0px;
padding: 0px;
clear: both;
overflow:hidden;
}

/*Gilt nur für Internet Explorer >=7 */
*+html .breaker {
height: 13px;
clear: both;
overflow:hidden;
} 


.li_auflistung_grau
  {
  list-style-image:url(/images/icons/raute_punkt_grau_o.gif);
  
  }




/* /Content - Inhaltsseiten */  
#body_content_startseite
  {
  height: 700px; /* Mindesthöhe in IE (<7) */
  top: 100px;
  text-align: left;
  color: black; 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 10pt;   
  FLOAT: left;
  background-color: #ffffff; 
  display: block; 
  position: absolute;
  width: 610px;    
  left: 210px;
  margin-right: 10px; 
  padding-left: 10px;
  padding-right: 0px;
  padding-top: 0px;
  z-index: 6; 
  display: block;
  border-left: 0px solid;
  }
  


#startbild_tabelle
  {
  left: 10px;  
  top: 11px;
  position: absolute; 
  height: 375px; 
  z-index: 0; 
  width: 590px;
  }  



#content_start
  {
  top: 0px;
  position: relative;
  width: 600px; 
  height: auto 100% border: 0 solid; 
  margin-top: 0px;  
  margin-bottom: 10px;
  margin-right: 10px;
  padding-top: 0px;
  padding-right: 15px;  
  display: block;

  }  
    
#start_content
  {
  left: 0px;  
  top: 382px;
  position: absolute; 
  width: 590px;

  z-index: 0;
  background-color: #ffffff; 
  margin: 0px;
  
  padding-left: 10px;
  padding-top: 10px;
  text-align: left;  
  display: block;  
  } 
  



/* /Content - Inhaltsseiten */  
#body_content
  {
  min-height: 100%; /* Mindesthöhe in modernen Browsern */
  height: auto !important; /* !important-Regel für moderne Browser */
  height: 100%; /* Mindesthöhe in IE (<7) */

  top: 98px;
  text-align: left;
  color: black; 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 10pt;   
  FLOAT: left;
  background-color: #ffffff; 
  display: block; 
  position: absolute;
  width: 595px;    
  left: 210px;
  margin: 0px; 
  padding-left: 10px;
  padding-right: 5px;
  padding-top: 0px;
  z-index: 1; 
  display: block;
  border-left: 0px solid;
  }


#body_content a:hover
  {
  color: #d70127; left: -30px; text-decoration: underline;
  }







  
#content
  {
  top: 0px;
  position: absolute;
  width: 600px; 
  height: auto 100% border: 0 solid; 
  margin-top: 0px;  
  margin-bottom: 10px;
  margin-right: 10px;
  padding-top: 0px;
  padding-right: 15px;  
  display: block;

  }





/* /Nav mit Links */
#body_navi
  { 
  top: 115px; 
  left: 0px;
  FLOAT: left; 
/*  background-color: #c4c5c7; */
  display: block; 
  position: absolute; 
  width: 200px; 
  height: auto 100%; 
  z-index: 100; 
  margin: 0; 
  margin-right: 0 5px; 
  padding: 0 5px; 
  border: 0px solid; 
  }
  
#nav_liste {  padding: 0px; border: 0px solid #bcbcbc; MARGIN-LEFT: 0px; MARGIN-TOP: 0px; height: auto; overflow: none; }
  
#nav_lang_kasten
  {
  padding: 0px; 
  padding-top: 10px;
  border: 0px; 
  margin: 0px; 
  height: 40px;
  width: 100%
  vertical-align: middle;
  overflow: none; 
  }
  
/* /Navigationsblock-div mit Links */
/*
#block_menu { top: 100px; line-height: 170%; font-size: 8pt; font-family: Arial, Helvetica, sans-serif; font-weight: bold;  margin: 0px; padding: 0; border-width: 0;  }
#block_menu a:link, a:visited { line-height: 180%; color: black; left: -30px; text-decoration: none;}
#block_menu a:hover { line-height: 180%; color: #d70127; left: -30px; text-decoration: underline;}
*/


#block_menu { top: 100px; line-height: 160%; font-size: 8pt; font-family: Arial, Helvetica, sans-serif; font-weight: bold;  margin: 0px; padding: 0; border-width: 0;  }
#block_menu a:link, a:visited { line-height: 160%; color: black; left: -30px; text-decoration: none;}
#block_menu a:hover { line-height: 160%; color: #d70127; left: -30px; text-decoration: underline;}





.input { font-family: Arial; font-weight: bold; font-size: 11px; border-style: dotted; border-width: 1px; height: 12px; padding-left: 5px; padding-bottom: 2px}
.menu_font { color: #df0022; font-size: 9pt; font-family: Arial; font-weight: bold; }

.nav_header { color: #df0022; font-size: 11px; font-weight: bold; vertical-align: top;  } /* Headline für navigation */

/* aha: .nav_linie { position: relative; width: 200px; height: 1px; text-align: left; border: 1px solid; border-top: solid 1px #d70127;} */
/* .nav_linie { padding: 0px; margin: 0px; width: auto; height: auto; text-align: left; padding: 0px; border: 0px solid; border-top: solid 1px #d70127;}*/
/*.nav_hr_linie { line-width: 200px; width: 200px; border-bottom-color:#d70127; border: 1px solid #d70127; border-width: 1px; border-style: 1px solid; padding:0px; margin: 0px; border-top-color: #c4c5c7; border-left-color:#c4c5c7; border-right-color:#c4c5c7; display: inline;}*/
/* #nav_linie { line-height: 50%; width: 200px; height: 1px; margin-top: 0px; margin-bottom: 0px; border-top: 1px solid #d70127; padding: 0px;} */

.nav_linie { line-height: 50%; width: 200px; height: 1px; margin-top: 0px; margin-bottom: 2px; border-top: 1px solid #d70127; padding: 0px;}




.content_linie { width: 97%; height: auto; margin-top: 5px; margin-bottom: 10px; border-bottom: 1px solid #d70127; }

.headline
  { 
  color: #d70127; 
  font-size: 10pt; 
  font-family: Arial; 
  font-weight: bold; 
  font-style: normal; 
  font-variant: normal 
  }


.linie { width: 100%; text-align: left; border: 0px; border-top: solid 1px #d70127; border-bottom: solid 1px #FFFFFF; }

/*
hr{
 border: 0px; /* Für Firefox und Opera */
/* border-top: solid 1px #d70127;
 border-bottom: solid 1px #FFFFFF; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
/*}*/


.nav { color: black; font: bold 11px Arial; text-decoration: underline; cursor: pointer; }
.nav:link { color: black; font: bold 11px Arial; text-decoration: underline; }
.nav:visited { color: black; font: bold 11px Arial; text-decoration: underline; }
.nav:hover { color: #DF0022; font: bold 11px Arial; text-decoration: none; }

.subline { color: #808080; font-size: 9px; font-family: Verdana; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; line-height: 11px;}
.subline_group { color: black; font-size: 11px; font-family: Arial; font-weight: bold; font-style: normal; font-variant: normal; text-decoration: none; }


/* Text- News-scroller auf der Startseite*/
#pscroller1	{	width: 140px; height: 110px; padding: 1px;}
#pscroller2 a {	text-decoration: none;}
.someclass {}
/* Text- News-scroller auf der Startseite = ende */




.pdf_kasten 
  {
  width: 100%; border: 1px solid #cccccc; background-color: #E8E8E8; padding: 5px;
  }











/* CMS-Editier-Button */

.cms_edit_button
  {
  top: 232px;
  left: 445px;
  background: url(/images/verl_grau_120.jpg); 
  border: solid 1px #c4c5c7; 
  width: 145px; 
  margin-left: 8px; 
  margin-right: 3px; 
  padding: 5px; 
  text-align: center; 
  z-index: 110;     
  position: absolute;
  float: left;
  }





.kopf_links_titel
  {
  top: 18px;
  left: 16px;
  position:absolute; 
  width:136px; 
  height:25px; 
  z-index:1; 
   
  color: #000000; 
  font-size: 10pt; 
  font-family: Arial; 
  font-weight: bold; 
  font-style: normal; 
  font-variant: normal  
  }



/* Formular/Button-Styles: */


.submit_button
	{

	background-color: #eeeeee;
	border-left: #7980A8 2px solid;
	border-right: #7980A8 2px solid;
	border-top: #ffffff 2px solid;
	border-bottom: #7980A8 2px solid;

	font-size: 11px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: bold;
/*	font: Arial, Helvetica, sans-serif 12px #000000 bold; so gehörts eigentlich in kurzform*/
	font-weight: bold;
	height:23;
	cursor:hand;
	cursor:pointer;
	}
	
	
	
.CBT
{
	border-right: black 2px solid;
	border-top: black 0px solid;
	font-size: 11px;
	border-left: black 0px solid;
	color: black;
	border-bottom: black 2px solid;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #cccccc;
	text-decoration: none;
	font-weight: 700;
}
.CBH
{
	border-right: black 2px solid;
	border-top: black 0px solid;
	font-size: 11px;
	border-left: black 0px solid;
	color: white;
	border-bottom: black 2px solid;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #cc0235;
	text-decoration: none;
	font-weight: 700;
}





.CBA
{
	border-right: black 2px solid;
	border-top: black 0px solid;
	font-size: 11px;
	border-left: black 0px solid;
	color: white;
	border-bottom: black 2px solid;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #cccccc;
	text-decoration: none;
	font-weight: 700;
}








.CBT_vh
{
	border-right: #ebebeb 0px solid;
	border-top: #ebebeb 0px solid;
	font-size: 11px;
	border-left: #ebebeb 0px solid;
	color: #FFFFFF;
	border-bottom: #ebebeb 0px solid;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #d70127;
	text-decoration: none;
	font-weight: 700;
}
.CBH_vh
{
	border-right: #ebebeb 1px solid;
	border-top: #ebebeb 1px solid;
	font-size: 11px;
	border-left: #ebebeb 1px solid;
	color: white;
	border-bottom: #ebebeb 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #cc0235;
	text-decoration: none;
	font-weight: 700;
}





.CBA_vh
{
	border-right: #ebebeb 1px solid;
	border-top: #ebebeb 1px solid;
	font-size: 11px;
	border-left: #ebebeb 1px solid;
	color: white;
	border-bottom: #ebebeb 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #999999;
	text-decoration: none;
	font-weight: 700;
}






.input_vh
{
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	font-size: 12px;
	border-left: #cccccc 1px solid;
	color: #000000;
	border-bottom: #cccccc 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	text-decoration: bold;
	font-weight: 100;
	height:20;

}

.input_design
{
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	font-size: 12px;
	border-left: #cccccc 1px solid;
	color: #000000;
	border-bottom: #cccccc 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	text-decoration: bold;
	font-weight: 100;
	height:20;

}


.input_textarea
{
	border-right: #cccccc 1px solid;
	border-top: #cccccc 1px solid;
	font-size: 12px;
	border-left: #cccccc 1px solid;
	color: #000000;
	border-bottom: #cccccc 1px solid;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	text-decoration: bold;
	font-weight: 100;
	height:130;
	width:280;

}



/* z.b. redaktionsbereichs-tabelle für übersicht/optionen, etc.. */



.div_suchfeld /* damit Inhalte des divs Abstand bekommen können */
	{
	padding-top: 0px;
  padding-left: 5px;
  }



.div_grau_pur
	{
	position: relative;
	top: -1px;
	z-index: 0;
	text-align: left;
	clear: both;
	width: 95%;	
	margin: 0px; /* Abstand zur nächsten Tabelle (aussen) */
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-top: 0px solid #cccccc;
  background-color: #e2e2e2;  
  }
  
  
  
  
  
.table_grau
	{
	width: 95%;	
	margin: 0px; /* Abstand zur nächsten Tabelle (aussen) */
	padding-top: 2px;
	padding-bottom: 2px;
	padding: 0px; /* Abstand innerhalb der Tabelle (innen) */
	border: 1px solid #cccccc;
  background-color: #ebebeb;
  
  }


   
  
.tr_grau /* Formatierung für Thema-Übersicht/Suche-Tabelle  -> funzt  */
	{
  	background-color: #E2E2E2;
  	border-color: #ebebeb;
  	border: 1px solid;
    }


.td_grau /* Formatierung für Thema-Übersicht/Suche-Tabelle  -> funzt  */
	{
  	background-color: #E2E2E2;
  	border-color: #ebebeb;
  	border: 0px solid #cccccc;
  	padding: 10px;
  	text-align: top;
    }


/* Formatierung für Thema-Übersicht/Suche-Tabelle  -> z.B. reifen + Rad  */
.table_druckleiste_grau
	{
	/* Formatierung der Druckleistentabelle  -> funzt  */
	width: 100%;
	height: 100%;
	margin: 0px; /* Abstand zur nächsten Tabelle (aussen) */
	padding-top: 2px;
	padding-bottom: 2px;
	padding: 1px; /* Abstand innerhalb der Tabelle (innen) */
	border: 1px solid;
  background-color: #ebebeb;
  border-color: #cccccc;
  }

.td_druckleiste_grau
	{
	border: 0px solid;
	margin: 3px; /* Abstand zur nächsten Tabelle (aussen) */
	padding: 3px;
	width: 100%;
	height: 20px;
	padding: 1px; /* Abstand innerhalb der Tabelle (innen) */
  	background-color: #cccccc;
    }

.td_blaettern_vorne
	{
	margin: 1px; /* Abstand zur nächsten Tabelle (aussen) */
	padding: 1px; /* Abstand innerhalb der Tabelle (innen) */
	height: 20px;
	border: 1px solid;
  	background-color: ;
    }
.td_blaettern_hinten
	{
	margin: 1px; /* Abstand zur nächsten Tabelle (aussen) */
	padding: 1px; /* Abstand innerhalb der Tabelle (innen) */
	width: 15%;
	height: 20px;
	border: 1px solid;
  	background-color:;
    }

.td_tab_kopf /* Tabellenkopf: Hgr=rot text=weiss */
	{
	margin: 2px; /* Abstand zur nächsten Tabelle (aussen) */
	padding: 3px; /* (cellspacing) Abstand innerhalb der Zelle (innen) */
  	background-color: #d70127;
  	color: #FFFFFF;
  	font-family: Arial, sans-serif;
  	font-size: 8pt;
  	font-weight: bold;
    }

.td_tab_content /* Tabellenkopf: Hgr=rot text=weiss */
	{
	border: 1px solid;
	margin: 2px; /* Abstand zur nächsten Tabelle (aussen) */
	padding: 3px; /* (cellspacing) Abstand innerhalb der Zelle (innen) */
    }


.table_standard_grau /* Formatierung für Thema-Übersicht/Suche-Tabelle  -> funzt  */
	{
	width: 95%;
	height: 30px;
	margin: 2px; /* Abstand zur nächsten Tabelle (aussen) */
	padding: 3px; /* Abstand innerhalb der Tabelle (innen) */
	border-width: 0px;
	border-style: solid;
	border: 1px solid;
  	background-color: #F7F7F7;
  	border-color: #E2E2E2;
    }


.table_standard_grau100 /* Formatierung für Thema-Übersicht/Suche-Tabelle  -> funzt  */
	{
	width: 100%;
	height: 30px;
	margin: 2px; /* Abstand zur nächsten Tabelle (aussen) */
	padding: 3px; /* Abstand innerhalb der Tabelle (innen) */
	border-width: 0px;
	border-style: solid;
	border: 1px solid;
  background-color: #F7F7F7;
  border-color: #E2E2E2;
  }


.table_standard_grau97 /* Formatierung für Thema-Übersicht/Suche-Tabelle  -> funzt  */
	{
	width: 97%;
	height: 30px;
	margin: 2px; /* Abstand zur nächsten Tabelle (aussen) */
	padding: 3px; /* Abstand innerhalb der Tabelle (innen) */
	border-width: 0px;
	border-style: solid;
	border: 1px solid;
  background-color: #F7F7F7;
  border-color: #E2E2E2;
  }

.tr_standard_grau /* Formatierung für Thema-Übersicht/Suche-Tabelle  -> funzt  */
	{
  	background-color: #E2E2E2;
  	border-color: #ebebeb;
  	border: 1px solid;
    }


.td_standard /* Formatierung für Thema-Übersicht/Suche-Tabelle  -> funzt  */
	{
	margin: 2px; /* Abstand zur nächsten Tabelle (aussen) */
	padding: 3px; /* Abstand innerhalb der Tabelle (innen) */
  	background-color: #E2E2E2;
  	border-color: #ebebeb;
  	border: 1px solid;
    }


.td_druckleiste_grau
  {
  background-color:#CCCCCC;
  background-image:url(/images/verl_grau.gif);
  border: 0 solid;
  height: 20px;
  margin: 3px;
  padding: 1px;
  width: 100%;
  }