@charset "utf-8";

/*================================================================================================>
INHALTSVERZEICHNIS ===============================================================================>
/*================================================================================================>

				1. 	ALLGEMEINE DEFINITIONEN
					1.1	Listen 
					1.2 Tabellen
					1.3 Links
				
				2. 	SCREEN DESIGN
					2.1 Header
					2.2 Drei Spalten
						2.2.1 	Mittlere Spalte
						2.2.2 	Linke Spalte
						2.2.3	Rechte Spalte
					2.3	Footer
				
				3. NAVIGATION
					3.1 Haupnavigation horizontal
					3.2 Navigation vertikal
				
				4. FORMULARE

/*================================================================================================>
==================================================================================================>
/*===============================================================================================*/



/* ===============================================================
1. ALLGEMEINE DEFINITIONEN
=============================================================== */

body {padding:0px; margin:0px; font-family: Geneva, Arial, Helvetica, Verdana, sans-serif; font-size: 12px; color: #000;}
 
p {padding: 0px; margin: 7px 0px;}

h1 {background: url(/~/media/7775447443704C6892664EB595C35409.ashx) bottom no-repeat; color: #dc002e; margin: 0px 0px 10px 0px; font-size: 16px;}
h2 {background: url(/~/media/7775447443704C6892664EB595C35409.ashx) bottom no-repeat; color: #dc002e; margin: 0px 0px 8px 0px; font-size: 15px;}
h3 {background: url(/~/media/CCB4D04D25AE4E61851DF504D145D465.ashx) bottom left no-repeat; font-size: 14px; color: #dc002e; margin: 15px 0px 9px 0px;}
h4 {font-size: 13px; color: #000; margin: 15px 0px 8px 0px; font-weight:bold;}
h5 /*grau hinterlegt wie Tabellenköpfe */ {background-color: #a3acb2;font-weight: bold; color: #FFF; text-align: left; text-transform: uppercase; border: none; padding: 3px; font-size: 12px;}

address {font-size: 12px; font-style: normal; margin: 5px 0px;}	
hr {border-top: 1px dotted #dc002e;}

	
/* =======
1.1 Listen 
======= */ 
ul {margin: 0px; margin-left: 15px; padding: 0px; padding-bottom: 10px;}
li {list-style-image: url(/~/media/25C7DC0CDF424C57AE46CDDFD4041AB9.ashx);}


/* =========
1.2 Tabellen 
========= */ 
table {background-color: #fbfbfb; border: none; margin: 20px 0px;}
th	{background-color: #a3acb2; font-weight: bold; color: #FFF; text-align: left; text-transform: uppercase; border: none; padding: 3px;}
tr {}
td {font-size: 10px; border: none; border-bottom: 1px dotted #444; padding: 2px;}	
td p {padding: 0px; margin: 0px;}
td.grauespalte {background-color: #eee; width: 150px; vertical-align: top; font-weight: bold;}
table ul {padding:0;}

table.noformat * {background-color: #fff; border: none; font-size: 12px; margin:0; padding: 0; vertical-align: top;}

/* Formatierungen für Microsoft Produktbeschreibungen */
#microsoft {font-size: 10px;}
#microsoft strong {font-size:11px;}
#microsoft p {margin-bottom: 13px;}
#microsoft ul {padding-bottom: 0;}
#microsoft table {padding: 5px 0 10px 0;}
#microsoft table td.ifwi {background-color: #004268; color: #fff;}
#microsoft table tr td.ifwi li {list-style-image:none;}

/* ==========
1.3 Links (a) 
========== */ 	

/* ---- Text Links ---- */
a, a:link		    { color: #dc002e; text-decoration: none; }
a:visited           { color: #dc002e; text-decoration: none; }
a:hover, a:focus 	{ color: #999999; text-decoration: none; }
a:active   			{ color: #dc002e; text-decoration: none; }


/* ---- Links nicht in Text (#breadcrumb, #footer,  etc.  ---- */
#breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:active, #footer a, #footer a:link, #footer a:visited, #footer a:active, 
a.LinkMitDreieck, a.LinkMitDreieck:link, a.LinkMitDreieck:visited, a.LinkMitDreieck:active,
table.lehrgaenge a, table.lehrgaenge a:link, table.lehrgaenge a:visited, table.lehrgaenge a:active   {
	color: #000;
	}

#breadcrumb a:hover, #breadcrumb a:focus, #breadcrumb a.current, #footer a:hover, #breadcrumb a:focus, a.LinkMitDreieck:hover, a.LinkMitDreieck:focus,
table.lehrgaenge a:hover, table.lehrgaenge a:focus {
	color: #dc002e; text-decoration: none; 
	}

/* Links in Navigationen -> Kap. 3.2 */

/* ---- Dokument-Links ---- */
a.contentLinkPDF, a[href$='.pdf'] {background: url(/~/media/F5EAFA0A63C24192B97C767CFF4E59F2.ashx) center left no-repeat; padding-left:20px; line-height:16px;}
a.contentLinkWord, a[href$='.doc'], a[href$='.docx'] {background: url(/~/media/6BC5E63C9AD54E31A19F76CE71AAD9B4.ashx) center left no-repeat; padding-left:20px; line-height:16px;}
a.LinkMitDreieck {background: left url(/~/media/25C7DC0CDF424C57AE46CDDFD4041AB9.ashx) no-repeat; padding-left: 10px;}
a.LinkMitDreieckRot {background: left url(/~/media/25C7DC0CDF424C57AE46CDDFD4041AB9.ashx) no-repeat; padding-left: 10px;}
a img {border: none;}
	
	
	
/* ===============================================================
2. SCREEN DESIGN (DIVs) 
=============================================================== */

#block {    /*-- umschliesst #header, #wrapper & #footer -- */
	width: 1034px; margin: auto; margin-top: 10px; background: url(/~/media/4CEAA75E1B7A4A24BB464674EF8771D3.ashx) center repeat-y; z-index: 0;}

/* =======
2.1 Header 
======= */ 
#header_border {background: url(/~/media/47B9926E9CCF44EF8776D3131174F22D.ashx) top no-repeat;}
#header {margin: 0px 17px; width: 1000px; height:93px; background: right url(/~/media/FF3D9ABD29434014B9064138169F118D.ashx) no-repeat; padding-top: 6px;}	
#standortnavigation {margin-left: 5px;}

#navi_top {   /*----weitere Definitionen in Kap. 3.1----*/
	background: url(/~/media/4EE8CA82717543058AF507304A788FF3.ashx) left no-repeat; width: 800px; height: 64px;}

/* ==== SUCHE ==== */
#search {position: relative;top: 23px; margin-left: 540px; line-height: 0;}
input.search_input {width: 125px; height: 17px; border: 1px dotted #000; display: inline; margin: 0; vertical-align: middle;}
input.search_button {width: 45px; text-align: center; height: 19px; border: 1px solid #000; margin-right: 3px; font-size: 10px; background-color: #FFF; display: inline; margin: 0px; cursor: pointer; vertical-align: middle; padding:0;}

table.search {width: 100%;}
table.search tbody tr td strong {background: left url(/~/media/25C7DC0CDF424C57AE46CDDFD4041AB9.ashx) no-repeat; padding-left: 10px; font-size:11px;}
table.search tbody tr td {padding: 3px; margin:0;}

#breadcrumb {background: url(/~/media/7FC784BB4F1F4944925EF6DF96FBDBF4.ashx) center no-repeat; height: 29px; width: 808px;}
#breadcrumb p {font-size: 9px; margin-left: 5px; display: inline; line-height: 2;}


/* =============
2.2 Drei Spalten 
============= */
#wrapper {   /*--- beinhaltet die 3 Spalten ---*/
	position:relative; width: 1000px; height: auto; margin: 0px 17px;}

/* ==================
2.2.1 Mittlere Spalte */ 
#column_center {min-height: 682px; height: auto !important; height: 620px; margin:0px 200px 0px 190px;}

/*
#print {
	text-align: right;	
	}
*/

#content {padding: 0px 70px 0px 20px;}

/* ===============
2.2.2 Linke Spalte  */ 
#column_left {position:absolute; top:0px; left:0px; width:202px; margin-top: 0px; }
 
#navi_left {	/*--- weitere Definitionen in Kap. 3.2 ---*/	
	padding-top: 17px;}
#contact {font-size: 10px; margin-left: 5px; padding: 15px 0px;}

/* ================
2.2.3 Rechte Spalte */ 
#column_right {position:absolute; top:-9px; right:17px; width:175px; margin-top: 29px;}


/* ===== Newsboxen ===== */	
#icons {margin-bottom: 4px;}

div.newsbox {border: 1px dotted #999; background-color: #fbfbfb; padding: 0px 8px; margin-bottom: 10px; font-size: 11px;}
p.newsbox_title {font-family: Verdana, Arial, Helvetica, sans-serif; margin:0px; padding: 8px 0px 3px 0px; font-weight: bold; color: #dc002e; border-bottom: 1px dotted #D2D8DD;}
p.newsbox_text {margin:0px; padding: 5px 0px 8px 0px;}
#allnews {text-align: right; font-size: 11px;}


/* =======
2.3 Footer 
======= */ 
#footer {margin-top: 37px; width: 1034px; height: 37px; background: url(/~/media/09DABD6DFD4F44AEAD42ADAB2E0C46E6.ashx) center no-repeat; font-size: 9px;}
#footer_left {float: left; margin-left: 22px;}
#footer_right {float: right; margin-right: 34px;}
#footer p {font-size: 9px; display: inline; line-height: 2;}


/* ===============================================================
3. NAVIGATIONEN
=============================================================== */ 

/* ================================
3.1 Hauptnavigation horizontal oben 
================================ */

/*** ESSENTIAL STYLES ***/
#topnavigation {margin-left: 0px;}
#top_navigation, #top_navigation * {margin:0; padding:0; list-style:none; z-index: 99;}
#top_navigation {position: relative; top: 25px; left: 5px; line-height:1.0;}
#top_navigation ul {height: 15px; position:absolute; top:-999em;
	width:10em; /* left offset of submenus need to match (see below) */
	border-top: 1px solid #e7e7e7;}
#top_navigation ul li {width:100%;}
#top_navigation li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
#top_navigation li {float:left; position:relative; }
#top_navigation li.first a {padding-left: 1px;}
#top_navigation a {display:block; position:relative;}
#top_navigation li:hover ul,
#top_navigation li.sfHover ul {background-color: #fff; left:0;
	top:			15px; /* match top ul list item height ==> #top_navigation ul: height */
	z-index:		99;}


/*** WISS SKIN ***/
#top_navigation {float: left; margin-bottom:	1em;}
#top_navigation a {padding:0.1em 1em; text-decoration:none;}
#top_navigation a.first {padding-left: 0px;}
#top_navigation a, #top_navigation a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:#000;}
#top_navigation li {border-right: 1px dotted #000; background: #FFF;}
#top_navigation li li {background: #fff url(/~/media/25C7DC0CDF424C57AE46CDDFD4041AB9.ashx) left no-repeat; border: 1px solid #e7e7e7; border-top: none; height: 1.4em; padding: 0.2em 0em; line-height: 1.4em;}
#top_navigation li:hover, #top_navigation li.sfHover,
#top_navigation a:focus, #top_navigation a:hover, #top_navigation a:active {outline:0; color: #dc002e; background-color: #fff;}
#top_navigation li li a:hover {background: #fff url(/~/media/25C7DC0CDF424C57AE46CDDFD4041AB9.ashx) left no-repeat;}


/* ==========================
3.2 Navigation vertikal links 
========================== */
ul#left_navigation  {list-style-type:none; margin: 0; margin-top: 3px; padding: 0; width: 190px;}
ul#left_navigation ul { margin: 0px; margin-top: 3px; padding: 0px 22px;}
ul#left_navigation a {display: block; text-decoration: none; font-size: 11px; text-indent: 3px;}
ul#left_navigation li {margin-bottom: 3px; list-style-image: none;}
ul#left_navigation li a {background: #dc002e; color: #fff;	 padding: 0.2em; text-transform: uppercase; font-weight: bold;}
ul#left_navigation li a:hover {background: #a3acb2;}
ul#left_navigation li ul li {list-style-image: url(/~/media/EB1D507BE20540389287FB796FE21082.ashx);}
ul#left_navigation li ul li a {background: none; color: #000; text-transform: none; font-weight: normal; font-size: 11px; line-height: 12px; text-indent: 0px; width:100%; /*text-indent: 3px\9*/}
ul#left_navigation li ul li a:hover, ul#left_navigation li ul li a.current {background: none; color: #dc002e;}

/* ==== Links & Link-Pseudoklassen für #standortnavigation, @navi_left  ==== */
#left_navigation a  {color: #FFF;}
#standortnavigation a, #standortnavigation a:link, #standortnavigation a:visited, #standortnavigation a:active {color: #dc002e;}
#standortnavigation a:hover, #standortnavigation a:focus {color: #999;}
	
/* ===============================================================
4. FORMULARE
=============================================================== */ 

table.form {width: 100%;}
.form td.formlabel {width: 150px;}

fieldset {border: 1px solid #ccc; margin: 26px 0px; padding: 0px 10px;}
legend {font-weight: bold; padding: 0 2px; background-color: #FFF;}
input {display: inline; border: 1px solid #dc002e; width:196px; margin: 2px 0px;}
input.radio {display: inline; border: none; vertical-align: middle;}
textarea {width: 95%; height: 50px; margin: 2px 0;}
input.submit {background-color: #dc002e; color: #fff; font-weight: bold; cursor: pointer; margin: 10px 0;}
select {display: block; margin: 5px 0px;  border: 1px solid #dc002e;}

#hinweis {border: 1px dotted #dc002e; background-color: #fbfbfb; margin: 20px 12px; padding: 5px;  }
#hinweis table {margin: 5px;}
#hinweis table td {border:none; font-size:12px; width: auto;}

table.form span.notValid {color:#dc002e; text-transform:uppercase;}