/*
	Copyright 		www.verheulcommunicatie.com

	blue				#4191d1
	dark blue			#25386c
	yellow				#c8d228 
	
*/


/* layout ________________________________________________________________________ layout*/

* {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	outline: none;
	scrollbar-arrow-color:#4191d1;
	scrollbar-track-color:#4191d1;
	scrollbar-face-color:#ffffff;
	scrollbar-highlight-color:#4191d1;
	scrollbar-3dlight-color:#4191d1;
	scrollbar-darkshadow-color:#4191d1;
	scrollbar-shadow-color:#4191d1;}

img {
 	border: 0;}
	
.marginr {
	margin: 0 10px 0 0;}
	
p {
	margin: 0 0 18px 0;}	
	
ul {
	padding:0 0 0 15px;
	margin:-16px 0 16px 0;
	list-style-type: disc;}

ol {
	padding:0 0 0 15px;
	margin:-16px 0 16px 0;}
	
body {
	background: url(../images/bg-repeat.gif) #4191d1 repeat-y center;}

#container {
	width:904px;
	margin:0 auto;
	position:relative;
	left: 50%;
	margin-left: -452px; /* half of width */}
	
#left {
	float:left;
	width:527px;
	margin: 0 0 0 93px;}

#right{
	float:left;
	width:284px;}

#bestelnu {
	width:284;
	text-align:center;
	background:url(../images/bestel-nu.gif) no-repeat;
	padding:118px 42px 0 42px;}

.small {
	color:#000000;
	font-size:10px;
	font-weight:normal;}
	
#square-top {
	background:url(../images/square-top.gif) no-repeat;
	width:527px;
	height:15px;}
	
#square-bottom {
	background:url(../images/square-bottom.gif) no-repeat;
	width:527px;
	height:15px;
	margin:0 0 10px 0;}
	
 *html #square-center {
	border-left: solid 1px #4191d1;
	border-right: solid 1px #4191d1;
	width:100%;
	padding: 0 10px;
	margin:-1px 0 0 0;}
	
#square-center {
	border-left: solid 1px #4191d1;
	border-right: solid 1px #4191d1;
	width:505px;
	padding: 0 10px;}

/* heading _______________________________________________________________________ heading*/

H1 { 
	color: #4191d1; 
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 16px 0; }

H2 { 
	color: #4191d1;
	margin:0 0 10px 0;
	font-size: 14px; 
	font-weight: bold; 
	line-height: 17px;}

H3 { 
	color: #c8d228; 
	font-size: 13px; 
	font-weight: bold; 
	line-height: 16px;
	margin: 0 0 16px 0;}

/* links _________________________________________________________________________ links*/

a {
	color: #4191d1;
	text-decoration: none;}

a:hover {
	color:#c8d228;}
	
#menu a {
	width:284px;
	display:block;
	color:#000000;
	text-align:center;
	font-size:14px;
	line-height:43px;
	background:url(../images/bu.gif) no-repeat;}
	
#menu a:hover {
	color:#ffffff;
	background:url(../images/bu-over.gif) no-repeat;}

#menu span {
	width:284px;
	display:block;
	color:#ffffff;
	text-align:center;
	font-size:14px;
	line-height:43px;
	background:url(../images/bu-over.gif) no-repeat;}

a #demofilm {
	width:284px;
	height:129px;
	background:url(../images/demofilm.gif) no-repeat;}

a:hover #demofilm {
	background:url(../images/demofilm-over.gif)}	
	
a #bestelnu {
	font-weight:bold;
	color:#25386c;
	padding:118px 42px 0 42px;
	background: url(../images/bestel-nu.gif) no-repeat;}
	
a:hover #bestelnu {
	color:#c8d228;
	background: url(../images/bestel-nu-over.gif) no-repeat;}

/* borders _______________________________________________________________________ borders*/

.lineall { border: 1px solid #000000 }

.linetop  { border-top: 1px solid #000000 }

.lineright { border-right: 1px solid #000000 }

.linebottom { border-bottom: 1px solid #000000 }

.lineleft { border-left: 1px solid #000000 }

/* form __________________________________________________________________________ form*/

#bestellen input {
	width: 40px;
	margin:0 10px 25px 0;}

.isbn {
	font-size:10px;}
	
#gegevens input {
	width: 20px;}

#gegevens .gegevens {
	width: 150px;}
	
#gegevens .verstuur {
	width: 100px;}

input {
	font: 11px;
	width: 170px;
	color: 7d7d7d;}

textarea {
	color:#7d7d7d;}

.radiobullet {
	width:auto;
	clear:both;
	margin:0 5px 0 0;
	float:left;}	

/* powered by ____________________________________________________________________ powered by*/

#poweredby {
	color: #222222;
	font-size:9px;
	clear:both;
	text-align:center;
	margin:10px 0 5px 0;
	padding-top:10px;}

#poweredby a{
	color: #222222;
	font-size:9px;}

#poweredby a:hover{
	color:#666666;}