/*
1018px grid system ~ 6 columns ~ margin: 10px

donkergroen= 4c7e00
groen=a1b307
donkergrijs=797979
grijs=c9c9c9


slider= 660x260

/* = Main
--------------------------------------------------------------------------------*/
.main
{
	margin-left: auto;
	margin-right: auto;
	width: 1018px;
	background-color:#FFFFFF;
	background-repeat: repeat-y;
	margin-bottom: 30px;
}
body {
	background: #fff;
	padding: 10px 0 40px;
	color: #333333;
    font-family: Verdana;
    font-size: 12px;
}

a {
	color: #333;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

a.leesverder {
	text-decoration:none;
	display: block;
	font-family:Verdana;
	font-size:12px;
	color:#888;
	padding-top:3px;
}
a:hover.leesverder {
	text-decoration:none;
	display: block;
	font-family:Verdana;
	font-size:12px;
	color:#000;
}


/* --- navigatie top rechts ----------------*/
.navigatietoprechts{
	margin-top:10px;
}
.navigatietoprechts ul{
	float:right;
}
.navigatietoprechts ul li{
	float:left;
	margin-right: 10px;
	font: 12px Verdana;
}
.navigatietoprechts img{
	float:left;
	margin-top: -10px;
}
.navigatietoprechts a{
	text-decoration:none;
}
.navigatietoprechts a:hover{
	text-decoration:underline;
}



.megamenu{
	margin-top:5px;
}
.broodkruimel{
	margin-bottom:16px;
}

.breadcrumb {
	font-family: Verdana;
	font-size: 12px;
	color:#333;
	margin-bottom: 20px;
}


/* --- blog items ----------------*/

.blog-groot, .blog-klein{
	margin-bottom:50px;
}
.blog-groot-content{
	margin-bottom:50px;
}
.blog-groot-content p, .blog-klein-content p{
	font: 12px Verdana;
	padding-right:30px;
	line-height: 150%;
	margin-bottom:10px;
}
.blog-groot-content img{
	margin-bottom:10px;
	margin-top:10px;
	padding:8px; border:1px solid #f1f1f1;
}

.blog-groot-content.blog_banner img{
	margin-bottom:0;
	margin-top:0;
	padding:0px; border:0 none;
}

.blog-groot-content li {
	list-style: decimal;
	margin-left: 20px;
}

.blog-social-datum{
	margin-bottom:50px;
}
.blog-klein img{
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	padding:4px;
	border:1px solid #f1f1f1;
}
.blog-klein h3{
	margin-bottom:15px;
}
.blogdatum{
	font-family:Verdana;
	font-size:12px;
	color:#888;
	float:left;
	margin-left:20px;
	margin-top:6px;
}


/* = fontface: futura --------------------------------*/

@font-face {font-family: 'FuturaLTCondensedBold'; src: url('../fontface/futura-webfont.eot?') format('eot'), url('../fontface/futura-webfont.woff') format('woff'), url('../fontface/futura-webfont.ttf') format('truetype'), url('../fontface/futura-webfont.svg#webfont3mzw2uzt') format('svg');
}

@font-face {font-family: 'FuturaLTCondensed'; src: url('../fontface/futuralt-condensed-webfont.eot?') format('eot'), url('../fontface/futuralt-condensed-webfont.woff') format('woff'),         url('../fontface/futuralt-condensed-webfont.ttf') format('truetype'), url('../fontface/futuralt-condensed-webfont.svg#webfontHZ1ajWVJ') format('svg');
}

/* h1 tot en met h7 zitten ook in ie.css */
h1{
	font-family: 'FuturaLTCondensed';
	font-size: 40px;
	color: #a1b307;
	margin-bottom: 15px;}

h2{
/* 	artikel artiest */
	font-family: Verdana;
	font-size: 16px;
	margin-bottom: 5px;
	color: #444;}

h2 span {
/* 	artikel titel */
	font-family: Verdana;
	font-size: 13px;
	color: #666;}

h3{
/* 	subkoppen */
	font-family: 'FuturaLTCondensed';
	font-size: 30px;
	color: #a1b307;
	margin-bottom:20px;}

h3 a{text-decoration: none; color: #a1b307;}

h3 a:hover{text-decoration: none; color: #4c7e00;}


h4{
	font-family: 'FuturaLTCondensedBold';
	font-size: 30px;
	color: #ff9045;}

h5{
/* 	toggle - itempagina */
	font-family: 'FuturaLTCondensed';
	font-size: 30px;
	color: #a1b307;}

h6{
/* 	toggle - meest bekeken, meest gekocht, meest beluisterd, twitter */
	font-family: 'FuturaLTCondensed';
	font-size: 24px;
	color: #797979;
	margin-left:25px;}

h7{
	font-family: 'FuturaLTCondensedBold';
	font-size: 22px;
	color: #a1b307;}

p{
	font-family: Verdana;
	font-size: 12px;
	color:#333;
	line-height: 150%;}

.strong {font-weight: bold; margin-bottom:15px; font-size:13px;}

/* onzeprijs zit ook in ie.css */

.onzeprijsprijs{
	margin-left:10px;
	font-family: 'FuturaLTCondensedBold';
	font-size: 32px;
	color: #ff9045;
	margin-bottom:20px;}

.onzeprijstekst{
	font-family: 'FuturaLTCondensed';
	font-size: 28px;
	color: #ff9045;
	font-weight: normal;
	margin-bottom:20px;}

.deeldit{
	font-family:Verdana;
	font-size:12px;
	color:#888;
	margin-right:10px;
	margin-top:6px;
	float:left;
}.deelditvia{
	float:left; padding-top:8px;
}

.onzeprijsachtergrond {
	background-color:#f5f5f5; height:200px;
}

.onzeprijsachtergrond ul {
	padding:8px;
}

.winkelwagenklok {
	border-bottom: 1px solid #f1f1f1; margin-bottom:10px;
}

.winkelwagenklok {
	border-bottom: 1px solid #f1f1f1; margin-bottom:10px;
}

.imageitem {
	float:left; margin-right:20px; margin-bottom:15px;
}

ul li {
	font-family: Verdana;
	font-size: 12px;
	color:#333;
/* 	line-height: 150%;	 */
}

.itemnaam {
	font-family:Verdana; font-size: 20px;color: #7a7a7a;
	line-height: 25px;
	display: block;
}
.iteminfolinks {
	float: left;
	width: 140px;
	font-weight: bold;
}



.iteminfolinksli {
	height:20px;
}

.iteminfolinksliorange {
	color: #ff9045;
}

.betaalmet {
	display:block; padding:15px 0 0 15px;
}

.deelmet {
	padding: 15px 0 20px 15px; float:left;
}

.tracklisting {
	margin-top:10px;
}

.productspecificatie {
	margin-bottom:20px;
}
.tips {padding-bottom:4px;}


/* =Grid >> Global
--------------------------------------------------------------------------------*/
.g1, .g2, .g3, .g4, .g5, .g6 {
/* 	display: inline; */
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
}

/* =Grid >> 6 Columns
--------------------------------------------------------------------------------*/

.g1{width:158px;}
.g2{width:326px;}
.g3{width:494px;}



.artikel{
	float:left;
	border:1px solid #eaeaea;}

.artikel h2{
	margin-top:4px;}

.artikel h2 a{
	text-decoration:none;}

.artikel h2 a:hover{
	padding:0px !important;
	color:#497e00;}

.artikel li{
	font-family: Verdana;
	font-size: 12px;
	color: #454545;
	margin-bottom:8px;}

.artikel li ul li{
	float:left;
	border: 1px solid #ccc;
	padding:6px;
	font-weight: bold;
	margin-right:2px;}

.artikel li ul li a{
	text-decoration:none;
	font-weight: bold;}

.artikel li ul li a:hover{
	text-decoration:none;
	padding:10px;
	background-color: black;
	color:#fff;
	font-weight: bold;}

.artikel li.winkelwagen-icon{
	float:left;
	border: 1px solid #999;
	padding:2px;
	margin-right:2px;
	background-color:#4c7e00;}

.artikel li.release{
	float: right;
	padding:8px 10px 0 0;
	font-size:11px;}


.hr { display: block; text-align: right;text-decoration: none; height: 40px; clear: both; position: relative; }
.hr span { font-family: Verdana; font-size:12px; font-weight: bold; color:#333; cursor: pointer;display: block; width: 150px; margin-top: 12px; auto; position: absolute; margin-left: 420px; text-align: center; background: #fff;}

.hr2 { text-decoration: none; clear: both; position: relative; }
.hr2 span { font-family: Verdana; font-size:12px; font-weight: bold; color:#333; cursor: pointer;display: block;}


/*
.hr { background: url(../images/elements/hr.png) 50% 50% no-repeat; text-align: right;text-decoration: none; height: 40px; clear: both; position: relative; }
.hr span { font-family: Verdana; font-size:12px; font-weight: bold; color:#333; cursor: pointer;display: block; width: 150px; margin-top: 12px; auto; position: absolute; margin-left: 420px; text-align: center; background: #fff;}
*/

.g4{width:662px;}
.g5{width:830px;}
.g6{width:998px;}
.g-footer{float:left; width:326px;}

/* =Grid >> 6 Columns - no left margin
--------------------------------------------------------------------------------*/

.ml1{margin-left:178px;}
.ml2{margin-left:346px;}
.ml3{margin-left:514px;}
.ml4{margin-left:682px;}
.ml5{margin-left:850px;}
.ml6{margin-left:1018px;}

.inside{margin-left:0;}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

.footer{
background-color: #fff;
margin-top:5px;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
	content:' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

.floatleft{
	float:left;}


/* rechterkolom */

.kolom-rechts{
	border-left:1px solid #f1f1f1;
}

.link{
	font-family: Verdana;
	font-size:9px;
	color:#7a7a7a;
	margin-left:6px;
	float:left;
}
.click{
	float:left;
}
.kolom-rechts img{
	padding:6px;
	border:1px solid #f1f1f1;
	margin-bottom:5px;
}

.coverlijst-rechts{
	margin-left:12px;
}

.cover-rechts{
	float:left;
	margin-left:8px;
	margin-bottom:10px;
	display:block;
}


/* ---- afbeeldingen ---*/

.px100{
width: 100px;
height: 100px;
margin:0 10px 0 0;
padding:4px;
border:1px solid #f1f1f1;}

/* ---- add this social ---*/

.addthis_toolbox.addthis_pill_combo a {
    float: left;
}
.addthis_toolbox.addthis_pill_combo a.addthis_button_tweet,
.addthis_toolbox.addthis_pill_combo a.addthis_counter {
    margin-top: -2px;
}
.addthis_button_compact .at15t_compact {
    margin-right: 4px;
    float: left;
}

.addthis_toolbox{
	float:left;
}

.addthis_button_facebook,addthis_button_twitter,addthis_button_print,addthis_button_email{
	cursor:pointer;
}

.addthis_16x16_style{padding-top:6px;}

/* -- toggle -- */

.rechts-handle {
	cursor:pointer;
	background:url(../images/elements/acc_expand.png) right 8px no-repeat; }
.rechts-activehandle {
	background-position:right -56px }
.rechts-handle p{
	font: 12px Verdana;
	padding-left:25px;
	line-height: 150%;
	margin-top:50px; }
.links-handle,
.links-handle-open{
	cursor:pointer;
	margin-bottom:20px; padding-left:30px; height:30px;
	background:url(../images/elements/acc_expand.png) left 8px no-repeat; }
.links-activehandle {
	background-position:left -56px; }
.toggle-meestgekocht{
	margin-top:20px;}
.toggle-meestbekeken{
	margin-top:20px;
	border-top: solid 1px #f1f1f1;
	padding-top:20px; }
.toggle-meestbeluisterd{
	margin-top:20px;
	padding-bottom:20px;
	border-bottom: solid 1px #f1f1f1;}
.toggle-p{
	font: 12px Verdana;
	padding-left:25px;
	line-height: 150%;
	margin-top:15px; }

/* -- twitter -- */

.twitter {
	margin-top:20px 0 20px 0; }
.twitter h6{
	margin:20px 0 0 25px;
	padding-bottom:20px; }

/* -- footer -- */

.footer{
	padding-top: 50px;
	padding-bottom: 50px;
	border-top:1px solid #a1b307;
	border-bottom:1px solid #a1b307;
	background-color:#f5f5f5;
	font-family: Verdana;
	font-size:12px;
	font-weight: bold;
	color:#4c7e00;
}

.links, .midden{
	float:left;
	margin-right:160px;
	padding-left:25px;
}

.rechts{
	float:left;
}

.footer ul li a{
	font-family: Verdana;
	font-size:12px;
	font-weight: bold;
	color:#4c7e00;
	text-decoration:none;
	line-height: 180%; }
.footer ul li a:hover{
	font-family: Verdana;
	font-size:12px;
	font-weight: bold;
	color:#000;
	text-decoration:none; }
.footersocial{
	float:left;
	margin-left:20px; }
.footervolg{
	float:left;
	padding-top:10px; }
.footerabonneer{
	float:left;
	padding: 20px 0 20px 0; }
.footer form#form_id ul li{
	font-family: Verdana;
	font-size:12px;
	font-weight: bold;
	color:#333;
	margin-bottom:12px;
}

/* -- easytabs -- */

.block {
	margin: 15px auto 0;
	width: 100%;
	clear:both;
	overflow:hidden;
}
.htabs{
	overflow:hidden;
	margin-left:10px;
	margin-bottom:20px;
}

/* htabs a zit ook in ie.css */
.htabs a{
	font-family: 'FuturaLTCondensed';
	font-size: 26px;
	color: #a1b307;
	text-decoration: none;
	padding-left:15px;
}
.htabs a:hover{
	color: #497e00;
}
.htabs a.select{
	color: #000;
	font-size:26px;
}
.htabs li{
	float:left;
	margin-top:2px;
	padding: 10px 2px 10px 0;
	overflow:hidden;
	width:247px;
	border:solid 1px #e4e8ed;
}
.htabs li.zes{
	float:left;
	margin-top:2px;
	padding: 10px 2px 10px 0;
	overflow:hidden;
	width:162px;
	border:solid 1px #e4e8ed;
}
.htabs li.vier{
	float:left;
	margin-top:2px;
	padding: 10px 2px 10px 0;
	overflow:hidden;
	width:247px;
	border:solid 1px #e4e8ed;
}
.htabs li.twee{
	float:left;
	margin-top:2px;
	padding: 10px 2px 10px 0;
	overflow:hidden;
	width:495px;
	border:solid 1px #e4e8ed;
}
.htabs li.drie{
	float:left;
	margin-top:2px;
	padding: 10px 2px 10px 0;
	overflow:hidden;
	width:330px;
	border:solid 1px #e4e8ed;
}


/* -- tabel top25 -- */

.hor-zebra
{
	font-family: Verdana, Sans-Serif;
	font-size: 12px;
/* 	margin: 5px; */
	width: 98%;
	text-align: left;
	border-collapse: collapse;
}
.hor-zebra th
{
	font-size: 14px;
	font-weight: normal;
	padding: 10px 8px;
	color: #434343;
}
.hor-zebra td
{
	padding: 12px;
	color: #434343;
}
.hor-zebra .odd
{
	background: #f1f1f1;
}
.hor-zebra td:hover {
    cursor: pointer;
}
.hor-zebra tr:hover {
    background-color: #dfdfdf;
}

/* -- twitter widget rechterkolom -- */

#twitter_div {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
/*
	border-radius:5px;
	width: 200px;
*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444;
	line-height: 20px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 25px;
}

/* begin caption styling */

.caption-top, .caption-bottom {
	color: #ffffff;
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	cursor: default;
	border: 0px solid #334143;
	background: #000000;
	text-shadow: 1px 1px 0 #202020;
	padding-top: 2px;
	padding-right: 7px;
	padding-bottom: 12px;
	padding-left: 2px;
}
.caption-top {
   border-width: 0px 0px 8px 0px;
}
.caption-bottom {
	border-width: 8px 0px 0px 0px;
}
.caption a, .caption a {
	border: 0 none;
	text-decoration: none;
	background: #000000;
	padding: 0.3em;
}
.captify {
	padding: 0px;
	border: 1px solid #004B98;
	margin-top: 2px;
	margin-right: 4px;
	margin-bottom: 2px;
	margin-left: 0px;
}
.caption a:hover, .caption a:hover {
	background: #202020;
}
.caption-wrapper {
	float: left;
}
br.c { clear: both; }

/* einde caption styling */#twitter_update_list li {
	padding-bottom: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dotted;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-top: 10px;
	font-size: 12px;
}

#wrapper{
	border:2px solid #fff;
    background-color:#f9f9f9;
    width:900px;
    overflow:hidden;
}
#steps{
    width:900px;
	/*height:320px;*/
    overflow:hidden;
}
.step{
    float:left;
    width:900px;
	/*height:320px;*/
}
#navigation{
    height:45px;
    background-color:#fff;
    border-top:1px solid #fff;
    width: 900px;
}
#navigation ul{
    list-style:none;
	float:left;
	margin-left:0px;
	width: 990px;
}
#navigation ul li{
	float:left;
/*     border-right:1px solid #ccc; */
    border-left:1px solid #ccc;
    position:relative;
	margin:0px 2px;
	width: 150px;
}

/* navigation ul li a zit ook in ie.css */
#navigation ul li a{
    font-family: 'FuturaLTCondensed';
	font-size: 26px;
	color: #a1b307;
    display:block;
    height:45px;
    background-color:#f1f1f1;
    outline:none;
    font-weight:bold;
    text-decoration:none;
    line-height:45px;
    padding:0px 20px;
}
#navigation ul li a:hover,
#navigation ul li.selected a{
    background:#fff;
    color:#666;
/*     text-shadow:1px 1px 1px #fff; */
}
span.checked{
    background:transparent url(../images/checked.png) no-repeat top left;
    position:absolute;
    top:0px;
    left:1px;
    width:20px;
    height:20px;
}
span.error{
    background:transparent url(../images/error.png) no-repeat top left;
    position:absolute;
    top:0px;
    left:1px;
    width:20px;
    height:20px;
}

.formLayout
    {
        margin-top:20px;
        padding: 10px;
        width: 980px;
    }

    .formLayout label
    {
        display: block;
        width: 110px;
        float: left;
        margin-bottom: 10px;
        text-align: left;
        padding-right: 10px;
        font-family:verdana; font-size: 12px; color:#666;
    }

     label.titel, label.artiest {width: 210px}
     label.drager, label.aantal {width: 50px}
     label.levertijd, label.prijs {width: 70px}
     label.actie, label.verwijderartikel {width: 80px}

.sorteer {margin-bottom:20px;}
.sorteer a{
	font-family: Verdana;
	font-size:12px;
	color:#999;
	text-decoration:none;
	margin-right:20px;
	line-height: 180%; }
.sorteer a:hover{
	font-family: Verdana;
	font-size:12px;
	color:#000;
	text-decoration:none; }

.zoekresletters {margin-left:20px; font-family:Verdana; font-size:18px; color:#000; font-weight:normal;}
.zoekrescijfers {margin-left:10px; font-family:Verdana; font-size:12px; color:#000; font-weight:normal;}
.zoekresaantal {margin-left:8px; font-family:Verdana; font-size:12px; font-weight:bold; color:#000;}

.inputzoekoption{
	font-family: Verdana;
	font-size: 13px;
	/*line-height: 400px;*/
	border: 1px solid #cccccc;}

.inputzoektekst{
	padding:0px;
	padding-left: 3px;
	margin-left:8px;
	width: 235px;
	font-family: Verdana;
	font-size: 12px;
	color:#888;
	height:23px;
	border: 3px solid #cccccc;}

.inputzoekbutton{
	padding:3px;
	margin-left:8px;
	width: 50px;
	font-family: Verdana;
	color: #fff;
	background-color: #ff9045;
	font-size: 12px;
	height:23px;
	cursor:pointer;
	border: 1px solid #cccccc;}

.inputnieuwsbrief{
	padding:5px;
	width: 230px;
	font-family: Verdana;
	font-size: 12px;
	color:#888;
	border: 1px solid #cccccc;}

.inputverstuurbutton{
	padding:3px;
	margin-top:10px;
	width: 90px;
	font-family: Verdana;
	color: #fff;
	background-color: #ff9045;
	font-size: 12px;
	height:25px;
	cursor:pointer;
	border: 1px solid #cccccc;}

.inputbuttonloginregistreer{
	padding:3px;
	margin-top:10px;
	width: 200px;
	font-family: Verdana;
	color: #fff;
	background-color: #ff9045;
	font-size: 12px;
	height:25px;
	cursor:pointer;
	border: 0;}

.inputsnelmenu{
	padding:5px;
	width: 320px;
	font-family: Verdana;
	font-size: 13px;
	border: 1px solid #cccccc;}

.inputbig{
	padding:5px;
	width: 400px;
	font-family: Verdana;
	font-size: 13px;
	border: 1px solid #cccccc;}

.inputtextarea{
	padding:5px;
	width: 400px;
	height:260px;
	font-family: Verdana;
	font-size: 13px;
	text-align: left;
	border: 2px solid #cccccc;}

.titleoverzicht {margin-top:20px;}

/* Custom CSS voor winkelwagen */


.wwactive {margin-left:10px;}
.wwinactive {color:#c9c9c9;}
.wwfocus {color:#797979;}
.wwcheck {color:#a1b307;}
.ww1focus {color:#797979;}
.wwraquo {padding:0 27px;}

label.error { background: url('images/elements/alert.png') no-repeat; color: #DE5130; display: block; float: left; font: 10px verdana; height: 16px; margin: 5px 3px 0 10px; padding-left: 21px; padding-top: 2px; }

input.error, select.error, textarea.error { background-color: #FAF4F4; }


.tableheaderwinkelwagen {font-family:Verdana; font-size:12px; color: #000; font-weight:bold; height:30px;}
.tablewinkelwagen{font-family:Verdana; font-size:12px; color: #555; height: 30px;}

input#aantal.inputaantal{
	padding:5px;
	margin:0;
	color: #000;
	font-family: Verdana;
	width: 26px;
	font-size: 12px;
	height:12px;
	border: 1px solid #ccc;}

.inputmiddle{
	padding:5px;
	margin-left:20px;
	color: #000;
	font-family: Verdana;
	width: 150px;
	font-size: 14px;
	height:12px;
	border: 1px solid #ccc;}

:link img { border: none;}

.buttonberekenopnieuw{
	padding:3px;
	margin-top:10px;
	width: 110px;
	font-family: Verdana;
	color: #fff;
	/* 	background-color: #ff9045; */
	background-color: #4c7e00;
	font-size: 11px;
	height:30px;
	cursor:pointer;
	border: 1px solid #fff;}

.buttonverstuur{
	padding:3px;
	margin-top:10px;
/* 	margin-left:3px; */
	width: 193px;
	font-family: Verdana;
	color: #fff;
	background-color: #4c7e00;
	font-size: 12px;
	height:30px;
	cursor:pointer;
	border: 1px solid #fff;}

.buttonxl{
	float:left;
	padding:8px;
	margin-top:50px;
	width: 480px;
	margin-left:10px;
	margin-right:10px;
	font-family: Verdana;
	color: #fff;
	background-color: #4c7e00;
	font-size: 12px;
	height:40px;
	cursor:pointer;
	border: 0;}

.buttonxlwinkelwagen{
	float:left;
	padding:8px;
	width: 480px;
	margin-right:10px;
	font-family: Verdana;
	color: #fff;
	background-color: #4c7e00;
	font-size: 13px;
	height:40px;
	cursor:pointer;
	border: 0;}

.buttonxlrechtswinkelwagen{
	float:right;
	padding:8px;
	width: 480px;
	margin-left:10px;
	margin-right:10px;
	font-family: Verdana;
	color: #fff;
	background-color: #4c7e00;
	font-size: 13px;
	height:40px;
	cursor:pointer;
	border: 0;}

.buttonbeneden{
	padding:8px;
	margin-top:50px;
	width: 990px;
	margin-left:10px;
	font-family: Verdana;
	color: #fff;
	background-color: #4c7e00;
	font-size: 12px;
	height:40px;
	cursor:pointer;
	border: 0;}

.inputbuttonvolgende, .inputbuttonvorige{
	padding:8px;
	margin-top:60px;
	width: 450px;
	font-family: Verdana;
	color: #fff;
	background-color: #ff9045;
	font-size: 12px;
	height:40px;
	cursor:pointer;
	border: 0;}

.inputbuttonvolgende {float: right;}
.inputbuttonvorige {float: left;}

.inputjegegevens,
.inputjegegevensError,
.NewUserForm,
.NewUserFormError {
	padding:5px;
	margin-left:5px;
	margin-bottom:15px;
	width: 180px;
	font-family: Verdana;
	font-size: 12px;
	color: #555;
	border: 1px solid #cccccc;}

.AfleverForm,
.AfleverFormError {
	padding:5px;
	margin-left:15px;
	margin-bottom:10px;
	width: 200px;
	font-family: Verdana;
	font-size: 12px;
	color: #555;
	border: 1px solid #cccccc;}

textarea.AfleverForm,
textarea.AfleverFormError {
	width: 500px;
	height: 100px;
	margin-left: 0;
	margin-top: 5px;
}

select.AfleverForm,
select.AfleverFormError {
	width: 100px;
}

.inputjegegevensleftmargin,
.inputjegegevensleftmarginError{
	padding:5px;
	margin-left:0;
	margin-bottom:15px;
	width: 180px;
	font-family: Verdana;
	font-size: 12px;
	color: #555;
	border: 1px solid #cccccc;}

td.EditUser {
	padding-bottom: 5px;
	padding-left: 15px;
}

td.EditUser.First {
	padding-left: 0;
}

.inputbegeleidendetekst{
	padding:5px;
/* 	margin-left:5px; */
	width: 575px;
	height: 150px;
	font-family: Verdana;
	font-size: 12px;
	color: #555;
	border: 1px solid #cccccc;}

.meestverkochtvan{
	margin-top:20px;
	margin-bottom:20px;
}

	/* general form styling */

	fieldset{
		margin:0;
		padding:0;
		border:none;
		}

	legend{
		font-family: Verdana;
		font-size: 14px;
		color:#333;
		font-weight:bold;
/* 		padding-left:5px; */
		padding-bottom:20px;
		}

	input, textarea{
		font:11px Arial, Helvetica, sans-serif;
		background:#fff;
		}
	textarea{
		overflow:hidden;
		height:50px;
		margin:0;
		}

	/* our comment form */

	#contactForm{
/* 		background:url(bg_form.jpg) no-repeat 0 0; */
		width:182px;
		height:206px;
		}
	#contactForm fieldset{
		padding-top:60px;
		}
	#contactForm p{
/* 		margin:2px 16px; */
		width:150px;
		}
	#contactForm input, #contactForm textarea{
		border:1px solid #d3cf73;
		width:100%;
		}
	#contactForm button{
		border:none;
		background:url(bg_button.gif) no-repeat 0 0;
		width:45px;
		height:25px;
		text-align:left;
		overflow:hidden;
		text-indent:-8000px;
		cursor:pointer;
		margin-top:5px;
		}

	/* text field classes */

	#contactForm .inactive{
		color:#999;
		}
	#contactForm .active{
		color:#000;
		}
	#contactForm .focused{
		color:#000;
		background:#fff;
		}

	#inlogklantemail.inputjegegevens active{
		background-color: #fff;}

hr {color: #f1f1f1; background-color: #f1f1f1; height: 5px; border:0; margin:20px 0;}

/* tabs winkelwagen */

#updatedtabs {
	position: relative;
	width: 100%;
	height: 3em;
	width: 45em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#updatedtabs ul#primary {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: -1px;
	width: 900px; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#updatedtabs ul#primary li  {
	display: inline;
	list-style: none;
}

#updatedtabs ul#primary a,#updatedtabs ul#primary span,#updatedtabs ul#primary a.current {
	width: 210px;
	display: block;
	float: left;
	padding: 4px 0;
	margin: 1px 8px 0 0;
	text-align: center;
	font-family: verdana, sans-serif;
	font-size: 85%;
	text-decoration: none;
	color: #333;
}

#updatedtabs ul#primary span,#updatedtabs ul#primary a.current,#updatedtabs ul#primary a.current:hover {
	border: 1px solid #777;
	border-bottom: none;
	background: #FFF;
	padding-bottom: 6px;
	margin-top: 0;
	font-family: Verdana; font-size: 14px;	color: #f7383c; font-weight:bold;
}

#updatedtabs ul#primary a {
/* 	background: #FFFAE1; */
	border: 1px solid #AAA;
	border-bottom: none;
	font-family: Verdana; font-size: 13px; color: #777;
}

#updatedtabs ul#primary a:hover {
	margin-top: 0;
	border-color: #777;
/* 	background: #FFF7CD; */
	padding-bottom: 5px;
}

#updatedtabs ul#secondary {
	position: absolute;
	margin: 0;
	padding: 0;
	bottom: -1.4em;
	left: 1px;
	width: 50em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#updatedtabs ul#secondary li a,#updatedtabs ul#secondary li span {
	width: auto;
	display: block;
	float: left;
	padding: 0 10px;
	margin: 0;
	text-align: auto;
	border: none;
	border-right: 1px dotted #AAA;
	background: none;
}

#updatedtabs ul#secondary li a {
	color: #06C;
	text-decoration: underline;
}

#updatedtabs ul#secondary li a:hover {
	color: #777;
	background: transparent;
	padding: 0 10px;
	border: none;
	border-right: 1px dotted #AAA;
}

#updatedtabs ul#secondary li a:active {
	color: #000;
	background: transparent;
}

#updatedtabs ul#secondary li:last-child a { border: none; }

#updatedwrapper {border-top: 1px solid #000; clear:both;}

#updatedcontainer {min-height: 300px; padding:30px 0 0 2px;}