/* page-layout
-----------------------------------------------------------------------------*/
body {
	background: #000;
	}

#wrapper	{
	background: #000;
	color: #333;
	margin: 0 auto;
	padding: 0;
	border: 1px solid #666; /*just for construction */
	width: 560px;
	height: 560px;
	}

html>#wrapper	{
	width: 560px;
	height: 560px;
	} 

#header {
	margin: 0 59px;
	padding: 0;
	height: 59px;
	}
	
#content	{
	margin: 0 57px;
	padding: 0;
	width: 442px;
	height: 442px;
	background-image:url(/pics/bg-wolke.jpg);
	border: 1px solid #CCC;
	}

#menu	{
	margin:0;
	padding:0;
	width:155px;
	float:left;
	}

#submenu	{
	width:138px;
	}
	
#detailmenu {
	width:120px;
	margin:50px 0 0 0px;
	text-align:right;
	}
	
#detail	{
	margin:0 0 0 157px;
	padding:0;
	width:250px;
	}

#footer {
	margin: 0 59px;
	padding: 0;
	height: 59px;
	}

#address	{
	margin:78px 0 0 0 ;
	}

/* images
-----------------------------------------------------------------------------*/
#header img {
	border:0;
	}
	
#detail	img	{
	border:0;
	padding:78px 0 20px 0;
	}

#submenu img	{
	border:0;
	}

#detailmenu img	{
	border:0;
	vertical-align:middle;
	padding-left:10px;
	}

/* menu-links
-----------------------------------------------------------------------------*/
#submenu a, #submenu a:link, #submenu a:visited	{
	font: normal normal 10px Verdana,Arial,Helvetica,sans-serif;
	text-decoration: none;
	line-height:17px;
	display: block;
	margin:0 20px 0 0;
	padding:0 0 0 5px;
	}
	
#submenu a:hover {
	text-decoration: none;
	color:#FFF;
	}

#detailmenu a, #detailmenu a:link, #detailmenu a:visited	{
	font:  normal bold 10px Verdana,Arial,Helvetica,sans-serif;
	text-decoration: none;
	line-height:15px;
	display:block;
	}

#detailmenu a:hover {
	text-decoration: none;
	}

/* address in menu-section
-----------------------------------------------------------------------------*/
#address p	{
	padding:5px 0 0 5px;
	color: #FFF;
	font: normal normal 9px Verdana,Arial,Helvetica,sans-serif;
	display: block;
	width:105px;
	}

/* product and productdescription
-----------------------------------------------------------------------------*/
#detail p {
	color: #FFF;
	font: normal normal 10px Verdana,Arial,Helvetica,sans-serif;
	display: block;
	margin:0;
	padding:0 0 0 5px;
	line-height:25px;
	}
#detail p.low {
	color: #FFF;
	font: normal normal 10px Verdana,Arial,Helvetica,sans-serif;
	display: block;
	margin:0;
	padding:0 0 0 5px;
	line-height:14px;
	}
#detail div.imgbig { margin-bottom:8px; text-align:right;}	
#detail div.imgbig img {padding-bottom:0;border:0;}
#detail div.imgbig a p { margin:0;padding:0;font: normal normal 10px Verdana,Arial,Helvetica,sans-serif;}
#textonly	{
	position:relative;
	top:78px;
	width:250px;
	height:250px;
	background: url(/pics/pic-leer.jpg);
	}
#textonlyscroll {
	position:relative;
	top:78px;
	width:270px;
	height:250px;
	overflow:auto;
	background: url(/pics/pic-leer.jpg) no-repeat;
	}
#textonly p, #textonlyscroll p	{
	padding:8px 8px 0 8px;
	line-height:14px;
	}

.linebottom {
	border-bottom:1px solid #FFF;
	}
.linetop {
	border-top:1px solid #FFF;
	}

/* selected menues
-----------------------------------------------------------------------------*/
.selsubill	{
	background: url(/pics/arrow-white-right.gif) no-repeat right center;
	color:#FFD128;
	}
.seldetill	{
	padding-right:15px;
	text-align:right;
	background: url(/pics/arrow-white-left.gif) no-repeat right center;
	color:#FFD128;
	}
.selsubdes	{
	background: url(/pics/arrow-white-right.gif) no-repeat right center;
	color:#6FA1D0;
	}
.seldetdes	{
	padding-right:15px;
	text-align:right;
	background: url(/pics/arrow-white-left.gif) no-repeat right center;
	color:#6FA1D0;
	}
.selsubabo	{
	background: url(/pics/arrow-white-right.gif) no-repeat right center;
	color:#9DC61D;
	}
.seldetabo	{
	padding-right:15px;
	text-align:right;
	background: url(/pics/arrow-white-left.gif) no-repeat right center;
	color:#9DC61D;
	}
.selsubgal	{
	background: url(/pics/arrow-white-right.gif) no-repeat right center;
	color:#FD1813;
	}
.seldetgal	{
	padding-right:15px;
	text-align:right;
	background: url(/pics/arrow-white-left.gif) no-repeat right center;
	color:#FD1813;
	}
.normal	{
	padding-right:15px;
	text-align:right;
	}


/* colors
-----------------------------------------------------------------------------*/
.grey	{
	color:#BBB;
	}
.normal	{
	color:#FFF;
	}
.design	{
	color:#6FA1D0;
	}
.illustration	{
	color:#FFD128;
	}
.about	{
	color:#9DC61D;
	}
.gallery	{
	color:#FD1813;
	}