html {
background:#FFFFFF url(/files/system/images/achter-body.gif) repeat-y scroll center top;
height:100%;
}

body {
color:#000000;
font-family:arial,helvetica,sans-serif;
font-size:0.8em;
height:100%;
margin:0pt;
text-align:center;
}
a {
color:#214CA7;
}
a:hover {
color:#F58220;
text-decoration:none;
}
a:visited {
color:#214CA7;
}
img {
border:0pt none;
}
f#top sup {
vertical-align:text-top;
}
fieldset {
border:0pt none;
}
p {
margin:0pt 0pt 10px;
}
p img {
margin:10px;
}
address {
font-style:normal;
}
.fix {
float:none;
}
h1, h2, h3 {
font-family:Arial,verdana,sans-serif;
padding:0pt;
}
h1 {
color:#F58220;
font-size:3.4em;
font-weight:bold;
height:20px;
margin:-62px 0pt 70px;
text-align:center;
width:450px;
/*display:block !important;*/
}
h1 strong, h1 b {
color:#000000;
display:block !important;
font-size:0.3em;
text-align:center;
width:450px;
}
.green {
color:#00A44D;
}
h1 a {
color:#F58220;
text-decoration:none;
}
h2 {
color:#000000;
font-size:1.4em;
margin:0pt;
}
h2 a, h2 a:visited {
color:#214CA7;
text-decoration:none;
}
h2 a:hover {
color:#F58220;
}
#all {
background:#FFFFFF url(/files/system/images/achter-all.gif) repeat-y scroll left center;
left:50%;
margin:0px 0px 0px -490px;
min-height:100%;
position:absolute;
text-align:left;
width:980px;
}
#taalkeuze {
/*margin:112px 0px 0px 40px;
position:absolute;*/
background:#F58220 none repeat scroll 0% 0%;
padding:10px 10px 0 0;
text-align:center;
font-size:0.9em;
color:#ffffff;
}
#taalkeuze a {
color:#ffffff;
}
#top {
border-top:10px solid #FFFFFF;
position:absolute;
width:980px;
}
#top .gratisnr {
margin:20px 0pt 0pt 160px;
position:absolute;
right:20px;
}
#top .gratisnr-g {
margin:0pt 0pt 0pt 20px;
position:absolute;
}
#menu {
background:white url(/files/system/images/achter-menu.gif) no-repeat scroll 0% 0%;
float:left;
font-size:14px;
margin-top:130px;
padding:10px 0pt 0pt;
position:relative;
width:200px;
}
#menu ul {
list-style-type:none;
margin:1px 10px 0px;
padding:0pt;
}
#menu ul li {
background:#FFFFFF url(/files/system/images/marker-z.gif) no-repeat scroll 10px 3px;
padding:0pt 0pt 1px;
}
#menu ul li a {
color:#000000;
display:block;
font-size:12px;
font-weight:bold;
padding:3px 0pt 3px 26px;
text-decoration:none;
}
#menu #menu2 ul li a {
background:transparent url(/files/system/images/marker-g.gif) no-repeat scroll 10px 3px;
font-weight:normal;
}
#menu ul li a:hover {
background:#F58220 url(/files/system/images/marker-z.gif) no-repeat scroll 10px 3px;
color:#000000;
}
#menu ul li a.selected {
background:#FFFFFF url(/files/system/images/marker-o.gif) no-repeat scroll 10px 3px;
color:#F58220;
}
#menu #menu2 ul li a.selected {
background:#FFFFFF none repeat scroll 0% 0%;
color:#F58220;
}
#menu ul.menu1sub {
margin-bottom:0px;
margin-left:20px;
}
#menu ul.menu1sub li a {
background:#FFFFFF url(/files/system/images/marker-z.gif) no-repeat scroll 10px 3px;
color:#000000;
font-size:12px;
font-weight:lighter;
text-decoration:none;
}
#menu ul.menu1sub li a:hover {
background:#F58220 url(/files/system/images/marker-z.gif) no-repeat scroll 10px 3px;
color:#000000;
}
#menu ul.menu1sub li a.selected {
background:#FFFFFF url(/files/system/images/marker-o.gif) no-repeat scroll 10px 3px;
color:#F58220;
font-weight:bold;
}
#menu2 ul {
margin-bottom:0px;
margin-top:10px;
padding-top:0px;
}
#menu2 ul ul {
margin-left:20px;
margin-top:0px;
}
#menu2 ul li a#activeitem {
color:#000000;
font-weight:bold;
}
#menu2 ul ul a {
padding-left:24px;
}
#menu2 ul ul li a:hover {
background:transparent none repeat scroll 0% 0%;
color:#F58220;
}
#menu2 ul li {
background:transparent none repeat scroll 0% 0%;
padding:0pt 0pt 0pt 2px;
}
#menu2 ul li a {
color:#555555;
font-size:12px;
}
#menu2 ul li a:hover {
background:white none repeat scroll 0% 0%;
color:#000000;
}
#menu2 ul.menu2-bottom {
background:#FEF2E8 url(/files/system/images/achter-menu-onder.gif) no-repeat scroll left bottom;
border-top:1px solid #F58220;
padding-bottom:15px;
padding-top:8px;
}
#joke {
background:#F58220 none repeat scroll 0% 0%;
padding:20px 10px;
text-align:center;
}
#joke .banner {
padding:0px 0px 20px;
}
#joke ul {
background:#F58220 none repeat scroll 0% 0%;
height:30px;
}
#joke ul li {
background:#F58220 none repeat scroll 0% 0%;
float:left;
margin-right:10px;
}
#content {
display:inline;
float:left;
margin:80px 0pt 0pt 0px;
padding:20px 20px 120px 20px;
width:735px;


}



.klant {
background:#FFFFFF url(/files/system/images/achtergronden/achtergrond-deklantaanhetwoord.jpg) no-repeat scroll 0px 0px;
height:auto !important;
min-height:570px;
}
.product-scootmobiel {
/* background:#FFFFFF url(/files/system/images/achtergronden/achtergrond-scootmobielen.jpg) no-repeat scroll 0px 0px; */
height:auto !important;
min-height:570px;
}
.product-badliften {
background:#FFFFFF url(/files/system/images/achtergronden/achtergrond-badliften.jpg) no-repeat scroll 0px 0px;
height:auto !important;
min-height:570px;
}
.product-fauteuils {
background:#FFFFFF url(/files/system/images/achtergronden/achtergrond-fauteuils.jpg) no-repeat scroll 0px 0px;
height:auto !important;
min-height:570px;
}
.product-instapbaden {
background:#FFFFFF url(/files/system/images/achtergronden/achtergrond-instapbaden.jpg) no-repeat scroll 0px 0px;
height:auto !important;
min-height:570px;
}
.product-miniliften {
background:#FFFFFF url(/files/system/images/achtergronden/achtergrond-miniliften.jpg) no-repeat scroll 0px 0px;
height:auto !important;
min-height:570px;
}
.product-trapliften {
/* background:#FFFFFF url(/files/system/images/achtergronden/achtergrond-trapliften.jpg) no-repeat scroll 0px 0px; */
height:auto !important;
min-height:570px;
}
.product-shop {
background:#FFFFFF;
height:auto !important;
min-height:570px;
}

.kolom-mid {
clear:both;
width:460px;
padding:0px;
margin:0;
float:left;
}
.kolom-breed {
clear:both;
width:730px;
padding:0px;
margin:0;
float:left;
}
.kolom-mid-entree {
clear:both;
width:490px;
padding:0px;
margin:0px;
margin-left:-30px;
}

#nieuws {
clear:both;
width:470px;
}
#homecontent {
background:transparent url(/files/system/images/home/achter-homegratis.jpg) no-repeat scroll left bottom;
height:290px;
margin:0pt;
width:470px;
}
#acties {
float:right;
margin-top:25px;
width:253px;
}
#acties strong {
color:#FFFFFF;
display:block;
font-size:13px;
margin:0pt 0pt 15px;
padding:0pt 0pt 0pt 15px;
}
#acties .actieblok {
float:left;
margin:0pt;
}
#acties .actieblok .pidlink {
display:none;
}
#acties .actieblok a {
background:transparent url(/files/system/images/home/actieblok-b2.gif) no-repeat scroll 0% 0%;
color:#214CA7;
display:block;
height:90px;
padding:9px 0pt 0pt 29px;
text-decoration:none;
width:253px;
}
#acties .actieblok a:hover {
background:transparent url(/files/system/images/home/actieblok-o2.gif) no-repeat scroll 0% 0%;
color:#F58220;
}
#acties .actieblok img {
margin:10px 0pt 0pt 5px;
}
#home-rechts {
margin:0pt 0pt 0pt 490px;
padding-top:10px;
position:absolute;
width:250px;
}
#home-rechts img {
margin:9px 0pt -16px;
position: relative;
z-index: 100;

}
#home-rechts div.hometekstblok {
}
#productopsomming {
margin-top:0px;
}
#productopsomming.home {
width:510px;
}
#productopsomming.landing {
width:735px;
}
#productopsomming h2 {
font-size:16px;
font-weight:lighter;
margin:0pt;
padding:0pt;
}
#productopsomming .producten {
float:left;
margin:0pt 0pt 5px;
}
#productopsomming .productenklant {
float:left;
margin:0pt 20px 5px 40px;
}
#productopsomming .productensub {
float:left;
margin:0pt 0px 5px 0px;
}
#productopsomming .blok-product-img {
border:1px solid #F58220;
display:block;
height:141px;
margin:7px;
width:141px;
}
#productopsomming .blok-product-button {
background:transparent url(/files/system/images/knoppen/knop-pijl.png) no-repeat scroll left top;
display:block;
height:35px;
margin:7px;
width:142px;
}
#productopsomming .blok-product-button h2 a {
color:#000000;
display:block;
font-size:13px;/*wijziging door REJA 16 naar 13*/
font-weight:bold;
margin-left:0px;
padding-left:38px;
padding-top:9px;/*wijziging door REJA 6 naar 9*/
}
#productopsomming .blok {
float:left;
margin:0pt 0pt 5px;
}
#productopsomming .blok a {
background:transparent url(/files/system/images/home/blok2.gif) no-repeat scroll 0% 0%;
color:#214CA7;
display:block;
height:121px;
padding:8px 2px 0pt 7px;
text-decoration:none;
width:113px;
}
#productopsomming .blok a:hover {
background:transparent url(/files/system/images/home/blok2.gif) no-repeat scroll 0px -128px;
color:#FFFFFF;
}
#productopsomming .blok img {
margin:4px 0pt 0pt -4px;
}
#productopsomming .blok-groot {
float:left;
letter-spacing:1px;
margin:-3px 0pt 2px;
}
#productopsomming .blok-groot a {
background:transparent url(/files/system/images/home/blok-groot-b2.gif) no-repeat scroll 0% 0%;
color:#FFFFFF;
display:block;
font-weight:bold;
height:150px;
padding:7px 2px 0pt 7px;
text-decoration:none;
width:150px;
}
#productopsomming .blok-groot a:hover {
background:transparent url(/files/system/images/home/blok-groot-o2.gif) no-repeat scroll 0% 0%;
color:#FFFFFF;
}
#productopsomming .blok-groot img {
margin:4px 0pt 0pt -4px;
}
#productopsomming .blok-product {
border:1px solid #F58220;
display:block;
height:141px;
margin:7px;
width:141px;
}
#leads {
clear:both;
padding-top:10px;
width:765px;
}
#leads h3 {
border-bottom:1px solid #F58220;
font-size:16px;
margin:0pt 0pt 5px;
padding:0pt 0pt 5px;
}
#leads h3 a, #leads a {
text-decoration:none;
}
#leads .leadblok {
border:1px solid #FFFFFF;
color:#000000;
cursor:pointer;
float:left;
height:101px;
margin:0pt 7px 0pt 0pt;
padding:10px 10px 0pt;
width:220px;
}
#leads .hover {
background:#FFECDC none repeat scroll 0% 0%;
border:1px solid #FFCDA2;
cursor:pointer;
}
#leads .hover h3 a, #leads .hover h3 a:hover, #leads .hover a.leesmeer, #leads .hover a.leesmeer:hover {
color:#214CA7;
text-decoration:none;
}
#leads .leadblok a {
color:#214CA7;
}
#leads .leadblok a:hover {
color:#F58220;
}
#leads .leadblok a.leesmeer {
display:block;
text-align:right;
width:210px;
}
.hometekstblok {
background:transparent url(/files/system/images/fade.png) repeat-x scroll 0% 0%;
border:2px solid #FFFFFF;
float:left;
padding:5px;
position:absolute;
}
.hometekstblok a {
color:#214CA7;
}
#productinfo {
float:right;
height:290px;
margin-bottom:0px;
margin-top:28px;
width:247px;
}
#productinfo ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:-12px 0pt 0pt 0px;
padding:0px;
}
#productinfo li {
height:31px;
margin:15px 0pt 0pt;
padding:0pt 0pt 0pt 0px;
width:280px;
}
#productinfo li a {
background:transparent url(/files/system/images/achter-productinfo.jpg) no-repeat scroll left top;
color:#FFFFFF;
display:block;
font-size:16px;
font-weight:bold;
height:24px;
letter-spacing:1px;
padding:7px 0pt 0pt 26px;
text-decoration:none;
width:230px;
}
#productinfo li a:hover, #productinfo li a.active {
background:transparent url(/files/system/images/achter-productinfo.jpg) no-repeat scroll left -31px;
color:#FFFFFF;
}
#bottom {
background:transparent url(/files/system/images/achter-bottom.gif) no-repeat scroll right top;
bottom:0pt;
clear:both;
display:none;
height:20px;
margin-left:auto;
margin-right:auto;
padding-top:5px;
position:absolute;
width:980px;
}
#bottom ul {
margin-top:-15px;
}
#bottom li img {
border:1px solid #B05303;
}
#bottom li {
float:left;
list-style-type:none;
margin-left:-20px;
margin-right:30px;
}
#bottom address {
color:#707070;
margin:0pt 0pt 0pt 450px;
position:absolute;
}
table#financiering {
background:#FFFFFF none repeat scroll 0% 0%;
border:1px solid #000000;
margin-top:13px;
padding:0px;
}
td {
background:#FFFFFF none repeat scroll 0% 0%;
border:1px solid #000000;
padding:5px;
}
.nieuwsitem {
background:#FFF9F3 none repeat scroll 0% 0%;
border:1px solid #FFDCBE;
margin-bottom:25px;
padding:10px;
}
.nieuwsitem a {
color:#214CA7;
}
.nieuwsitem a:hover {
color:#F58220;
text-decoration:underline;
}
.date {
color:#555555;
font-size:11px;
margin-bottom:-10px;
}
.referentie {
background:#FFF9F3 none repeat scroll 0% 0%;
border:1px solid #FFDCBE;
display:block;
margin-bottom:25px;
padding:10px;
width:450px;
}
.referentie p {
line-height:160%;
}
.referentie h2 {
color:#F58220;
margin-bottom:10px;
}
.referentie p.image img {
background:#FFFFFF none repeat scroll 0% 0%;
border:1px solid #FFDCBE;
display:block;
float:right;
font-size:11px;
margin:5px;
padding:5px;
text-align:center;
width:130px;
}
#products {
width:500px;
}
.product {
cursor:pointer;
float:left;
height:240px;
margin-right:10px;
overflow-y:hidden;
text-align:center;
width:150px;
}
#products .hover div {
background:#DCE7FF none repeat scroll 0% 0%;
border:1px solid #A6C3FF;
}
.product img {
width:150px;
}
.product p {
height:18px;
margin-bottom:-2px;
overflow-y:hidden;
}
.product div {
background:#FFF9F3 none repeat scroll 0% 0%;
border:1px solid #FFDCBE;
padding:10px;
text-align:left;
}
.product h2 a {
color:#F58220;
}
#products .hover div h2 a {
color:#214CA7;
}
div.left70 {
display:block;
float:left;
margin-right:10px;
overflow-x:hidden;
width:472px;
}
div.right30 {
overflow-x:hidden;
width:250px;
}
.biglist {
font-size:1.4em;
}
#zekerheden strong {
background:#00A54F none repeat scroll 0% 0%;
color:#FFFFFF;
display:block;
float:left;
font-size:20px;
margin-left:-5px;
margin-right:5px;
padding:5px;
}
#zekerheden h2 {
border-bottom:1px solid #EFEFEF;
clear:both;
color:#000000;
padding-top:10px;
}
#zekerheden p {
padding:5px;

}
.adviserimage {
margin-left:500px;
margin-top:220px;
position:absolute;
}
#knoppen {
margin-top:20px;
}
#knoppen .knop {
display:block;
margin:7px;
}
#knoppen .knop .product-sc-model {
background:#FFFFFF url(/files/system/images/knoppen/Modellen_SC.gif) no-repeat scroll left top;
height:43px;
padding-bottom:10px;
width:241px;
}
#knoppen .knop .product-ib-model {
background:#FFFFFF url(/files/system/images/knoppen/Modellen_IB.gif) no-repeat scroll left top;
height:43px;
padding-bottom:10px;
width:241px;
}
#knoppen .knop .product-ml-model {
background:#FFFFFF url(/files/system/images/knoppen/Modellen_ML.gif) no-repeat scroll left top;
height:43px;
padding-bottom:10px;
width:241px;
}
#knoppen .knop .product-rr-model {
background:#FFFFFF url(/files/system/images/knoppen/Modellen_RR.gif) no-repeat scroll left top;
height:43px;
padding-bottom:10px;
width:241px;
}
#knoppen .knop .product-tl-model {
background:#FFFFFF url(/files/system/images/knoppen/Modellen_TL.gif) no-repeat scroll left top;
height:43px;
padding-bottom:10px;
width:241px;
}
#knoppen .knop .product-advies {
background:#FFFFFF url(/files/system/images/knoppen/Advies.gif) no-repeat scroll left top;
height:43px;
padding-bottom:10px;
width:241px;
}
#knoppen .knop .product-offerte {
background:#FFFFFF url(/files/system/images/knoppen/Offerte.gif) no-repeat scroll left top;
height:43px;
padding-bottom:10px;
width:241px;
}
#knoppen .knop .product-brochure {
background:#FFFFFF url(/files/system/images/knoppen/Brochure.gif) no-repeat scroll left top;
height:43px;
padding-bottom:10px;
width:241px;
}
#knoppen .knop .product-terug {
background:#FFFFFF url(/files/system/images/knoppen/Terug.gif) no-repeat scroll left top;
height:43px;
padding-bottom:10px;
width:241px;
display:none;
}
#knoppen .knop .product-terug-new {
background:#FFFFFF url(/files/system/images/knoppen/Terug.gif) no-repeat scroll left top;
height:43px;
padding-bottom:10px;
width:241px;
}
#knoppen .knop .product-demo {
background:#FFFFFF url(/files/system/images/knoppen/huisjebutton.gif) no-repeat scroll left top;
height:43px;
padding-bottom:10px;
width:241px;
}
#knoppen .knop .commercial{
background:#FFFFFF url(/files/system/images/knoppen/knop-pijl-groot.gif) no-repeat scroll left top;
height:43px;
padding-bottom:10px;
width:241px;
}
#knoppen .knop .product-nieuws{
background:#FFFFFF url(/files/system/images/knoppen/Nieuws.gif) no-repeat scroll left top;
height:43px;
padding-bottom:10px;
width:241px;
}
#knoppen .knop .product-algemeen{
background:#FFFFFF url(/files/system/images/knoppen/Modellen_ALG.gif) no-repeat scroll left top;
height:43px;
padding-bottom:10px;
width:241px;
}
#knoppen .knop h2 a {
color:#000000;
display:block;
font-size:18px;/* aangepast door REJA 26-8-2008 20 naar 18*/
font-weight:bold;
margin-left:0px;
padding-left:50px;
padding-top:12px;/* aangepast door REJA 26-8-2008 8 naar 12*/
}
#knoppen .knop .commercial h2 a {
font-size:15px;
margin-left:0px;
padding-left:50px;
padding-top:12px;
}


.producttitle
{	
	color:#FF4A0B;
	font-size:3.4em;
	font-weight:bold;
	
}


div.productdetail
{
	width: 500px;
	
        margin: -100px -20px;
       
}

.specificaties
{
        font-size:0.8em;
        padding: 0px;
        margin: 0px;
}

div.specificatie
{
        margin-top: 80px;
}

div.specificatie TD
{   
     border-width: 0px 0px 1px 0px;
     border-style: solid;
     border-color: #000000;
     height: 0px;
     padding: 0px;
}

div.productdetail h1
{   
     color:#F58220;
     font-size:3.4em;
     font-weight:bold;
     height: 20px;
     margin: 35px 0px 70px 0px;
     padding-left:0px;
     text-align:center;
     width:470px;
}

/******* bijgevoegd door REJA ******/



/* tbv nieuws inzetjes */
#nieuws_inzet_450_container {
float:left;
}

#nieuws_inzet_450_container .gutter {
padding-left:30px;
}

#nieuws_inzet_450_container .spacer {
float: left;
width: 450px;
height: 15px;
}
.nieuws_inzet_450{
width:450px;
float:left;	
background-image:url(/files/system/images/nieuws_inzet/kader_product_nieuws_top_450.gif);
background-position:top;
background-repeat:no-repeat;
padding-top:5px;
}

.nieuws_inzet_450_gutter {
padding-top:10px;
}

.nieuws_inzet_450_content {
width:450px;
float:left;
background-image:url(/files/system/images/nieuws_inzet/kader_product_nieuws_bottom_450.gif);
background-position:bottom;
background-repeat:no-repeat;
}

.nieuws_inzet_450_content_gutter {
float:left;
padding:10px;	
}

.nieuws_inzet_450_afb {
float:left;
width: 200px;
}
.nieuws_inzet_450_txt {
float: left;
padding-left: 10px;
}

/* einde tbv nieuws inzetjes */


/* door REJA tbv tabellen op info pagina's als huren, financiering*/

.info_table {
	background-color:#D4DEF5;
	border:none;
	}
.info_table td {
	background-color:#fff;
	border:none;
	}
/* einde */

/* tbv product detailpages scootmobielen */
#ProductDetailSpecs {
padding-left: 40px; 
float: left;
}

#ProductDetailSpecs ul {
padding-top:10px;
}

.specs {
float: left;
border: 1px dotted #FF0000;
}

#ProductDetailSpecsC1 {
float: left; 
width: 200px;
}

#ProductDetailSpecsC2 {
float: left; 
width: 250px;
}
/* einde tbv product detailpages scootmobielen */

#ProductDetailVert {
float: left; 
padding-left: 0px;
}
#ProductDetailVert h2{
clear:both;
}

/* tbv product detailpages */
#ProductDetailVert img{
float: left; 
}

#ProductDetailVert .intro{
float: left; 
width: 180px;
margin-bottom: 20px;
}
#ProductDetailVert .gutter{
width:200px;
padding-left: 20px; 
float: left;
}

#ProductDetailVert .specs {
float: left; 
width: 180px; 
/*background-color:#FFFFCC;*/
border: 1px dotted #FF0000;
}

#ProductDetailVert .specs_blanc {
float: left; 
width: 180px; 
}

#ProductDetailVert .inzet{
clear: both;
padding-left:20px;

}

#ProductDetailVert ul {
margin-left: 10px; 
padding-left: 10px;
} 

.specsgutter{
padding:10px;
}

/* start extra div voor shop opzet*/
#ProductDetailVertShop {
float: left; 
padding-left: 20px;
}
#ProductDetailVertShop h2{
clear:both;
}

/* tbv product detailpages */
#ProductDetailVertShop img{
float: left; 
}

#ProductDetailVertShop .intro{
float: left; 
width: 180px;
margin-bottom: 20px;
}
#ProductDetailVertShop .gutter{
width:200px;
padding-left: 20px; 
float: left;
}

#ProductDetailVertShop .specs {
float: left; 
width: 180px; 
/*background-color:#FFFFCC;*/
border: 1px dotted #FF0000;
}

#ProductDetailVertShop .specs_blanc {
float: left; 
width: 180px; 
}

#ProductDetailVertShop .inzet{
clear: both;
padding-left:20px;

}

#ProductDetailVertShop ul {
margin-left: 10px; 
padding-left: 10px;
} 
#ProductDetailVertShop #discount .prijsinfo {
font-weight:bold;

}
#ProductDetailVertShop #discount .prijsinfoKorting {
font-weight:bold;
font-style:italic;
}
#ProductDetailVertShop .note{
clear:both;
width:400px;
}

#ProductDetailVertShop a.bestelknop {
background: url(/files/system/images/voltooien.gif) 3px 6px no-repeat;
	display:block;
	width:90px;
	height:27px;
	padding:4px 0 2px 30px;
	font-size:18px;
        text-decoration:none;
	font-weight: bold;
	color:#519601;
	border:1px solid #519601;
	margin:10px 0 0 180px;
	clear:both;
}
/* einde*/

/*****  tbv werken met achtergrond-afb in productdetail, REJA 28-08-2008 wordt op dit moment niet gebruikt ******/

#ProductDetailVertBG {
float: left; 
padding-left: 0px;
margin-left:0px;
width: 450px
}

#ProductDetailVertBG .intro{
float: right; 
width: 180px;
margin-bottom: 20px;
}
#ProductDetailVertBG .gutter{
width:200px;
padding-left: 0px; 
float: right;
}

#ProductDetailVertBG ul {
margin-left: 10px; 
padding-left: 10px;
} 

#ProductDetailVertBG .specs {
float: right; 
width: 180px; 
/*background-color:#FFFFCC;*/
border: 1px dotted #FF0000;
}


#ProductDetailVertBG .specs_blanc {
float: right; 
width: 180px; 
}

#ProductDetailVertBG .inzet{
clear: both;


}

.specsgutter{
padding:10px;
}


#commercial-wrap{
	margin:30px 0 0 30px;
	width:400px;
	height:auto;
	border:1px solid #519601;
	padding:1px;
}

/*****  einde tbv werken met achtergrond-afb in productdetail ******/


/** extra JOKE layout **/
form {
position:relative;
margin:0;
padding:0;
}

form fieldset{
clear:both;
margin:0;
padding:0;
}


#joke ul li a{
display:inline;
padding:0;
text-decoration:none;
}
#joke ul li a{
background:none;
}
#joke ul li a:hover{
background:none;
}
#joke ul li a.selected {
background:none;
}
#loopimages{
display:block;
clear:both;
}
#loopimages ul {
float:left;
padding:0px;
margin:0px;
margin-bottom: 10px;
}
#loopimages ul li {
width: 140px;
height:140px;
overflow: hidden;
border: 1px solid #f58220;
float:left;
margin:10px 10px 0 0;
}

div#winkelmandsmal-wrap{width:475px;overflow:hidden;height:auto;padding:10px 5px 10px 5px;margin-bottom:20px;}

table#winkelmandsmal{width:470px;margin:0;padding:0;border:none;overflow:hidden;background-color:#fff;}
table#winkelmandsmal td {background-color:#fff;border:none;}
table#winkelmandsmal tr.header td{font-weight:bold;background-color:#D4DEF5;}
table#winkelmandsmal tr.order-item td {background-color:#EFF2F5;}

 
table#winkelmandsmal td.productnaam{width:130px;overflow:hidden;}
table#winkelmandsmal td.prijs{width:auto;overflow:hidden;}
table#winkelmandsmal td.aantal{width:57px;overflow:hidden;}
table#winkelmandsmal td.korting{width:auto;overflow:hidden; text-align:right;}
table#winkelmandsmal td.totaal{width:auto;overflow:hidden; text-align:right;}
table#winkelmandsmal td.verwijder{width:25px;overflow:hidden;padding:0;margin:0;overflow:hidden;}

table#winkelmandsmal td.fillup1{}
table#winkelmandsmal td.fillup-end1{}
table#winkelmandsmal td.fillup2{}
table#winkelmandsmal td.fillup-end2{}

div.winkelmand-right{background:none;width:220px;border:1px solid #f58220;padding:10px;margin:25px 0 10px 5px;}
div.winkelmand-right dl dt{width:120px;display:inline;float:left;text-align:right;margin-right:0px;}
div.winkelmand-right dl dd{width:90px;display:inline;float:left;text-align:right;margin-left:0px;}

div#winkelmandsmal-wrap-formulier{width:448px;overflow:hidden;height:auto;padding:0px 0px 0px 0px;margin-bottom:8px;margin-top:8px;border:none;}
table#winkelmandsmal-formulier{width:438px;margin:0;padding:0;border:none;overflow:hidden;background-color:#fff;}
table#winkelmandsmal-formulier td {background-color:#fff;border:none;}
table#winkelmandsmal-formulier tr.header td{font-weight:bold;background-color:#D4DEF5;}
table#winkelmandsmal-formulier tr.order-item td {background-color:#EFF2F5;}
table#winkelmandsmal-formulier td.productnaam{width:120px;overflow:hidden;}
table#winkelmandsmal-formulier td.prijs{width:auto;overflow:hidden;}
table#winkelmandsmal-formulier td.aantal{width:20px;overflow:hidden;}
table#winkelmandsmal-formulier td.korting{width:auto;overflow:hidden;}
table#winkelmandsmal-formulier td.totaal{width:auto;overflow:hidden;}

table#winkelmandsmal-formulier td.fillup1{}
table#winkelmandsmal-formulier td.fillup-end1{}
table#winkelmandsmal-formulier td.fillup2{}
table#winkelmandsmal-formulier td.fillup-end2{}

#footer {
background:transparent url(/files/system/images/achter-bottom.gif) no-repeat scroll right top;
bottom:0pt;
clear:both;
height:40px;
margin-left:auto;
margin-right:auto;
padding-top:10px;
position:absolute;
width:980px;
}
#footer .dynamic-content a, #footer a:active{
color:#b0b0b0;
}
#footer .dynamic-content{
color:#b0b0b0;
}
#footer .dynamic-content{
color:#b0b0b0;
margin:0pt 0pt 0pt 210px;
position:absolute;
}

#breadcrumbs {
position:absolute;
top:10px;
left:218px;
}
#breadcrumbs ul {
display:inline;
margin:0;
padding: 0;
}
#breadcrumbs ul li {
display:inline;
background:#FFFFFF url(/files/system/images/marker-br.gif) no-repeat scroll 3px 3px;
padding-left:10px;
padding-right:4px;
}
#breadcrumbs ul li a {
text-docoration:none;
}
#breadcrumbs ul li a.hover{
text-docoration:underline;
}

#home-rechts .kolom-mid {
width:260px;
}

/* top-producten stijlen - 2010-06-07 */
.top-producten{}
.top-producten br{clear:both;}
.top-producten img.top-producten-headimg{margin-left:-20px;margin-top:-20px;margin-bottom:15px;display:inline;position:relative;float:left;}
.top-producten p{display:inline;width:auto;float:none;position:relative;line-height:1.3em;}
.top-producten h3{display:block;margin-top:15px;margin-bottom:5px;clear:none;}
.top-producten h3.h3{clear:both;}
.top-producten ul{display:inline-block;width:auto;float:none;position:relative;padding:0px 5px 0px 10px;margin-top:3px;}
.top-producten ul li{list-style-type:none;padding:3px 0 5px 25px;background:url(/files/System/images/voltooien.gif) 0px 4px no-repeat;float:none;position:relative;display:block;clear:both;width:470px;}

.top-producten .knop{padding-left:10px;}
.top-producten .knop div{height: 43px;padding-bottom: 10px;margin:0px 25px 5px 20px;width: 300px;display:inline-block;float:left;}
.top-producten .knop .product-offerte { background: #fff url(http://practicomfort.nl/files/system/images/knoppen/Offerte-lrg.gif) 0px 0px no-repeat; }
.top-producten .knop .product-brochure { background: #fff url(http://practicomfort.nl/files/system/images/knoppen/Brochure-lrg.gif) 0px 0px no-repeat; }
.top-producten .knop a { color:#000000;display:block;font-size:17px;font-weight:700;margin-left:0px;padding-left:50px;padding-top:12px;text-decoration:none;white-space:nowrap;}

.top-producten .top-blokken{position:relative;clear:both;display:inline-block;width:735px;height:inherit;margin-bottom:25px;padding-left:25px;}
.top-producten .top-blokken .kolom-mid{position:relative;display:inline-block;width:340px;padding:5p 5px 5px 0;height:auto;clear:none;overflow:hidden;float:left;}

.top-producten .top-blokken .top-producten-prodimg,
.top-producten .top-blokken .paragraphimage {
	border:1px solid #f58220;
	display: block;
	height: 141px;
	width: 141px;
	margin:7px;
	position:absolute;
}
.top-producten .top-blokken h3{color:#f58220;font-size:1.3em;padding-left:10px;}
.top-producten .top-blokken h4{color:#f58220;font-size:1.1em;margin-top:0;}
.top-producten .top-blokken .rest{position:relative;width:170px;left:165px;overflow:hidden;top:10px;margin:0;padding:0;}
.top-producten .top-blokken .rest ul{padding:0;float:left;clear:both;margin:0px 0px 10px 0px}
.top-producten .top-blokken .rest ul li{width:160px;list-style-type:none;background:none;padding:2px 0 2px 14px;float:left;display:list-item;background:#FFFFFF url(/files/system/images/marker.gif) no-repeat scroll 2px 5px;}
.top-producten .top-blokken .rest span.Title{color:#f58220;font-size:1.6em;clear:both;display:block;line-height:1.7em;padding-bottom:3px;}



/* retyle formulieren 2010/09/29 */
fieldset.restyleform{}

fieldset.restyleform div.sectionheading{
	margin:0 0 0 -5px;padding:6px 0 0 10px;border:0;color:#f58220;font-size:24px;height:37px;float:left;
	background:url(/files/System/images/formulier-sectionheading.gif) left top repeat-x;border-bottom:1px solid #d4def5;
}
fieldset.restyleform div.sectionheading span{color:#214ca7;font-size:12px;float:right;padding:7px 20px 0 0;}

/*belasting blok*/
fieldset.restyleform .belasting{
	background:url(/files/System/images/achtergronden/formulier-belasting-banner.jpg) left top no-repeat;
	width:455px;
	height:81px;
	float:left;
	clear:both;
	margin:0 0 20px 0;
	padding:0;
	border:1px solid #d4def5;
}
fieldset.restyleform .belasting h3{font-size:17px;font-weight:normal;color:#f58220;margin:0;padding:15px 0 0 160px;}
fieldset.restyleform .belasting span{font-size:13px;padding:2px 0 0 160px;display:block;}
fieldset.restyleform .belasting span em{font-weight:bold;font-style:normal;color:#f58220;}

/*belasting blok rechts*/
.kolom-mid .belasting{
	background:url(/files/System/images/achtergronden/belasting-dienst2.jpg) 0px top no-repeat;
	width:260px;
	height:140px;
	float:left;
	clear:both;
	margin:0 0 20px -10px;
	padding:0;
	/*border:1px solid #d4def5;*/
}
.kolom-mid .belasting h3{font-size:17px;font-weight:normal;color:#f58220;margin:0;padding:15px 10px 0 100px;}
.kolom-mid .belasting span{font-size:13px;padding:2px 10px 0 100px;display:block;}
.kolom-mid .belasting span em{font-weight:bold;font-style:normal;color:#f58220;}


/*naw blok*/
fieldset.restyleform .naw,
fieldset.restyleform .vraag{margin:0 0 20px 0;}

fieldset.restyleform label.restyle{width:100px;font-size:1.2em;margin-top:2px;}
fieldset.restyleform label.toevoeging{float:none;display:inline;padding:6px 0 0 25px;line-height:23px;}
fieldset.restyleform input.wide{width:180px;}
fieldset.restyleform input#firstname{width:40px;float:left;margin-right:50px;}
fieldset.restyleform input#streetno{width:40px;float:left;margin-right:10px;}
fieldset.restyleform input#toevoegsel{width:20px;float:right;margin-right:4px;}

fieldset.restyleform .validation-advice {
	background-color: #ffffff;
	color: #ff0000;
	font-weight: lighter;
	margin:3px 0 0 0;
	padding:3px;
	width:auto;
	border:none !important;
}

fieldset.restyleform .naw_rest{border-top:1px solid #d4def5;}
fieldset.restyleform .naw_rest .sectionheading{margin-bottom:5px;}
fieldset.restyleform .naw_rest label.lefttext{width:230px !important; white-space:nowrap;}

.inputbuttons.restyle #btnSend { 
	background: url("/files/system/images/voltooien-restyle.gif") left top no-repeat;
	border:none;
	clear:both;
	color:#fff;
	padding-left:10px;
	outline:none;
	width:120px;
}
fieldset.restyleform span.req-betweensections{color:#214ca7;float:left;font-size:12px;padding:0;margin:-10px 0 10px 0px;text-align:center;width:100%;}

/* taalkeuze aanpassingen styles 2010/10/11 */
#taalkeuze select.talen{width:110px;margin-top:5px;text-align:left;}
#joke span.int-title{color:#fff;font-size:13px;white-space:pre;font-weight:bold;}
#joke ul.int-switch li a span{color:#fff;}

/* taalkeuze aanpassingen styles 2010/11/03 voor toevoeging AT */
#joke ul.int-switch li {margin:3px;}
#joke ul.int-switch {width:190px; margin-left:0px;}

#additional_brochures ul {width: 400px;}
#additional_brochures li{width: 200px;float: left;}
#additional_brochures ul li .validation-advice{position:absolute;top:-21px;right:70px;}

#form-rechts-container {
	width:242px;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 6px;
}
#form-titel-bg-rechts {
	background:url(/Files/System/Images/rechterkolom/titel-bg.jpg);
	width:222px;
	height:24px;
	float:left;
	
	font-size:22px;
	/*color:#f58220;*/
	color:#000;
	padding:10px;
	font-weight:bold;
}
#form-content-bg-rechts {
	background:url(/Files/System/Images/rechterkolom/content-bg.jpg);
	width:222px;
	display:block;
	float:left;
	
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#214ca7;
	padding:10px
}

#form-content-bg-rechts #textfield{
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #A6C3FF;
    font-size: 14px;
    padding: 2px;
	width:150px;
	color:#214ca7;
}

#form-rechts-button { 
	background:url(/Files/System/Images/rechterkolom/cta-button.jpg);
	width:222px;
	height:25px;
	margin:5px 0;
    border: medium none;
    outline: medium none;
	cursor:pointer;
	
	color:#FFF;
	font-size:14px;
	font-weight:bold;

}
#form-rechts-footer {
	background:url(/Files/System/Images/rechterkolom/footer-bg.jpg);
	width:242px;
	height:15px;
	float:left;

}

table.formrechts td {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0px solid #000000;
    padding: 0px;
}

table.formrechts td form input#lastname {
    width: 160px;
}

#form-midden-container {
	width:445px;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 6px;
}
#form-titel-bg-midden {
	background:url(/Files/System/Images/middenkolom/titel-bg.jpg);
	width:440px;
	height:40px;
	float:left;
	
	font-size:30px;
	/*color:#f58220;*/
	color:#F00;
	padding:2px 10px;
	font-weight:bold;
}
#form-titel-bg-midden-zonder-titel {
	background:url(/Files/System/Images/middenkolom/titel-bg-zonder-titel.jpg);
	width:460px;
	height:15px;
	float:left;
	font-size:30px;
	/*color:#f58220;*/
	color:#F00;
	
	font-weight:bold;
}
#form-titel-bg-midden span {
    font-size: 16px;
    position: absolute;
    width: 360px;
	margin:0px 0px 0px 10px;
	
	color:#000;
}
#form-content-bg-midden {
	background:url(/Files/System/Images/middenkolom/content-bg.jpg);
	width:440px;
	display:block;
	float:left;
	
	font:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#214ca7;
	padding:10px
}

#form-content-bg-midden #textfield{
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #A6C3FF;
    font-size: 14px;
    padding: 2px;
	width:150px;
	color:#214ca7;
}

#form-midden-button { 
	background:url(/Files/System/Images/middenkolom/cta-button.jpg);
	width:440px;
	height:25px;
	margin:5px 0;
    border: medium none;
    outline: medium none;
	cursor:pointer;
	
	color:#FFF;
	font-size:14px;
	font-weight:bold;

}
#form-midden-footer {
	background:url(/Files/System/Images/middenkolom/footer-bg.jpg);
	width:460px;
	height:15px;
	float:left;

}

table.formmidden td {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 0px solid #000000;
    padding: 0px;
}

table.formmidden td form input#lastname {
    width: 160px;
}

.kolom-mid ul.formulier  li{
    background: url(/Files/System/Images/voltooien.png) no-repeat scroll left top transparent;
    list-style: none outside none;
    margin-bottom: 10px;
    padding-left: 25px;

}
/* Bel me terug blok */

@font-face {
    font-family: 'MyriadProBoldItalic';
    src: url('/Files/System/fonts/myriadpro-boldit-webfont.eot');
    src: url('/Files/System/fonts/myriadpro-boldit-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Files/System/fonts/myriadpro-boldit-webfont.woff') format('woff'),
         url('/Files/System/fonts/myriadpro-boldit-webfont.ttf') format('truetype'),
         url('/Files/System/fonts/myriadpro-boldit-webfont.svg#MyriadProBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MyriadProBold';
    src: url('/Files/System/fonts/myriadpro-bold-webfont.eot');
    src: url('/Files/System/fonts/myriadpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Files/System/fonts/myriadpro-bold-webfont.woff') format('woff'),
         url('/Files/System/fonts/myriadpro-bold-webfont.ttf') format('truetype'),
         url('/Files/System/fonts/myriadpro-bold-webfont.svg#MyriadProBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

#bel-me-terug {
    margin-right: 28px;
    position: absolute;
    right: 0;
    top: 0;
    width: 246px;
}
#bel-me-terug h2 { font-size:22px;color:#008742; margin:0px 0px 4px 0px; font-family:MyriadProBold, Arial, Helvetica, sans-serif;}
#bel-me-terug span { font-size:14px;color:#008742; text-align:right;margin:9px 0px 0px 0px; display:block; font-family:MyriadProBoldItalic, Arial, Helvetica, sans-serif; float:left; width:246px}
#bel-me-terug input.field {
    background: #f2f9f5;
    border: 1px solid #008742;
    color: #000000;
	float:left;
	width: 145px;
	 height: 19px;
    margin:0px 3px 0px 0px;
    
	
	display:block;


}
#bel-me-terug input.button {
    background: url(/Files/System/Images/terug-bel-btn-bg.jpg) repeat-x;
	border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
	-webkit-border-radius:2px;
	border:0px;
	color:#FFF;
	font-weight:bold;
	text-shadow:0px -1px #c4681a;
	font-family:Arial, Helvetica, sans-serif;


    cursor: pointer;
	font-size:12px;
    display: block;
    height: 23px;
    
    width: 90px;
	float:top-right;
	    margin: 0;
}

#bel-me-terug .validation-advice {
    background-color: #FFFFFF;
    color: red;
    font-weight: lighter;
    margin: 0 0 0;
    padding: 0;
    width: auto;
	border:0px;
	font-size: 11px;
}