@media all {
	* { margin:0; padding:0; font-size: 100%; border:0; } 
	html { height: 100%; width: 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 { 
	width: 100%;
	font-family: 'Trebuchet MS', verdana, arial, sans-serif;
	font-size: 72%;
	background: #ef7f01;
	background: url(bg-body.jpg) center top no-repeat #ef7f01;
	z-index: 0;
	overflow-y: scroll;
}


#ctr-head {
	position: relative;
	width: 980px;
	height: 255px;
	margin: 0 auto;
	color: #414141;
	background: url(bg-body.jpg) -94px top no-repeat;
/*	border: 1px dotted green;*/
}
#logo-head {
	position: absolute;
	top: 111px;
}

#ctr-borders {
	position: absolute;
	top: 0;
	middle: -106px;
	overflow: visible;
	width: 1164px;
	width: 500px;
	height: 768px;
/*	background: url(bg-body.jpg) center top no-repeat #ef7f01;	*/
	z-index: 1;
	
}

#table-main {
	position: relative;
	display: block;
	width: 980px;
	color: #000;
	vertical-align: top;
	margin: 0 auto;
	z-index: 30;
/*	border: 1px dotted blue;*/
}

#ctr-col1, #ctr-col3 {	

}
#ctr-col0 {
	width: 31px;
}
#ctr-col1 {
	width: 207px;
	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-col-l.gif) top left no-repeat #e2001a;	
}
#ctr-col2 {
	width: 535px;
	overflow:hidden;
/*	border-bottom: 10px solid #5a2325;*/
	padding: 0 0 40px 0;
	background: url(bg-colmain-default.jpg) left top no-repeat #f5f2ed;
}

body#prodkat #ctr-col2 {
	background: url(bg-colmain-prodkat.jpg) left top no-repeat #f5f2ed;
}
body#product #ctr-col2 {
	background: url(bg-colmain-product.jpg) left top no-repeat #fff;
}

#ctr-col3 {
	width: 207px;
	overflow:hidden;
	padding: 0;
/*	border-bottom: 10px solid #5a2325;*/
/*	padding-bottom: 10px;*/
 	background: url(bg-col-r.gif) top left no-repeat #fbd687;
/*	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 {
	margin: 17px 24px 30px 24px;
	vertical-align: top;
	z-index: 10;
}
#ctt-col2, #ctt-col2  {
	position: relative;
}
#first-ce-wrap { margin: -10px;}

#ctt-col3 { 
	width: 100%;
/*	height: 100%;*/
/*	padding: 10px 0 0 0;*/
	vertical-align: top;
}

#table-spacer { background: transparent; }




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


#nav-prodkat {
	margin: 24px 0 120px 0;
	padding: 0;
}

#nav-prodkat li {
	list-style-type: none;
	padding: 0;
	margin: 0 0 13px 0;
}
#nav-prodkat li ul li {
	border: none;
}
#nav-prodkat li a {
	display: block;
	height: 20px;
	width: 206px;
	background-repeat: no-repeat;
	background-position: left top !important;
}
#nav-prodkat li a.cur {
	background-position: left bottom !important;
}
#nav-prodkat li a:hover {
	background-position: left bottom !important;
}
#nav-prodkat li a.cur:hover {
	background-position: left bottom !important;
}
#nav-prodkat li span {
	display: none;
}

/* NAV LEVEL 1
----------------------------------------------- */

#ctr-nav1 {
	position: absolute;
	bottom: 30px;
	right: 30px;
	width: auto;
	height: 20px;
	overflow: hidden;
	margin-bottom: 1px;
	letter-spacing: 0.05em;	
	font-size: 11px;
	font-weight: 500;
}


/*
#ctr-nav1 ul {
	overflow: hidden;
	position: relative;
	padding: 0;
	margin: 0;
	display: block;
	list-style-type: none;
	color: #fff;
}
*/
#ctr-nav1 li { 
	float: left;
	display: inline;
	margin: 0;
}
#ctr-nav1 a {
	display: block;
	float: left;
	height: 20px;
	width: 90px;
/*	padding: 16px 31px;*/
/*	line-height: 41px;*/
	text-decoration: none;

}
#ctr-nav1 li ul li {
	border: none;
}
#ctr-nav1 li a {
	display: block;
	overflow: hidden;
	height: 20px;
	width: 90px;
	background-repeat: no-repeat;
	background-position: left top !important;
}
#ctr-nav1 li a.cur {
	background-position: left bottom !important;
}
#ctr-nav1 li a:hover {
	background-position: left bottom !important;
}
#ctr-nav1 li a.cur:hover {
	background-position: left bottom !important;
}
#ctr-nav1 li span {
	display: none;
}
/*
#ctr-nav1  a:hover {
	background-position: bottom left;
	border: 1px dotted white;
}
#ctr-nav1 li a.act {
	color: #fff;
	background-position: bottom left;	
	border: 1px dotted #fcf;
}
#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;
}
*/


/**	=CTR-FOOT / NAV-FOOT
	------------------------------------------------------ */

#ctr-foot {
	color:#fff; 
	background:#e2001a url(bg-foot.jpg) top left no-repeat;
	width: 980px;
	height: 80px;
	margin: 0 auto; 
}	

#nav-foot-l { float: left; margin-left: 80px;}
#nav-foot-r { float: right; margin-right: 35px; }

#nav-foot-l, #nav-foot-r {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #fff;
	margin-top: 2px;
}
#nav-foot-l a, #nav-foot-r a, #nav-foot-l .blindlink, #nav-foot-r .blindlink { 
	padding: 0 6px;
	text-decoration: none;
	color: #fff;
}
#nav-foot-r a.act, #ctr-foot a:hover {
	text-decoration: underline !important;
	color: #fff;
}

/* CTR-FOOT / NAV-FOOT - ende **/


/**	=TTC-NAV PRODUKTÜBERSICHT
	------------------------------------------------------ */

#nav-prod {
	zoom: 1;
	margin: 30px 0 0 -24px;
}
.nav-prod-a {
	float: left;
	margin: 0 0 15px 32px;
	display: inline;
	width: 134px;
	text-decoration: none;
}
.nav-prod-a img {
	padding: 7px;
	background-color: transparent;
	background-image: url(bg-nav-prod-icon.png);
}
.nav-prod-a:hover img {
	background-image: none;
	background-color: #444;
}
.nav-prod-img-odd {
	background-position: right bottom;
}

.nav-prod-a span{
	display: block;
	height: 2.5em;
	color: #000;
}
.nav-prod-title { padding-top: 0.2em;}


/* NAV PRODUKTÜBERSICHT - ende **/


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

/* global  HEADINGS
----------------------------------------------- */

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

h1, h2 {
	font-size: 140%;
	font-weight: bold;
}
.h1-bg-right {
	padding-right: 102px;
	background: url(bg-h1-banner-right.png) right top no-repeat;
	overflow: hidden;
	margin-bottom: 35px;
}
.h1-bg-main {
	background: url(bg-h1-banner-main.png) left top no-repeat;
	height: 58px;
	padding: 25px 0 0 85px;
}
.h1-bg-main h1 {
	margin: 0;
	height: 50px;
	background-repeat: no-repeat;
}
.h1-bg-main h1 span {
	display: none;
}

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;}


#c1097 {
	margin: 30px 0 0 10px;
}


/* global CSC
----------------------------------------------- */
#ctt-col2 ul {
	list-style-image: url(mdash.gif);
}
#ctt-col2 li {
	margin-left: 23px;
}

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

.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;
}
}

p#vtip { display: none; position: absolute; padding: 10px; left: 5px; font-size: 0.8em; background-color: white; border: 1px solid #ef7f00; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999 }
p#vtip #vtipArrow { position: absolute; top: -10px; left: 5px }

.ctr-colorlabels {
	margin: 2.2em 0;
	position: relative;
	background: url(line-ddd.gif) repeat-x left bottom;
	min-height: 10px;
	height: auto !important;
	height: 10px;
}
.row-colorlabels {
	position: absolute;
	bottom: 0;
	right: 0;
}

.csc-frame-frame1 {
	font-size: 125%;
}

/**	=SLIMBOX
	------------------------------------------------------ */


a.clickenlarge {
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
}

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: -webkit-zoom-out;
	cursor: -moz-zoom-out;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(/typo3conf/ext/pmkslimbox/res/images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 20px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(/typo3conf/ext/pmkslimbox/res/images/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(/typo3conf/ext/pmkslimbox/res/images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {

	color: #ee7f01;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(/typo3conf/ext/pmkslimbox/res/images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}
#lbPrintLink {
	display: block;
	float: right;
	width: 22px;
	height: 22px;
	background: transparent url(/typo3conf/ext/pmkslimbox/res/images/sb_printicon.gif) no-repeat center;
	margin:0 5px 0 0; padding:1px;
}

#lbSaveLink {
	display: block;
	float: right;
	width: 22px;
	height: 22px;
	background: transparent url(/typo3conf/ext/pmkslimbox/res/images/sb_saveicon.gif) no-repeat center;
	margin:0 5px 0 0; padding:1px;
}

#lbSaveLink:hover,
#lbPrintLink:hover {
	border: 1px solid #666;
	padding: 0px;
}
/* SLIMBOX- ende **/

}