@media all {
	* { margin:0; padding:0; font-size: 100%; border:0; } 
	html { height: 100% } 
	body { min-height: 100%; margin-bottom: 1px; font-size: 100.01%; position: relative; color: #333333; background: #000;	text-align: left; } 
	fieldset, img { border:0; }
	select, input, textarea { font-size: 99%; border: 1px; }
	table { border-collapse: collapse; }


/* Standard-Formatierungen für Listen & Zitate
----------------------------------------------- */
	ul, ol, dl { margin: 0  }
	li { margin-left: 1.5em; line-height: 1.5em; }
	dt { font-weight: bold; }
/*	dd { margin: 0 0 1em 2em; } deaktiviert wg. css-imagewrap */
	blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto; }


/* Markupfreie CSS-Floatclearing-Lösungen
----------------------------------------------- */
	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.clearfix { display: block; } /* Diese Angabe benötigt der Safari-Browser zwingend !! */
	.floatbox { overflow:hidden; } 	/* Overflow-Methode zum Clearen der Float-Umgebungen */
	hr.clear_columns {		/* Clearen der 3 Inhaltsspalten mittels dieses speziellen hr-Tags */
	clear: both; float: left; content: "."; display: block; height: 0; line-height: 0px; 
	visibility: hidden; border: 0; padding: 0; margin: -1.1em 0 0 0; }
	#ie_clearing { display: none } 	/* IE-Clearing: neu in YAML VERSION 2.5 */

/* DIV-Container des Basislayouts
----------------------------------------------- */
	#ctr-nav1 { clear:both; width: auto; z-index: 100; position: relative;}
	#ctr-main {	clear:both; width: auto; z-index: 10; }
	#ctr-foot { clear:both; width:auto; }

} /* ### ENDE base.css ##  ENDE HIER NICHTS ÄNDERN ################################################## */

/* ### RAHMENLAYOUT nach YAML ########### basemod.css, basemod_1-2-3.css, basemod_3col-fixed.css #### */
/* ### HIER FAST NICHTS ÄNDERN !! ################################################################### */




@media all {

.left { float: left; }
.right { float: right; }
.ar-clear {width:100%;clear:both;height:1px;overflow:hidden;}

/*
-----------------------------------------------
   LAYOUT PAGE
----------------------------------------------- */

body { 
	padding: 30px;
	font-family: 'Trebuchet MS', verdana, arial, sans-serif;
	font-size: 80%;
}

#ctr-page {
/*	margin: 30px;*/
	border: 0; 
	width:911px;  
	margin-left: auto;
 	margin-right: auto;
 	background: #5a2325;
 }


/* SEITENKOPF
----------------------------------------------- */
#ctr-head {
	position: relative;
	width: 911px;
	height: 90px;
	color: #414141; 
	background: #633 url(bg-head.png) left no-repeat;

}

#logo-head { 
}



#ctr-teaser { 
	width: auto;
	margin: 0;
	text-align: right;
	background: #f4f4f4;
	border-bottom: 1px solid #aaa;
	padding: 0;
	color: #414141;
}

#ctr-teaser .spacer-gif { display: none;}
/* 3-SPALTIGER HAUPTTEIL
----------------------------------------------- */
#table-main { 
	width: 911px;
	color: #000;
	vertical-align: top;
	background: #5a2325 url(bg-ctr-main.gif) top left repeat-y;	
}

#ctr-col1, #ctr-col3 {	

}

#ctr-col1 {
	width: 165px;
	overflow:hidden;
	padding: 0;
/*	padding-bottom: 10px;*/
/*	border-bottom: 10px solid #5a2325;*/
/*	background: #e8e3e2 url(bg-nav2-col.gif) top right repeat-y;*/
padding-bottom: 10px;
background: url(bg-unterkante.png) bottom left repeat-x;	
}
#ctr-col2 {
	width: 540px;
	overflow:hidden;
/*	border-bottom: 10px solid #5a2325;*/
	padding-bottom: 40px;
	background: url(bg-unterkante.png) bottom left repeat-x;
}
#ctr-col3 {
	width: 206px;
	overflow:hidden;
	padding: 0;
/*	border-bottom: 10px solid #5a2325;*/
/*	padding-bottom: 10px;*/
 	background: url(bg-unterkante.png) bottom left repeat-x;
/*	padding-bottom: 10px;	*/
}

#ctt-col1 {	
	overflow: hidden;
	margin: 0;
	vertical-align: top;

	/* min-height-fast-hack  */
	min-height: 625px;
	height:auto !important;
	height: 625px;

}


#ctt-col2 {
/*	width: 572px;
	overflow: hidden;*/
	border: 10px solid #5a2325;
	border-bottom: none;
	background: #dcd1d1; */
	vertical-align: top;
	z-index: 10;
	padding: 10px;
}
#ctt-col2, #ctt-col2  {
	position: relative;
}
#first-ce-wrap { margin: -10px;}

#ctt-col3 { 
	background: #eee;
	border-top: 10px solid #5a2325;
	width: 100%;
/*	height: 100%;*/
/*	padding: 10px 0 0 0;*/
	vertical-align: top;
}

#table-spacer { background: transparent; }

#ctr-foot { 
	color:#000; 
	background:#e2001a url(bg-foot.gif) top left no-repeat;
	margin: 0; 
	padding: 0.7em 0.5em 0.5em 0.7em;
/*	border-top: 10px solid #5a2325;	*/
}


/*
-----------------------------------------------
NAVIGATION
----------------------------------------------- */

/* NAV LEVEL 1
----------------------------------------------- */
#ctr-nav1 {
	width: auto;
	height: 41px;
	margin-bottom: 1px;
	letter-spacing: 0.05em;	
	font-size: 11px;
	font-weight: 500;
/*	font-weight: bold;*/
	background: #e2001a url(bg-nav1-top.gif) top repeat-x;
}

#ctr-nav1 ul {
	padding: 0;
	margin: 0;
	display: block;
	height: 100%;
	list-style-type: none;
	color: #fff;
	text-align: left;
}

#ctr-nav1 li { 
	display: block;
	float: left;
	height: 100%; 
/*	padding: 0 10px;*/
	margin: 0;
/*	background:  url(bg-nav1-li.gif) top right no-repeat;*/
}
#ctr-nav1 a {
	display: block;
	height: 100%;
	padding: 0 14px 0 16px;
	line-height: 41px;
	text-decoration: none;
	color: #fff;
	background: url(bg-nav1-a.gif) top left no-repeat;
}
#ctr-nav1  a:hover {
	background-position: bottom left;
}
#ctr-nav1 li a.act {
	color: #fff;
	background-position: bottom left;	
}
#ctr-nav1 li a.act:hover {
	color: #fff;
	text-decoration: none;
}
#nav1-empty {
	width: 8px;
	background: url(bg-nav1-a.gif) top left no-repeat;
}

/* NAV LEVEL 2+3
----------------------------------------------- */
#nav-l2 {
	display: block;
/*	width: 160px;*/
	list-style-type: none;
	font-family: 'Trebuchet MS', verdana, arial, sans-serif;
	font-size: 11px;
	overflow: hidden;
	display: block;
	background: #5a2325 url(bg-nav2-ul.gif) bottom right no-repeat;
	padding-bottom: 5px;
}

#nav-l2 ul {


}

#nav-l2 li {
/*	display: inline;*/
	margin: 0 0 1px 0;
	padding:0;
}
#nav-l2 li a {
	display: block;
	position: relative;
	color: #222;
	height: 39px;
	line-height: 39px;
	text-decoration: none;
/*	border-bottom: #fff 1px solid;*/
	background:  #d8e1e5 url(bg-nav2-button.gif) top left no-repeat;
}
.nav2-box {
	display: block;
	position: relative;
	height: 39px;
	width: 100%;
	line-height: 39px;
	background-position: center right;
	background-repeat: no-repeat;
}
.nav2-text {
	margin-left: 13px;
	z-index: 10;
}
.nav2-arrows {
	color: red;
}

#nav-l2 li a img {
	position: absolute;
	right: 0;
	top: 0;
	z-index = 100
}

#nav-l2 li.act a { 
}
#nav-l2 a:hover, #nav-l2 li.act a {
	text-decoration: none;
/*	color: #fff;*/
	background-position: bottom left;
}

#nav-prod {
	margin-top: 1em;
	margin-right: -10px;
	background: red;
}
.nav-prod-a {
	float: left;
	margin: 0 10px 10px 0;
	display: block;
	border:1px solid #fff;
	text-decoration: none;
	width: 158px;
}
.nav-prod-a:hover {
	border:1px solid #5a2325;
	text-decoration: none;
}
.nav-prod-a span{
	display: block;
	background: #fff;
	height: 2.5em;
	text-align: center;
}
.nav-prod-title { padding-top: 0.2em;}

/* NAV FOOTER
----------------------------------------------- */
#nav-foot-l { float: left; }
#nav-foot-r { float: right; }

#nav-foot-l, #nav-foot-r {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
}
#nav-foot-l a, #nav-foot-r a, #nav-foot-l .blindlink, #nav-foot-r .blindlink { 
	padding: 1px 4px;
	text-decoration: none;
	color: #000;
}
#nav-foot-r a.act, #ctr-foot a:hover {
	text-decoration: underline !important;
	color: #fff;
}



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

/* global  HEADINGS
----------------------------------------------- */
.csc-header-n1 {font-size: 110%;}


h1, h2, h3, h4, h5, h6 { margin: 1em 0 0.8em 0; color: #5a2325;}

h1, h2 {
	font-size: 140%;
	font-weight: normal;
}

a {color: #5a2325;}
#ctt-col2 ul {
	margin:  0.8em 0 0.8em 0;
}
#ctt-col2 li {
	margin:  0.1em 1em;
}
.ttcframe-headingbox .csc-header {
	padding: 0.6em ; 
	margin: 0;
 	margin-bottom: 0.4em;
	background: #c2bcbc;
	position: relative;
}

.ttcframe-headingbox .csc-header h1 {
	display: inline;
}
#first-ce-wrap {position: relative;}

.download, .detail {
	font-size: 81%;
}


/* global CSC
----------------------------------------------- */
.csc-menu {
	margin-bottom: 1em;
	list-style-type: none;
	display: block;
	clear: both;
	overflow: hidden;
	padding-bottom: 0.4em;
	border-bottom: 1px solid #5a2325;
}
.csc-menu li {
	list-style-type: none;
	float: left;
	margin: 0 0.8em 0 0 !important;
	padding: 0 !important;
	line-height: 1.1em;
	font-size: 80%;
}
.csc-menu li a  {
	color: #5a2325;
	text-decoration: none;
}
.csc-menu li a:hover {
	color: #000;
	text-decoration: underline;
}
.csc-menu li.cur  {
	color: #e2001a;
}
.csc-menu li.cur .nav2-arrows {
/*	color: #000;*/
}


.csc-textpic-caption {
	font-size: 9px;
	line-height: 1.5em;
	text-align: left;
	margin: 0;
	padding: 0;
	padding-left: 6px;
}

p { 
	margin-bottom: 10px;
}

.ttcframe-fullimage {
	padding-bottom: 10px;
	background: #5a2325;
	margin: -10px -10px 0 -10px;
}

#ctt-col3 .ttcframe-fullimage {
	padding-bottom: 10px;
	background: #5a2325;
	margin: 0;
}

.ttcframe-floatright { 
	float: right;
	width: 180px;
	margin: 0;
}

.ttcframe-floatleft { 
	float: left;
	width: 180px;
/*	margin-left: 10px;*/
}

.ttcframe-absoluteright { 
	position: absolute !important;
	top: 0;
	right: 10;
	width: 180px;
	z-index: 60;
}
.ttcframe-absoluteleft {position: relative;}
.ttcframe-absoluteleft .csc-textpic-text { 
	position: absolute !important;
	top: 0;
	left: 10;	
	width: 180px;
	z-index: 60;
}

.ttcframe-floatright .bodytext, .ttcframe-floatleft .bodytext, .ttcframe-absoluteleft .bodytext, .ttcframe-absoluteright .bodytext  { 
	padding: 0.4em 0 !important;
	margin: 0;
}

.ttcframe-floatright p, .ttcframe-floatleft p, .ttcframe-absoluteleft p, .ttcframe-absoluteright p  { 
 margin: 0;

}
	
p.iconframe {
	vertical-align: middle;	
	height: 24px;
	margin: 0 0 3px 0;
	padding: 0 !important;
	font-size: 90%;
	line-height: 24px;
	background: #c2bcbc;
}
p.iconframe img {
	display: block;
	float: left;
	border-right: 2px solid #dcd1d1;
	margin-right: 4px;
}

p.descr-box-rot {
	font-size: 90%;
	min-height: 24px;
	margin-bottom: 3px;
	padding: 0 4px !important;
	line-height: 24px;
	background: #e2001a;
	color: #ffffff;
}
p.descr-box-rot-2zlg {
	font-size: 90%;
	min-height: 24px;
	margin-bottom: 3px;
	padding: 2px 4px !important;
	background: #e2001a;
	color: #ffffff;
}
p.descr-box-grau { 
	font-size: 90%;
	min-height: 24px;
	margin-bottom: 3px;
	padding: 0 4px !important;
	line-height: 24px;
	font-size: 90%;
	background: #c2bcbc;
	color: #000000;
}

p.descr-box-grau-2zlg {
	font-size: 90%;
	min-height: 24px;
	margin-bottom: 3px;
	padding: 2px 4px !important;
	background: #c2bcbc;
	color: #000000;
}

div#qTip {
	font-size: 90%;
	padding: 3px;
	border: 1px solid #fff;
	display: none;
	background: #c2bcbc;
	color: #000;
	position: absolute;
	z-index: 1000;
}
#c1106 h4 a {text-decoration: none;}
}