@charset "UTF-8";
/* "Yet Another Multicolumn Layout" v3.0.4 (c) by Dirk Jesse (http://www.yaml.de)
* $Revision: 134 $ $Date: 2007-10-12 20:31:37 +0200 (Fr, 12 Okt 2007) $ */
@media all {
*{margin:0;padding:0}
option{padding-left:0.4em}
* html body *{overflow:visible}
* html iframe,* html frame{overflow:auto}
* html frameset{overflow:hidden}
html{height:100%;margin-bottom:1px}
body{font-size:100.01%;color:#000;background:#fff;text-align:left}
fieldset,img{border:0 solid}
ul,ol,dl{margin:0 0 1em 1em}
li{margin-left:1.5em;line-height:1.5em}
dt{font-weight:700}
dd{margin:0 0 1em 2em}
blockquote{margin:0 0 1em 1.5em}
#topnav{position:absolute;top:10px;right:10px;text-align:right}
#col1{float:left;width:200px;z-index:3}
#col2{float:right;width:200px;z-index:5}
#col3{width:auto;z-index:1;margin:0 200px}
#header,#nav,#main,#footer{clear:both}
#col1_content{z-index:4}
#col2_content{z-index:6}
#col3_content{z-index:2}
.hideboth #col3{margin-left:0;margin-right:0}
.hidecol1 #col3{margin-left:0;margin-right:200px}
.hidecol2 #col3{margin-left:200px;margin-right:0}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:block}
.floatbox{overflow:hidden}
.subcolumns,.subcolumns_oldgecko{width:100%;overflow:hidden}
.c50r,.c25r,.c33r,.c38r,.c66r,.c75r,.c62r{float:right;margin-left:-5px;}
.c25l,.c25r{width:25%}
.c33l,.c33r{width:33.333%}
.c50l,.c50r{width:50%}
.c66l,.c66r{width:66.666%}
.c75l,.c75r{width:75%}
.c38l,.c38r{width:38.2%}
.c62l,.c62r{width:61.8%}
.subc{padding:0 0.5em}
.subcl{padding:0 1em 0 0}
.subcr{padding:0 0 0 1em}
.skip,.hideme,.print{position:absolute;top:-1000em;left:-1000em;height:1px;width:1px}
.skip:focus,.skip:active{position:static;top:0;left:0;height:auto;width:auto}
#header,#col1_content,#col2_content,#col3_content{position:relative}
.hideboth #col1,.hideboth #col2,.hidecol1 #col1,.hidecol2 #col2,#ie_clearing{display:none}
.subcolumns_oldgecko,.c50l,.c25l,.c33l,.c38l,.c66l,.c75l,.c62l{float:left}
}
/* basemod-cols */
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Template for designing a screen layout
 * (de) Gestaltungsvorlage für die Erstellung eines Screenlayouts
 *
 * @copyright	 Copyright 2005-2007, Dirk Jesse
 * @license		 CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *				YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link			http://www.yaml.de
 * @package		 yaml
 * @version		 3.0.2
 * @revision		$Revision: 107 $
 * @lastmodified	$Date: 2007-08-01 18:27:14 +0200 (Mi, 01 Aug 2007) $
 */

@media all
{
/*------------------------------------------------------------------------------------------------------*/




/*-----------------------------------------------------------------------------------------------------*/
/* MAIN LAYOUT */
/*-----------------------------------------------------------------------------------------------------*/

body { 
	background: #e8e5e1 url("bg.jpg") repeat-x top; 
	text-align: center;
}

#page_margins { 
    /*max-width: 95%;*/
    width: 81.67em;
    /*min-width: 740px;*/
    margin: 0 auto;  
    text-align:left;
}

#page {

}

#main { 
	background: #fff; 
	padding: 0 0 5em 0;
}

#footer { 
	padding: 1.5em 0 0.4em 0;
}


/*------------------------------------------------------------------------------------------------------*/
/* Spalten */

#col1 { width: 19.8% }
#col1_content { padding: 2.5em 0 0 1.67em; }

#col2 { width: 19.8% }
#col2_content { padding: 2.5em 1.67em 0 0; }

#col3 { margin-left: 22.86%; margin-right: 22.86%; }
#col3_content { padding: 2.25em 0 0 0 }


/*------------------------------------------------------------------------------------------------------*/
/* Startseite */

.start #col1_content { padding: 0.83em 0.5em 0 0; }
.start #col2_content { padding: 0.83em 0 0 0.5em; }
.start #col3{ margin-left: 20.2%; margin-right: 20.2%; }
.start #col3_content { padding: 0.83em 0 0 0; }
.start #main { background: none; padding-bottom: 0em; }
.start #footer {padding-top: 0.8em;}


/* Keyvisual */
.keyvisual-start {
	position: relative;
    height: 36.35em;
    overflow: hidden;
}
.keyvisual-text {
	position: absolute;
	top: 18em;
	left: 41.83em;
}

.keyvisual-text-announcement {
	position: absolute;
	top: 1em;
	left: 41.83em;
}

/* Teasers */
.teasers-start .subcl {
	padding: 0 0.6em 0 0;
}
.teasers-start .subc {
	padding: 0 0.3em;
}
.teasers-start .subcr {
	padding: 0 0 0 0.6em;
}
.teasers-start-box {
	background: #fff;
	padding: 0 1.25em;
	height: 19.5em;
	overflow: hidden;
}
.teasers-start .teasers-start-box {
	width: 100%;
	padding: 0;
}

ul.teasers-start {
	overflow: hidden;
	list-style-type: none;
	padding: 0;
	margin: 1em -0.85em 0 0;
	zoom: 1;
    position: relative;
}
ul.corners-start {
	margin-top: 0;
}
li.teaser-start {
	width: 20%;
	float: left;
	position: relative;
	margin: 0;
	padding: 0;
}
li.teaser-start div.corners-neg {
	padding: 3.2em 0 1010px 0;
	margin: 0 0.85em -1000px 0;
	background: #fff;
	overflow: hidden;
}
ul.corners-start li.teaser-start div.corners-neg {
	padding: 0;
	margin: 0 0.9em 0 0;
	height: 4px;
}
li.teaser-start img.teaser {
	margin: -3.2em 0 0.7em 0;
	width: 100%;
}
li.teaser-start .video-grid img.teaser {
	margin: 0;
}
li.teaser-start p {
	padding-top: 0;
}
li.teaser-start h4 {
 	margin: 0;
	padding-top: 0;
}
li.teaser-start ul.content {
 	margin: 0 1.25em;
 	width: auto;
}

* html ul.corners-start li.teaser-start div.corners-neg {
    margin-right: 0.83em;
}
* html .teasers-start a.video-grid {
    width: 100%;
}

/*-----------------------------------------------------------------------------------------------------*/
/* HEADER */
/*-----------------------------------------------------------------------------------------------------*/

#header {
	color: #000;
	background: #642111; 
	position: relative;
	z-index: 10;
	float: left;
	width: 100%;
}

#logo {
	position: absolute;
	top: 0.67em;
	left: 1.67em;
}

#topnav {
	top: 0.88em;
	right: 1.67em;
	z-index: 11;
}

#nav {
	padding: 5.83em 0 0 22.86%;
}


/*------------------------------------------------------------------------------------------------------*/
/* Login */

#login {
	position: absolute;
	bottom: 0;
	right: 1.67em;
	line-height: 1.5em;
}
#login .box {
	width: 14.5em;
	//background: #ff0000 url("login_corner_l.gif") no-repeat top left; 
}
#login .box a {
	display: block;
	//background: url("login_r_nojs.gif") no-repeat top right; 
	font-size: 1.1em;
	font-weight: bold;
	padding: 0.4em 0.7em 0.47em 0.7em;
	color: #fff;
	text-decoration: none !important;
}
#login .login-js a {
	background: url("login_r.gif") no-repeat top right; 
}
#login .dropdown {
	position: absolute;
	top: 100%;
	left: 0;
	width: 14.5em;
	display: none;
}
#login .login-js .dropdown {
	display: block;
}
#login .bg {
	background: #e8e5e1;
	padding: 0.83em;
	padding-bottom: 0.6em;
	color: #333;
}
#login ul {
	list-style-type: none;
	margin: 0.5em -0.83em 0 -0.83em;
	padding: 0;
	border-top: 1px #d8d4d2 solid;
}
#login ul li {
	margin: 0;
	padding: 0.4em 0.83em 0 0.83em;
	overflow: hidden;
}
#login .corners {
	background: #e8e5e1 !important;
}
#login .corner-bl {
  	background: url("corner_bl_login.png") no-repeat bottom left;
}
#login .corner-br {
  	background: url("corner_br_login.png") no-repeat bottom right;
}





/*-----------------------------------------------------------------------------------------------------*/
/* CONTENT */
/*-----------------------------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------------------------*/
/* Filialen */

div.filialen {
	width: 17.2em;
}


/*------------------------------------------------------------------------------------------------------*/
/* 2-spaltig */

.two_col #col3 { margin-left: 22.9%; margin-right: 0; }
.two_col #col3_content { padding-right: 0.7em; }


/*-----------------------------------------------------------------------------------------------------*/
/* Zweispaltig */

ul.two-cols {
    list-style-type: none; 
    margin: 2em -4em -1.2em 0; 
    padding: 0; 
    overflow: hidden;
}
  
ul.two-cols li { 
  	margin: 0; 
  	padding: 0 3em 2em 0; 
  	overflow: hidden;
  	width: 42%;
  	float: left;
}


/*-----------------------------------------------------------------------------------------------------*/
/* Dreispaltig */

ul.three-cols {
    list-style-type: none; 
    margin: 1em -3.8em -1em 0; 
    padding: 0; 
    overflow: hidden;
}
  
ul.three-cols li { 
  	margin: 0; 
  	padding: 0 1em 1em 0; 
  	overflow: hidden;
  	width: 29%;
  	float: left;
}





/*-----------------------------------------------------------------------------------------------------*/
/* ROUNDED CORNERS */
/*-----------------------------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------------------------*/
/* Allgemein */

.corners {
	display: block !important;
	height: 4px !important;
	font-size: 0 !important;
	margin: 0 2px;
}

li.corners {
	margin: -1px 0 0 0 !important;
	background: none !important;
}

.corners .box {
	margin: 0 2px;
	background: #fff;
	height: 4px;
	font-size: 0;
	border-bottom: 1px solid #e6e4e5;
}

li.corners .box {
	height: 3px;
}

.corners div.corner-bl, .corners div.corner-br {
  	float: left;
  	display: inline;
	width: 2px;
	height: 4px;
	font-size: 0;
	margin-bottom: -1px;
}

.corners div.corner-bl {
	margin-left: -2px;
	background: url("corner_bl.png") no-repeat bottom left;
}

.corners div.corner-br {
  	float: right;
  	margin-right: -2px;
	background: url("corner_br.png") no-repeat bottom right;
}


/*-----------------------------------------------------------------------------------------------------*/
/* Negativ */

div.corners-neg {
	position: relative;
}

.corners-neg .corner-tl,
.corners-neg .corner-tr,
.corners-neg .corner-bl,
.corners-neg .corner-br {
	position: absolute;
	width: 2px;
	height: 2px;
	font-size: 0;
	overflow: hidden;
}

div.corners-neg .corner-tl {
	top: 0;
	left: 0;
	background: url("corner_neg_tl.png") no-repeat top left;
}
div.corners-neg .corner-tr {
	top: 0;
	right: 0;
	background: url("corner_neg_tr.png") no-repeat top right;
}
div.corners-neg .corner-bl {
	bottom: 0;
	left: 0;
	background: url("corner_neg_bl.png") no-repeat bottom left;
}
div.corners-neg .corner-br {
	bottom: 0;
	right: 0;
	background: url("corner_neg_br.png") no-repeat bottom right;
}


div.teasers-start-box .corner-tl {
	background: url("corner_start_tl.png") no-repeat top left;
}
div.teasers-start-box .corner-tr {
	background: url("corner_start_tr.png") no-repeat top right;
}
div.teasers-start-box .corner-bl {
	background: url("corner_start_bl.png") no-repeat bottom left;
}
div.teasers-start-box .corner-br {
	background: url("corner_start_br.png") no-repeat bottom right;
}




/*-----------------------------------------------------------------------------------------------------*/
/* SONSTIGES */
/*-----------------------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------------------------*/
.hidden {
	display: inline;
	left: -1000px;
	overflow: hidden;
	width: 0px;
	position: absolute;
	top: -1000px;
	height: 0px;
}

div.scrollingText {
	width : 99%;
	height : 450px;
	overflow: auto;
	margin-bottom: 25px;
	padding: 6px 6px 0px 0px;
}

}
/* basemod */
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright	 Copyright 2005-2007, Dirk Jesse
 * @license		 CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *				YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link			http://www.yaml.de
 * @package		 yaml
 * @version		 3.0.2
 * @revision		$Revision: 107 $
 * @lastmodified	$Date: 2007-08-01 18:27:14 +0200 (Mi, 01 Aug 2007) $
 * @appdef yaml
 */

@media all {
/*-----------------------------------------------------------------------------------------------------*/
/* TEXT */
/*-----------------------------------------------------------------------------------------------------*/

html * {
	font-size: 100.01%;
}
body {
	font-family: Verdana, Arial, sans-serif;
	font-size: 75.00%;
	color: #333;
}
/*------------------------------------------------------------------------------------------------------*/
/* Titel */

h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
	margin: 0 0 0.25em 0;
	color: #333;
}
h1 {
	font-size: 1.6em;
	margin: 0 0 0.7em 0;
	font-weight: normal;
}
.keyvisual-text h1 {
	color: #642111;
	font-weight: bold;
	font-size: 1.9em;
	line-height: 130%;
	margin: 0 0 1em 0;
}
.keyvisual-text h1 span {
	font-weight: normal;
}
#col3_content h1 {
	margin-top: 0;
}
h2 {
	font-size: 1.1em;
	margin: 0 0 0.5em 0;
}
h3 {
	font-size: 1.1em;
	margin: 0 0 0.5em 0;
}
#col2_content h3 {
	margin-top: -0.3em;
}
.start #col1 h3, .start #col2 h3 {
	padding-top: 1em;
}
.teasers-start h3 {
	color: #333;
	position: absolute;
	top: 1em;
	left: 1em;
	display: inline;
}
.teasers-start h3 span {
	font-weight: normal;
}
h4 {
	font-size: 1em;
	margin: 0pt 0pt 0.5em;
}
.teasers-start h4 {
	padding: 1em 1.25em 0 1.25em;
	margin: 0 0 -0.9em 0;
}
h5 {
	font-size: 116.67%;
}
h6 {
	font-size: 116.67%;
	font-style:italic;
}
/*------------------------------------------------------------------------------------------------------*/
/* Text */

p {
	line-height: 130%;
	margin: 0 0 1em 0;
}
.teasers-start p {
	padding: 1em 1.25em 0 1.25em;
	margin: 0 0 0.4em 0;
}
span.rss {
	display: block;
	margin: 1em 0 0 0;
	padding: 0;
	background: #fff url("content_list_rss.gif") no-repeat center left;
}
div.bewerbung {
/*font-size: 0.92em;*/
}
.info_txt {
	color: #999999;
	font-weight: bold;
}
/*------------------------------------------------------------------------------------------------------*/
/* Links */

a {
	color: #900;
	text-decoration: underline;
	outline: none;
}
a:focus, a:hover, a:active {
	text-decoration: underline;
}
.teasers-start h3 a {
	color: #642111;
	display: block;
	text-decoration: none !important;
}
.teasers-start a.video-grid {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	text-decoration: none !important;
	width: 100%;
}
span.rss a {
	margin: 0 0 0 1.5em;
}
div.sitemap a {
	text-decoration: none;
}
div.sitemap a:focus, div.sitemap a:hover, div.sitemap a:active {
	text-decoration: underline;
}
/*------------------------------------------------------------------------------------------------------*/
/* BILDER */
/*------------------------------------------------------------------------------------------------------*/

img.keyvisual {
	width: 100%;
}
.teasers-start img.teaser {
	width: 100%;
}
.teasers-start a.video-grid img.ie {
	display: none;
}
ul.three-cols li img.products {
	float: left;
}
ul.kontakt li img.kontakt {
	width: 9.75em;
	height: 9.75em;
}
img.coloricon {
	margin-right: 0.5em;
}
/*------------------------------------------------------------------------------------------------------*/
/* LISTEN */
/*------------------------------------------------------------------------------------------------------*/

ul, ol, dl {
	line-height: 1.5em;
	margin: 0 0 1em 1em;
}
li {
	margin-left: 1.5em;
	line-height: 1.5em;
}
li p {
	line-height: 130%;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 0 1em 2em;
}
/*-----------------------------------------------------------------------------------------------------*/
/* Navigationslisten */

ul.content {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border-top: 1px #c7c2bd solid;
	overflow: hidden;
	width: 100%;
}
ul.no-line {
	border: 0;
}
ul.content li {
	display: inline;
	margin: 0;
	padding: 0;
	overflow: hidden;
	float: left;
	width: 100%;
	border-bottom: 1px #c7c2bd solid;
	padding: 0.45em 0;
	line-height: 1.3;
	color: #333;
}
ul.content li .arrow {
	padding: 0 0 0 1.6em;
	background: #fff url("content_list_arrow.gif") no-repeat center left;
}
ul.content li.no-line {
	border: 0;
}
ul.content li .arrow, ul.content li .rss, ul.content li .kontakt, ul.content li .filialen, ul.content li .tel, .tel, ul.content li .tel2, ul.content li .file, ul.content li .profil, .profil, ul.content li .extern, ul.kontakt li .arrow, ul.kontakt li .rss, ul.kontakt li .kontakt, ul.kontakt li .filialen, ul.kontakt li .tel, .tel, ul.kontakt li .tel2, ul.kontakt li .file, ul.kontakt li .profil, .profil, ul.kontakt li .extern {
	padding-left: 1.4em;
	display: block;
	background-position: left top;
	background-color: #fff;
	background-repeat: no-repeat;
}
ul.content li .rss, ul.kontakt li .rss {
	background-image: url("content_list_rss.gif");
}
ul.content li .kontakt, ul.kontakt li .kontakt {
	background-image: url("content_list_kontakt.gif");
}
ul.content li .filialen, ul.kontakt li .filialen {
	background-image: url("content_list_filialen.gif");
}
ul.content li .tel, ul.kontakt li .tel, .tel {
	background-image: url("content_list_tel.gif");
	font-weight: bold;
	margin-bottom: 0.2em;
}
ul.content li .tel2, ul.kontakt li .tel2 {
	background-image: url("content_list_tel.gif");
}
ul.content li .file, ul.kontakt li .file {
	background-image: url("content_list_file.gif");
}
ul.content li.bild {
	border: 0;
	padding: 0.8em 0 0 0;
}
ul.content li .profil, ul.kontakt li .profil, .profil {
	background-image: url("content_list_profil.gif");
	font-weight: bold;
}
ul.content li .extern, ul.kontakt li .extern {
	background-image: url("content_list_extern.gif");
}
ul.content a, ul.content span, ul.kontakt a, ul.kontakt span {
	text-decoration: none;
	color: #900;
}
ul.content span {
	background: none;
	color: #333;
}
ul.content p {
	display: block;
	margin: 0.2em 0 0 0;
}
ul.content h4 {
	margin: 0 0 0.5em 0;
}
ul.content a:focus, ul.content a:hover, ul.content a:active, ul.kontakt a:focus, ul.kontakt a:hover, ul.kontakt a:active {
	text-decoration: underline;
}
ul.content li.current a {
	font-weight: bold;
}
/*-----------------------------------------------------------------------------------------------------*/
/* Medien */

ul.medien {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.medien li {
	margin: 0;
	padding: 0.6em 0 0.6em 0;
}

ul.medien li.odd {
	background-color: #F0EFEE;
}
/*-----------------------------------------------------------------------------------------------------*/
/* Kontaktpersonen */

ul.kontakt {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.kontakt li {
	margin: 0;
	padding: 0 0 1.67em 0;
	overflow: hidden;
}
ul.kontakt li div.kontakt-image {
	width: 9.75em;
	height: 9.75em;
	float: left;
	display: inline;
	margin: 0.1em 1.67em 0 0;
}
/*-----------------------------------------------------------------------------------------------------*/
/* Download Area */ 

ul.content_links {
	list-style-type: none;
	margin:0 0 0 0;
}
ul.content_links li {
	padding: 0 0 0.17em 0;
	margin: 0;
	overflow: hidden;
}
ul.content_links li a.arrow_down {
	padding: 0 0 0 1.6em;
	background: #fff url("content_list_arrow_down.gif") no-repeat center left;
}
/*-----------------------------------------------------------------------------------------------------*/
/* Download Area */

ul.border_area {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
ul.border_area li {
	border-top: 1px solid #c7c2bd;
	padding: 0.33em 0 0 0;
	margin: 2.25em 0 0 0;
}
ul.border_area li a.arrow_up {
	padding: 0 0 0 1.6em;
	background: #fff url("content_list_arrow_up.gif") no-repeat center left;
}
/*-----------------------------------------------------------------------------------------------------*/
/* Sitemap */

div.sitemap ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	position: relative;
}
div.sitemap ul ul {
	float: right;
	width: 19.4em;
	margin: -0.3em 0;
	padding: 0;
}
div.sitemap ul li {
	margin: 0 0 2em 0;
	padding: 0.5em 0;
	overflow: hidden;
	border-top: 1px #c7c2bd solid;
	border-bottom: 1px #c7c2bd solid;
}
div.sitemap ul li.start {
	border: 0;
	position: absolute;
	top: 1px;
}
div.sitemap ul ul li {
	border: 0;
	margin: 0;
	padding: 0.3em 0;
}
div.sitemap ul a {
	float: left;
	font-weight: bold;
	margin-left: 12.5em;
}
div.sitemap ul li.start a {
	margin-left: 0;
}
div.sitemap ul ul a {
	font-weight: normal;
	margin-left: 0;
}
/*-----------------------------------------------------------------------------------------------------*/
/* Suche */

div.suche ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	position: relative;
}
div.suche ul li {
	margin: 0 0 1.7em 0;
	padding: 0;
}
div.suche ul a {
}
/*------------------------------------------------------------------------------------------------------*/
/* TABELLEN */
/*------------------------------------------------------------------------------------------------------*/

/* Client Opening */

table.result {
	width: 100%;
	border-collapse: collapse; 
	border: 0px;
	table-layout:fixed; 
}
table.result th, table.result td {
	padding: 0.3em 0 0.3em 0;
	margin: 0;
}

table.result td label {
	margin-top: 0.1em !important;
	margin-bottom: 0.2em !important;
}

table.result td label.co-label {
	display:inline !important;
	margin-top: 0.1em;
	margin-bottom: 0.2em;
	vertical-align:top;	
}

table.result td label.co-label-inside {
	display:inline !important;
	margin-top: 0.2em;
	margin-bottom: 0.2em;	
	vertical-align:sub;
}

table.result td label.co-label-inside span {
	display:inline !important;
	padding-left: 0.2em;
	position:relative;
	vertical-align:top;
}

table.result td label.co-label-two-line {
	width:95%; 
	float:left; 
	padding-left:0.2em;
}

table.result td input.co-input-two-line {
	height: 18px;
	display: block; 
	float: left;
}
table.result td h3 {
	font-weight : normal;
}
/* Client Opening */

table {
	width: auto;
	border-collapse:collapse;
	margin-bottom: 0.5em;
}
table.full {
	width: 100%;
}
table.fixed {
	table-layout:fixed;
}
table.download {
	width: 100%;
	margin-bottom:1.25em;
}

th, td {
	padding: 0.5em;
}
thead th {
	background: #444;
	color: #fff;
}
tbody th {
	background: #ccc;
	color: #333;
}
tbody th.sub {
	background: #ddd;
	color: #333;
}
div.filialen table {
	margin: 0 -1.5em 0 0;
}
div.filialen td {
	padding: 0 1.5em 0 0;
}
/* ----- download area -----  */
thead th.padding_around {
	padding:0.58em 0.75em 0.5em;
	align: center;
	width: 3em;
}
thead th {
	background: #c7c2bd;
	color: #333333;
	font-weight : bold;
	border-right: 1px solid #e3e1de;
}
thead th.dokument {
	width: 70%;
}
thead tr.odd td {
	background: #ebeae8;
}
tbody tr td {
	background: #fff;
}
tbody tr.odd td {
	background: #ebeae8;
}
tbody tr td span.pdf, p span.pdf {
	padding: 0 0 0 1.6em;
	background: url("content_list_pdf.gif") no-repeat top left;
}
tbody tr td span.doc, p span.doc {
	padding: 0 0 0 1.6em;
	background: url("content_list_doc.gif") no-repeat top left;
}
tbody tr td span.xls, p span.xls {
	padding: 0 0 0 1.6em;
	background: url("content_list_xls.gif") no-repeat top left;
}
tbody tr td span.ppt, p span.ppt {
	padding: 0 0 0 1.6em;
	background: url("content_list_ppt.gif") no-repeat top left;
}
tbody tr td span.eps, p span.eps {
	padding: 0 0 0 1.6em;
	background: url("content_list_eps.gif") no-repeat top left;
}
tbody tr td span.ps, p span.ps {
	padding: 0 0 0 1.6em;
	background: url("content_list_eps.gif") no-repeat top left;
}
tbody tr td span.gif, p span.gif {
	padding: 0 0 0 1.6em;
	background: url("content_list_gif.gif") no-repeat top left;
}
tbody tr td span.jpg, p span.jpg {
	padding: 0 0 0 1.6em;
	background: url("content_list_jpg.gif") no-repeat top left;
}
tbody tr td span.emf, p span.emf {
	padding: 0 0 0 1.6em;
	background: url("content_list_emf.gif") no-repeat top left;
}
tbody tr td span.tiff, p span.tiff {
	padding: 0 0 0 1.6em;
	background: url("content_list_tiff.gif") no-repeat top left;
}
tbody tr td span.zip, p span.zip {
	padding: 0 0 0 1.6em;
	background: url("content_list_zip.gif") no-repeat top left;
}
/* ----- download area end ----- */

/*-----------------------------------------------------------------------------------------------------*/
/* Zebratable */
.zebratable {
	width: 490px;
	border-bottom: 1px solid #f0efee;
	border-collapse: collapse;
	text-align: right;
}
.zebratable th {
	background-color: #c7c2bd;
	border-right: 1px solid #e3e1de;
	padding: 0.6666em 0.8333em;
	font-weight: bold;
	color:#333333;
	vertical-align: top;
}
.zebratable th.last {
	border: none;
}
.zebratable td {
	padding: 0.6666em 0.8333em;
	border: none;
}
.zebratable tr.even td {
	background-color: #f0efee;
}
.zebratable tr.odd td {
	background-color: #fff;
}
.zebratable .left {
	text-align: left;
}
.legend {
	margin: 0.8333em 0 0 0;
	font-size: 91.66%;
}
.zebratable1 {
	width: 100%;
	border-bottom: 1px solid #f0efee;
	border-collapse: collapse;
}
.zebratable1 th {
	background-color: #642111;
	border-right: 1px solid #e3e1de;
	padding: 7px;
	font-weight: bold;
	color:#f0f0f0;
	vertical-align: top;
	text-align: left;
}
.zebratable1 th.last {
	border: none;
}
.zebratable1 td {
	/*padding: 0.6666em 0.8333em;*/
	border: none;
	padding: 7px;
}
.zebratable1 p {
	margin-bottom: 2px;
	font-size: 100%;
}
.zebratable1 tr.even td {
	background-color: #b8b3aa;
	color:#333333;
}
.zebratable1 tr.odd td {
	background-color: #d4d1ca;
	color:#333333;
}
.zebratable1 .left {
	text-align: left;
}
/*------------------------------------------------------------------------------------------------------*/
/* SONSTIGES */
/*------------------------------------------------------------------------------------------------------*/

cite, blockquote {
	font-style:italic;
}
blockquote {
	margin: 0 0 1em 1.5em;
}
strong, b {
	font-weight: bold;
}
em, i {
	font-style:italic;
}
pre, code {
	font-family: monospace;
	font-size: 1.1em;
}
acronym, abbr {
	letter-spacing: .07em;
	border-bottom: .1em dashed #c00;
	cursor: help;
}
hr {
	color: #fff;
	background:transparent;
	margin: 0 0 0.5em 0;
	padding: 0 0 0.5em 0;
	border:0;
	border-bottom: 1px #000 solid;
}
/*------------------------------------------------------------------------------------------------------*/
/* Spezielle YAML-Klassen */

.note {
	background: #dfd;
	padding: 1em;
	border-bottom: 1px #bdb dotted;
}
.important {
	background: #ffd;
	padding: 1em;
	border-bottom: 1px #ddb dotted;
}
.warning {
	background: #fdd;
	padding: 1em;
	border-bottom: 1px #dbb dotted;
}
.float_left {
	float: left;
	display:inline;
	margin-right: 1em;
	margin-bottom: 0.15em;
}
.float_right {
	float: right;
	display:inline;
	margin-left: 1em;
	margin-bottom: 0.15em;
}
.center {
	text-align:center;
	margin: 0.5em auto;
}
/*------------------------------------------------------------------------------------------------------*/
/* Spezielle YAML-Klassen */
.corp_news li h2 {
	margin-bottom: 0;
}
.corp_news h4 {
	margin-bottom: 0.1em;
}
ul.corp_news li .arrow {
	padding: 0 0 0 1.6em;
	background: #fff url("content_list_arrow.gif") no-repeat center left;
}
ul.corp_news {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
ul.corp_news li {
	/*padding: 0 0 0.16em 0;*/
	padding: 0 0 0.6em 0;
	margin: 0;
	overflow: hidden;
}
ul.corp_news {
	text-decoration: none;
	color: #900;
}
ul.corp_news a:focus, ul.corp_news a:hover, ul.corp_news a:active {
	text-decoration: underline;
}
ul.corp_news li p {
	color: #333;
	font-weight: normal;
	margin: 0 0 0.58em 0;
}
}

/* meta navigation */
@media all {



/*------------------------------------------------------------------------------------------------------*/
/* HEADER */
/*------------------------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------------------------*/
/* Level 1 */

#nav_meta {
	display: inline;
	float: left;
	margin: -1px 0 0 0;
	text-align: left;
	z-index: 11;
}

#nav_meta li {
	display: inline;
	float: left;
	list-style-type: none;
	margin: 1px 0 0 0.5em;
	padding: 0 0 0 2px;
	position: relative;
	color: #cd8c91;
}

#nav_meta li.current {
	background: #fff url("nav_meta_current_l.gif") no-repeat left top;
}

#nav_meta li.hover,
#nav_meta li.expandable:hover {
	background: #fff url("nav_meta_expanded_l.gif") no-repeat left top !important;
}


#nav_meta li a,
#nav_meta li span {
	font-size: 0.92em;
	font-weight: normal;
	text-decoration: none;
	color: #cd8c91;
	padding: 0 0.3em;
	display: block;
}

#nav_meta li a:focus,
#nav_meta li a:hover,
#nav_meta li a:active {
	text-decoration: none;
	color: #fff;
}

#nav_meta li.expandable a,
#nav_meta li.current a {
	padding-right: 1.4em;
	background: url("nav_meta_expand.gif") no-repeat right top;
}

#nav_meta li.current a {
	color: #642111;
	background: #fff url("nav_meta_current.gif") no-repeat right top;
}


#nav_meta li.expandable:hover a,
#nav_meta li.expandable a:focus,
#nav_meta li.expandable a:hover,
#nav_meta li.expandable a:active,
#nav_meta li.hover a,
#nav_meta li.hover a:focus,
#nav_meta li.hover a:hover,
#nav_meta li.hover a:active {
	color: #642111;
	background: #fff url("nav_meta_expanded.gif") no-repeat right top;
}

#nav_meta li span a,
#nav_meta li span span {
	display: inline;
	padding: 0 !important;
	font-size: 1.01em;
}


/* Sprachwahl */

#nav_meta li.lang span span {
	margin: 0 0.15em;
	position: relative;
	top: -1px;
}


/* Schriftgroessenanpassung */

#nav_meta li.size {
	margin-top: 0;
	padding: 0;
}

#nav_meta li.size span {
	font-size: 1em;
}

#nav_meta li.size a.small {
	font-size: 0.84em;
}

#nav_meta li.size a.large {
	font-size: 1.17em;
}


/* Schriftgroessenanpassung */

#nav_meta li.search {
	margin-left: 1.2em;
}


/*------------------------------------------------------------------------------------------------------*/
/* Level 2 */

#nav_meta ul {
	position: absolute;
	top: auto;
	left: 0;
	width: 12em;
	margin: 0;
	padding: 0;
	display: none;
	float: none;
	border-top: 1px solid #e6e4e5;
}

#nav_meta li.expandable:hover ul,
#nav_meta li.hover ul {
	display: block;
}

#nav_meta ul li {
	width: 100%; 
	display: inline;
	background: none;
	background: #fff;
	margin: 0;
	padding: 0;
}


#nav_meta li li a {
	display: block;
	padding: 0.1em 0.42em;
	text-decoration: none;
	background:#fff !important;
	color: #900 !important;
	border-bottom: 1px #C7C2BD solid;
	border-left: 1px solid #e6e4e5;
	border-right: 1px solid #e6e4e5;
}

#nav_meta li li a:focus,
#nav_meta li li a:active,
#nav_meta li li a:hover {
	background: #f0efee !important;
}




/*-----------------------------------------------------------------------------------------------------*/
/* FOOTER */
/*-----------------------------------------------------------------------------------------------------*/


#footer ul {
	text-align: center;
	margin: 0;
	padding: 0;
}

#footer ul li {
	display: inline;
	list-style-type: none;
	margin: 0 0 0 1.17em;
	padding: 0.1em 0 0 0;
	position: relative;
	color: #cd8c91;
}

#footer ul a,
#footer ul span {
	font-size: 0.92em;
	font-weight: normal;
	text-decoration: none;
	color: #808080;
}

#footer ul a:focus,
#footer ul a:active,
#footer ul a:hover {
	text-decoration: underline;
}

#footer ul li.current a {
	font-weight: bold;
}




}
/* horizontal navigation */
@media all {



/*-----------------------------------------------------------------------------------------------------*/
/* Level 1 */

#nav_main {
	margin: 0 0 0 -1.1em;
	padding: 0 16em 0 1px;
	list-style-type: none;
	float: left;
	display: inline;
}

#nav_main li {
	float: left;
	font-size: 1.0em;
	margin: 0 -1px 0 0;
	padding: 0 0 0 2px;
	white-space: nowrap;
	position: relative;
	background: url("nav_main_line.gif") no-repeat center left; 
}

#nav_main li.first {
	background: none; 
}

#nav_main li:hover,
#nav_main li.current,
#nav_main li.hover {
	background: #fff url("nav_main_active_l.gif") no-repeat top left; 
}

#nav_main li a {
	display: block;
	float: left;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0;
	padding: 0.4em 0.8em 0.47em 0.7em;
	text-decoration: none;
	color: #fff;
}

#nav_main li a:focus,
#nav_main li a:hover,
#nav_main li a:active,
#nav_main li.current a,
#nav_main li.hover a,
#nav_main li:hover a {
	background: #fff url("nav_main_corner_r.gif") no-repeat top right; 
	text-decoration: none;
	color: #642111; 
}

/* clientopening */
#nav_main li.clientopening {
}

#nav_main li.clientopening a{
	background: #ff0000; 
	text-decoration: none;
	color: #FFFFFF; 
	margin-left: -2px;
}

#nav_main li.clientopening a:focus,
#nav_main li.clientopening a:hover,
#nav_main li.clientopening a:active,
#nav_main li.clientopening:hover a,
#nav_main li.clientopening:hover a {
	text-decoration: none;
}

/*-----------------------------------------------------------------------------------------------------*/
/* Level 2 */

#nav_main ul {
	position: absolute;
	top: 100%;
	left: 1px;
	width: 14.17em;
	z-index: 10;
	float: none;
	display: none;
	margin: 0;
	border-top: 1px solid #e6e4e5;
	/*padding: 0.3em 0 0 0;*/
} 

#nav_main li:hover ul,
#nav_main li.hover ul{
	display: block;
}

#nav_main ul li {
	width: 100%;	
	display: inline;
	background: none; 
	padding: 0;
	margin: 0;
	white-space: normal;
}

#nav_main ul a {
	background: #fff !important; 
	font-weight: normal;
	color: #990000 !important;
	border-bottom: 1px #C7C2BD solid;
	border-left: 1px solid #e6e4e5;
	border-right: 1px solid #e6e4e5;
	width: auto;
	float: none;
	font-size: 1em;
	padding: 0.34em 0.9em;
}

#nav_main ul a:focus,
#nav_main ul a:hover,
#nav_main ul a:active {
	color: #900 !important;
	background: #f0efee !important;
}





}
/* vertical navigation */
@media all {




/*------------------------------------------------------------------------------------------------------*/
/* Level 1 */

#nav_sub { 
	margin: 0 0 4em 0;
}

#nav_sub li { 
	padding: 0;
	width: 100%;
	line-height: 1.5em;
	border: 0;
}

#nav_sub a { 
	display: block;
	background: #fff;
	text-decoration: none;
	padding: 0.34em 0 0.34em 0;
    border-bottom: 1px #c7c2bd solid;
}

#nav_sub a:focus,
#nav_sub a:active,
#nav_sub a:hover {
	background: #f0efee;
	text-decoration: none;
}

#nav_sub a.hovernone:hover{
	background: none;
}


#nav_sub li.current a { 
	color: #333;
	background: #f0efee;
}

#nav_sub li.expanded a {
	color: #333;
}

#nav_sub li.current ul a {
	background:#FFFFFF none repeat scroll 0% 0%;
	color:#990000;
	font-weight: normal;
}


/*------------------------------------------------------------------------------------------------------*/
/* Level 2 */

#nav_sub ul { 
	margin: 0;
}

#nav_sub ul a {
	padding-left: 1.25em;
}

#nav_sub li.expanded li a,
#nav_sub li.current li a {
	color: #900;
	font-weight: normal;
	background-color: transparent;
}

#nav_sub li.expanded a:focus,
#nav_sub li.expanded a:active,
#nav_sub li.expanded a:hover,
#nav_sub li.current a:focus,
#nav_sub li.current a:active,
#nav_sub li.current a:hover {
	background: #f0efee;
	text-decoration: none;
}

#nav_sub li.expanded li.current a {
	/* color: #333; */
}

#nav_sub li li.expanded a {
	color: #333;
}

#nav_sub li li.current a {
	color: #333;
	background: #F0EFEE;
	font-weight: bold;
}
		
	
/*------------------------------------------------------------------------------------------------------*/
/* Level 3 */

#nav_sub ul ul { 
	margin: 0;
}

#nav_sub ul ul a {
	padding-left: 2.5em;
}

#nav_sub ul li.expanded li a,
#nav_sub ul li.current li a {
	color: #900;
	font-weight: normal;
	background-color: transparent;
}

#nav_sub ul li li.current a {
	color: #333;
	background: #F0EFEE;
	font-weight: bold;
}


}
/* secial navigation */
@media all {



/*------------------------------------------------------------------------------------------------------*/
/* Liste */

#nav_tabs {
	background: url(nav_tabs_bg.gif) repeat-x bottom;
	list-style-type: none;
	margin: 0;
	padding: 0 0 0 0.73em;
	overflow: hidden;
}

#nav_tabs li {
	display: inline;
	float: left;
	margin: 0 0.25em 0 0;
	padding: 0 0 0 2px;
	border-bottom: 1px solid #a4a6a9;
	background: url(nav_tabs_l.gif) no-repeat top left;
}

#nav_tabs li:hover,
#nav_tabs li.hover {
	background: url(nav_tabs_hover_l.gif) no-repeat top left;
}

#nav_tabs li.current {
	border-bottom: 1px solid #fff;
	background: url(nav_tabs_active_l.gif) no-repeat top left !important;
}

#nav_tabs li a {
	color: #900;
	display: block;
	padding: 0.3em 1em 0.1em 0.7em;
	text-decoration: none;
	background: url(nav_tabs.jpg) no-repeat top right;
}

#nav_tabs li.hover a,
#nav_tabs li a:focus,
#nav_tabs li a:hover,
#nav_tabs li a:active {
	text-decoration: none;
	background: url(nav_tabs_hover.gif) no-repeat top right;
}

#nav_tabs li.current a,
#nav_tabs li.current a:focus,
#nav_tabs li.current a:hover,
#nav_tabs li.current a:active {
	text-decoration: none;
	color: #333;
	font-weight: bold;
	background: url(nav_tabs_active.gif) no-repeat top right;
}


/*------------------------------------------------------------------------------------------------------*/
/* Inhalt */

.nav_tabs-content {
	border: 1px solid #c7c2bd;
	border-top: 0;
	padding: 1.5em 1.6em 0.5em 1.6em;
	overflow: hidden;
}

.nav_tabs-content h2 {
	font-size: 1em;
	margin: 0 0 0.25em 0;
}

.nav_tabs-content .subcolumns {
	/* padding: 1.2em 0; */
}

.nav_tabs-content .lastrow {
	padding: 0 0 1.2em 0;
}

.nav_tabs-content ul {
	margin: 0 0 1.5em 0;
	padding: 0;
}

.nav_tabs-content ul.three-cols {
	margin: 1em -3.8em 1.2em 0; 
}

.nav_tabs-content .subcolumns img {
	margin: 0 0 1em 0;
}

.nav_tabs-content .subcl {
	padding: 0 0.6em 0 0;
}
.nav_tabs-content .subc {
	padding: 0 0.3em;
}
.nav_tabs-content .subcr {
	padding: 0 0 0 0.6em;
}
}

/* content defaults */

/* content custom */

/* content custom */


/* teaser custom */
/* 
**  version		: 01.11.06  
**  Datei       : teaser-content-custom.css
**  Funktion    : Basis-Modifikation für das Layout des YAML-Tutorials
**
*/

@media all
{

	/* ######################################################################################################
	** ### Teasers ##############################################################################
	** ######################################################################################################
	*/
	
	/****************************************************
	* styles for the all modes
	****************************************************/
	
	/* teaser lists */
	.teaserList {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	
	/* teasers */
	
	.teaserList .teaser,.teaserList .teasernotdraggable{
		margin-left: 0px;
	}
	
	ul.teaserList div.teaserContent {
		padding: 0 0 1.67em 0;
		color: #666;
	} 
	
	#col1 #teasers {
		margin-top: 3em;
	}
	
	#teasers h2 a.nl_link {
		display: block;
		float: right;
		font-weight: normal;
		background: transparent;
		padding-left: 10px;
		margin-right: 10px !important;
		margin-right: 5px ;
	}
	
	.teaserContent ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	.teaserContent ul li {
		margin: 0;
	}
	
	.teaser-image {
		position: relative;
	}
	* html .teaser-image {
		zoom: 1;
	}
	
	* html .teaser-image img {
		float: left;
	}
	*+html .teaser-image img {
		float: left;
	}
	.teaser-image h3 {
		position: absolute;
		top: 0.8em;
		left: 0.8em;
		color: #900;
	}
	.teaser-image span.button {
		position: absolute;
		bottom: 0.7em;
		right: 0.8em;
		zoom: 1;
	}
	* html .teaser-image span.button {
		zoom: 1;
	}
	
	
	/****************************************************
	* styles for the edit mode
	****************************************************/
	
	/* help div */
	#teaserHelpDiv {
		margin-bottom: 10px;
		background-color: #ffcccc;
		border: 1px solid black;
		padding: 5px;
	}
	
	/* admin links + status div */
	.teaserLinkDiv {
		border: 1px solid black;
		border-bottom-width: 0px;
		text-align: center;
		
		padding-bottom: 2px;
	}
	
	/* distinguish between local and global teasers by background color */
	#teaserLocalLinkDiv, #teaserLocalEditDiv {
		background-color: #ccffcc;
	}
	#teaserGlobalLinkDiv, #teaserGlobalEditDiv {
		background-color: #ffffbb;
	}
	
	#teaserGlobalEditDiv {
		border: solid #ffff55 3px;
	}
	
	#teaserGlobaleditDiv h2 {
		background: none;
	}
	
	/****************************************************
	* styles for the edit mode
	* -> teasers on the edit div AND teasers on the page
	****************************************************/
	
	/* category divs */
	.teaserEditDiv .teaserContainer, .teaserContainerEditMode {
		border: 1px solid black;
		padding: 3px;
		margin-bottom: 10px;
		min-height: 100px;
	}
	
	/* teaser lists */
	.teaserEditDiv .teaserList, .teaserContainerEditMode .teaserList {
		margin: 5px;
		min-height: 100px;
	}
	
	/* teasers */
	.teaserEditDiv .teaser, .teaserContainerEditMode .teaser,
	.teaserEditDiv .teasernotdraggable, .teaserContainerEditMode .teasernotdraggable
	{
		border: 1px dotted black;
		border-top-width: 0px;
		margin-bottom: 2.5em;
	}
	
	.teaserEditDiv .teasernotdraggable, .teaserContainerEditMode .teasernotdraggable
	{
		border: none;
	}
	
	/* teaser handles */
	.teaserHandle {
		display: none;
	}
	.teaserEditDiv .teaserHandle, .teaserContainerEditMode .teaserHandle {
		width: 100%;
		height: 15px;
		background-color: #999999;
		cursor:move;
		margin-bottom:5px;
		display: block;
	}
	
	#pageTeasersDiv.teaserContainer .teaserHandle{
		display: none;
	}
	
	.teasernotdraggable .teaserHandle{
		display: none;
	}
	
	/****************************************************
	* styles for the edit mode
	* -> teasers on the edit div ONLY
	****************************************************/
	
	/* edit div */
	.teaserEditDiv {
		padding: 3px;
		display: none;
		position: absolute;
		top: 0px;
	}
	
	/* category headers */
	.teaserEditDiv .teaserContainerHeader {
		background-color: #333333;
		font-size: 0.9em;
		color: white;
		padding-left: 3px;
		padding-right: 3px;
	}
	
	/* teasers */
	.teaserEditDiv .teaser, .teaserEditDiv .teasernotdraggable {
		margin-right: 10px;
		width: 30%;
		float: left;
	}
		
	/* float clearing */
	.teaserEditDiv .clear {
		clear: left;
	}
}
/* teaser custom */
/*------------------------------------------------------------------------------------------------------*/
/* BUTTONS */
/*------------------------------------------------------------------------------------------------------*/

.button button {
	margin-top: -1px;
}

* html .button button {
	margin-top: -3px;
}

input, button {
	outline: 0;
}

button {
	color: #fff;
	background: none;
	border: 0;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

/*li.forms-input-submit button {
	margin: 0;
}
*/
/*
p.button {
    float: left;
    background: url("button_l.gif") no-repeat bottom left;
    padding: 0 0 0 2px !important;
    margin: 0;
    cursor: pointer;
    font-size: 0.92em;
	line-height: 1.2em;
}

span.button {
	display: block;
    float: left;
    background: url("button.gif") no-repeat bottom right !important;
    color: #fff !important;
    padding: 0.3em 1.63em 0.2em 0.45em;
    text-decoration: none !important;
    white-space: nowrap;
	line-height: 1.3em;
}

.button a, .buttonlink a {
	display: block;
    float: left;
    color: #fff !important;
    padding: 0.3em 1.63em 0.2em 0.45em;
    text-decoration: none !important;
    white-space: nowrap;
	line-height: 1.3em;
}

span.button {
    padding: 0.2em 1.63em 0.2em 0.45em;
}
  

ul.two-cols .button, ul.two-cols .buttonlink { 
  	margin-top: -0.62em; 
}


span.buttonlink {
	background: transparent url(button_l.gif) no-repeat scroll left bottom;
	float: left;
	margin: 0pt;
	padding:0pt 0pt 0pt 2px !important;
	line-height: 1.5em;
}

.buttonlink a {
	line-height: 1.2;
	background:transparent url(button.gif) no-repeat scroll right bottom !important;
	color:#FFFFFF !important;
	display:block;
	float:left;
	padding:0.3em 1.63em 0.2em 0.45em;
	text-decoration:none !important;
	white-space:nowrap;
	font-size: 0.92em;
}
*/

.button {
     float: left;
     background: url("button_l.gif") no-repeat center left !important;
     padding: 0 0 0 2px !important;
     margin: 0 0.5em 0 0;
     cursor: pointer;
     font-size: 0.92em;
	 line-height: 1.25;
}
.button a, .button span {
     display: block;
     float: left;
     background: url("button.gif") no-repeat center right !important;
     color: #fff !important;
     padding: 0.3em 1.63em 0.3em 0.45em;
     text-decoration: none !important;
     white-space: nowrap;
}
.button span {
     padding: 0.3em 1.6em 0.3em 0.4em;
        
}
.button2 {
        margin-top: 0;
}

.button_wrapper {
    float: left;
    background: url("button_l.gif") no-repeat center left;
    padding: 0 0 0 2px !important;
    margin: 0 0.5em 0 0;
    cursor: pointer;
    font-size: 0.92em;
    line-height: 1.25em;
}

.button_wrapper span {
    display: block;
    float: left;
    background: url("button.gif") no-repeat center right !important;
    color: #fff !important;
    padding: 0.25em 1.63em 0.33em 0.45em;
    text-decoration: none !important;
    white-space: nowrap;
    font-weight: bold;

}

.button_wrapper button {
                padding: 0;
                margin: 0;
                background: none;
                border: none;
                cursor: pointer;
                font-weight: bold;
                color: #fff;
}

/*Client Opening */
span.button-co {height:18px; background:url(/internet/bziech/en/bg_button_co_right.gif) 
	right no-repeat; 
	width:auto; 
	float:left;
}
span.button-co input {
	height:18px; 
	background:url(/internet/bziech/en/bg_button_co_left.gif) left no-repeat; 
	color:#ffffff; 
	border:none; 
	overflow:visible; 
	display:inline; 
	margin-bottom:0px !important;  
	padding:0px 16px 0px 8px !important; 
	cursor: pointer !important;
	font-family: Arial,sans-serif !important;
	font-size: 0.92em;
	font-weight:bold; 
}

@-moz-document url-prefix() {
	span.button-co input {
		padding-bottom:2px !important; 
	}
}
/*Client Opening */

/*------------------------------------------------------------------------------------------------------*/
/* HEADER */
/*------------------------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------------------------*/
/* meta nav */

#nav_meta li.search input.text {
    font-size: 0.92em;
    line-height: 1.4em;
	width: 7.5em;
    height: 1.4em;
    float: left;
	display: inline;
	margin: -0.1em 0.4em 0 0;
	padding: 0.1em 0 0 0;
	position: relative;
	border: 1px solid #ccc;
}

#nav_meta li.search input.submit {
	margin: -0.1em 0 0 0;
	width: 1.5em;
	height: 1.5em;
	position: relative;
}


/*------------------------------------------------------------------------------------------------------*/
/* Login */

#login ul li label {
	font-size: 0.92em;
	display: block;
	margin: 0.4em 0 0 0;
	padding: 0;
	line-height: 130%;
}

#login li input {
	position: relative;
}

#login li input.text {
	font-size: 0.92em;
    line-height: 1.4em;
	float: left;
	display: inline;
	margin: 0.1em 0 0 -0.1em;
	padding: 0.2em 0.2em;
	border: 1px solid #ccc;
	width: 97%;
}

* html #login li input.text {
	margin-left: 0.7em;
}

#login ul li input.password {
	width: 11.3em;
}

#login li input.submit {
	float: right;
	display: inline;
	margin: 0.15em 0 0 0;
	width: 1.5em;
	height: 1.5em;
}

* html #login li input.submit {
	margin: 0.2em 0 0 -0.2em;
}



/*------------------------------------------------------------------------------------------------------*/
/* STARTSEITE */
/*------------------------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------------------------*/
/* Keyvisual */

.keyvisual-start label {
	padding-bottom: 0.3em;
	display: block;
}

.keyvisual-start input.text {
	font-size: 0.92em;
    line-height: 1.4em;
	width: 8.33em;
	height: 1.4em;
    float: left;
	display: inline;
	margin: 0 0.4em 0 0;
	padding: 0.1em 0.2em 0 0.2em;
	position: relative;
	border: 1px solid #ccc;
}

.keyvisual-start select {
	font-size: 0.92em;
    line-height: 1.4em;
    float: left;
	display: inline;
	margin: 0 0.6em 0 0;
	padding: 0 0.1em 0.1em 0.1em;
	position: relative;
	border: 1px solid #ccc;
}

.keyvisual-start select.waehrung {
	margin-right: 0.8em;
}

.keyvisual-start input.submit {
	float: left;
	display: inline;
	width: 1.5em;
	height: 1.5em;
}


/*------------------------------------------------------------------------------------------------------*/
/* Teasers */

.teasers-start input.text {
	font-size: 0.92em;
    line-height: 1.4em;
	width: 6.5em;
	height: 1.4em;
    float: left;
	display: inline;
	margin: 0.1em 0.3em 0 1.25em !important;
	padding: 0.1em 0.2em 0 0.2em !important;
	position: relative;
	border: 1px solid #ccc;
}

.teasers-start span.button {
	margin-left: 1.25em;
}

.teasers-start span.button2 {
	margin-left: 0;
}

form#calculate {
 overflow:hidden; 
}

form#calculate {
 overflow:hidden; 
}

/*------------------------------------------------------------------------------------------------------*/
/* Filialen */

.filialen form {
	margin: 0;
}

.filialen label {
	padding-bottom: 0.3em;
	display: block;
}

.filialen button p {
	margin: 0;
}

.filialen input.text {
	font-size: 0.92em;
    line-height: 1.4em;
	width: 8.8em;
	height: 1.4em;
    float: left;
	display: inline;
	margin: 0.1em 0.4em 0 0 !important;
	padding: 0.1em 0.2em 0 0.2em;
	position: relative;
	border: 1px solid #ccc;
}



/*------------------------------------------------------------------------------------------------------*/
/* COL3 */
/*------------------------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------------------------*/
/* Listen */

#col3 form ul {
	margin: 0 0 20px 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
}

#col3 div.bewerbung form ul {
	margin: 0;
}

#col3 form li {
	margin: 0px;
	overflow: visible;
  	padding: 2px 0; 
}

#col3 form li.float {
	float: left; 
	padding-right: 0.5em !important;
}

#col3 form fieldset li {
	margin: 0px;
	overflow: visible;
  	padding: 2px 0;
  	background: none; 
}

#col3 div.bewerbung form fieldset li {
	padding: 0.2em 0 0.5em; 
}

#col3 form ul.forms-onerow li { float: left; overflow: hidden; }

#col3 form ul.forms-list li { float: none; overflow: hidden; }
/*
#col3 form li.forms-input-image,
#col3 form li.forms-input-reset,
#col3 form li.forms-input-submit,
#col3 form li.forms-input-backbutton {
	display: inline;
	margin: 0 1em 0 0;
	width: auto;
	background: none;
}
*/
#col3 div form li.forms-input-submit,
#col3 div form tr.forms-input-submit {
	padding: 1em 0 0 0;
}

#col3 form li.forms-input-image input,
#col3 form li.forms-input-reset input,
#col3 form li.forms-input-submit input,
#col3 form li.forms-input-backbutton input {
	width: auto;
}

form div.validation-advice {
	clear:both;
	display: block;
	color: #c30;
}

form#login_form div.validation-advice {
	font-size: 0.92em;
	line-height: 1em;
	padding: 0.6em 0 0 0;
}


form span.validation-advice-hidden {
	position: absolute;
	left: -1000em;
}

#col3 form li.forms-input-naked-text {
	width: 28.33em;
	padding: 1.5em 0 0 0 !important;
}

#col3 form .hint {
	font-size: 0.92em;
	margin: 0;
}

#col3 form span.hint {
	padding-left: 0.5em;
}


/*------------------------------------------------------------------------------------------------------*/
/* Fieldsets, Legenden */

#col3 form fieldset {
	margin: 0;
	padding: 0;
}

#col3 form fieldset legend {
	font-weight: bold;
	color: #333;
	padding: 0 0 5px 0;
	margin: 0;
}

#col3 div.bewerbung form fieldset legend {
	display: none;
}

#col3 form fieldset legend.legend-radio-group {
	font-weight: normal;
}

#col3 form fieldset legend.legend-checkbox-group {
	font-weight: normal;
}

#col3 form label {
	margin: 0 0.75em 0 0; 
	font-size: 0.92em;
	display: block;
}

#col3 form li.forms-input-checkbox label {
	margin: 0 0.75em 0 0; 
	font-size: 0.92em;
	display: inline;
}

/*------------------------------------------------------------------------------------------------------*/
/* input, textarea, checkbox etc. */

#col3 form input {
  	margin: 0 0 0 0;
  	padding: 0.1em 0;
}

#col3 form textarea {
	font-size: 1em;
	font-family: Arial;
	border: 1px solid #ccc;
}

#col3 form textarea {
	padding: 0;
	margin: 0;
	height: 100px;
	width: 28.33em;
}

#col3 form select {
	border: 1px solid #ccc;
	width: 28.35em;
}

#col3 form li.radiobtn input {
  	margin: 0 5px 0 0;
  	float: left;
}

#col3 form li.forms-input-text input,
#col3 form li.forms-input-password input,
#col3 form tr.forms-input-text input {
	border: 1px solid #ccc;
	width: 28.33em;
}

#col3 form li.small input {
	width: 6.66em;
}

#col3 form li.medium input {
	width: 19em;
}

#col3 form li.large input {
	width: 21em;
}

#col3 form li.forms-input-file input,
#col3 form tr.forms-input-file input {
	border: 1px solid #ccc;
}

#col3 form li.forms-input-checkbox-label-after input,
#col3 form tr.forms-input-checkbox-label-after input {
	margin: 0 5px 0 0;
	float: left;
	padding-left: 0;
	display: inline;
}

#col3 form li.forms-input-checkbox-label-after label,
#col3 form tr.forms-input-checkbox-label-after label,
#col3 form li.forms-input-radio-label-after label,
#col3 form tr.forms-input-radio-label-after label {
	display: inline;
	width: auto;
	float: none;
	font-size: 1em;
}

#col3 form li.forms-input-radio-label-after label,
#col3 form tr.forms-input-radio-label-after label {
	display: inline;
	width: auto;
	float: none;
}

#col3 form div.infotext {
	width: 27.33em;
	padding:5px; 
	/*border: 1px solid red;*/
}

/*------------------------------------------------------------------------------------------------------*/
/* COL2 */
/*------------------------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------------------------*/
/* teasers */
 

/* error label for validation */
label.error { 
	color: red;
}

/* custom whatever */
@media all {




/*-----------------------------------------------------------------------------------------------------*/
/* SCHRIFTGRÖSSE */
/*-----------------------------------------------------------------------------------------------------*/

body.small { 
	font-size: 65%;
}
body.large { 
	font-size: 90%;
}




/*-----------------------------------------------------------------------------------------------------*/
/* KONTRAST */
/*-----------------------------------------------------------------------------------------------------*/


body.accessible .corners {
	display: none !important;
}

body.accessible input {
	color: black !important;
	background: white !important;
}

body.accessible .corner-tl,
body.accessible .corner-tr,
body.accessible .corner-bl,
body.accessible .corner-br {
	display: none;
}


/*-----------------------------------------------------------------------------------------------------*/
/* blau-gelb */

body.blue, 
body.blue #header, 
body.blue #main,
body.blue #nav_meta li:hover,
body.blue #nav_meta li.hover,
body.blue #nav_meta li a,
body.blue #nav_meta li span,
body.blue #nav_main li,
body.blue #nav_main li a,
body.blue #nav_main li.hover a,
body.blue #login .box,
body.blue #login .box a,
body.blue #login .bg,
body.blue #nav_sub li a,
body.blue ul.content li,
body.blue ul.content li a,
body.blue ul.content li span,
body.blue a,
body.blue h1,body.blue h2,body.blue h3,body.blue h4,body.blue h5,
body.blue .button,
body.blue .button a, body.blue .button span,
body.blue #footer a,
body.blue .teasers-start-box,
body.blue label,
body.blue span.rss, body.blue p {
	color: yellow !important;
	background: blue !important;
}

body.blue ul.content li {
	padding-left: 0 !important;
}

body.blue ul.content li p,
body.blue ul.content li h4,
body.blue ul.content li form ,
body.blue ul.content li table {
	margin: 0 !important;
}

body.blue a:hover,
body.blue a:active,
body.blue a:focus {
	text-decoration: underline !important;
}

body.blue #nav_meta li,
body.blue #nav_main li,
body.blue #login .box a {
	border: 1px solid yellow !important;
}
body.blue #nav_meta ul li,
body.blue #nav_main ul li {
	border: 0 !important;
}

body.blue .button, body.blue button p {
	border: 2px solid yellow !important;
}


/*-----------------------------------------------------------------------------------------------------*/
/* gelb-blau */

body.yellow, 
body.yellow #header, 
body.yellow #main,
body.yellow #nav_meta li:hover,
body.yellow #nav_meta li.hover,
body.yellow #nav_meta li a,
body.yellow #nav_meta li span,
body.yellow #nav_main li,
body.yellow #nav_main li a,
body.yellow #nav_main li.hover a,
body.yellow #login .box,
body.yellow #login .box a,
body.yellow #login .bg,
body.yellow #nav_sub li a,
body.yellow ul.content li,
body.yellow ul.content li a,
body.yellow ul.content li span,
body.yellow a,
body.yellow h1,body.yellow h2,body.yellow h3,body.yellow h4,body.yellow h5,
body.yellow .button,
body.yellow .button a, body.yellow .button span,
body.yellow #footer a,
body.yellow .teasers-start-box,
body.yellow label,
body.yellow span.rss, body.yellow p {
	color: blue !important;
	background: yellow !important;
}

body.yellow ul.content li {
	padding-left: 0 !important;
}

body.yellow ul.content li p,
body.yellow ul.content li h4,
body.yellow ul.content li form ,
body.yellow ul.content li table {
	margin: 0 !important;
}

body.yellow a:hover,
body.yellow a:active,
body.yellow a:focus {
	text-decoration: underline !important;
}

body.yellow #nav_meta li,
body.yellow #nav_main li,
body.yellow #login .box a {
	border: 1px solid yellow !important;
}
body.yellow #nav_meta ul li,
body.yellow #nav_main ul li {
	border: 0 !important;
}

body.yellow .button, body.yellow button p {
	border: 2px solid yellow !important;
}

/*-----------------------------------------------------------------------------------------------------*/
/* rot-weiss */

body.red, 
body.red #header, 
body.red #main,
body.red #nav_meta li:hover,
body.red #nav_meta li.hover,
body.red #nav_meta li a,
body.red #nav_meta li span,
body.red #nav_main li,
body.red #nav_main li a,
body.red #nav_main li.hover a,
body.red #login .box,
body.red #login .box a,
body.red #login .bg,
body.red #nav_sub li a,
body.red ul.content li,
body.red ul.content li a,
body.red ul.content li span,
body.red a,
body.red h1,body.red h2,body.red h3,body.red h4,body.red h5,
body.red .button,
body.red .button a, body.red .button span,
body.red #footer a,
body.red .teasers-start-box,
body.red label,
body.red span.rss, body.red p {
	color: white !important;
	background: red !important;
}

body.red ul.content li {
	padding-left: 0 !important;
}

body.red ul.content li p,
body.red ul.content li h4,
body.red ul.content li form ,
body.red ul.content li table {
	margin: 0 !important;
}

body.red a:hover,
body.red a:active,
body.red a:focus {
	text-decoration: underline !important;
}

body.red #nav_meta li,
body.red #nav_main li,
body.red #login .box a {
	border: 1px solid yellow !important;
}
body.red #nav_meta ul li,
body.red #nav_main ul li {
	border: 0 !important;
}

body.red .button, body.red button p {
	border: 2px solid yellow !important;
}

/*-----------------------------------------------------------------------------------------------------*/
/* weiss-rot */

body.white, 
body.white #header, 
body.white #main,
body.white #nav_meta li:hover,
body.white #nav_meta li.hover,
body.white #nav_meta li a,
body.white #nav_meta li span,
body.white #nav_main li,
body.white #nav_main li a,
body.white #nav_main li.hover a,
body.white #login .box,
body.white #login .box a,
body.white #login .bg,
body.white #nav_sub li a,
body.white ul.content li,
body.white ul.content li a,
body.white ul.content li span,
body.white a,
body.white h1,body.white h2,body.white h3,body.white h4,body.white h5,
body.white .button,
body.white .button a, body.white .button span,
body.white #footer a,
body.white .teasers-start-box,
body.white label,
body.white span.rss, body.white p {
	color: red !important;
	background: white !important;
}

body.white ul.content li {
	padding-left: 0 !important;
}

body.white ul.content li p,
body.white ul.content li h4,
body.white ul.content li form ,
body.white ul.content li table {
	margin: 0 !important;
}

body.white a:hover,
body.white a:active,
body.white a:focus {
	text-decoration: underline !important;
}

body.white #nav_meta li,
body.white #nav_main li,
body.white #login .box a {
	border: 1px solid yellow !important;
}
body.white #nav_meta ul li,
body.white #nav_main ul li {
	border: 0 !important;
}

body.white .button, body.white button p {
	border: 2px solid yellow !important;
}


}

/* teaser basemod no teaser */


/* print mod */
/* "Yet Another Multicolumn Layout" v3.0.4 (c) by Dirk Jesse (http://www.yaml.de)
* $Revision: 134 $ $Date: 2007-10-12 20:31:37 +0200 (Fr, 12 Okt 2007) $ */
@media print {
body,#page_margins,#page,#main {margin:0;padding:0;border:0;}
#page_margins,#page{width:100% !important;min-width:0;max-width:none}
#header{height:auto}
#footer,#topnav,#nav,#search{display:none}
.c25l,.c33l,.c38l,.c50l,.c62l,.c66l,.c75l,.c25r,.c33r,.c38r,.c50r,.c62r,.c66r,.c75r {width:100%;margin:0;float:none;overflow:visible;display:table}
.subc,.subcl,.subcr {margin:0;padding:0}
body *{font-family:"Times New Roman", Times, serif}
code,pre{font-family:"Courier New", Courier, mono}
body{font-size:12pt}
h1,h2,h3,h4,h5,h6{page-break-after:avoid}
abbr[title]:after,acronym[title]:after{content:'(' attr(title) ')'}
#page a[href^="http:"],#page a[href^="https:"]{padding-left:0;background-image:none}
a[href]:after{content:" <URL: "attr(href)">";color:#444;background:inherit;font-style:italic}
#col1_content:before,#col2_content:before,#col3_content:before{content:"";color:#888;background:inherit;display:block;font-weight:700;font-size:1.5em}
.floatbox,.subcolumns,.subcolums_oldgecko{overflow:visible;display:table}
}
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) print stylesheet
 * (de) Druck-Stylesheet
 *
 * @copyright       Copyright 2005-2007, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.2
 * @revision        $Revision: 107 $
 * @lastmodified    $Date: 2007-08-01 18:27:14 +0200 (Mi, 01 Aug 2007) $
 */


/* #col1 - 0
** #col2 - 0
** #col3 - x
*/

@media print {

  body, body.small, body.large {font-size: 100.1% !important;}
  
  body, #header {background: #fff;}
  #logo {position:relative; top: 0; left: 0; padding: 0 0 2em 0; float: left;} 
  #topnav, #nav, #login, #footer {display:none}
  
  #col1 {display:none}
  #col2 {display:none}
  
  #col3, #col3_content { width: 100%; margin:0 !important; padding: 0; border:0}
  
  .keyvisual-start, .keyvisual  { display: none;}
  
  ul.two-cols, ul.three-cols {
	overflow: visible !important;
  }
  
  ul.two-cols li, ul.three-cols li {
	float: none !important;
  }
  
  ul.kontakt .kontakt-image {
	float: none !important;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
  }
  
  #nav_tabs {
	   zoom: 1;
	   background: none !important;
  }

  .nav_tabs-content {
       border-top: 1px solid #C7C2BD;
  }

  #nav_tabs li, #nav_tabs li.current {
       border: 1px solid #C7C2BD;
	   border-bottom: 0;
	   background: none !important;
  }
  
  .floatbox {
	display: block !important;
  }
  
  #online_form, #online_form fieldset {
	display: inline !important;
  }

  
  a[href]:after{content:""}
  
  .print {
    width: auto;
    height: auto;
    position: static;
  }
	
  hr.print {
    width: 100%;
	clear: left;
	margin: 1em 0;
  }
	
   #logo {
    padding-bottom: 0;
  }
  #logo a {
    display: none;
  }
	
	span.button {
	    background: none !important;
	    padding: 0 !important;
	}
	span.button span, span.button a {
	    border: 2pt solid #642111 !important;
	    padding: 2pt !important;
	    background: none !important;
	}
	span.button button, span.button a {
	    color: #642111 !important;
	}
	
	.teasers-start input.text {
	    margin-left: 0 !important;
	}
	
	ul.teasers-start {
	    overflow: visible;
		display: block;
	}
	ul.teasers-start li.teaser-start {
	    float: none !important;
	    width: 100% !important;
	    clear: left;
	    padding-bottom: 20pt;
	}
	ul.teasers-start li img {
	    width: auto !important;
	}
	ul.teasers-start li h3 {
	    position: static !important;
	}
	li.teaser-start ul.content,
	li.teaser-start p,
	li.teaser-start h4 {
	    margin: 0 !important;
	    padding: 0 !important;
	}
	li.teaser-start span.button {
	    margin: 0;
	}
	li.teaser-start div.corners-neg {
	    padding: 0 !important;
	    margin: 0 !important;
	}
	li.teaser-start img.teaser {
	    margin-top: 0 !important;
	}
	ul.corners-start {
	    display: none;
	}
	ul.content {
	    position: relative;
		zoom: 1;
	}
	
	#footer {
	    display: block;
	    padding: 0;
	}
	
	#footer ul {
	    display: none;
	}
  
}