body { margin:0px; text-align:center; background-color:#f3f0e3; background-image:url(../images/backgrounds/main_bg.jpg); }

.main_area { width:1008px; border-left:10px solid #dad4c0; border-right:10px solid #dad4c0; margin-bottom:15px; }
.main_area_bottom { background-color:#dad4c0; height:50px; }
.div_top { width:100%; height:80px; background-image:url(../images/backgrounds/top_bg.jpg); background-repeat:repeat-x; }
#top_link { font-family:Arial, Helvetica, sans-serif; font-size:12px; padding-right:5px;}
#top_link a { text-decoration:none; color:#CCCCCC;}
#top_link a:hover { text-decoration:none; color:#FFFFFF;}
#top_link2 { font-family:pristina; font-size:25px; padding-right:20px;}
#top_link2 a { text-decoration:none; color:#A2A2A2;}
#top_link2 a:hover { text-decoration:none; color:#FFFFFF;}

.formbutton { background-color:#464239; color:#dad4c0; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; border:0px;}
.navigation { background-color:#FFFFFF; width:100%; height:500px; text-align:center; }

.product_information { background-color:#f7f6ee; margin-top:15px; width:98%; height:600px; border-top:3px solid #dad4c0; }
#product_information_links { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#7f7b6e; text-decoration:none; text-align:left; vertical-align:top; padding:4px;}
#product_information_links a { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#6b675b; text-decoration:none; font-weight:bold;}
#product_information_links a:hover { text-decoration:none; color:#333333;}
.preprice { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#ca5454; text-decoration:line-through; }

.info {background-color:#f7f6ee;width: 90%; height:100px; }

#info_text { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#7f7b6e; text-decoration:none;padding-left:10px;padding-right:25px;}
#info_text  a { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#6b675b; text-decoration:none; font-weight:bold;}
#info_text  a:hover { text-decoration:none; color:#333333;}


.slidedoormenu{border-top:3px solid #dad4c0;list-style-type: none;margin-top:15px;padding: 0;width: 90%; /* width of menu (don't forget to add border with below!) */border-left: 0px solid #c6c1af; /* thick left border of menu */}
.slidedoormenu li{background-color:#dad4c0;font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;display: block;color: #666666;width: auto;border-bottom: 0px solid white; padding: 0px 0;text-indent: 8px;text-decoration: none;text-align:left;}
.slidedoormenu li a{background-color:#FFFFFF;font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;display: block;color: #333333;width: auto;border-bottom: 0px solid white; padding: 7px 0;text-indent: 8px;text-decoration: none;text-align:left;}
.slidedoormenu li a:hover{background-color:#edece1;color: black; color:#333333;}

.slidedoormenu_sub{;list-style-type: none;margin-top:15px;padding: 0;width: 90%; /* width of menu (don't forget to add border with below!) */border-left: 0px solid #c6c1af; /* thick left border of menu */}
.slidedoormenu_sub li{background-color:#c6c1af;font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;display: block;color: #FFFFFF;width: auto;border-bottom: 0px solid white; padding: 0px 0;text-indent: 8px;text-decoration: none;text-align:left;}
.slidedoormenu_sub li a{background-color:#f7f6ee;font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;display: block;color: #333333;width: auto;border-bottom: 0px solid white; /* White border beneath each menu item link, to add depth */padding: 7px 0; /* Vertical (top/bottom) padding for each menu link */text-indent: 8px;text-decoration: none;text-align:left;}
.slidedoormenu_sub li a:hover{background-color:#c6c1af;color: black;}



#sddm
{	margin: 0;
	padding: 0;
	z-index: 100;}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 12px arial}

#sddm li a
{	display: block;
	margin: 0 0px 0 0;
	padding: 0px 0px;
	width: 200px;	
	text-align: center;
	text-decoration: none;
	text-align:right; font-family:Arial, Helvetica, sans-serif; font-style:italic; font-size:13px; color:#FFFFFF; padding-right:10px;}

#sddm li a:hover
{ background-color:#dad4c0; font-family:Arial, Helvetica, sans-serif; color:#333333; text-decoration:none;}

#sddm div
{	position: absolute;
	z-index:200;
	visibility: hidden;
	margin: 0;
	padding: 0;
	width:210px;
	color:#333333;
	background-color:#efebdc;
	border-left: 0px solid #999999;}

	#sddm div a
	{	position: relative;
	z-index:200;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #48453c;
		color: #ffffff;
		font: 12px arial;}

	#sddm div a:hover
	{   text-decoration:none; color:#333333; background-color:#dad4c0;}
	


/* smart image enlarger starts here */
/* If your images are not linking to other pages leave the links as <a href="#nogo"> Otherwise enlarger won't work in IE6 */

.ienlarger {
	float: right;
	clear: none; /* set to left or right if needed */
	padding-bottom: 0px; /* space between thumbs. Don't change this to margin */
	padding-right: 0px; /* space between thumbs and wrapping text when there is any text around it */
	border:7px solid #dad4c0;
}

.ienlarger a { 
	display:block;
	text-decoration: none;
/* add cursor:default; to this rule to disable the hand cursor */
}

.ienlarger a:hover{ /* don't move this positioning to normal state */
 	position:relative;
}

.ienlarger span img {
	border: 0px solid #FFFFFF; /* adds a border around the image */
	margin-bottom: 8px; /* pushes the text down from the image */
}

.ienlarger a span {  /* this is for the large image and the caption */
	position: absolute;
	display:none;
	color: #333333; /* caption text colour */
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; /* caption text size */
	background-color: #c6c1af;
	font-weight: bold;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 13px;
	padding-left: 10px;
}

.ienlarger img { /* leave or IE puts a border around links */
border-width: 0;
}

.ienlarger a:hover span { 
	display:block;
	bottom: -150px; /* means the pop-up's top is 50px away from thumb's top */
	right: 100px; /* means the pop-up's left is 90px far from the thumb's left */
	z-index: 100;
	
/* If you want the pop-up open to the left of thumb, remove the left: 90px; and add  
right: 90px; This would mean the right side of the pop-up is 90px far from the right side of thumb */	

/* If you want the pop-up open above the thumb, remove the top: 50px; and add  
bottom: 50px; This would mean the bottom of the pop-up is 50px far from the bottom of thumb */	

/* add cursor:default; to this rule to disable the hand cursor only for the large image */
}

.resize_thumb {
	width: 115px; /* enter desired thumb width here */
	height : auto;
}

/* smart image enlarger ends here */

.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 100%;
height: 335px; /* Set height to be able to contain height of largest content shown*/
border: 0px solid #687C98;
overflow: hidden;
float:center;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
visibility: hidden;
width: 239px;
font-family:Arial, Helvetica, sans-serif; font-size:11px; background-color:#efebdc;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width: 100%;
margin-top: 3px;
text-align: center; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
color: #f7b6e;
padding: 1px 3px;
margin-right: 3px;
font-weight: bold;
text-decoration: none;
font-family:Arial, Helvetica, sans-serif; font-size:11px;
text-align:center;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
color: #f7b6e;
}

.glidecontenttoggler a:hover{
color: #f7b6e;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
color: #f7b6e;
}

/* admin */

#adminproduktinfo { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#555555; border-bottom:1px solid #666666;}
#adminproduktinfo a { color:#555555; text-decoration:none; font-weight:bold;}
#adminproduktinfo a:hover { text-decoration:underline;}


.adminmaininfo { background-color:#FFF;}
.tablewidth {width:988px; margin-bottom:20px;}
#modernbricksmenu{
margin:0px;
padding: 0;
width: 988px;
background-image:url(images/bg_1.png); background-repeat:repeat;
voice-family: "\"}\"";
voice-family: inherit;
background-color:#333;
}

#modernbricksmenu ul{
font: bold 10px Arial;
margin:0;
margin-left: 0px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;

}

#modernbricksmenu a{
float: left;
display: block;
color: #EAEAEA;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
}

#modernbricksmenu li a:hover{
	color:#FFFFFF;
	text-decoration:none;
}

#modernbricksmenu #current a{ /*currently selected tab*/
background-color:#b9b9b9;
background-image:url(images/bg_1.png); background-repeat:repeat;
border-color: #b9b9b9;
color:#FFFFFF; /*Brown color theme*/ 
text-decoration:underline;
}

#modernbricksmenu #right a{ /*currently selected tab*/
background-color:#b9b9b9;
border-color: #b9b9b9;
color:#FFFFFF; 
}

.produktbox { border:1px solid #999999; width:20%; background-color:#EAEAEA;}
.produktboxinner { background-color:#D5D5D5;border: 6px solid #999999;}
#produktinfo { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#555555;}
#produktinfo a { color:#555555; text-decoration:none; font-weight:bold;}
#produktinfo a:hover { text-decoration:underline;}