/******************************************************************************************
	HTML
*******************************************************************************************/
body{
	font-family:Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	background-image:url(../images/Body_bg.jpg);
	background-repeat:repeat-y;
	background-position:left;
}

h1, h2{
	font-size:18px;
	font-weight:normal;
	color:#912638;
}

h2{
	font-size:18px;
}

p{
	color:#57585d;
	font-size:12px;
}

a{
	color:#912638;
}

h1 a, h2 a{
	text-decoration:none;
}

hr{
	height:1px;
	border:none;
	border-bottom:1px solid #cbcbcd;
}

/******************************************************************************************
	Grid
*******************************************************************************************/
#stripes_left{
	position:absolute;
	top:501px;
	width:25px;
	height:222px;
	background-image:url(../images/stripes_left_bg.jpg);
	background-repeat:no-repeat;
}

#stripes_middle{
	position:absolute;
	left:237px;
	width:150px;
	height:386px;
	background-image:url(../images/stripes_middle_bg.jpg);
	background-repeat:no-repeat;
}

#stripes_right{
	position:absolute;
	left:387px;
	width:106px;
	height:139px;
	background-image:url(../images/stripes_right_bg.jpg);
	background-repeat:no-repeat;
}


#Main{
	width:1049px;
}

#Left{
/*	background-image:url(../images/logo.jpg);
	background-repeat:no-repeat;*/
	float:left;
	width:240px;
}

#LeftContent{
	margin:0px 3px 0px 25px;					!important;
	_margin-top:-3px;
	padding:5px 5px 5px 16px;
	border-top:1px solid #b7b8ba;
}

#Right{
	float:right;
	width:805px;
}

#Header{
/*	background-image:url(../images/Header_bg.jpg);
	background-repeat:no-repeat;
	background-position:0px 57px;*/
	height:153px;
	text-align:right;
	background-color:#FFF;						!important;
	
}

#Header img{
	margin-top:25px;
	margin-right:55px;
}

#TopMenu{
/*	position:absolute;
	top:9px;
	left:244px;*/
	position:relative;
	top:-10px;
	width:187px;
	margin-left:38px;
	color:#57585d;
	font-size:10px;
}

#TopMenu a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#912638;
	text-decoration:none;
	font-size:10px;
}

#Pathway{
	position:absolute;
	top:114px;
	left:440px;
	color:#57585d;
	font-size:10px;
}

#Pathway a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#57585d;
	text-decoration:none;
	font-size:10px;
}

#Menu{
	margin:0px 30px 0px 143px;
	height:27px;
	font-size:12px;
	background-color:#FFF;						!important;
}

#Menu a{	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	display:block;
	float:left;
	color:#000;
	width:125px;
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
	height:21px;
	padding:0px 0px 7px 0px;
	font-weight:bold;
}

#Menu a#ActiveMenu{
	background-image:url(../images/MenuActive.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
}

#Menu a.UnderlinedMenu{
	background-image:url(../images/MenuUnderlined.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}

#SubMenu{
	padding-top:35px;
	width:143px;
	height:300px;
	text-align:right;
	float:left;
}

.SubMenuWrapper{
	height:30px;
}

#SubMenu a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#57585d;
	text-decoration:none;
	padding:0px 20px 0px 3px;
	height:20px;
	font-size:10px;
	background-repeat:no-repeat;
	background-position:right;
}

#SubMenu a#ActiveSubMenu{
	color:#FFF;
	background-image:url(../images/ActiveSubMenu_bg.jpg);
	background-repeat:no-repeat;
	background-position:right;
}

#Content{
	margin:20px 0px 0px 0px;
	padding:13px 55px 0px 20px;
	width:575px;
	float:right;
}
/******************************************************************************************
	Content
*******************************************************************************************/
#Content h1{
	margin:0px;
}

.csc-textpic-text{

}

/******************************************************************************************
	Content Right
*******************************************************************************************/
#ContentRight{
	width:220px;
	float:right;
	padding-left:13px;
	height:450px;
	margin-left:15px;
}

#ContentRight a{
	color:#912638;
	text-decoration:none;
	font-size:14px;
}
/******************************************************************************************
	Content Left
*******************************************************************************************/
#LeftContent{
	padding-top:40px;
}

#LeftContent h1{
/*	background-image:url(../images/h1_bg.jpg);
	background-repeat:no-repeat;
	background-position:50px;*/
	text-decoration:none;
	font-size:14px;
	margin-bottom:5px;
	text-transform:uppercase;
}

/* space between images */
#LeftContent .csc-textpic-text{
	padding-bottom:15px;
}

#LeftContent form{
	margin:0px 0px 20px 0px;
}

#LeftContent input{
	background-color:#c4c2c4;
	width:180px;
	border:none;
}

#LeftContent p{
	margin:0px 0px 20px 0px;
	padding:0px;
}

#LeftContent a{
	color:#57585d;
	text-decoration:none;
}

#LeftContent a .newslink{
	color:#912638;
	text-decoration:none;
}

.NewsSeparator{
	border-top:1px solid #CDCDCF;
	height:10px;
	position:relative;
	left:-3px;
	width:187px;
}


ul li{
	color:#57585d;
	font-size:12px;
	list-style-image:url(../images/Indent.jpg);
	padding:0px 0px 0px 0px;
}

ul li a{
	text-decoration:none;
}
/******************************************************************************************
	Kontakt
*******************************************************************************************/
#mailform{

}

.csc-mailform{
	font-size:12px;
	border:none;
}

.csc-mailform label{

	width:270px;
	display:block;
	float:left;
}

.csc-mailform-field input, .csc-mailform-field textarea{
	width:200px;
	background-color:#C4C2C4;
	border:1px solid #FFF;
}
.csc-mailform-field textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	width:96%;
}

.csc-mailform-submit{
	border:none;
}

.csc-mailform-label{
	clear:both;
	padding:10px 0px 5px 0px;
	font-weight:bold;
}

.csc-mailform-field .csc-mailform-check{
	width:15px;
	background-color:#FFF;
}

.csc-mailform-field{
	clear:both;
} 

#mailformBetreff{
	background-color:#FFF;
	font-weight:bold;
	overflow:hidden;
}

/******************************************************************************************
	Sitemap
*******************************************************************************************/
.csc-sitemap{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	position:relative;
	left:-10px;
	top:20px;
}

.csc-sitemap ul{
	margin:0px;
	padding-left:10px;
	padding-bottom:10px;
	list-style-image:none;	
}
.csc-sitemap ul li{
	list-style-image:none;
	list-style-type:none;
	border-bottom:1px solid #cacbcd;
	padding:inherit;
}

.csc-sitemap ul li a{
	font-size:12px;
	color:#000;
	text-transform:uppercase;
	font-weight:bold;
}

.csc-sitemap ul li ul li{
	border-bottom:none;
	padding:2px 0px;
}
.csc-sitemap ul li ul li a{
	text-transform:none;
	color:#57585d;
	font-size:10px;
	font-weight:bold;
}
/******************************************************************************************
	Products
*******************************************************************************************/
.overview{
	padding:4px;
	font-size:16px;
	margin-bottom:20px;
	border-bottom:1px solid #CACBCD;
}

.overview small{
	font-weight:normal;
	font-size:10px;
}

.overview .CatNames{
	font

}

.EmptyResult{
	padding:4px;
	font-size:12px;
	margin-bottom:20px;
	border-bottom:1px solid #CACBCD;
}

.back{
	font-size:12px;
	text-decoration:none;
	color:#912638;
}

table{
	border-collapse:collapse;
	font-size:12px;
}

th{
	color:#FFF;
	background-color:#C22D43;
}

td{
	color:#57585d;
	border-bottom:1px solid #CACBCD;
	padding:20px 5px 20px 5px;
}

td a{
	color:#C22D43;
}

a img{
	border:none;
}

td img{
	margin-bottom:20px;
}

/* Suchmaske */
.search{
	margin:20px 0px;
	background-color:#C4C2C4;
	width:100%;
}

.search td{
	padding:10px;
	border:none;
}

.search input, .search select{
	width:300px;

}

.search .button{
	width:100px;
	background-color:#FFF;
	border:1px solid #57585d;
}

option.subcategory{
	padding-left:25px;
	background-image:none;
}

.parentcategory{

}

/* Ergebnis */
.result{
	width:100%;
}

.downloads{
	padding:10px;
	background-color:#C4C2C4;
}

.callback{
	height:27px;
	margin-top:10px;
	padding:5px 0px 0px 35px;
	background-image:url(../../../../../products/assets/images/info.jpg);
	background-repeat:no-repeat;
}

.callback a{
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
}
/******************************************************************************************
	Lightbox
*******************************************************************************************/
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}