/* -----------------------------

hdcmedia

----------------------------- */

body {
	border: 0;
	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	color: #000;
	background:#fff url('../images/body.gif') top repeat-x;
	font-size: 12px;
	line-height:18px;
	
	}


/*-- lijsten ------------------*/

ul, li {
	list-style: none;
   	background: url('../images/bullet.gif') 0 .4em no-repeat;
	line-height: 1.37em;
	}
	
ul {
	background: none;
	padding-left: 0em;
	margin-left: 0em;
	margin: .34em 0em 1.37em 0em;
	}
 
ul li ul {
	margin: .34em 0; /**/
}
 
li {
	font-size: 95%;
	margin: .34em 0 .34em 0;
	padding-left: .8em;
}

li li, li li li {
	font-size: 100%;
}
		
ol {
	background: none;
	margin: .34em 0em 1.37em 0em;
	padding-left: 1em;
	margin-left: 1em;
}
	
ol li {
	list-style: decimal;
	background: none;
	padding-left:0;
}

ol li ul li{
	list-style: none;
	background: url(bullet.gif) 0 .45em no-repeat;
	padding-left: 1em;
}
	
dl {
	font-size: 85%;
	line-height: 1.37em;
	margin: .34em 0 1.37em 0;
}

dt {
	font-weight: bold;
}

dd {
	padding: 0;
	margin: .34em 0 .34em 0;
}

dl p, dl ul li, dl ol li, dl h1, dl h2, dl h3, dl h4, dl h5, dl h6, li p, dl form label, dl form select {
	font-size: 100%;
}
	
/* any ul after a ul needs a bigger top margin */
ul + ul {
	margin-top: 1.2em;
}

/* any p inside an li needs a smaller top margin */
li > p {
	margin-top: 0.2em;
	}
	
/*-- end global list styles ------------------*/


p {
	font-size: 95%;
	line-height: 1.37em;
	margin: .34em 0em 1.37em 0em;
	/* 15px line-height / 11px font-size / top-margin 25% of the main line height */
}

.boektekst {
	font-size: 11px;
	line-height: 14px;
	height:60px;
		}
		
.boekinfo {
	font-size: 11px;
	line-height: 14px;
	font-weight:bold;
	text-align:right;
	color:#cb3d45;
	padding: 0 10px 0 0;
		}


/*-- global header styles ------------------*/

H1 {
	font-size: 12px;
	margin: 10px 0 0px 0;
	font-weight: bold;
	color: #000;
}

H2 {
	font-size: 95%;
	color: #263b6c;
}


H3 {
	font-size: 12px;
	margin: 1.15em 0em .29em 0em;
	font-weight: bold;
	color: #ff0000;
}

H4 {
	font-size: 22px;
	font-weight: bold;
	color: #ff0000;
}


H6 {
	font-size: 18px;
	margin: 10px 0 20px 0;
	font-weight: bold;
	color: #000;

}


a {
	outline:none;
	color: #ff0000;
	font-weight:bold;
	text-decoration: none;
}

a:link {
    text-decoration: none;
    outline: none;
    color: #a3a3a5;
	font-weight:bold;
}

a:visited {
    color: #a3a3a5;
	font-weight:bold;
	text-decoration: none;
}

a:hover {
	color: #a3a3a5;
	text-decoration: none;
	font-weight:bold;
}

a:active {
    color: #a3a3a5;
	font-weight:bold;
	text-decoration: none;
}


/* prevent borders on images */
a img {
	border: 0;
}

/*-- end global links ------------------*/




/*-- for global use ------------------*/

pre {
	font-family: monospace;
	font-size: 100%;
	}
	
strong, b {
	font-weight: bold;
	}

hr {
	height:1px;
	border:0;
	border-bottom:1px solid #003F50;
}

.right {
	text-align: right;
 }

.clearer {
	clear: both;
}

.hide, .print {
	display:none;
}

.leadin {
	padding: 0;
	margin:.2em 0 .2em 0;
}

.imgleft{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.imgright{
	float:right;
	margin-left: 5px;
	margin-bottom: 5px;
}

.last {
	border-right: none !important;
}

a.arrow {
	padding-left: 10px;
	background: url('--/images/bullet.gif') 0 5px no-repeat;
}



.blue {
	color: #263b6c;
	margin: 0 0 .5em 0;
}

.red {
	color: #cb3d45;
}

.fout {
	color: #ff0000;
       font-weight:bold;
}

ul.no-bullet {
	margin-left: 0;
	padding-left: 0;
}

ul.no-bullet li {
	padding-left: 0;
	background: none;
}

blockquote {	
	padding: 0;
	margin: .34em 0em 1em 0em; /* 1em = 15px */
	color: #000;
	font-size: 116%; /* 15px */
}

/*-- end for global use ------------------*/

/*-- general form stuff ------------------*/

form{
	padding: 0;
	margin: 0;
}

form fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	margin-bottom:.34em;
}

form label, form select {

	font-size: 85%;
}

form p label, form p {
	font-size: 100%;
}

/*-- end general form stuff ------------------*/


/* ------------------------------------------------------------------------
   non-global framework/elements begin
   ------------------------------------------------------------------------ */

/*-- primary elements ------------------*/


#wrapper {
	position: relative;
	padding-left: 27px;
	padding-top: 25px;
	padding-bottom: 0px;
	width: 929px;
	background: transparant;
	background: #08005a;
	}

#wrapper-top {
	background: url('../images/hdcmedia.gif') top left no-repeat;
	
} 

#wrapper-y {
	width: 956px;
	text-align:left;
	margin: 0 auto;
	background: #fff;
	margin-top: 60px;
	
}

#header {
	position: relative;
	width: 902px;
	height: 112px;
}

.boeken #header {
	height: 125px;
}

#wrapper-logo {
	position: absolute;
	top: 35px;
	left: 175px;
	
}

#voorpagina {
	margin:0 0 20px 30px;
}

#boek {
	background: url('../images/boek_bg.gif') top no-repeat;
	height:140px;
	margin:0 0 15px 0;
	}
	
#bestelling {
	background: url('../images/bestel-bg.gif') repeat-y;
	width:500px;
	margin:0 0 20px 0;
	}
	
#bestel {
	margin:0 20px 20px 20px;
	border:none;
	border-bottom:0px solid #000;
	padding:0 0 10px 0;
	}
	
	
#boektab {
	margin:5px 10px 5px 10px;
	overflow:hidden;
	
	}

#header img#boeken-logo{
	position: absolute;
	bottom: 0;
	left: 0;
}



#content-wrapper {
	float: left;
	width: 876px;
	margin-bottom: 15px;
	padding-top: 25px; 
	border: solid 13px #adaeb5;
	border-top: none;
	background: #adaeb5;
}

#content-wrapper {
	background: #adaeb5 url('../images/bestel-content-y.gif') repeat-y;
	
	
}



#twee {
	width: 410px;
	margin: 0 0 0 10px;
	
}

#bestelling_twee {
	width: 260px;
	margin: 0 0 0 10px;
	
}
#rechterkolom {
	float: left;
	padding: 0;
	
}

#main-content {
	float: left;
	width:410px;
	margin-left: 10px;
	
	
}

#bestelling_main-content {
	float: left;
	width:500px;
	margin:0 20px 0 10px;
	
	
}

#footer {
	clear: both;
	color: #fff;
	width: 876px;
	margin: 0 auto;
	padding: 0;
	
}


#boodschappen {
	background-color:#fefefe;
       border: 1px dotted #000;
       width:300px;
       padding:4px;
       margin:0px 0 3px 0;

	
	
}


#klachten {
	background-color:#fefefe;
       width:700px;
       margin:0px 0 3px 60px;

	
	
}


#boekenlijst {
	background-color:#fefefe;
      
       width:300px;
       padding:0px;
       margin:0px 0 0px 0;
	 }

#winkelwagena {
	background-color:#fefefe;
       border: 0px solid #000;
       width:500px;
       padding:0px;
       margin:0px 0 3px 0;
       }

#winkelwagentje {
	   border: 0px solid #000;
       padding:0px;
       margin:-50px 0 3px 770px;
       }
	   
	   
.afrekenen {
	background-color:#fefefe;
       border: 1px solid #adaeb5;
       
       }


.button {
	background-color:#adaeb5;
       border: 1px solid #fefefe;
       color:#fff;
       font-weight:bold;
	  
       
       }
	   
.buttonright {
	background-color:#adaeb5;
       border: 1px solid #fefefe;
       color:#fff;
       font-weight:bold;
	   margin:0px 0 0 300px;
       
       }
.afrekenen {
	background-color:#fefefe;
       border: 1px solid #adaeb5;
       
       
       }

	

/*-- navigation ------------------*/

#mainnav {
	position: absolute;
	top: -44px;
	right: 0;
	margin: 0;
	padding: 0;
	border: solid 1px #fff;
	border-bottom: none;
}

#mainnav li{
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	line-height: 1.1em;
	background: none;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-family: arial;
}

#mainnav li a {
	float: left;
	display: block;
	padding: 9px 11px 9px 11px;
	font-size: 14px;
	color: #fff;
	background: #ff0000  left top repeat-x;
	text-decoration: none;
	text-transform: uppercase;
	font-weight:bold;
}



#mainnav li.home-page a,  #mainnav li.info-page a, #mainnav li.contact-page a,{
	background: #0d3e16 left top repeat-x;
	color: #fff;
}
	
#mainnav li a:hover {
	color: #fff;
	background-color:#ff0000;
}

#mainnav li a:active {
	color: #fff;
	background-color:#ff0000;
}






img.frame {
	background: url('pic-bg.jpg') no-repeat;
	padding: 10px 20px 20px 9px;
}



#boek_bestellen {
	margin:30px 20px 20px 50px;
	border:none;
	border-bottom:1px solid #000;
	padding:0 0 10px 0;
	background-image:url(http://www.hdci.nl/boekensite/images/hdcmedia_adm.gif);
	background-position:top right;
	background-repeat:no-repeat;
       }


#administratie {
	margin:0px 0px 0px 0px;
       font-size: 14px;
font-weight:bold;

		
       }
#intro {
	margin: 30px 50px 30px 10px;
	font-size: 14px;
	line-height:20px;


		
       }
	   
#hoewerkthet {
	margin: 0px 30px 30px 10px;

      }
	  
	  


.bevelmenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 300px;
}

.bevelmenu li a{
display: block;
width: 100%;
padding: 2px 4px;
text-decoration: none;
font-weight: bold;
background-color: #fff;
border-left: 0px solid #08005a;
border-top: 0px solid #08005a;
border-right: 1px solid #08005a;
border-bottom: 1px solid #08005a;
text-decoration:none;
color:#a3a3a5;
font-size:11px;
}

.bevelmenu li a:hover{
color: #fff;
background-color: #08005a;
border-style: outset;
}