/*CSS-Document*/

div#leftcolumn{
	width: 180px;
	height: 600px;
	float: left;
	
}

/*------------------------------------------------------------------------Navigation*/
div#navigation-top{
	width: 180px;
}

ul.navigation{					/*Listeansprechen/Menü*/

	list-style-type: none;
	text-decoration: none;
}
	
ul.navigation2{					/* Listeansprechen/Untermenü*/
	list-style-type: none;
	text-decoration: none;
}

ul.navigation li{
	clear:both;
}
ul.navigation2 li{
	clear:both;
}

a.navigation:link, a.navigation:active, a.navigation:visited, a.navigation:hover{
	display: block;
	width: 179px;
	height: 16px;
	text-decoration: none;

	color: #000000;
	background-color: #cccccc;
	margin: 0px 0px 4px 0px;
	padding: 0px 0px 0px 3px;
}
a.navigation2:link, a.navigation2:active, a.navigation2:visited{
	display: block;
	width: 179x;
	height: 16px;
	text-decoration: none;
	color: #000000;
	background-color: #e6e2e1;
	padding: 0px 0px 0px 3px; /*Vergrößert/kleinert die einzelnen Zeilen ohne einfluss auf die schriftgröße*/
	margin: 0px 0px 4px 0px;
}

a.navigation:hover{
	background-color: #ffffff !important;
}
a.navigation2:hover{
	background-color: #ffffff !important;
}

span.navi-left{
	width: 109px;
	display: block;
	float: left;
	cursor: pointer;
	margin: 0px 0px 0px 0px;
}

span.navi-right{
	width: 70px;
	float: left;
	display: block;
	cursor: pointer;

}
span.navi-left2{
	width: 86px;
	display: block;
	float: left;
	cursor: pointer;
	margin: 0px 0px 0px 24px;
}

span.navi-right2{
	width: 61px;
	float: left;
	display: block;
	cursor: pointer;
}
div#box-frame{
	float: left;
	width: 179px;
	height: 42px;
	margin: 3px 0px 0px 0px;
}
div.box-content{
	clear: both;
	width: 179px;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;	
	font-size: 14px;
	 margin: 0px 0px 15px 0px;

}
/*Kurzgeschichten linke Seite  unterhalb Navigation und Rechte Seite*/
div.box-headline{
	font-size: 12px;
	text-decoration: underline;
	font-weight: bold;
	padding: 15px 0px 0px 10px;
	line-height: 14px;

}

div.box-text{
	padding: 3px 0px 4px 23px;
	text-decoration: none;
}
div#box-text-special{
	font-weight: bold;
	padding: 3px 0px 0px 12px;
}

a.box-text:link, a.box-text:active, a.box-text:visited, a.box-text:hover{
	color: #000000;
}
a.box-text-headline:link, a.box-text-headline:active, a.box-text-headline:visited, a.box-text-headline:hover{
	font-size: 14px;
	color: #000000;
	font-weight: bold;
}


/*------------------------------------------------------------*/

.image-box{
	padding: 3px;	
	border: 1px solid #000000;
	
}
div.rev-image-box{
	padding: 3px;	
	border: 1px solid #000000;
	clear: both;
	width: 107px;
}

span.box-range-left{
	height: 12px;
	width: 12px;
}

span.box-range-center{
	height: 12px;	
	width: 76px;
}

span.box-range-right{
	height: 12px;
	width: 80px;	
	padding: 0px 0px 0px 14px;
}

a.box-range:link, a.box-range:active, a.box-range:visited, a.box-range:hover{
	font-size: 11px;
	text-decoration: none;
	color: #000000;
	padding: 0px 0px 0px 23px;
	font-weight: bold;
}
div.box-picture{

	width: 180px;
	padding: 5px 0px 0px 0px;
}

div.box-info-shift{
	padding: 5px 0px 0px 0px;
}
div.box-bestseller-shift{
	padding: 4px 0px 0px 0px;
}

div.box-content input{
	margin: 0px 0px 5px 0px;
}

div.box-content input.box {
	width: 118px;
}

div.box-headline-special{
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	padding: 15px 0px 0px 10px;
	line-height: 14px;

}