* { margin: 0; padding: 0; font-family: Arial Narrow, Arial;}

/* BEGIN DESKTOPVARIANT */
@media (min-width: 501px)
{
    #headermobiel, #footermobiel
    {
        display: none;
    }

	html
	{
	min-width: 1050px;
	}

    body
    {
    text-align: center;
    background: #FFF;
    font-family: Arial Narrow, Arial;
    font-size: 10pt;
    color: #333;
    font-weight:normal;
    }

    #wrapper
    {
        text-align:left;
        margin:0 auto;
        width: 945px;
        min-height: 700px;
        position: relative;
        top: 0px;
    }

    #topfoto
    {
    background: none repeat scroll 0 0 #222222;
    height: 300px;
    left: 0;
    position: relative;
    top: 0;
    width: 950px;
    z-index: 15;
    }

    #header
    { 
    height: 115px;
    left: 0;
    position: relative;
    text-align: center;
    top: 0;
    width: 100%;
    }

    #content
    {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    font-family: Arial;
    min-height: 400px;
    padding: 0 0;
    position: relative;
    text-align: left;
    width: 950px;
    }
            
    #content1
    {
    min-height: 600px;
    width: 700px;
    float:left;
    padding: 20px 0 20px 0;  
    }			
                    
    #content2
    {
    min-height: 300px;
    width: 230px;
    float:left;
    padding: 20px 20px 20px 0;
    }

    #menuframe
    {
    height: 42px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    background: url(/skins/template10/images/BRmenubg.png);   
    z-index: 16;
    }
    
    /* MENU 1*/
    #menu1
    {
    height:27px;
    position:relative;
    z-index:100;
    display: inline-block;
    text-align: left; 
    top: 5px;
    }
    
    #menu1 level1.ul
    {
    padding: 0;
    margin: 0;
    list-style: none;
    height: 26px;
    }
    
    #menu1 ul li
    {
    display: block;
    float: left;
    line-height: 26px;
    margin: 0 2px;
    position: relative; 
    padding: 0 2px;
    }
    
    #menu1 ul li.level1:hover
    {
    }
                
    #menu1 a.level1:link, #menu1 a.level1:visited
    {
    display:block;
    font-family: Arial Narrow, Arial;
    font-size:15pt;
    font-weight:normal;
    line-height:26px;
    text-decoration:none;
    height: 34px;
    padding:2px 15px 0;
    color: #FFF;
    position: relative;
    }
    
    #menu1 a.level1:hover, #menu a.level1:active
    {
    color: #FFF;
    }
                
    #menu1 ul li.level1.active, #menu1 ul li.level1.hasactivesub
    {
    position: relative;
    }
    
    #menu1 ul li.level1.active:hover, #menu1 ul li.hasactivesub:hover
    {
    border: 0;
    }
                
    #menu1 ul li.hassub
    {
    }
    
    #menu1 ul li.hassub:hover
    {
    }
                
    #menu1 ul li.hassubactive
    { 
    }			
    
    #menu1 ul li.hassubactive:hover
    {
    }			
    
    #menu1  a.level1.active, #menu1  a.level1.hasactivesub
    {
    color: #FFF;
    height: 30px;
    z-index: 1010;
    }
    
    #menu1  a.level1.active.hassub, #menu1  a.level1.hassub
    {
    padding: 5px 4px 0 15px;
    }
                
    #menu1  a.level1.active.hassub:after, #menu1  a.level1.hassub:after
    {
    font-size: 8pt; 
    content: "  \25BC";
    }
    
    #menu1 ul li ul
    {
    display:none;
    }
    
    #menu1 ul li.active:hover ul, #menu1 ul li.hasactivesub:hover ul
    {
    left: 9px;
    }
    
    #menu1 ul li:hover ul
    {
    display:block;
    position: absolute;
    left:0;
    top:35px;
    left: 10px;
    z-index:97;
    border: solid #BBBBBB;
    border-width: 1px;
    z-index: 1005;
    }
    
    #menu1 ul li.active ul, #menu1 ul li.hasactivesub ul
    {
    }
    
    #menu1 ul li.active:hover ul, #menu1 ul li.hasactivesub:hover ul
    {
    }	
    
    #menu1 li.level2, #menu1 li.level2.active
    {
    display:block;
    padding: 0;
    margin: 0;
    float: none;
    z-index:97;
    position: relative;
    width: 175px; 
    background: none;
    border-bottom: 1px solid #EEE;
    border-top: 1px solid #BBB;
    }
                
    #menu1 li.level2:hover
    {
    }		
                
    #menu1 a.level2:link, #menu1 a.level2:visited, #menu1 a.level2.active:link, #menu1 a.level2.active:visited
    {
    display:block;
    font-family:Arial Narrow, arial,sans-serif;
    font-size: 10pt; 
    font-weight: normal;
    color: #333;
    text-decoration: none;
    line-height:26px;
    background: none repeat scroll 0 0 #DDD;
    padding: 0 10px;
    }
    
    #menu1 a.level2:hover, #menu1 a.level2.active:link, #menu1 a.level2.active:visited, #menu1 a.level2.active:hover
    {
    color: #E15204;
    background: none repeat scroll 0 0 #EEE;
    }
    
    /*einde menu 1*/

    a.assortiment
    {
    display: block;
    background: #309F38;
    padding: 3px 0 10px 0;
    width: 170px;
    height: 190px;
    text-decoration: none;
    color: #FFF !important;
    }

    .thumbimg
    {
        width: 165px;
    }

    .contactformulier {width: 400px;}

    .contactvraag {height: 250px;}
}

/* BEGIN MOBIELE VARIANT */
@media only screen and (max-device-width: 500px), (max-width: 500px)
{
	html
	{
	min-width: 500px;
	}

	body
	{
	text-align: center;
	background: #FFF;
	font-family: Trebuchet MS;
	font-size: 10pt;
	color: #333;
	font-weight:normal;
    }

    #topfoto
    {
        display: none;
    }

	#header, #topfoto, #content2, #footer, #menuframe, #addbasketmelding
	{ 
	display: none;
	}

	#headermobiel
	{
	display: block;
    height: 60px;
    background: #FFF;
	}
	#wrapper
	{
	text-align:left;
	margin:0 auto;
	width: 500px;
	min-height: 700px;
	position: relative;
	top: 0px;
	}

	#content
	{
	background: none repeat scroll 0 0 #FFFFFF;
	float: left;
	font-family: Trebuchet MS;
	min-height: 400px;
	padding: 0 0;
	position: relative;
	text-align: left;
	width: 500px;
	}
			
	#content1
	{
	min-height: 300px;
	width: 460px;
	float:left;
	padding: 20px;  
	}			

	/* MENU1 */
	#menu1
	{
	position: absolute;
	float: left;
	left: 15px;
	display: inline-block;
	top: 65px;
	width: 470px;
	z-index: 200;
	padding: 0;
	box-shadow: 0 0 10px #000000;
	}

	#menu1 ul
	{
	padding: 0;
	list-style: none;
	height: 27px;
	display: inline;
	}

	#menu1 ul li
	{
	margin: 0;
	float:none;
	display: block;
	border-bottom: 2px solid #EEE;
	padding: 0;
    background: #FFF;
    text-align: center;
	}

	#menu1 ul li:hover
	{
	}
				
	#menu1 ul li.active
	{
	}
				
	#menu1 ul li.hassub
	{
	}

	#menu1 ul li.hassub:hover ul
	{
	display:none;
	position: relative;
	left: 140px;
	top: -25px;
	width: 150px;
	z-index: 97;
	}
				
	#menu1 ul li.hassubactive
	{
	}			

	#menu1 ul li.hassubactive:hover
	{
	}			

	#menu1 a.level1:link, #menu1 a.level1:visited
	{
	color: #309F38;
	display:block;
	font-family: Arial,sans-serif;
	font-size:1.6em;
	font-weight:bold;
	padding:6px 0 6px 17px;
	text-decoration:none;
	}

	#menu1 a.level1:hover, #menu1 a.level1.active, #menu1 ul li.hassubactive
	{
	background: #309F38;
	color: #FFF;
	font-weight:bold;
	}
				
	#menu1 a.level1.active, #menu a.level1.hasactivesub, #menu1 ul li.hasactivesub, #menu1 a.level1.hasactivesub
	{
	background: #309F38;
	color: #FFF;
	font-weight:bold;
	}
				

	#menu1 ul li ul
	{
	display:none;
	}

	#menu1 ul li.active ul, #menu1 ul li.hasactivesub ul
	{
	}	


	#menu1 li.level2, #menu1 li.level2 a
	{
	display: none;
	padding:0 0 0 5px;
	border: 1px solid #BBBBBB;
	background: #EEE;
	width: 150px;
	}
				
	#menu1 li.level2:hover, #menu1 li.level2:hover a
	{
	background: #00457D;
	color: #FFF;
	}		
				
	#menu1 li.level2.active, #menu1 a.level2.active:hover, #menu1 li.level2:hover a.active
	{
	background: #666666;
	color: #FFF;
	}
				

	#menu1 a.level2:link, #menu1 a.level2:visited
	{
	font-family: arial;
	font-size: 10pt; 
	font-weight: normal;
	color: #707070;
	text-decoration: none;
	line-height:22px;
	background: none;
	}

	#menu1 a.level2:hover, #menu1 a.level2:active, #menu1 a.level2.active
	{
	color: #FFF;
	}
    /*einde menu1*/
    
    #footermobiel
    {
        display: block;
        position: fixed;
        bottom: 0;
        height: 80px;
        padding: 10px;
        background: #EEE;
        color: #555;
        width: 500px;
    }

    a.assortiment
    {
    display: block;
    background: #309F38;
    padding: 3px 0 10px 0;
    width: 150px;
    height: 165px;
    text-decoration: none;
    color: #FFF !important;
    }

    .thumbimg
    {
        width: 140px;
    }

    .contactformulier {width: 350px;}

    .contactvraag {height: 200px;}

    .cboxPhoto
    {
        width: 430px !important;
    }
    .cboxElement img
    {
        width: 140px !important;
    }
}



hr
{
border: 0px;
}

a:link      {color: #309F38; text-decoration: none;}
a:visited   {color: #309F38; text-decoration: none;}
a:hover     {color: #004481; text-decoration: underline;}
a:active	{color: #309F38; text-decoration: underline;}

A[href$='.pdf'] {
LINE-HEIGHT: 17px; PADDING-LEFT: 20px; DISPLAY: inline-block; BACKGROUND: url(/skins/template10/images/pdf-trans.png) no-repeat left center
}
a[href$='.pdf'].nologo {
DISPLAY: inline-block; padding-left: 0; BACKGROUND: url(/skins/template10/images/doorzichtig.gif) no-repeat left center
}
A[href$='.xls'] {
LINE-HEIGHT: 17px; PADDING-LEFT: 20px; DISPLAY: inline-block; BACKGROUND: url(/skins/template10/images/xls-trans.png) no-repeat left center
}
A[href$='.xlsx'] {
LINE-HEIGHT: 17px; PADDING-LEFT: 20px; DISPLAY: inline-block; BACKGROUND: url(/skins/template10/images/xls-trans.png) no-repeat left center
}

p
{
line-height:1.5em;
color: #333;
font-size: 1.2em;
}
			
td p	    {line-height:1.5em;
padding: 0;
color: #333;}

.small		{font-size: 7pt;margin-bottom: -7px; }

li	       	{margin-left:25px;
margin-top:3px;
line-height:1.8;
list-style-type: disc;
}

li.vinkjes 	{background:  url("./images/vinkje.png") bottom left no-repeat;
list-style-type: none;
text-indent: 25px;
}

#extramenu li a:link      {color: #000000; text-decoration: none;}
#extramenu li a:visited   {color: #000000; text-decoration: none;}
#extramenu li a:hover     {color: #D60F1B; text-decoration: none;}
#extramenu li a:active	{color: #000000; text-decoration: none;}

#extramenu li a.actief:link      {color: #D60F1B; text-decoration: none;}
#extramenu li a.actief:visited   {color: #D60F1B; text-decoration: none;}
#extramenu li a.actief:hover     {color: #999999; text-decoration: none;}
#extramenu li a.actief:active	{color: #D60F1B; text-decoration: none;}

.routeinput
{
width: 100px;
padding: 2px;
border: 1px solid #000000;
margin-bottom: 5px;
}

.routebutton
{
width: 105px !important;
background: #CA0000;
color: #FFFFFF;
border: none !important;
}

.rodebutton{
background: #BB0000;
background: -moz-linear-gradient(#BB0000, #770000) #BB0000;
background: -webkit-linear-gradient(#BB0000, #770000) #BB0000;
background: -o-linear-gradient(#BB0000, #770000) #BB0000;
background: -ms-linear-gradient(#BB0000, #770000) #BB0000;
background: linear-gradient(#BB0000, #770000) #BB0000;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border-radius: 4px 4px 4px 4px;
border-style: solid;
border-width: 1px;
box-shadow: 0 1px 0 #FF0000 inset, 0 1px 2px rgba(0, 0, 0, 0.5);
color: #FFFFFF !important;
display: inline-block;
margin: 10px 0;
padding: 6px 13px;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

}

.rodebutton:hover, .rodebutton:active{
background: #990000;
background: -moz-linear-gradient(#990000, #770000) #990000;
background: -webkit-linear-gradient(#990000, #770000) #990000;
background: -o-linear-gradient(#990000, #770000) #990000;
background: -ms-linear-gradient(#990000, #770000) #990000;
background: linear-gradient(#990000, #770000) #990000;
box-shadow: 0 1px 0 #CC0000 inset, 0 1px 2px rgba(0, 0, 0, 0.5);
text-decoration: none;
}

p.error 	{color: #EA041C; border:none;}	

.error		{border-color: #EA041C;
border-style: solid;
border-width: 1px;}

h1
{
font-size: 14pt;
font-family: Arial Narrow, Arial;
font-weight: normal;
font-style: normal;
color: #E15204;
margin-bottom: 5px; 
}

h2
{
font-size: 18pt;
font-style: normal;
font-weight: normal;
color: #309F38;
padding: 2px;  
font-family: Arial Narrow, Arial;
}

.leesverder:after
{
padding: 5px 0;
font-size: 14px;
content: " >";
display: inline-block;
}
	
img
{
border:none;
}

.label_100	{float: left;
width: 100px;
text-align: left;
padding-right: 3px;
}

.label_150	{float: left;
width: 200px;
text-align: left;
padding-right: 3px;
}

.label_200	{float: left;
width: 200px;
text-align: left;
padding-right: 3px;
}

textarea{ font-family: Arial Narrow, Trebuchet MS; font-size: 10pt; font-size: 10pt; color: #333333;}

table.border
{
border:solid;
border-color : #c0c0c0;
border-width:1px;
width: 99%;
}
			
td			{
padding: 3px 5px 5px 0px;
vertical-align: top;
}
			
/*contenttables items*/
table.contenttable
{
background:#999;
border-spacing: 1px;
}

table.contenttable tr td
{
background:#FFF;
color:#000;
font-size: 8pt;
padding: 4px;
}

table.assortimentdetail tr td, div.assortimentdetail tr td
{
width: 200px;
font-size: 13pt;
white-space: nowrap;
}

table.zoekvarens 
{
background: #F5F5F5;
}

table.zoekvarens tr td
{
font-size: 12pt;
white-space: nowrap;
}

.ruimte	{margin-bottom: 5px;}
.ruimtehome	{margin-bottom: 2px;}


#logo
{
top: 10px;
height: 79px;
left: 0;
margin: 0 auto;
overflow: hidden;
position: absolute;
width: 293px;
z-index: 200;
}

#headerachtergrond
{
width:1280px;
padding: 0;
position: absolute;
background: url("./images/hbg.png") no-repeat scroll center top transparent;
left: -167px;
height: 398px;
}
					
#headertop
{
width:946px;
padding: 0;
position: relative;
height: 398px;
}
					
#socialmedia
{
bottom: 0;
height: 44px;
position: absolute;
right: 0;
width: 56px;
z-index: 300;
}

#kruimelpad a:link, #kruimelpad a:visited{color: #555; text-decoration: none;}
#kruimelpad a:hover, #kruimelpad a:active{color: #000; text-decoration: none;}

#topschaduw
{
width:944px;
position: absolute;
z-index: 14;
top: 381px;
left: 0px;
height: 20px;
}

#footer
{
clear: both;
width: 100%;
position: relative;
top:20px;
}

#footer p
{
color:#FFF;
font-size:9pt;
text-align:center;
text-decoration:none;
line-height: 2.8;
}

#footer p a:link, #footer p a:visited{color: #FFF; text-decoration: none;}
#footer p a:hover, #footer p a:active{color: #DDD; text-decoration: none;}

#footerwrapper
{
text-align:left;
margin:0 auto;
width: 945px;
min-height: 50px;
position: relative;
vertical-align: middle;
padding: 20px;
}
			
#vlaggen
{
position: absolute;
right: 206px;
text-align: left;
top: 22px;
width: 80px;
text-align: right;
}

#adres
{
position: absolute;
right: 0;
text-align: left;
top: 21px;
width: 260px;
text-align: right;
}

#adres p
{
line-height: 1.2em;
font-size: 10pt;
color: #004481;
}

#zoekbalk
{
background: url("./images/search.png") no-repeat scroll 140px 6px rgba(133, 151, 191, 0.4);
color: #FFFFFF;
height: 24px;
position: absolute;
left: 450px;
text-align: left;
top: 21px;
width: 160px;
}

.zoekbalkbalk
{
background: none repeat scroll 0 0 transparent;
border: 0 none;
color: #000;
height: 22px;
margin: -4px 0 0 10px;
width: 113px;
}

.zoekbalkbutton{ background: none repeat scroll 0 0 transparent;
border: 0 none;
height: 28px;
width: 37px;
}

.zoekbalkbutton:hover
{
border: 2px solid #000;
cursor: pointer;
}

/* MENU 2*/
#menu2
{
float:right;
height:27px;
position:relative;
top:0px;
z-index:100;
}

#menu2 ul
{
padding: 0;
margin: 0;
list-style: none;
height: 26px;
}

#menu2 ul li
{
margin: 0 10px;
float:left;
display: block;
line-height: 26px;
}

#menu2 ul li:hover
{
}
			
#menu2 a.level1:link, #menu2 a.level1:visited
{
color: #D0D0D0;
display:block;
font-family:Arial Narrow, Trebuchet MS,arial,sans-serif;
font-size:10pt;
font-weight:normal;
line-height:26px;
padding:0 5px;
text-decoration:none;
}

#menu2 a.level1:hover, #menu a.level1:active
{
color: #fff;
}
			
#menu2 ul li.active {
}
			
#menu2 ul li.hassub {
}

#menu2 ul li.hassub:hover {
}
			
#menu2 ul li.hassubactive {
}			

#menu2 ul li.hassubactive:hover {
}			

#menu2  a.level1.active, #menu a.level1.hasactivesub
{
color: #FFF;
}
			

#menu2 ul li ul
{
display:none;
position: absolute;
left:0;
top:26px;
}

#menu2 ul li.active ul, #menu2 ul li.hasactivesub ul
{
display:inline;
}	

#menu2 li.level2
{
display:inline;
padding:0 0 0 5px;
}
			
#menu2 li.level2:hover {
}		
			
#menu2 li.level2.active{
}

#menu2 a.level2:link, #menu2 a.level2:visited
{
display:block;
font-family:Trebuchet MS,arial,sans-serif;
font-size: 10pt; 
font-weight: normal;
color: #707070;
text-decoration: none;
line-height:26px;
background: none;
}

#menu2 a.level2:hover, #menu2 a.level2:active, #menu2 a.level2.active
{
color:#000;
}
/*einde menu 2*/


/* Hack voor de min-height property tbv IE */	
.prop {  
height:400px;
float:right;
width:1px;
}	
		
/* CSS tbv be_menuregels */
p.level1	{text-indent: 0px;}
p.level1	{text-indent: 40px;}
p.level2	{text-indent: 80px;}
/* Einde CSS tbv be_menuregels */
		
/*security items*/
table.setsecurity	{background:#acacac;
border-spacing: 0;}		

table.setsecurity tr.kop, table.setsecurity tr.kop td{background:#767474;
		color:#FFF;
		font-weight: bold;
		font-size: 8pt;
		}

table.setsecurity td
{
padding: 5px;
color:#FFF;
}

/*topfoto - banner*/

.cyclebanner { height: 300px; width: 950px; margin: auto; overflow:hidden; z-index:14;}
.cyclebanner img {border:none;
padding:0;
margin:0;
-moz-border-radius: 0px; /* Firefox */
-webkit-border-radius: 0px; /* Safari, Chrome */
border-radius: 0px; /* CSS3 */
}		
			
.bannertekst {
background: url("/skins/template10/images/50percent.png") transparent;     
bottom: 30px;
display: none;
height: 80px;
right: 0;
padding: 6px 20px;
position: absolute;
width: 350px;
-moz-border-radius: 7px 0 0 7px;
border-radius: 7px 0 0 7px;
}		
.bannertekst p{
color: #FFFFFF;
font-size: 12px;
}		
	
/* uitklapbare blokitems */
.uitklapdiv
{
width: 578px; padding: 15px; background: #F5F5F5; border: 1px solid #999999; margin: 10px 0 10px 0;
}

span.uitklaptitel
{
color:#444;
cursor:pointer;
display:block;
line-height: 1.3;
margin: 0;
width:610px;
padding: 0;
}

div.uitklaptekst
{
width: 590px;
background: #EEEEEE;
}

div.uitklapdiv
{
display: none;
}
	
/*fotoalbums*/
img.fotoalbum
{
margin: 0 0 0 0;
}
	
div.thumbnail
{
float: left;
margin: 0 2px 2px 0;
}	

a.download
{
padding:3px 0;
}

a.assortiment:hover 
{
background: #004481;
}

a.familieoverzicht:link, a.familieoverzicht:visited
{
font-size: 15pt;
line-height: 1.4em;
}

a.familieoverzicht:hover, a.familieoverzicht:active
{
}

/* zoekcontent */		
.zoekcontent_streep {
height: 1px;
}

.zoekcontent_zoekbalkcontainer {
background: #F5F5F5; 
border: 1px solid #E5E5E5; 
height: 71px;
position: relative;
}
				
.zoekcontent_zoekbalkinput {
background-color: #FFFFFF; 
border-color: #C0C0C0 #D9D9D9 #D9D9D9; 
border-style: solid; 
border-width: 1px; 
height: 27px; 
top: 20px; 
width:300px; 
position: relative; 
padding: 0 0 0 5px;
float: left;
}
				
.zoekcontent_zoekbalksubmit {
border: 0 none; 
height: 29px; 
width: 64px; 
position: relative; 
cursor:pointer; 
top:20px;
float: left;
}
p.zoekcontent_geenresultaten {
padding: 20px;
}

.zoekcontent_resultatenheadercontainer {
padding: 20px;
border: 1px solid #E5E5E5; 
border-top: 0; 
height: 40px;
}

/* Webshop */

span.filterblokheader{
border-bottom: 1px solid #999999;
display: block;
font-weight: bold;
margin-bottom: 6px;
} 

a.filter {
color: #000000;
display: inline-block;
padding: 0 17px;
text-decoration: none;
margin: 1px 0;
}

a.filter:before
{
background: url("./images/checkbox-sprite.png") no-repeat scroll 0 1px transparent;
content: " ";
display: inline-block;
height: 14px;
left: 0;
margin: 0 0 0 -17px;
width: 20px;
}

.filter.active:before
{
background: url("./images/checkbox-sprite.png") no-repeat scroll 0 -22px transparent;
}

.filerblok
{
margin: 10px 0;
}

.filter.disabled
{
color: #888;
text-decoration: none;
}

.filter.active
{
font-weight: bold;   
color: #000;
text-decoration: none;
}

.filterheader
{
font-size: 16px;
color: #FF6600;
}

.sortdiv
{
border: 1px solid #BBBBBB;
margin: 5px 0;
padding: 5px;
text-align: right;
}
a.sort{
color: #222;
text-decoration: none;
}
.sort.active{
font-weight: bold;
}

.basket_regel
{
clear: both;
display: block;
}

.basket_regelomschrijving
{
display: block;
float: left;
font-weight: bold;
}

.basket_regelaantal {
display: block;
text-align: right;
}

.basket_prijs {
display: block;
text-align: right;
}

.basket_totaalregel
{
display: block;
border-top: 1px solid #444;
}

.webshop_itemFrame{
padding: 7px; 
border-radius: 6px 6px 6px 6px; 
border: 1px solid #999999; 
overflow: auto;
}

.webshop_itemImageFrame{
float:right; 
margin-left: 15px; 
margin-bottom: 15px; 
position: relative; 
margin-top: 3px;
}

.webshop_itemText, .webshop_specsText{

}
.webshop_itemHeading, .webshop_specsHeading{
border-bottom: 1px solid #777777; 
color: #FF6600; 
padding: 2px 5px 2px 0;
}

a.webshop_buttonMore{
font-size: 13pt; 
background: none repeat scroll 0px 0px #CA0000; 
color: rgb(255, 255, 255); 
padding: 3px 10px 3px 10px; 
border-radius: 3px 3px 3px 3px; 
display: inline-block; 
text-align: center;
color: #FFFFFF;
}

a.webshop_buttonOrder, .webshop_buttonOrder{
font-size: 13pt; 
background: none repeat scroll 0px 0px #FF6600; 
color: rgb(255, 255, 255);
padding: 3px 10px 3px 10px; 
border-radius: 3px 3px 3px 3px; 
display: inline-block; 
margin: 10px 0px; 
right: 0px; 
text-align: center;
color: #FFFFFF;
}

.webshop_price, .webshop_specs .webshop_price{
background: none repeat scroll 0px 0px #f5f5f5; 
padding: 3px 10px 3px 10px;
border-radius: 3px 3px 3px 3px; 
display: inline-block; 
margin: 10px 0px; 
right: 0px; 
text-align: center;
}

.webshop_price > span, .webshop_specs .webshop_price > span{
font-size: 13pt; 
font-weight: bold; 
color: #006699;
}

.webshop_specsImageFrame{
float:right; 
margin-left: 15px; 
margin-bottom: 15px; 
position: relative; 
margin-top: 25px;
}

.webshop_basketFrame{
display: block; 
border: 1px solid rgb(153, 153, 153); 
background: #E5E5E5;
}

.webshop_basketHeading{
background: #666666; 
color: #FFF; 
text-align: center; 
padding: 2px;
}

a.webshop_basketButton{
background: none repeat scroll 0px 0px #FF6600; 
color: rgb(255, 255, 255); 
padding: 6px 11px; 
border-radius: 6px 6px 6px 6px; 
display: block; 
width: 118px; 
margin: 10px 0px; 
right: 0px; 
font-size: 9pt;
color: #FFFFFF;
}

a.webshop_stepButton{
display: inline-block;
    background: none repeat scroll 0 0 #333333;
    border: 1px solid #333333;
    border-radius: 5px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    padding: 4px 11px;
	font-size: 14px;
    text-shadow: 0 1px 0 #000000;
	text-decoration: none;
}