@charset "utf-8";
/* ######################################################################################################
** # XT-C Shop-Layout (c) by grafikmaker.de (http://www.grafikmaker.de) #################################
** ######################################################################################################
**
**  Dateiversion: 1.0
**  Datei       : stylesheet.css
**  Funktion    : Shop-Layouts 
**
*/

@import url(css/cleanup.css);
/* CSS_Standart Styles */
@import url(css/standart_styles.css);
/* CSS_BOXES */
@import url(css/boxes.css);
/* CSS_CONTENT */
@import url(css/content.css);
/* CSS_CHECKOUT_SITES */
@import url(css/checkout.css);




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

html {
	text-align: center;
	background-color: #CEB7B6;
	font-size: 10px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	background-image: url(img/layout/html_bg.jpg);
	background-repeat: no-repeat;
	background-position: center 0px;
	background-attachment: fixed;
}

body {
	position: relative;
	width: 960px;
	margin: 40px auto 40px auto;
	text-align: left;
	font-size: 1.2em;
	border: 15px solid #ffffff;
	background-color: #FFFFFF;
}
/* Branding */
div#branding {
	height:90px;
	position: relative;
	width: 100%;
	background-image: url(img/layout/branding_bg.jpg);
	background-repeat: no-repeat;
	margin: 0 0 15px 0;
	overflow: hidden;
}
div#branding a {
	display: block;
	width: 310px;
	height: 90px;
	background-image: url(img/layout/shop_logo.jpg);
	background-repeat: no-repeat;
}
div#branding h1 {
	text-indent: -9999px;
	border: none;
	margin: 0;
}
div#branding blockquote {
	text-indent: -9999px;
}
div#header_banner {
	width: 100%;
	height: 120px;
	position: relative;
	margin: 0 0 15px 0;
	overflow:hidden;
}
/* CONTENT */
div#content {
	width:960px;
	padding:0;
	position: relative;
	margin: 0;
}
div#content_main {
	float:left;
	width:700px;
	padding:0;
	position: relative;
	background-color: #FFF;
	margin: 0 0 45px 10px;
}
div#content_main_full {
	width:960px;
	padding:0px 0px 0px 0px;
	margin-bottom:15px;
	position: relative;
}
/* LEFT COLUMN */
div#content_sub_right {
	float:right;
	width:228px;
	padding:0px 0px 0px 0px;
	position: relative;
}
div#navi {
	position: absolute;
	top: 60px;
	left: 325px;
	width:635px
}
/* Main_Menue */
div#main_menu {
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: right;
	display: inline;
	font-weight: bold;
	font-size: 1.1em;
	color: #403C2F;
}
ul#main_menu li {
	display: inline;
}
ul#main_menu li a {
	color: #403C2F;
	text-decoration: none;

}
ul#main_menu li a:hover {}
/* BREADCRUMB PATH AS LIST */
div#breadcrumb {
	color:#611714;
	padding:0 0 0 10px;
	list-style-type:none;
	height:30px;
	font-size:11px;
	position: relative;
	width: 950px;
	margin: 0 0 25px 0;
	overflow:hidden;
	background-image: url(img/layout/breadcumb_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	line-height: 20px;
}
div#breadcrumb a, div#breadcrumb a:link, div#breadcrumb a:visited, div#breadcrumb a:hover, div#breadcrumb a:active {
	line-height:20px;
	text-decoration:none;
	font-weight:normal;
	cursor:pointer;
	color:#611714;
	margin:0;
	padding:0;
}
div#footer {
	position: relative;
	height: 90px;
	background-color: #611714;
	background-image: url(img/layout/footer_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	color: #FFFFFF;
	width: 100%;
	font-weight: normal;
	border: 1px solid #611714;
	font-size: 1.1em;
}
div#footer ul {
	width: 226px;
	margin: 10px 0 0 10px;
	float: left;
}
div#footer ul li {
	margin: 0 0 3px 0;
}
div#footer ul li a {
	text-decoration: none;
	color: #FFFFFF;
}
div#footer  ul li a:hover {text-decoration:underline;}

/* Site Info */
div#site_info {
	position: absolute;
	width: 960px;
	height: 20px;
	text-align: right;
	color: #FFFFFF;
	font-size: 0.8em;
	bottom: -40px;
}
div#site_info a {
	color: #FFFFFF;
	text-decoration: none;
}
div#site_info a:hover {
	color: #FF0000;
}
/* FAKE HR DIV CAUSE OF IE TROUBLES */
div.hr {
	padding-top:1px;
	height:0;
	overflow:hidden;
	margin:0;
	line-height:0px;
	background-color:#4E4E4F
}
div.hrlightgrey {
	padding-top:1px;
	height:0;
	overflow:hidden;
	margin:0;
	line-height:0px;
	background-color:#999999
}
div.hrproductpreview {
	padding-top:1px;
	height:0;
	overflow:hidden;
	margin:12px 0px 12px 0px;
	display:inline;
	height:0px;
	line-height:0px;
	display:block;
	background-image:url(img/hr_productpreview.gif)
}
/* TABLE GLOBAL */
table td {
	padding:2px;
}
.clear {
	clear: both;
}
/* XTC ParseTime */
.parseTime {
	display: none;
}
/* if JS is not on */
div#js_error {
	width:100%;
	padding:6px;
	background-color:#CC0000;
	color:#FFF;
	font-weight:bold;
	position:absolute;
	top:-60px;
	text-align:center;
	border: 1px solid #990000;
	z-index: 100;
}