/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en  */
/* Layout-unabhängige Anpassungen -------------------------*/
@import url(patch_style.css); /* Box Modell Korrekturen */

html, body { height:100% }

body {  font-family:  Tahoma,Arial,Helvetica, sans-serif;
	font-size: 70%;
	line-height: 18px;
	color: #030303;
	padding: 0;
	margin: 0;		
}

a {color: #030303;}
a:visited {color:#030303;}
a:hover {color: #e2001a;}
a:active { color:#e2001a;}


h1 { font-size: 110%; color: #e2001a; padding: 0; margin: 0 0 6px 0; }
h2 { font-size: 100%; padding: 0; margin: 1px 0 5px 0; }
h3 { font-size: 120%; color: #889dac; padding: 0; margin: 0 0 12px 0; line-height: 24px; }
h4 { font-size: 100%; padding: 0; margin: 1px 0 0 0; }


/* --------------------------------------------------------------------
	Typo3 CSS Layout Korrekturen
----------------------------------------------------------------------- */
DIV.csc1-textpic-right DIV.csc-textpic-text { clear: none;  }
DIV.csc1-textpic-left DIV.csc-textpic-text { clear: none; }
DIV.csc-textpic-clear { clear: none; }
UL.csc-menu { padding-left: 15px; margin-left: 0px;}
table.csc-frame-frame1 {
	border-width: 1px;
	border-spacing: ;
	border-style: solid;
	border-color: #333333;
	border-collapse: collapse;
	margin-top: 12px;
}
table.csc-frame-frame1 th {
	border-width: 1px;
	padding: 4px;
	padding-right: 20px;
	border-style: solid;
	border-color: #333333;
	font:  12px  Arial,Helvetica,sans-serif; 
	color:#333333;
	text-align: left; 
	font-weight: bold;
}
table.csc-frame-frame1 td {
	border-width: 1px;
	padding: 2px;
	padding-left: 4px;
	padding-right: 20px;
	border-style: solid;
	border-color: #333333;
	font:  12px  Arial,Helvetica,sans-serif; 
	text-align: left; 
}

tr.tform_required {
	border-width: 1px;
	border-style: solid;
	border-color: #333333;
  background: #ffdddd;	
}


/* --------------------------------------------------------------------
	container - zentriert das layout /* text-align:center; text-align:left;
----------------------------------------------------------------------- */
#container { 
	width: 996px;
	margin: 0 auto;
	padding: 0;
	background-color: #fff;
}

.clr-left { overflow: hidden; clear: left; }
.clr-right { overflow: hidden; clear: right; }


/* --------------------------------------------------------------------
 	Logo + TOP Navigation 
----------------------------------------------------------------------- */
#banner { margin-left: 12px; padding: 10px 12px 0 0; height: 72px; }
.logo { padding: 0 21px 0 50px; }

#suche { font-weight: bold; margin: 16px 12px 0 0; padding: 0; height: 20px; }
.suchfeld { margin: 0 10px 0 8px; height: 12px; vertical-align: middle; }

.separee { color: #889dac; margin: 0 10px 0; }

#langue { float: right; margin: 0; color: #889dac; }
a.langue:link		{ font-weight: bold; }
a.langue:visited	{ font-weight: bold; }
a.langue:hover		{ font-weight: bold; }
a.langue :active	{ font-weight: bold; }
a.langue_selected	{ font-weight: bold; color: #e2001a; }

#topnavi { float: right; margin: 17px 0 3px; color: #889dac; }
a.topnavi:link		{ text-decoration: none; font-weight: bold; }
a.topnavi:visited	{ text-decoration: none; font-weight: bold; }
a.topnavi:hover		{ text-decoration: none; font-weight: bold; }
a.topnavi:active	{ text-decoration: none; font-weight: bold; }
a.topnavi_selected	{ text-decoration: none; font-weight: bold; color: #e2001a; }

/* --------------------------------------------------------------------
	Navigation left  border: dashed 1px #FF6600; 
----------------------------------------------------------------------- */
div#menu {	background: url(../images/nav_back.gif) no-repeat;  background-position: top;
	float: left; 
	line-height: 15px;
	width: 193px;
	margin: 0;
	padding: 0;
}

/* Fuer eine erste Ebene */	
ul#navigation { list-style-type: none; margin: 21px 0 15px 6px; padding: 0; }

ul#navigation li a,
ul#navigation li a:link  { font-weight: bold; text-decoration: none; 
background-image: url(../images/b_nav.gif); background-repeat: no-repeat; background-position: 0.5em; padding-left: 23px; margin: 5px 0; display: block; }

ul#navigation li a:hover, 
ul#navigation li a:focus, 
ul#navigation li a:active	{	color: #e2001a; background-image: url(../images/b_nav_a.gif); background-repeat: no-repeat;	}

ul#navigation li span.aktiv, 
ul#navigation li a.activ 	{	color: #e2001a; background-image: url(../images/b_nav_a.gif); background-repeat: no-repeat;	}


/* Fuer eine zweite Ebene */
ul#navigation ul#hauptnavigation li { list-style-type: none; }
ul#navigation ul#hauptnavigation li a {font-weight: normal; margin: 0 0 0 -16px; padding: 1px 0 0 11px; background-image: url(../images/transp.gif); background-repeat: no-repeat; border-top: 1px dotted #d4d4d4;}

ul#navigation ul#hauptnavigation li a:hover, 
ul#navigation ul#hauptnavigation li a:focus, 
ul#navigation ul#hauptnavigation li a:active { color: #e2001a; margin: 0 0 0 -16px; padding: 1px 0 0 11px; background-image: url(../images/b_nav2_a.gif); background-repeat: no-repeat; background-position: -10px 0%; }

ul#navigation ul#hauptnavigation li span.aktiv, 
ul#navigation ul#hauptnavigation li a.aktiv  { color: #e2001a; margin: 0 0 0 -16px; padding: 1px 0 0 11px; background-image: url(../images/b_nav2_a.gif); background-repeat: no-repeat; background-position: -10px  0%; }

ul#navigation ul#hauptnavigation li.last a,  
ul#navigation ul#hauptnavigation li.last span.aktiv {  border-bottom: 1px dotted #d4d4d4; }


/* Fuer eine dritte Ebene */
ul#navigation ul#hauptnavigation ul li   { list-style-type: none;  background-image: url(../images/transp.gif); background-repeat: no-repeat; }

ul#navigation ul#hauptnavigation ul li a, 
ul#navigation ul#hauptnavigation ul li span { margin: 0 0 0 -48px; padding: 1px 0 2px 11px; border-top: 1px dotted #fff; border-bottom: 1px dotted #fff;  background-image: url(../images/transp.gif); background-repeat: no-repeat;}

ul#navigation ul#hauptnavigation ul li a:hover, 
ul#navigation ul#hauptnavigation ul li a:focus  
ul#navigation ul#hauptnavigation ul li a:active { margin: 0 0 0 -48px; padding: 1px 0 2px 11px; background-image: url(../images/transp.gif); background-repeat: no-repeat; }

ul#navigation ul#hauptnavigation ul li span.aktiv, 
ul#navigation ul#hauptnavigation ul li a.aktiv { margin: 0 0 0 -48px; padding: 1px 0 2px 11px; background-image: url(../images/transp.gif); background-repeat: no-repeat; border-bottom: 1px dotted #fff; }


/* Fuer eine vierte Ebene */
ul#navigation ul#hauptnavigation ul li ul li a, 
ul#navigation ul#hauptnavigation ul li ul li span { margin: 0 0 0 -77px;  padding: 0 0 0 8px; background: #fcf6f6; border-top: 1px dotted #e2001a; }

ul#navigation ul#hauptnavigation ul li ul li a:hover, 
ul#navigation ul#hauptnavigation ul li ul li a:focus 
ul#navigation ul#hauptnavigation ul li ul li a:active  { margin: 0 0 0 -77px;  padding: 0 0 0 8px; background: #f3e7e7; }

ul#navigation ul#hauptnavigation ul li ul li span.aktiv, 
ul#navigation ul#hauptnavigation ul li ul li a.aktiv { margin: 0 0 0 -77px;  padding: 0 0 0 8px; background: #f3e7e7;  border-top: 1px dotted #e2001a; }

ul#navigation ul#hauptnavigation ul li ul li.last a,  
ul#navigation ul#hauptnavigation ul li ul li.last span.aktiv { border-bottom: 1px dotted #e2001a; }


/* Fuer eine fünfte Ebene */
ul#navigation ul#hauptnavigation ul li ul li ul li a, 
ul#navigation ul#hauptnavigation ul li ul li ul li span { margin: 0 0 0 -117px;  padding: 0 0 0 16px; background: #d9e3e8; border-top: 1px dotted #000; }

ul#navigation ul#hauptnavigation ul li ul li ul li a:hover, 
ul#navigation ul#hauptnavigation ul li ul li ul li a:focus, 
ul#navigation ul#hauptnavigation ul li ul li ul li a:active  { margin: 0 0 0 -117px;  padding: 0 0 0 16px; background: #ebf1f4; }

ul#navigation ul#hauptnavigation ul li ul li ul li span.aktiv, 
ul#navigation ul#hauptnavigation ul li ul li ul li a.aktiv { margin: 0 0 0 -117px;  padding: 0 0 0 16px; background: #ebf1f4; border-top: 1px dotted #000; }

ul#navigation ul#hauptnavigation ul li ul li ul li.last a,  
ul#navigation ul#hauptnavigation ul li ul li ul li.last span.aktiv { border-bottom: 1px dotted #000; }


/* Fuer eine sechste Ebene */
ul#navigation ul#hauptnavigation ul li ul li ul li ul li  { font-style: italic; color: #666; white-space: nowrap; }

ul#navigation ul#hauptnavigation ul li ul li ul li ul li a, 
ul#navigation ul#hauptnavigation ul li ul li ul li ul li span { margin: 1px 0 0 -157px; padding: 0 0 0 22px; background: #fff; border-top: 1px dotted #fff; border-bottom: 1px dotted #fff; color: #555; width:100%; }

ul#navigation ul#hauptnavigation ul li ul li ul li ul li a:hover, 
ul#navigation ul#hauptnavigation ul li ul li ul li ul li a:focus, 
ul#navigation ul#hauptnavigation ul li ul li ul li ul li a:active  { margin: 1px 0 0 -157px; padding: 0 0 0 22px; background: #fff;  border-top: 1px dotted #fff; }

ul#navigation ul#hauptnavigation ul li ul li ul li ul li span.aktiv, 
ul#navigation ul#hauptnavigation ul li ul li ul li ul li a.aktiv { margin: 1px 0 0 -157px; padding: 0 0 0 22px; background: #fff; border-top: 1px dotted #fff; }

/* --------------------------------------------------------------------
 	Inhalt - all definiert Hintergrund Bildhöhe / Inhalt	 	  
----------------------------------------------------------------------- */

#content_all { background: url(../images/back.gif) no-repeat; background-position: top left;
	width: 996px;
	padding: 0;
	margin: 0px;
	min-height: 487px;
	height: auto !important;
	height: 487px;
}

#content { width: 796px; padding: 0; margin: 0 0 0 197px;}

#rubrik { border: solid 6px #eff3f7; height: 166px; width: 782px;  }

#inhalt	{ background: url(../images/back_inhalt.gif) repeat; background-position: top;
	min-height: 266px;
	height: auto !important;
	height: 266px;
	padding: 20px 25px;
	margin: 3px 0 0 0;
	width: 548px;
}

#inhalt3	{ 
	min-height: 266px;
	height: auto !important;
	height: 266px;
	padding: 20px 25px;
	margin: 3px 0 0 0;
	width: 718px;
}

#inhalt2    { background-image: url(../images/back_inhalt2.gif); background-repeat: repeat; background-position: top;
    padding: 20px 25px;
    margin: 3px 0 0 0;
    width: 718px;    
}


#tag_norm  { margin: 0;  padding: 3px 0; }
#tag_t  { margin: 0;  padding: 3px 0; border-top: 1px dotted #e2001a; border-bottom: 1px dotted #e2001a; }
#box_p	{ padding: 0; margin: 0; }
#box_pict	{ float: right; padding: 16px 200px 0 0; margin: 0; }
#box_left	{ padding: 0; margin: 0 0 0 40px; }
#box_right	{ float: right; background: url(../images/line_vertico.gif) no-repeat; background-position: left; padding: 0 0 0 120px; margin: 0 40px 0 0; }
.nowrap  {white-space: nowrap;}

/* --------------------------------------------------------------------
	News
----------------------------------------------------------------------- */

#newscontainer	{ float: right; padding: 20px 10px; margin: 3px 0; width: 170px; }

.news	{ margin: 0 0 10px 0; padding: 0; display: block; }
.newsbreak	{ height: 8px; display: block;}

/* --------------------------------------------------------------------
	Footer
----------------------------------------------------------------------- */

#footer	{ 	clear: both; background: url(../images/footer.gif) no-repeat;
			background-position: top left; 
			width: 994px;
			font-size: 85%;
			line-height: 20px;
			color: #e2001a;
			padding: 0;
			margin: 3px 0 0 0;
}
	
/* --------------------------------------------------------------------
	Copyright + Impressum
----------------------------------------------------------------------- */

.copyright { padding: 0 6px 0 12px; color: #889dac; letter-spacing: 0.1em; }

#impressum { float: right; padding: 0 12px; text-decoration: none; letter-spacing: 0.1em; }
a.impressum:link 	{ color: #889dac; }
a.impressum:visited { color: #889dac; }
a.impressum:hover 	{ color: #e2001a; }
a.impressum:active 	{ color: #e2001a; }
.selected { color: #e2001a; text-decoration: underline; }

.black11 { line-height: 14px; margin: 0; padding: 3px 3px 0; }
.red12 	 { font-size: 110%; color: #e2001a; font-weight: bold; margin: 0 5px 0 0; padding: 0; }


/* --------------------------------------------------------------------
	Changes 12.10.2009 / Umbruch Navigaiton
----------------------------------------------------------------------- */
/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {
     content: ".";
    display: block;
    font-size:0;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Diese Angabe benötigt der Safari-Browser zwingend !! */
.clearfix { display: block; }

/* Overflow-Methode zum Clearen der Float-Umgebungen */
.floatbox { overflow:hidden; }

/* IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
#ie_clearing { display: none; }

 /* Above */
#csc-textpic-above { clear: both; }
#csc-textpic-text { clear: both; }