@charset "utf-8";

* {
   font-family:Arial, Helvetica, sans-serif;
}

body { 
	margin:0;
	padding:0; 
	background: #FFF url(/layout_images/verlauf_waagrecht.jpg) repeat-x ;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
    text-align: center;  /* Zentrierung im Internet Explorer */
	color:#66788C;
	}

p { margin:0; padding:0; }

a, a:link, a:visited {
	text-decoration:underline;
	color:#637EA6;
	}
	
a:hover, a:active, a:focus {
	text-decoration:none;
	color:#A2C3EA;
	}		

/***********************************************/
/* Layout Divs                                 */
/***********************************************/	
#site  {
	margin: 0 auto;
	padding:0;
	width: 940px; 
	height:100%;
	text-align: left; 
	background-color:#fff;
	background: url(/layout_images/back_site.jpg) repeat-y scroll center top;
	}

#NavigationsContainer {
	float:left;
	width: 280px;
	height:100%;
	margin:0;
	padding: 0;
	font-size: 11px;
	background: #fff url(/layout_images/back_navi.jpg) no-repeat;
	}
	



#HeadContainer {
	float:left;
	padding:0;
	margin:0;
	height:380px;
	width:660px;
	background: #fff url(/layout_images/back_head.jpg) no-repeat;
	}
	
#ContentContainer {
	float:right;
	width: 660px;
	margin:0;
  	font-size: 11px;
  	padding:0;
	}
	
#FussContainer {
	margin-top:30px;
	padding:0;
	font-size:10px;
	height:62px;
	background: url(/layout_images/back_footer.jpg) no-repeat scroll center top;
	}	

#FussContainer_content {
	margin:0 40px 0 40px;
	padding-top:35px;
	
	}		
	
/***********************************************************************************/
/* Ausklappnavigation    */
/***********************************************************************************/		

#kopfnaviagtion {
	margin:0;
	display:block;
	padding:33px 0 0 285px;
	}
	
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index:100;
	font-size:11px;
	}

/* 1 Stufe ohne ausklapp */
#nav li { 
	float: left;
	width: auto; /* width needed or else Opera goes nuts */
	}

/* 2 Stufe */
#nav li ul { 
	position: absolute;
	width: 80px;
	padding : 0 1.5em 0 0;
	margin-left:-35px;
	text-align:right;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	background-image: url("/layout_images/back_trans_navi.png") !important;
	background-image: url("/layout_images/back_trans_navi.gif");
	}

/* Links 1 Stufe */    
#nav li a { 
	display : block;
    color : #666;
    text-decoration : none;
    background-color: transparent;
    padding : 1px 16px 9px 0.4em;
	background:  url(/layout_images/headnavi_trenner.gif) top right no-repeat; 
	}
    
#nav li a.ohne { 
	background:none;
	}

#nav li:hover a,
#nav li a:focus,
#nav li a.current { color:#637EA6; }

#nav li:hover ul li a { color:#000; }

#nav li:hover ul li:hover a { color:#637EA6; }	

    
/* Links 2 Stufe */      
#nav li ul a {
	width:80px;
    color : #000;
	font-weight:normal;
	padding : 5px 11px 6px 0.5em;
   	background:none;
	}

#nav li ul a:hover {
   	color:#FF9900;
   	background-image: url("/layout_images/back_trans_navi_an.png") !important;
	background-image: url("/layout_images/back_trans_navi_an.gif");
	}		
   
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
    left: -999em;
    }
    
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
    left: auto;
    }
	


	
/***********************************************/
/* Linke Hauptnavigation                      */
/***********************************************/


#hauptnav,
#loginnav { 
	padding:0;  
	margin-left:50px;
	margin-top:305px;
	background-color: transparent;
	font-size:12px;
	width:208px;
	background: #fff url(/layout_images/navi_back.jpg) repeat-y;
	} 
	#loginnav { margin-top:0px; }
  
#hauptnav ul,
#loginnav ul { margin:0px; padding:0px; list-style-type:none; } 
#hauptnav li,
#loginnav li { margin:0px; padding:0px; display:inline; }
  
#hauptnav li a,
#loginnav li a { 
	text-decoration: none; 
	display:block; 
	width:183px;
	margin: 0px; padding: 4px 0px 4px 25px; 
	letter-spacing:1px;
	color: #666;
	background: #fff url(/layout_images/button_navi.gif) no-repeat;
	} 
	
#hauptnav li a:hover,
#loginnav li a:hover,
#hauptnav li a:focus,
#loginnav li a:focus,
#hauptnav li a.current,
#loginnav li a.current {
	color: #fff;
	background: #fff url(/layout_images/button_navi_an.gif) no-repeat;
	}

/* Hauptnavi HOVER  / Pfeil nach rechts / Schrift normal */
#hauptnav li a.current,
#loginnav li a.current { font-weight:bold;
letter-spacing:1px;
	} 	

/* Hauptnavi 2-Ebene */
#hauptnav li ul li a,
#loginnav li ul li a { 
	text-decoration: none; 
	display:block; 
	margin: 0; padding: 4px 0px 4px 40px; 
	color: #637EA5;
	width:168px;
	letter-spacing:0px;
	background: #fff url(/layout_images/button_navi_2.gif) no-repeat;
	} 	
	
#hauptnav li ul li a.current,
#loginnav li ul li a.current,
#hauptnav li ul li a:hover,
#loginnav li ul li a:hover { 
	background: #fff url(/layout_images/button_navi_2_an.gif) no-repeat; 
	font-weight:normal;
	color: #003D8D;
	letter-spacing:0px;
	} 

/* Hauptnavi 3-Ebene */
#hauptnav li ul li ul li a,
#loginnav li ul li ul li a { 
	text-decoration: none; 
	display:block; 
	margin: 0; padding: 4px 0px 4px 60px; 
	color: #637EA5;
	width:168px;
	letter-spacing:0px;
	background: #fff url(/layout_images/button_navi_2.gif) no-repeat;
	} 	
	
#hauptnav li ul li ul li a.current,
#loginnav li ul li ul li a.current,
#hauptnav li ul li ul li a:hover,
#loginnav li ul li ul li a:hover { 
	background: #fff url(/layout_images/button_navi_3_an.gif) no-repeat; 
	font-weight:normal;
	color: #003D8D;
	letter-spacing:0px;
	} 
	
#navi_anfang_oben_first{
	height:45px;
	background: url(/layout_images/navi_anfang_oben_first.jpg) no-repeat;
	}
	
#navi_anfang_oben{
	height:45px;
	background: url(/layout_images/navi_anfang_oben.jpg) no-repeat;
	}
	
	#titel{
	text-align:center;
	padding:10px 0 0 0;
	font-size:12px;
	letter-spacing:1px;
	color: #72A7E7;
	}
	

#navi_abschluss_unten {
	height:20px;
	background: #fff url(/layout_images/navi_abschluss_unten.gif) no-repeat;
	}
	

	
/***********************************************************/
/* Content    */
/***********************************************************/	

#content {
	margin-right:50px;
	padding:0;
	}
	
#content,
#content p,
.content  {
	font-size:12px;
	line-height:150%;
	color:#4D5A6A;
	}


h1 {
	font-family:"Trebuchet MS",Helvetica,Arial,sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#00216C;
	padding:0;
	margin-bottom:10px;
	margin-top:0;
	}

.h1 {
	font-family:"Trebuchet MS",Helvetica,Arial,sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#00216C;
	padding:0;
	margin-bottom:10px;
	margin-top:0;
	}
	
	
h2 {
	font-size:16px;
	color:#A4B4CC;
	font-weight:normal;
	padding:0;
	margin-bottom:5px;
	margin-top:0;
	}
.h2 {
	font-size:16px;
	color:#A4B4CC;
	font-weight:normal;
	padding:0;
	margin-bottom:15px;
	margin-top:0;
	}		
	
h3 {
	font-size:12px;
	font-weight:bold;
	color: #204B8B; 
	padding:0;
	margin-bottom:5px;
	margin-top:12px;
	}	

.h3 {
	font-size:12px;
	font-weight:bold;
	color: #204B8B; 
	padding:0;
	margin-bottom:5px;
	margin-top:12px;
	}	

h4 {
	font-size:12px;
	font-weight:bold;
	color: #204B8B; 
	padding:0;
	margin-bottom:5px;
	margin-top:5px;
	}		
	
img { border:none; }	

/***********************************************************/	
/* Listenformatierungen / grüner Haken   */
/***********************************************************/

#containeraufzaehlung {
	width:400px;
	float:left;
	margin-left:5px;
	padding:0;
}


#liste_haken { 
	list-style: none;
	margin:0;
	padding: 0;
	} 
  
#liste_haken ul { marginl:0px; padding:0px;} 

  
#liste_haken li { 

	background: #fff url(/layout_images/abgehakt.gif) no-repeat;
	font-weight: bold;
	padding: 0 30px;
	line-height: 18px;
	margin: 5px 0;
	} 
	

 /* gestrichelte Linie zur Inhaltsabgrenzung*/
.trenner {
	height:10px;
	border-bottom: 0.08em dotted #CCCCCC;
    padding: 0 0 3em 0;
    margin-bottom: 2em;
    }	

/***********************************************************/
/* Listenformatierungen / blauer Pfeil   */
/***********************************************************/
#liste_pfeil_blau { 
	width:400px;
	float:left;
	margin-left:5px;
	padding:0;

	

	} 
  
#liste_pfeil_blau ul { marginl:0px; padding:0px; list-style:none;} 

  
#liste_pfeil_blau li { 
	background: #fff url(/layout_images/link-icon-blue.gif) no-repeat;
	padding: 0 0 0 20px;
	line-height: 18px;
	margin: 5px 0;
	} 

*+html #liste_pfeil_blau { 
margin-left:-30px;
margin-top:0;
margin-bottom:5px;
	padding: 0px;
	} 
	
#liste_pfeil_blau a:hover,
#liste_pfeil_blau a:active,
#liste_pfeil_blau a:focus,
#liste_pfeil_blau a.current{
	color:#000;
	}   
	
/***********************************************************/
/* Fusszeile    */
/***********************************************************/	


.fusszeile_drucken, .fusszeile_seitenanfang {
	float:right;
	padding: 0;
	margin-top:8px;
	margin-right:0;
	margin-bottom:5px;
	}
	
.fusszeile_seitenanfang {
	margin-right:10px;
	padding-right:10px;
	border-right: 1px dotted #ccc;
	}	
	
.fusszeile_anschrift {
	float:left;
	margin-top:8px;
	margin-left:0;
	padding:0;
	color:#bbb;
	}		
	
/* Logo  f?r Ausdruck */
#logo {
	margin-rigth:100px;
	background-color: #fff; 
	display: none;
	}
	
/* Anschrift  f?r Ausdruck */
#anschrift,
#anschrift1 {
	margin:0;
	background-color: #fff; 
	display: none;
	color:#999;
	}	

#trenner_ausdruck_oben {
	margin-right:10px;
	padding-right:10px;
	border-bottom: 1px dotted #ccc;
display: none;
	}	

	
/*clearing all floats and fix Firefox and IE backgroundcolor-bug */
div.clearer {
  	clear:both;
  	font-size:1px;
  	line-height:1px;
  	display:block;
  	height:1px;
	}	

/***********************************************************/
/* Formatierungen Newseintr?ge    */
/***********************************************************/

.newsbilder {
	padding: 0.2em; /* Abstand zwischen Bild und Rahmen */ 
	float:left; 
  	border: 1px solid #ccc; /* Hellgrauer Bilderrahmen */ 
  	margin-right: 15px; /* Abstand rechts zwischen Rahmen und Text */ 
	 margin-bottom: 2em;
 	}


ul#newsEintraege {
	padding: 0;
    margin: 1em 0 1em 0;
    }

ul#newsEintraege li {
	height:auto;
	clear: both;
    list-style: none;
    border-top: 0.08em dotted #CCCCCC;
    padding: 1em 0 0 0;
    margin-bottom: 0;
    }
	
	* html ul#newsEintraege li {
	padding: 0 0 1.5em 0;
    margin-bottom: 2em;
	} 

a.button_back {
	padding:4px 0 0 15px;
	background: url(/layout_images/button_back.gif) 0px 0px no-repeat;
}

/***********************************************************/
/* Bildergalerie / Lightbox    */
/***********************************************************/

.bilder_galerie  {
	padding: 0.2em; /* Abstand zwischen Bild und Rahmen */ 
	float:left; 
  	border: 1px solid #ccc; /* Hellgrauer Bilderrahmen */ 
  	margin-right: 15px; /* Abstand rechts zwischen Rahmen und Text */ 
	margin-bottom:10px;
		}

.bilder_galerie p {
	padding: 0.2em; /* Abstand zwischen Bild und Rahmen */ 
	margin-top: 0.2em;
	text-align: center;
	background-color:#efefef;
	font-size:10px;
		}
	
.bilder_rechts a {
	margin-top:0;
	padding: 0.2em; /* Abstand zwischen Bild und Rahmen */ 
	float:right; 
  	border: 1px solid #ccc; /* Hellgrauer Bilderrahmen */ 
  	margin-left: 15px; /* Abstand rechts zwischen Rahmen und Text */ 
	margin-bottom:15px;
 	}
	


	
/***********************************************************/
/* Reporttabelle    */
/***********************************************************/
.tablereport, .tablezert  {
	table-layout: auto; /* auto=default | fixed kann der Opera nicht */
	width: 100%;
	margin: 0;
	border-collapse: separate;	
	}

.tablereport th, .tablezert th {
	padding:2px 5px;
	}	
	
.tablereport td.first, .tablezert td.first{
	padding:2px 5px;
	font-weight:bold;
	width:30%;
	}	
	
.tablereport td, .tablezert td {
	padding:2px 5px;
	}	
	

	
/***********************************************************/
/* Farbangaben Reporttabelle    */
/***********************************************************/	
.tablereport, .tablereport td.head, .tablereport td {
	border: 1px dotted #ccc;	/* gepunktete Linie um Tabelle und Zellen */
	}
	
.tablereport, tr {
	background-color:#fff;		/* Hintergrundfarbe Tabelle / Zeile */
	}

.tablereport tr:hover {
	background-color: #EAF1F9;		/* Hintergrundfarbe Tabellenzeile MouseOver*/
	color:#000;					/* Schriftfarbe Tabellenzeile MouseOver*/
	}

/* Hack f?r IE6 */
* html .tablereport tr{ hover:expression(this.onmouseover=new Function("this.style.background='#EAF1F9';"),this.onmouseout=new Function("this.style.background='#ffffff';")); }

.tablereport th {
	color:#FFFFFF;				/* Schriftfarbe Tabellen?berschrift*/
	background-color:#A2C3EA;	/* Hintergrundfarbe Tabellen?berschrift*/
	}	
	
.tablereport td.head {
	background-color:#EBECED;	/* Hintergrundfarbe Tabellenzwischen?berschrift*/
	}	

/***********************************************************/
/* Farbangaben Reporttabelle zertifikate   */
/***********************************************************/	
.tablezert .tablezert td.head, .tablezert td {
	border: 1px dotted #ccc;	/* gepunktete Linie um Tabelle und Zellen */
	}

.tablezert td a:hover{
	color:#000;
	}
	
.tablezert, tr {
	background-color:#fff;		/* Hintergrundfarbe Tabelle / Zeile */
	}

.tablezert td:hover {
	background-color: #EAF1F9;		/* Hintergrundfarbe Tabellenzeile MouseOver*/
	color:#000;					/* Schriftfarbe Tabellenzeile MouseOver*/
	}

/* Hack f?r IE6 */
* html .tablezert td{ hover:expression(this.onmouseover=new Function("this.style.background='#EAF1F9';"),this.onmouseout=new Function("this.style.background='#ffffff';")); }

.tablezert th {
	color:#FFFFFF;				/* Schriftfarbe Tabellen?berschrift*/
	background-color:#A2C3EA;	/* Hintergrundfarbe Tabellen?berschrift*/
	}	
	
.tablezert td.head {
	background-color:#EBECED;	/* Hintergrundfarbe Tabellenzwischen?berschrift*/
	}
	


/*########################################## NICEFORMS ##########################################*/

fieldset {background:#F7F7F7; padding:10px; border:1px solid #fff; border:none; margin-bottom:36px; width:400px;}
input, textarea, select {font:12px/12px Arial, Helvetica, sans-serif; padding:0;}
fieldset.action {background:#EAF1F9; border-color:#e5e5e5 #797c80 #797c80 #e5e5e5; margin-top:-20px;}
legend {background:#bfbf30; color:#fff; font:17px/21px Calibri, Arial, Helvetica, sans-serif; padding:0 10px; margin:-26px 0 0 -11px; font-weight:bold; border:1px solid #fff; border-color:#e5e5c3 #505014 #505014 #e5e5c3;}
label {font-size:11px; font-weight:bold; color:#666;}
label.opt {font-weight:normal;}
dl {clear:both; margin:20px 0 0 0;}
dt {float:left; text-align:right; width:90px; line-height:25px; margin:0 10px 10px 0;}
*+html dt {float:left; text-align:right; width:90px; line-height:20px; margin:0 10px 0 0;}
dd {float:left; width:275px; line-height:25px; margin:0 0 10px 0;}
*+html dd {float:left; width:275px; line-height:20px; margin:0 0 0 0;}



/*##########################################
Script: Niceforms 2.0
Theme: StandardBlue
Author: Lucian Slatineanu
URL: http://www.emblematiq.com/
##########################################*/

/*Text inputs*/
.NFText {border:none; vertical-align:middle; font:12px/15px Arial, Helvetica, sans-serif; background:none;}
.NFTextCenter {height:15px; background:url(/layout_images/formular/input.png) repeat-x 0 0; padding:3px 0; margin:0; float:left; line-height:15px;}
.NFTextLeft, .NFTextRight {width:7px; height:21px; vertical-align:middle; float:left;}
.NFTextLeft {background:url(/layout_images/formular/input-left.png) no-repeat 0 0;}
.NFTextRight {background:url(/layout_images/formular/input-right.png) no-repeat 0 0;}
/*Radio*/
.NFRadio {cursor:pointer; position:absolute; display:block; width:13px; height:13px; border:1px solid transparent; background:url(/layout_images/formular/radio.png) no-repeat 0 0; z-index:2;}
/*Checkbox*/
.NFCheck {cursor:pointer; position:absolute; width:12px; height:12px; border:1px solid transparent; background:url(/layout_images/formular/checkbox.png) no-repeat 0 0; z-index:2;}
/*Buttons*/
.NFButton {width:auto; height:26px; color:#fff; padding:0 2px; background:url(/layout_images/formular/button.png) repeat-x 0 0; cursor:pointer; border:none; font:10px/26px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:1px; vertical-align:middle;}
.NFButtonLeft, .NFButtonRight {width:6px; height:26px; vertical-align:middle;}
.NFButtonLeft {background:url(/layout_images/formular/button-left.png) no-repeat 0 0;}
.NFButtonRight {background:url(/layout_images/formular/button-right.png) no-repeat 0 0;}
/*Textareas*/
.NFTextarea {border:none; background:none; font:12px/12px Arial, Helvetica, sans-serif; margin:0;}
.NFTextareaTop, .NFTextareaBottom {height:5px; clear:both; float:none; padding-right:10px;}
.NFTextareaTop {background:url(/layout_images/formular/textarea-tr.png) no-repeat 100% 0;}
.NFTextareaBottom {background:url(/layout_images/formular/textarea-br.png) no-repeat 100% 0; margin-bottom:5px;}
.NFTextareaTopLeft, .NFTextareaBottomLeft {width:5px; height:5px;}
.NFTextareaTopLeft {background:#f2f2e6 url(/layout_images/formular/textarea-tl.png) no-repeat 0 0;}
.NFTextareaBottomLeft {background:#f2f2e6 url(/layout_images/formular/textarea-bl.png) no-repeat 0 0;}
.NFTextareaLeft, .NFTextareaRight, .NFTextareaLeftH, .NFTextareaRightH {float:left; padding-bottom:5px;}
.NFTextareaLeft, .NFTextareaLeftH {width:5px;}
.NFTextareaLeft {background:url(/layout_images/formular/textarea-l-off.png) repeat-y 0 0;}
.NFTextareaLeftH {background:url(/layout_images/formular/textarea-l-over.png) repeat-y 0 0;}
.NFTextareaRight, .NFTextareaRightH {padding-right:5px; padding-bottom:0;}
.NFTextareaRight {background:url(/layout_images/formular/textarea-r-off.png) repeat-y 100% 0;}
.NFTextareaRightH {background:url(/layout_images/formular/textarea-r-over.png) repeat-y 100% 100%;}
/*Files*/
.NFFileButton {padding-bottom:0; vertical-align:bottom; cursor:pointer; background:url(/layout_images/formular/file.png) no-repeat 0 0; width:60px; height:21px;}
.NFFile {position:relative; margin-bottom:5px;}
.NFFile input.NFhidden {position:relative; filter:alpha(opacity=0); opacity:0; z-index:2; cursor:pointer; text-align:left;}
.NFFileNew {position:absolute; top:0px; left:0px; z-index:1;}
/*Selects*/
.NFSelect {height:21px; position:absolute; border:1px solid transparent;}
.NFSelectLeft {float:left; width:3px; height:21px; background:url(/layout_images/formular/select-left.png) no-repeat 0 0; vertical-align:middle;}
.NFSelectRight {height:21px; width:auto; background:url(/layout_images/formular/select-right.png) no-repeat 100% 0; cursor:pointer; font:12px/21px Arial, Helvetica, sans-serif; color:#fff; padding-left:3px; margin-left:3px;}
.NFSelectTarget {position:absolute; background:none; margin-left:-13px; margin-top:18px; z-index:3; left:0; top:0; padding-bottom:13px;}
.NFSelectOptions {position:relative; background:#707175; margin-left:16px; margin-top:0; list-style:none; padding:4px 0; color:#fff; font:11px/13px Arial, Helvetica, sans-serif; z-index:4; max-height:200px; overflow-y:auto; overflow-x:hidden; left:0; top:0;}
.NFSelectOptions li {padding-bottom:1px;}
.NFSelectOptions a {display:block; text-decoration:none; color:#fff; padding:2px 3px; background:none;}
.NFSelectOptions a.NFOptionActive {background:#464646;}
.NFSelectOptions a:hover {background:#333;}
/*Multiple Selects*/
.NFMultiSelect {border:0; background:none; margin:0;}
.NFMultiSelectTop, .NFMultiSelectBottom {height:5px; clear:both; float:none; padding-right:10px;}
.NFMultiSelectTop {background:url(/layout_images/formular/textarea-tr.png) no-repeat 100% 0;}
.NFMultiSelectBottom {background:url(/layout_images/formular/textarea-br.png) no-repeat 100% 0; margin-bottom:5px;}
.NFMultiSelectTopLeft, .NFMultiSelectBottomLeft {width:5px; height:5px;}
.NFMultiSelectTopLeft {background:#f2f2e6 url(/layout_images/formular/textarea-tl.png) no-repeat 0 0;}
.NFMultiSelectBottomLeft {background:#f2f2e6 url(/layout_images/formular/textarea-bl.png) no-repeat 0 0;}
.NFMultiSelectLeft, .NFMultiSelectRight, .NFMultiSelectLeftH, .NFMultiSelectRightH {float:left; padding-bottom:5px;}
.NFMultiSelectLeft, .NFMultiSelectLeftH {width:5px;}
.NFMultiSelectLeft {background:url(/layout_images/formular/textarea-l-off.png) repeat-y 0 0;}
.NFMultiSelectLeftH {background:url(/layout_images/formular/textarea-l-over.png) repeat-y 0 0;}
.NFMultiSelectRight, .NFMultiSelectRightH {padding-right:5px; padding-bottom:0;}
.NFMultiSelectRight {background:url(/layout_images/formular/textarea-r-off.png) repeat-y 100% 0;}
.NFMultiSelectRightH {background:url(/layout_images/formular/textarea-r-over.png) repeat-y 100% 0;}

/*Focused*/
.NFfocused {border:1px dotted #666;}
/*Hovered*/
.NFh {background-position:0 100%;}
.NFhr {background-position:100% 100%;}
/*Hidden*/
.NFhidden {opacity:0; z-index:-1; position:relative;}
/*Safari*/
select, input, textarea, button {outline:none; resize:none;}

/* Beispielbuttons mit Hintergrundfarbe und Mouseover-Effekt */

.button_col {
  float: right;
  clear: both;
  background: url(/layout_images/button_mehr_left.jpg) no-repeat;
  padding: 0 0 0 11px;
  margin: 0;
}

.button_col a{
  float: left;
  height: 30px;
  background: url(/layout_images/button_mehr_center.jpg) repeat-x left top;
margin:0;
  padding: 3px 8px 2px 6px;
  color: #333;
  font-size: 12px;
  text-decoration: none;
}
.button_col a:hover {
  color: #637EA6;
}
.button_col span {
  background: url(/layout_images/button_mehr_right.jpg) no-repeat;
  float: left;
  width: 18px;
  height: 30px;
}
.button_col:hover, .button_col a:hover, .button_col span:hover {
  background-color: #fff;
}
.clear {
  clear: both;
}