html {
 background: #606060 url(/gfx/bg.jpg) repeat-x;
 margin: 0;
 padding: 0;
}

object {
outline:none;
}

div#main a {
color:#ff9e1a;
}

div#main a:hover {
color:#ff9e1a;
text-decoration:none;
}

body {
 position: relative;
 font: 12px/140% verdana;
 color: #606060;
 padding: 0;
 margin: 0 auto;
 width: 960px;
}

h1 {
 color: #606060;
 font-size: 14px;
 font-weight: bold;
 border-left: 5px solid #FE0115;
 padding: 0.2em 0.5em;
 margin: 5px 0;
}

a img {
 border:0;
}

h2{
 color: #606060;
 padding: 10px 0px 0px 15px;
 font-size: 12px;
 font-weight: bold;
}

#header {
 background: url(/gfx/header_bg.png) repeat-x;
 width: 960px;
 height: 105px;
 margin-bottom: 10px;
}

#logo {
 display: block;
 position: absolute;
 width: 84px;
 height: 70px;
 top: 10px;
 left: 20px;
}

#slogan {
 position: absolute;
 display: block;
 width: 367px;
 height: 25px;
 top: 60px;
 left: 240px;
}

/*menu boven in de header*/
#topnav {
 position: absolute;
 top: 0;
 right: 10px;
}

#topnav li {
 display: inline;
}

#topnav li.no-icon a img{
margin-bottom:3px;
}


/* linkse, navigatie en shortcuts */
#sidebar {
 float: left;
 width: 243px;
 margin-right: 10px;
}

#wrap-nav {
 border: 10px solid #BEBEBE;
 background-color: #FFF;
 padding-bottom: 2px;
}

#nav-logo {
 display: block;
 margin: 10px;
}

.shortcuts_small{
height:95px;
border:10px solid #fdb945;
background-color:#ffffff;
margin-top:10px;
background-repeat:no-repeat;
background-position:100% 100%;
}

/* main content */
#content {
 border: 10px solid #fdb945;
 background-color: #FFF;
 font-size: 12px;
 padding: 10px;
}

#main {
 float: left;
 width: 657px;
 border: 10px solid #fdb945;
 padding: 10px 15px;
 background-color: #FFF;
}

/* uitzondering op de home page, geen border/background */
.home #main {
 border: 0;
 padding: 0;
 background: none;
 width: 707px;
}

#bestel-banner {
 width: 707px;
 height: 266px;
 display: block;
}

/* bug shortcuts / home */
.shortcuts_big {
 float: left;
 border: 10px solid #FDB945;
 background-color: #FFF;
 height: 210px;
 width: 328px;
 margin-top: 10px;
 background-repeat: no-repeat;
 background-position: 100% 100%;
}

#shortcuts_big1 {
 margin-right: 11px;
}

.shortcut_tekst {
 color: #606060;
 margin-top: 30px;
 margin-left: 10px;
 width: 290px;
}

.arrow_btn {
 padding-top:5px;
}

/*footer*/
#footer {
 position: relative;
 clear: left;
 background: url(/gfx/ftr_lijn.png) repeat-x;
 font-size: 10px;
 color: #d4d4d4;
 text-align: center;
 top: 10px;
 margin: 0 0 15px 0;
 padding-top: 15px;
}

/* nav */
ul#nav, ul#nav ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
}

div#wrap-nav{
 margin: 0 0 10px 0;
}

ul#nav li {
 border-width: 1px 0px 0px 0px;
 border-style: solid;
 border-color: #EFEFEF;
}

ul#nav a {
 padding:1px 0;
 display: block;
 border-left: 5px #EEE solid;
 padding-left: 15px;
 text-decoration: none;
 color:#606060;
 
}

ul#nav ul a {
 border-left: none;
 padding-left: 35px;
 color: #FFA200;
}

ul#nav .nav-home a {border-left-color: #2FBEF6;}
ul#nav .nav-over-ons a {border-left-color: #FE0115;}
ul#nav .nav-betaalmunten a {border-left-color: #FFE401;}
ul#nav .nav-telbakken a {border-left-color: #26D413;}
ul#nav .nav-garderobe-labels a {border-left-color: #F708AC;} 
ul#nav .nav-damen-kunstoffen a {border-left-color: #F97C28;}
ul#nav .nav-hapee-plasti-pack a {border-left-color: #000000;}

div#wrap-nav ul#nav li:hover{
background-color:#fffdd7;
}

div#wrap-nav ul#nav li:hover li{
background-color:#ffffff;
}

div#wrap-nav ul#nav li li:hover{
background-color:#fffdd7;
}

/*contact*/
#contactform {
 float:left;
}

#contactform fieldset{
width:320px;
border:0px;
}

#contactform input{
width:300px;
height:15px;
border:1px solid #BEBEBE;
}

#contactform textarea{
width:300px;
border:1px solid #BEBEBE;
}

#contactform .submit input{
width:100px;
height:20px;
color:#Fff;
}

#gmaps{
width:300px;
height:300px;
float:left;
margin-right:10px;
}


/* Snelkoppelingen ------------------------ */

.snelkoppeling-klein{
position:relative;
background:no-repeat scroll 100% 100%;
border:10px solid #fdb945;
margin:0 0 10px 0;
padding:10px 10px 30px 10px;
background-color:#ffffff;
min-height:50px;
width:203px;
}

.snelkoppeling-klein div.titel{
color:#606060;
font:bold 13px verdana;
}

.snelkoppeling-klein div.onder-titel{
color:#f4a50a;
font:11px verdana;
}

.snelkoppeling-klein div.pijl{
position:absolute;
bottom:8px;
}

/* forms */

form fieldset {
 border: 1px #EEE solid;
}

.submit {
 text-align: right;
}

td input {
 border: 1px #AAA solid;
 border-top: 1px #AAA solid;
 border-left: 1px #AAA solid;
 border-right: 1px #BBB solid;
 border-bottom: 1px #BBB solid;
 
 padding: 2px;
}

/* single error */
p.error {
 width: 350px;
 background: #FFF3F3 url(/gfx/icons/error.png) no-repeat 10px 10px;
 border-top: 1px #FFAFAF solid;
 border-bottom: 1px #FFAFAF solid;
 padding: 10px 10px 10px 40px;
 margin-bottom: 10px;
}

/* info */

.col-checkbox {
 width: 20px;
}
/* - bestellen ----------------------------------- */

div#bestellen-container{
margin-left:-15px;
}

div.bestellen-voorbeeld{
float:left;
}

div.bestellen-gegevens{
float:left;
margin-left:10px;
width:397px;
}
div.bestellen-gegevens h2, div.bestellen-voorbeeld h2{
padding:5px 0;
}

p.submit{
margin:0px
}

/* - */

h2.bestellen{
padding-left:0px;
}

/* opmaak info table */
/* global */

table.info{
}

table.info th{
text-align:right;
font-weight:normal;
padding:2px 10px 2px 10px;
background-color:#ebebeb;

}

table.info td{
padding:2px 10px 2px 5px;
background-color:#e2e2e2;
color:black;
border-bottom:1px solid #cdcdcd;
}

/* bestellen */

div.bestellen-gegevens table.info{
width:100%;
}

/* staffelkortingen */ 

table#staffelkortingen{

}

table#staffelkortingen td, table#staffelkortingen th{
padding:0px;
background-color:#ffffff;
}

table#staffelkortingen td{
padding:2px 10px 2px 5px;
font-weight:bold;
color:#fdb945;
border-bottom:1px solid #cdcdcd;

}

table#staffelkortingen th{
padding:2px 10px 2px 0;
text-align:left;
vertical-align:bottom;
}

/* opmaak view table */

table#totaal{
text-align:left;
border-spacing:0px;
width:100%;
}

table.view th{
text-align:left;
font-weight:normal;
padding:2px 10px 2px 10px;
background-color:#e2e2e2;
border-bottom:1px solid #cdcdcd;
color:black;
}

table.view td{
padding:8px 10px 8px 10px;
border-bottom:1px solid #bebebe;

}

table.view div.bedrag{
float:right;
}

table.view tr.totaal{
background:url('/gfx/border-dotted.png') repeat-x 0 0%;
}


table.view tr.aanpassing td{
border-bottom:0px;
}

table.view tr.totaal td{
border-bottom:0px;
}

table.view td.totaalbedrag{
font-weight:bold;
color:black;
}

/* table - form- */

#form-bestellen div.links{
width:330px;
float:left;
}

#form-bestellen .akkoord{
background-color:#efefef;
border:1px dotted #c8c8c8;
padding:10px;
}

#form-bestellen .uitleg, #form-winkelwagen .uitleg{
background-color:#efefef;
border:1px dotted #c8c8c8;
padding:10px;
}

.uitleg ul{
padding-left:20px;
}

#form-bestellen div.rechts{
width:200px;
float:left;
}

table.form th{
font-weight:normal;
text-align:left;
padding:2px 5px 2px 5px;
width:100px;
}

table.form th, table.form td{
padding:5px 10px 5px 0px; 
}

table.form tr.verplicht label, label.verplicht{
padding:8px 18px 0 0;
background:url('/gfx/ster-oranje.png') no-repeat 100% 0;
}


table.form{
border-spacing:0px;
}


form#form-bestellen fieldset{
border:0px;
}

form#form-bestellen fieldset legend{
 color: #606060;
 padding: 10px 0px 0px 0px;
 font-size: 12px;
 font-weight: bold;
}

    /* - telbakken ------------------------- */
    
    .telbak{
        vertical-align:top;
        width:152px;
        background-color:#e2e2e2;
        border-left:1px solid #f2f2f2;
        border-right:1px solid #a8a8a8;
        border-top:1px solid #f2f2f2;
        border-bottom:1px solid #a8a8a8;
        margin-right:10px;
        position:relative;
        float:left;
        min-height:280px;
    }
    
    .telbak .telbak-afbeelding {
        padding-top:5px;
        padding-left:5px;
    }
    
    .telbak .telbak-prijs{
        position:absolute;
        display:block;
        padding:5px;
        top:67px;
        right:10px;
        background-color:#ff9600;      
        font-weight:bold;
        color:white;
    }
    
    div#main .telbak a.telbak-info {
        position:absolute;
        display:block;
        padding:2px 5px;
        top:37px;
        right:10px;
        background-color:#ff9600;      
        font-weight:bold;
        color:white;         
    }
    
    .telbak .telbak-uitleg{
        font-size:10px;
        line-height:13px;
    }

    .telbak .telbak-input-aantal{
        
    }

    .telbak .telbak-input-aantal > input{
        border:1px solid #bcbcbc;
        width:100px;
    }
    
    .telbak .telbak-input-aantal > label{
        float:right;
        color:black;
    }
    
    .telbak .telbak-input-deksel > input{
        float:left;
        margin-right:4px;
    }
    
    .telbak .telbak-input-deksel > label{
    float:left;
        color:black;
    }
    
    .telbak p{
    padding-left:5px;
    padding-right:5px;
    margin:8px 0;
    }
    
    .bestellen-opmerkingenveld{
     border: 1px #AAA solid;
     width:92%;
     height:82px;
    }
    
    /*
    div.bestellen-gegevens table.info td, div.bestellen-gegevens table.info th{
    
    }
    
    div.bestellen-gegevens table.info tr{
    border-top:0px;
    }
    
    div.bestellen-gegevens table.info th{
    font-weight:normal;
    }
    
    
    table.info caption {
     text-align: left;
     font-weight: bold;
     margin: 10px 0;
     font-size: 14px;
    }
    
    table.info {
     border-collapse: collapse;
     width: 100%;
    }
    
    table.info th {
     text-align: left;
     width: 200px;
    }
    
    table.info tr {
    /* border-top: 1px #BBB solid;
     border-bottom: 1px #BBB solid;*/
    /* background: #d2d2d2;
     height:20px;
     margin-top:2px;
    }
    
    table.info{
    padding:5px;
    }
    
    table.info th{
     color:rgb(0,0,0);
    }
    
    
    table.info th, table.info td {
    
    padding-right:10px;
    }
    */
	.top_image{
    display: block;
    height: 266px;
    width: 706px;
	background:url("/gfx/bestel_banner.jpg") 0 0 no-repeat;
	}
	
	.top_image:hover{
	background:url("/gfx/damen_over.png") 0 0 no-repeat;
	}
	
	.landing_nieuws{
	float:left;
	width:717px;
	}
	
	.nieuws_block{
	position:relative;
	background:no-repeat scroll 100% 100%;
	border:10px solid #fdb945;
	margin:8px 10px 0 0;
	padding:0px;
	background-color:#ffffff;
	height:80px;
	width:308px;
	float:left;
	padding:10px 10px 0px 10px;
	position:relative;
	}	
	
	.nieuws_block .nieuws_titel{
	display:block;
	color:#606060;
	font-size:13px;
	width:308px;
	overflow:hidden;
	}
	.nieuws_block .nieuws_titel{
	color:#606060;
	font:bold 13px verdana;
	}

	.nieuws_block .nieuws_date{
	display:block;
	color:#606060;
	font:10px verdana;
	}	
	
	.nieuws_block .nieuws_text{
	display:block;
	color:#606060;
	font:11px verdana;
	margin-top:5px;
	height:39px;
	width:258px;
	overflow:hidden;
	}	
	
	.nieuws_block .nieuws_text p{
	margin:0px;
	}
	
	.nieuws_block .leesmeer{
	display:block;
	width:39px;
	height:22px;
	background:url("/gfx/arrow.png") 0 0 no-repeat;
	position:absolute;
	top:65px;
	right:5px;
	}
	
	#nieuws-overzicht .bericht{
	position:relative;
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px solid #FF9E1A;
	float:left;
	width:100%;
	}
	
	#nieuws-overzicht .bericht .heading{
	display:block;
	padding:0px;
	margin:0px 0px 10px 0px;
	text-decoration:none;
	color: #606060;
	font-size: 12px;
	font-weight: bold;	
	width:100%;
	}
	
	#nieuws-overzicht .bericht .heading:hover{
	color:#FF9E1A;
	}
	
	#nieuws-overzicht .bericht .leesmeer{
	display:block;
	float:left;
	width:39px;
	height:22px;
	background:url("/gfx/arrow.png") 0 0 no-repeat;
	margin-top:5px;
/* 	position:absolute;
	top:15px;
	left:200px; */
	}	
	
	#nieuws-overzicht .bericht .leesmeer:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	}
	
	#nieuws-overzicht .bericht a img:hover{
	border:2px solid #FF9E1A !important;
	}
	
	#nieuws-overzicht .bericht .bericht_text{
	margin:0px;
	color:#606060;
	}
	
	#nieuws-overzicht .bericht .ondertitel{
	margin:5px 0px 10px 0px;
	}
	
	#nieuws-overzicht p.ondertitel{
	font-size:10px;
	}
	
	#nieuws-overzicht .terug{
	display:block;
	float:left;
	width:100%;
	}