/**
 * main stylesheet for the 'suederknoell.de'-project
 *
 * @author	Andreas Richter <richter@wiv-gmbh.de>
 */


/*
 * tags
 *
 */
 
body {
	background-color:		#F9DCA8;
	background-image:		url(../images/layout/areaMainBG.gif);
	background-repeat:		repeat-x;
	font-family:			Arial, Helvetica, sans-serif;
	margin:					0;
	padding:				0;
}

/*
* layout
*
*/

#areaMain {
	width:					940px;
	position:				relative;
	display:				block;
	left:					50%;
	top:					0px;
	margin-left:			-470px;
	z-index:				2;	
}

#areaTop {
	width:					940px;
	position:				absolute;
	display:				block;	
	height:					200px;
	left:					0px;
	top:					-200px;
	z-index:				2;
}

*+html div#areaTop {
	top:					0px;
}
* html div#areaTop {
	top:					0px;
}

#areaMenuMain {
	position:				absolute;
	right:					15px;
	bottom:					-20px;
}

*+html div#areaMenuMain {
	bottom:					-19px;
}
* html div#areaMenuMain {
	bottom:					-19px;
}

.menuMainItem {
	margin-right:			3px;
}

#areaMenuSpecial {
	position:				absolute;
	top:					12px;
	right:					258px;
	border-bottom:			1px solid #FFFFFF;
	padding-bottom:			4px;
	padding-left:			30px;
	padding-right:			30px;	
}

.menuSpecialItem {
	font-size:				11px;
	color:					#1e5619;
	font-weight:			bold;	
}

.menuSpecialItem a {
	color:					#1e5619;
	text-decoration:		none;
}


#areaFooter {
	width:					100%;
	height:					65px;
	background-color:		#B3C3A6;
	background-image:		url(../images/layout/areaFooterBG.gif);
	background-repeat:		repeat-x;	
	text-align:				center;
	color:					#FFFFFF;
	font-size:				12px;
	font-weight:			bold;
	padding-top:			15px;
}

#areaFooter a {
	color:					#FFFFFF;
}

#areaFooterWIVSign {
	margin-top:				15px;
	font-weight:			normal;
}

#logo {
	position:				absolute;
	left:					0px;
	top:					41px;
}

#imageTop {
	position:				absolute;
	right:					39px;
	top:					0px;
}

#imageMenuLeftHead {
	position:				absolute;
	left:					17px;
	bottom:					-17px;
}

#areaContent {
	margin-top:				200px;
	padding-top:			50px;
	margin-left:			280px;
	padding-left:			35px;
	padding-right:			37px;
	padding-bottom:			50px;
	background-image:		url(../images/layout/areaContentBorderRight.jpg);
	background-repeat:		no-repeat;	
	background-position:	top right;
	min-height:				900px;
	font-size:				12px;
	color:					#331e00;
}

* html div#areaContent {
	height:					1000px;
}

#areaContent a {
	color:					#1e5619;
}

#areaMenuLeft {
	width:					280px;
	position:				absolute;
	left:					0px;
	top:					0px;
	height:					810px;
	background-image:		url(../images/layout/menuLeftBG.jpg);
	background-repeat:		no-repeat;	
	z-index:				1;	
}

*+html div#areaMenuLeft {
	top:					200px;	
}
* html div#areaMenuLeft {
	top:					200px;	
}



#imageDog {
	position:				absolute;
	bottom:					-120px;
	left:					18px;
}

#menuLeft {
	position:				absolute;
	top:					84px;
	left:					18px;
	width:					244px;
	border-top:				1px solid #e8b24f;

}

#menuLeftBottom {
	border-top:				1px solid #ffffff;
}

.menuLeftItem {
	height:					23px;
	line-height:			23px;
	padding-left:			20px;
	font-size:				12px;
	border-top:				1px solid #ffffff;
	border-bottom:			1px solid #e8b24f;	
}

.menuLeftItemActive {
	height:					23px;
	line-height:			23px;
	padding-left:			20px;
	font-size:				12px;
	border-top:				1px solid #1e5619;
	border-bottom:			1px solid #1e5619;	
	background-color:		#1e5619;
}

.menuLeftItemActive a {
	color:					#FFFFFF;
	text-decoration:		none;
	text-transform:			uppercase;
}

.menuLeftItem a {
	color:					#1e5619;
	text-decoration:		none;
	text-transform:			uppercase;	
}

#menuLeftItemSpecial a {
	color:					#882222;
	font-weight:			bold;
}
#menuLeftItemSpecial a:hover {
	color:					#FFFFFF;
	font-weight:			bold;
}

#areaNews {
	width:					244px;
	background-image:		url(../images/layout/areaNewsBG.gif);
	background-repeat:		repeat-y;	
	margin-top:				-12px;
}

* html div#areaNews {
	margin-top:				-6px;
}

#areaNews .news-list-container	{
	margin-left:			20px;
	font-size:				12px;
	color:					#FFFFFF;
	width:					204px;
}


#areaNews .news-list-container	a {
	color:					#FFFFFF;
}

#areaNews .news-list-container h3 {
	font-size:				12px;
	position:				relative;
	top:					10px;
	padding:				0;
}

#areaNewsHead {
	margin-top:				40px;
	margin-bottom:			0px;	
}


#startContentHead {
	width: 					611px;
	height: 				278px; 
	background-image:		url(../images/layout/startContentHeadBG.gif);
	margin-left:			-15px;
}

#startContentHeadText {
	color:					#FFFFFF;
	padding:				10px;
}

.startNewsContainer {
	width: 					616px;
	height: 				300px; 
	background-image:		url(../images/layout/startContentNewsBG.gif);
	margin-left:			-18px;	
}

.startNewsContainer a {
	color:					#FFFFFF !important;
}

.startNewsItem {
	float:					left;
	width:					260px;
	color:					#FFFFFF;
	padding:				20px;
}

.startNewsItemImage, .news-list-image {
	float:					right;
}


/* default styles for extension "tx_dropdownsitemap_pi1" */
		.tx-dropdownsitemap-pi1 A {
			font-weight: bold;
		}
		.tx-dropdownsitemap-pi1 LI.open OL {
			display: block;
		}
		.tx-dropdownsitemap-pi1 LI.closed OL {
			display: none;
		}
		.tx-dropdownsitemap-pi1 LI.open UL {
			display: block;
		}
		.tx-dropdownsitemap-pi1 LI.closed UL {
			display: none;
		}
		.tx-dropdownsitemap-pi1 DIV {
			border: 0;
			background: none;
			padding: 2px;
			margin-bottom: 5px;
		}
		.tx-dropdownsitemap-pi1 DIV.level_2 {
			background: none;
		}
		.tx-dropdownsitemap-pi1 DIV.level_2 A {
			font-weight: normal;
		}
		.tx-dropdownsitemap-pi1 DIV.level_3 {
			background: none;
		}
		.tx-dropdownsitemap-pi1 DIV.level_4 {
			background: none;
		}
		.tx-dropdownsitemap-pi1 DIV.level_5 {
			background: none;
		}
		.tx-dropdownsitemap-pi1 DIV.expAll {
			text-align: center;
			border: 0;
			background: none;
		}
/* default styles for extension "tx_cssstyledcontent" */


.csc-textpic {
	clear:					right;
	margin:					0px;
}

.csc-textpic-image {
	/*padding-bottom:			10px;*/
}

.csc-textpic-text {
	/*padding-bottom:			10px;*/
}

.csc-textpic .bodytext {
	margin-top:				0px;
}

.csc-menu-1 li {
	display:				inline;
	margin-right:			10px;
}



.tt_products_item_single_display .list_link {
	margin-top:				20px;
}

.shopCountInput {
	text-align:				right;
	width:					50px;
	border:					1px solid #1e5619;
	padding:				1px;
	background-color:		#fbecd1;
	font-family:			Arial, Helvetica, sans-serif;
	color:					#331e00;
	font-size:				11px;	
}

.shopInput300 {
	width:					300px;
	border:					1px solid #1e5619;
	padding:				1px;
	background-color:		#fbecd1;
	font-family:			Arial, Helvetica, sans-serif;
	color:					#331e00;
	font-size:				11px;	
	margin:					2px;
	clear:					both;
	display:				block;
}
.shopInput60 {
	width:					60px;
	border:					1px solid #1e5619;
	padding:				1px;
	background-color:		#fbecd1;
	font-family:			Arial, Helvetica, sans-serif;
	color:					#331e00;
	font-size:				11px;
	margin:					2px;	
	clear:					both;

}
.shopInput240 {
	width:					240px;
	border:					1px solid #1e5619;
	padding:				1px;
	background-color:		#fbecd1;
	font-family:			Arial, Helvetica, sans-serif;
	color:					#331e00;
	font-size:				11px;	
	margin:					2px;	
}



.shopBasketContent, .shopBasketContentEmpty {
	font-size:				11px;
	color:					#888888;	
	margin:					0px 15px 15px 15px;	
	padding:				10px;
	border:					1px solid #2a9dfa;
	background-color:		#faf817;
}

.shopBasketContentEmpty a {
	color:					#888888;
	text-decoration:		none;
}

.shopBasketContent a {
	color:					#331e00;
	text-decoration:		none;
}

.shopBasketHead {
	margin:					15px 15px 0px 15px;	
	font-size:				11px;
	background-color:		#2a9dfa;
	color:					#FFFFFF;
	padding-left:			10px;
	padding-right:			10px;
	padding-top:			2px;
	padding-bottom:			2px;
	font-weight:			bold;
}
.shopBasketHead a {
	color:					#FFFFFF;
	text-decoration:		none;	
}

.clear_right {
	clear:					both;
}