/******************************************************************************************
	HTML
*******************************************************************************************/
html, body{
	padding:0px;
	margin:0px;
}

html{
	background-image:url(../images/html_all_bg.png);
	background-position:center;
	background-repeat:repeat-y;	
	background-color:#ebe4ea;
}

body{
	color:#500043;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	background-image:url(../images/body_bg.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}

h1{
	font-size:16px;
}

h2{	
}

p{
	line-height:20px;
}

a{
	color:#500043;
}

ul{
	margin-top:-10px;
	margin-bottom:-10px;
	line-height:20px;
	
	/* for ie6 only: */
	_margin-top:-18px;
	_margin-bottom:-18px;
}

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

/******************************************************************************************
	GRID
*******************************************************************************************/
#all{
	width:990px;
	padding:0px;
	margin:0px auto 0px auto;
	background-image:url(../images/html_all_bg.png);
	background-position:center;
	background-repeat:repeat-y;
}

#logo_left{
	background-image:url(../images/logo_left_bg.jpg);
	background-repeat:no-repeat;
	width:153px;
	height:379px;
	margin-top:110px;
	float:left;
}

#main{
	float:left;
	width:684px;
}

#header_bubbles_bg{
	position:absolute;
	left:406px;
	background-repeat:no-repeat;
	width:480px;
	height:141px;
}

#header{
	height:91px;
	background-image:url(../images/header_bg.jpg);
	background-repeat:no-repeat;
}

#menu{
	width:146px;
	margin-top:18px;
	float:left;
	padding:12px 0px 0px 10px;
	background-image:url(../images/menu_bg.jpg);
	background-repeat:no-repeat;
	border-right:1px solid #ab7c9f;
}

#menu #minheight{
	height:289px;
    float:right;
    width:1px;
}

#content{
	width:470px;
	float:right;
	padding:88px 30px 100px 0px;
}

#footer{
	clear:both;
	height:23px;
	width:650px;
	padding:50px 170px 0px 170px;
	margin:0px auto 0px auto;
	font-weight:bold;
	background-image:url(../images/footer_bg.jpg);
	background-repeat:no-repeat;
	background-position:center;
}

#newsbar{
	position:absolute;
	top:110px;
	right:0px;
	width:133px;
	height:359px;
	background-image:url(../images/newsbar_bg.jpg);
	background-repeat:repeat-y;
	float:right;
	padding:10px;
	z-index:2;
	
	_right:-56px;
}

/******************************************************************************************
	FIXED FOOTER
*******************************************************************************************/
/* initialize global height */
html, body{
	height:100%;
}

/* make #all fill the full screen */
#all{
	position: relative;
	min-height: 100%;
}

/* min-height hack */
* html #all{
	height: 100%;
}

/* move the footer up */
#footer{
	font-size:12px;
	position: relative;
	margin-top: -73px; /* negative value of the footers height */
}

/******************************************************************************************
	MENU
*******************************************************************************************/
#menu a{
	display:block;
	text-decoration:none;
	font-size:13px;
	padding:4px 0px 4px 0px;
	font-weight:bold;
	text-transform:uppercase;
}

#menu .submenu{
	padding:0px 0px 0px 0px;
}

#menu .submenu a{
	font-size:11px;
	padding-left:14px;
	background-image:url(../images/submenu_a_bg.jpg);
	background-repeat:no-repeat;
	background-position:4px 10px;
	text-transform:none;
}

#menu .submenu2{
	padding-left:14px;
}

#menu a.active, #menu a:hover{
	text-decoration:underline;
}

/******************************************************************************************
	FOOTER
*******************************************************************************************/
#footer a{
	text-decoration:none;
}

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

#footer_left{
	width:440px;
	float:left;
}

#footer_right{
	width:200px;
	float:right;
	text-align:right;
}
/******************************************************************************************
	FRONTPAGE
*******************************************************************************************/
.teaseritem{
	width:200px;
	height:200px;
	float:left;
	margin:0px 20px 20px 0px;
	border:1px solid #A8769B;
	overflow:hidden;
}

.teaseritem img{
	padding:0px;
	margin:0px;
}


.teaseritem h1{
	margin:0px;
	padding:0px;
	text-align:left;
}

.teaseritem h1 a{
	text-align:left;
	font-size:12px;
	line-height:20px;
	position:absolute;
	width:190px;
	color:#FFF;
	background-color:#500043;
	filter: Alpha(Opacity=80);
	-moz-opacity:.80;opacity:.80;
	margin:0px;
	padding:0px 5px 0px 5px;
	font-weight:bold;
}

.teaseritem h2{
	margin:0px;
	padding:0px;
	text-align:left;
}

.teaseritem h2 a{
	height:55px;
	text-align:left;
	font-size:18px;
	line-height:20px;
	position:absolute;
	margin-top:135px;
	width:190px;
	background-color:#FFFFFF;
	filter: Alpha(Opacity=80);
	-moz-opacity:.80;opacity:.80;
	padding:10px 5px 0px 5px;
	font-weight:bold;
}

.clear{
	clear:both;
}

/******************************************************************************************
	NEWS
*******************************************************************************************/
.latest_news{
	clear:both;
	margin:0px 0px 20px 0px;
}

.latest_news .newsitem{
	clear:both;
	margin-bottom:50px;
}

.latest_news h1, .latest_news h1 a{
	margin:0px 0px 0px 0px;
	padding:0px;
	text-transform:none;
	font-size:16px;
	clear:both;
}

.latest_news p{
	margin:0px;
	padding:0px;
}

.latest_news .latest_news_image{
	float:left;
	width:100px;
	margin:0px 30px 0px 0px;
}

/* single news */
.newsteaser{
	font-weight:bold;
}

.singlenews{
	margin-top:20px;
}

.news-single-img{
	width:240px;
	text-align:right;
	margin-left:10px;
	float:right;
}

.news-single-imgcaption, .news-latest-imgcaption{
	font-size:10px;
	font-style:italic;
	line-height:12px;
	text-align:left;
	background-color:#e9dde7;
	padding:2px 5px;
	margin:0px;
}

p.news-latest-imgcaption{
	padding:2px 5px;
	margin-bottom:5px;
	width:120px;
}

/******************************************************************************************
	MAIL FORM
*******************************************************************************************/
/* general form styles*/
input, textarea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border:1px solid #E6D9E3;						/* border color of the formfields */
	color:#500043;									/* text color of the formfields */
	background-color:none;							/* background color of the formfields */
	width:146px;
}

/* typo3 form styles */
.csc-mailform .csc-mailform-submit{
	height:20px;
	width:80px;
	color:#000;
	border:1px solid #E6D9E3;						/* border color of the button */
	background-color:#E6D9E3;						/* background color of the buttom */
	text-align:center;
}

.csc-mailform{
	margin-top:20px;
	border:none;
}

.csc-mailform label{
	font-size:12px;
	color:#500043;
	width:120px;									/* width of the labels */
	display:block;
	float:left;
}
.csc-mailform-field{
	clear:both;	
	padding-bottom:5px;
}

.csc-mailform-field input, .csc-mailform-field textarea{
	width:300px;									/* width of the form fields */
}

.csc-mailform-field textarea{
	overflow:auto;
	height:100px;									/* height of the textarea */
}

/* button position */
.csc-mailform .csc-mailform-submit{
	margin:0px 0px 0px 120px;
	padding:0px;
}

/* for ie6 only: 3 pixel difference */
.csc-mailform .csc-mailform-submit{
	_margin-left:123px;
}

/******************************************************************************************
	SEARCH
*******************************************************************************************/
.searchfield, .activesearch{
	width:130px;
	background-color:#D0B7CA;
	border:1px solid #AB7C9F;
	filter: Alpha(Opacity=80);
	-moz-opacity:.80;opacity:.80;
	margin-top:20px;
}

.activesearch{
	background-color:#e8cce1;
	font-weight:bold;
}

/******************************************************************************************
	PRODUCTS
*******************************************************************************************/
.products{
	border-top:1px solid #ab7c9f;
	margin-top:10px;
}

.products h1{
	padding-bottom:0px;
	margin-bottom:0px;
}

.item{
	clear:both;
	border-bottom:1px solid #ab7c9f;
	padding-bottom:10px;
}

.productimage{
	float:left;
	width:120px;
	padding-top:15px;
}

.productdescription{
	width:340px;
	float:right;
}

.pricebar{
	text-align:left;
	width:130px;
	float:left;
}

.price{
	font-weight:bold;
}

.pricebar s{
	padding-right:10px;
}

.count{
	width:200px;
	float:right;
	text-align:right;
}

.pieces{
	width:30px;
}

.AddToBasket{
	width:80px;
}

.clear{
	clear:both;
}

.summary{
	text-align:right;
	margin-top:10px;
	
}

.order{
	float:right;
	height:18px;
	width:120px;
	color:#000;
	border:1px solid #E6D9E3;						
	background-color:#F0F0F0;						
	text-align:center;
	border:1px solid #E6D9E3;
	color:#500043;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
}

.order a{
	text-decoration:none;
}

/* MINI-BASKET *********************************************************************/
.minibasket{
	position:absolute;
	left:750px;
	top:130px;
	background-image:url(../images/basket_bg.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	text-align:right;
	display:block;
	width:50px;
	height:10px;
	padding:57px 0px 0px 0px;
	text-decoration:none;
	font-weight:bold;
}

/* BASKET **************************************************************************/
#tx-ttproducts-pi1-basket table{
	border-top:1px solid #E9DDE7;
	border-collapse:collapse;
	width:100%;
}

#tx-ttproducts-pi1-basket table th{
	background-color:#E9DDE7;
	font-weight:bold;
	text-align:left;
	padding:2px 4px;
}

#tx-ttproducts-pi1-basket table td{
	vertical-align:top;
	padding:5px;
	border-bottom:1px solid #E9DDE7;
}

#tx-ttproducts-pi1-basket .input{
	width:300px;
	overflow:auto;
}


/* BTNs **************************************************************************/
.buttonbar{
	padding-top:10px;
}

.buttonbar .left, .buttonbar .right{
	width:220px;
	float:left;
}

.buttonbar .right{
	float:right;
	text-align:right;
}


/* ERROR **************************************************************************/
.error{
	text-align:center;
	background-color:#A8769B;
	color:#FFF;
	font-weight:bold;
	padding:10px;
}