/* ====================================== 
   1. Kalibrierung und allgemeine Styles 
   ====================================== */

/* Kalibrierung der wichtigsten Abst�nde */

*  { padding: 0; margin: 0; _behavior: url(/iepngfix.htc);border:0 none; list-style-type:none; }
* html div {height: 1%;}


::-moz-selection{ /* Firefox */  
    background:#cc6045;  
    color:#fff;  
 }  

/* Allgemeine Selektoren */

html, body {
height: 101%;
}
body { /* Das HTML-Element mit dem Namen body */ 
   color: #fff; /* Schriftfarbe */
   background-color:#24252c;
   font-family: "Lucida Grande",Tahoma,Verdana,serif; 
   font-size: 11px; /* Schriftgr��e */
   line-height: 15px;

} 

h1 				{ font-size: 14px }
h2				{ font-size: 14px }
h3				{ font-size: 12px }
h4				{ font-size: 16px; color:#75dd10; }


a { text-decoration: underline;} 
a:link { color: #515151; } 
a:visited { color: #515151; }
a:hover, 
a:focus, a:active  {
	color:#b92500;
	text-decoration:underline;
}

a img {
  border: 0 none;

}

img {
  border: 0 none;

}



/* HINTERGRUND-FARBEN */
.bgc_lgrey		{ background-color: #F1F1F1 }
.bgc_sgrey		{ background-color: #FAFAFA }
.bgc_dgrey		{ background-color: #666 }
/* .bgc_sand		{ background-color: #FFFBE0 } */
.bgc_sand		{ background-color: #FFFBE7 }
.bgc_white		{ background-color: #FFF }
.bgc_lblack		{ background-color: #333 }
.bgc_black		{ background-color: #000 }
.bgc_rose		{ background-color: #f6e4e0 }
.bgc_syellow 		{ background-color: #FFFBE7 }
.bgc_red 		{ background-color: #b92500 }
.bgc_lred 		{ background-color: #FEA2AC }
.bgc_lred2 		{ background-color: #FDC8CE }
.bgc_blue		{ background-color: #0099EE }
.bgc_lgreen		{ background-color: #f4ffe8 }
.bgc_green		{ background-color: #75dd10 }
.bgc_dblue		{ background-color: #018EC9 }
.bgc_blog		{ background-color: #24282b }

/* TEXT-FARBEN */
.tc_white		{ color: #FFF }
.tc_lgrey		{ color: #888 }
.tc_dgrey		{ color: #666 }
.tc_sgrey		{ color: #C0C0C0 }
.tc_turkey		{ color: #549694 }
.tc_senf		{ color: #BFA11E }
.tc_brown		{ color: #BD7924 }
.tc_rose		{ color: #EF472C }
.tc_drose		{ color: #F29080 }
.tc_red		{ color: #b92500 }
.tc_lila		{ color: #BE4994 }
.tc_red		{ color: #C00 }
.tc_blue		{ color: #0099EE }
.tc_dblue		{ color: #018EC9 }
.male			{ color: #0099EE }
.female { color:#FE00D1 }

/* TEXT FORMATIERUNGEN */
.bold			{ font-weight: bold }
.italic		{ font-style: italic }
.ta_j			{ text-align: justify }
.ta_center		{ text-align: center }
.ta_left		{ text-align: left }
.ta_right		{ text-align: right }
.ta_vers {	text-transform:uppercase;}

/* SCHRIFTARTEN */
.ff_helvetica		{ font-family: Helvetica,sans-serif }
.ff_verdana		{ font-family: Verdana,sans-serif }
.ff_geneva		{ font-family: Geneva,sans-serif }
.ff_arial		{ font-family: Arial,sans-serif }
.ff_trebuchet		{ font-family: "Trebuchet MS",sans-serif }
.ff_lucida		{ font-family: "Lucida Grande",sans-serif }


/* TEXT GROESSE */
.fs_9			{ font-size: 9px }	
.fs_10			{ font-size: 10px }	
.fs_11			{ font-size: 11px }	
.fs_12			{ font-size: 12px; line-height: 19.2px; }				
.fs_13			{ font-size: 13px }				
.fs_14			{ font-size: 14px }				
.fs_15			{ font-size: 15px }				
.fs_16			{ font-size: 16px }
.fs_24			{ font-size: 24px }		

/* LINE-SPACING */
.lh_11			{ line-height: 11px }		
.lh_12			{ line-height: 12px }						
.lh_13			{ line-height: 13px }						
.lh_14			{ line-height: 14px }						
.lh_15			{ line-height: 15px }						
.lh_16			{ line-height: 16px }						
.lh_17			{ line-height: 17px }						
.lh_18			{ line-height: 18px }	
.lh_23 {
line-height:23px;
}
				
/* HINTERGRUENDE */
.grad_bg_1		{ background-image: url(/images/grey_bg.png); background-repeat: repeat-x; background-position: bottom }
.grad_bg_2		{ background-image: url(/images/lred_bg.png); background-repeat: repeat-x; background-position: bottom }	
.grad_bg_3		{ background-image: url(/images/dred_bg.png); background-repeat: repeat-x; background-position: bottom }	

/* TRANSPARENZEN */
.opacity_50		{ opacity: 0.5; filter: alpha(opacity=50) }
.opacity_60		{ opacity: 0.6; filter: alpha(opacity=60) }
.opacity_65		{ opacity: 0.65; filter: alpha(opacity=65)}
.opacity_70		{ opacity: 0.7; filter: alpha(opacity=70) }
.opacity_80		{ opacity: 0.8; filter: alpha(opacity=80) }

/* ANZEIGE */
.dpl_none		{ display: none }
.dpl_block		{ display: block }
.dpl_hidden		{ visibility: hidden }
.ofl_hidden		{ overflow: hidden }
.ofl_scroll		{ overflow: scroll }
.ofl_visible		{ overflow: visible }
.op_box		{ opacity: 0; filter: alpha(opacity=0); cursor: pointer }
.op_box:hover		{ opacity: 1; filter: alpha(opacity=100); cursor: pointer }

/* RAHMEN */
.b_all 		{ border: 1px solid }
.b_top 		{ border-top: 1px solid }
.b_bottom		{ border-bottom: 1px solid }
.b_left		{ border-left: 1px solid }
.b_right		{ border-right: 1px solid }

/* RAHMEN-FARBEN */
.bc_sgrey		{ border-color: #E5E5E5 }
.bc_lgrey		{ border-color: #D7D7D7 }
.bc_dgrey		{ border-color: #C0C0C0 }
.bc_white		{ border-color: #FFF }
.bc_turkey		{ border-color: #549694 }
.bc_senf		{ border-color: #BFA11E }
.bc_brown		{ border-color: #BD7924 }
.bc_rose		{ border-color: #F29080 }
.bc_lila		{ border-color: #BE4994 }
.bc_sand		{ border-color: #FFFBE0 }
.bc_greengrey		{ border-color: #2E926D }
.bc_blue		{ border-color: #0099EE }
.bc_red 		{ border-color: #b92500 }
.bc_dred 		{ border-color: #8c1900 }
.bc_green		{ border-color: #75dd10 }
.bc_dblue		{ border-color: #018EC9 }


/* RAHMEN-ST�RKE */
.bw_1			{ border-width: 1px }
.bw_2			{ border-width: 2px }
.bw_3			{ border-width: 3px }
.bw_4			{ border-width: 4px }
.bw_5			{ border-width: 5px;}

/* RAHMEN-STILE */
.bs_dotted		{ border-style: dotted }
.bs_dashed		{ border-style: dashed }

/* RAHMEN-RADIEN */
.rounded_white 	{ -webkit-border-radius: 5px; -moz-border-radius: 5px }  
.rounded_grey		{ -webkit-border-radius: 5px; -moz-border-radius: 5px }  


/* AUSSEN-ABST�NDE */
.m_none			{ margin: 0 }
.m_auto			{ margin: auto }

.m_all_1		{ margin: 1px; }
.m_all_5		{ margin: 5px }
.m_all_10		{ margin: 10px }
.m_all_15		{ margin: 15px }
.m_all_20		{ margin: 20px }

.m_left_5		{ margin-left: 5px }
.m_left_10		{ margin-left: 10px }
.m_left_15		{ margin-left: 15px }
.m_left_20		{ margin-left: 20px }
.m_left_70		{ margin-left: 70px }

.m_right_5		{ margin-right: 5px }
.m_right_10		{ margin-right: 10px }
.m_right_15		{ margin-right: 15px }
.m_right_20		{ margin-right: 20px }

.m_top_1		{ margin-top: 1px }
.m_top_2		{ margin-top: 2px }
.m_top_5		{ margin-top: 5px }
.m_top_10		{ margin-top: 10px }
.m_top_15		{ margin-top: 15px }
.m_top_20		{ margin-top: 20px }

.m_bottom_1		{ margin-bottom: 1px }
.m_bottom_5		{ margin-bottom: 5px }
.m_bottom_10	{ margin-bottom: 10px }
.m_bottom_12	{ margin-bottom: 12px }
.m_bottom_15	{ margin-bottom: 15px }
.m_bottom_20	{ margin-bottom: 20px }

/* INNEN-ABST�NDE */
.p_none			{ padding: 0 }
.p_all_1		{ padding: 1px }
.p_all_2		{ padding: 2px }
.p_all_3		{ padding: 3px }
.p_all_5		{ padding: 5px }
.p_all_10		{ padding: 10px }
.p_all_15		{ padding: 15px }
.p_all_20		{ padding: 20px }

.p_left_5		{ padding-left: 5px }
.p_left_10		{ padding-left: 10px }
.p_left_15		{ padding-left: 15px }
.p_left_20		{ padding-left: 20px }
.p_left_30		{ padding-left: 30px }

.p_right_5		{ padding-right: 5px }
.p_right_10		{ padding-right: 10px }
.p_right_15		{ padding-right: 15px }
.p_right_20		{ padding-right: 20px }

.p_top_2		{ padding-top: 2px }
.p_top_3		{ padding-top: 3px }
.p_top_5		{ padding-top: 5px }
.p_top_10		{ padding-top: 10px }
.p_top_15		{ padding-top: 15px }
.p_top_20		{ padding-top: 20px }
.p_top_30		{ padding-top: 30px }
.p_top_40		{ padding-top: 30px }
.p_top_50		{ padding-top: 30px }

.p_bottom_5		{ padding-bottom: 5px }
.p_bottom_10		{ padding-bottom: 10px }
.p_bottom_15		{ padding-bottom: 15px }
.p_bottom_20		{ padding-bottom: 20px }

/* H�HEN ANGABEN */
.h20			{ height: 20px }
.h33			{ height: 33px }
.h50			{ height: 50px }
.h70			{ height: 70px }
.h80			{ height: 80px }
.h90			{ height: 90px }
.h95			{ height: 95px }
.h100			{ height: 100px }
.h150			{ height: 150px }
.h180			{ height: 180px }
.h200			{ height: 200px }
.h220			{ height: 220px }
.h480			{ height: 480px }
.h500			{ height: 500px }

/* BREITEN ANGABEN */
.w100			{ width: 100% }

/* FLOATING */
.left 			{ float: left }
.right 		{ float: right }
.cl_both		{ clear: both }
.cl_left		{ clear: left }
.cl_right		{ clear: right }
.overfl { overflow:hidden }
.pos_rel { position:relative }
.pos_abs { position:absolute }



/* ==================================== 
   2. Styles f�r die  Layoutbereiche 
   ==================================== */
   
#wrapper { /* Das HTML-Element mit dem Attribut id="wrapper" */
position: relative;
min-height: 100%;
}
* html #wrapper {
height: 100%;
} 
#header {
   position:relative;
   height: 129px;
   width:100%;
}
#header h1 {
	position:absolute;
	width:350px;
	height:80px;
	top:5px;
	left:19px;
	z-index:10;
	text-indent:-666em;
	background: url(/images/leer.gif) no-repeat;

}
#header h1 a {
	width:350px;
	height:80px;
	display:block;
	overflow:hidden;
}
.content {
background:#fff url(images/bg_cont_verlauf.png) top left repeat-x;
min-height: 100%;
overflow:hidden;
}
.content ul {
	list-style:none;
	overflow:hidden;

}
.content li {
	display:inline;
}
.navi {
	width:100%; height:50px;
	padding-left:35px;

}
.navi ul {
	list-style:none;
	overflow:hidden;

}
.navi li {
	display:inline;
}
#col3 {
margin:0 !important;
padding:2em 13px;
width:auto;
}
#main {
  width:100%!important;
}

#col3 {
  overflow:auto;
}

#col3_content {
}

#col3 { width:auto; margin: 0 200px }
 
#col1_content, #col2_content, #col3_content { position:relative; }
 
#slider_container { position: relative; margin-top: 50px; height: 40px; display: none;} 
#slider_container a {color:#252525;}
#slider_bar { background: url(images/slider_bar.png) no-repeat; height: 29px; width: 439px; margin: auto; position: relative;} 
#slider_handle { background: url(images/slider_selector.png) no-repeat; height: 29px; width: 78px; overflow: hidden; position: absolute; top: 0px;} 

  .clearfix:after {
    content: ".";
    display: block;
    font-size:0;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  /* (en) essential for Safari browser !! */
  /* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
  .clearfix { display: block; }
  
  #header, #nav, #main, #footer { clear:both; }
    #main { background: #fff ; padding: 0; margin:auto;}
	
#main {
  width:100%!important;
}