/*
	#########################################################
	#														#
	#		CSS Styles by -> Digiblox Interproductions		#
	#			Please visit www.digiblox.nl				#
	#														#
	#########################################################
*/

/* --------------------- MAIN STYLES --------------------- */

body {
	margin:0;
	padding:0;
	font:12px Verdana, Geneva, sans-serif;
	border-top:1px solid #2e87c5;
	background:url(../images/bg_sun.jpg) 0 1px repeat-x}
	
body, a {
	color:#6b6b6b}

a:hover {
	color:#2e87c5}
	
h1 {
	margin:0;
	padding:0;
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	letter-spacing:0.1em;
	font-weight: bolder}

h1.title {
	letter-spacing:normal}

img {
	border:0}


/* -------------------- HEADER STYLES -------------------- */

#header {
	height:250px;
	position:relative;
	margin:0 auto;
	width:1076px}

#logo {
	width:346px;
	height:140px;
	background:url(../images/bezo_logo.png);
	margin-top:50px}

#h_photo {
	width:730px;
	height:250px;
	background:url(../images/bg_photo.png) no-repeat;
	position:absolute;
	right:0;
	top:0}

#h_photo_img {
	margin-top:15px;
	margin-left:15px;
	width:698px;
	height:234px;
	border:1px solid #ebebeb;
	border-bottom:0}
	
#h_photo_title {
	background:#FFF;
	height:36px;
	padding-right:15px;
	line-height:36px;
	text-indent:15px;
	position:absolute;
	top:33px;
	left:15px}


/* -------------------- MENU STYLES -------------------- */

#menu {
	height:70px;
	border-bottom:1px solid #ffcc1a}

#menukit {
	position:relative;
	margin:0 auto;
	width:1076px}

#buttons {
	height:33px;
	width:714px;
	position:absolute;
	right:0;
	top:0}

.button {
	background:#fbfdfe;
	border-bottom:3px solid #2e87c5;
	margin-right:7px;
	float:left}

.button a {
	text-decoration:none;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	letter-spacing:0.1em;
	height:30px;
	line-height:30px;
	padding-left:20px;
	padding-right:20px;
	display:block}

.button a:hover {
	color:#6b6b6b}

.button:hover {
	background:#fcfcf8;
	border-bottom-color:#ffcc1a}

#buttons #red {
	border-bottom:3px solid #C00}

/* -------------------- CONTENT STYLES -------------------- */

#content {
	height:550px;
	background:url(../images/bg_content.jpg) repeat-x}

#contentkit {
	position:relative;
	margin:0 auto;
	width:1076px}

#contentleft {
	float:left;
	width:346px}

#cl_tekst {
	margin-top:53px;
	padding:15px;
	background:url(../images/bg_img_left.png) right top no-repeat;
	min-height:220px;
	text-align:right}

#cl_tekst img.b {
	border:1px solid #bebebe;
	margin-bottom:15px}

#contentright {
	float:left;
	width:730px}

#c_tekst {
	padding:15px}


/* -------------------- ACTIE STYLES -------------------- */

#actiekit {
	clear:both;
	margin-bottom:25px}

.actieblock {
	width:200px;
	margin-right:10px;
	border:1px solid #bbbbbb;
	float:left;
	padding:10px;
	position:relative}

.actieblock a {
	text-decoration:none;
	color:#333}
	
.actieblock a:hover {
	color:#06C}	

#actie {
	background:url(../images/actie.png) no-repeat;
	position:absolute;
	top:-20px;
	right:-10px;
	width:50px;
	height:50px}

/* -------------------- ARTICLE STYLES -------------------- */

.articlekit {
	margin-top:3px}

.articleblock {
	border-top:1px solid #bbbbbb;
	border-bottom:1px solid #bbbbbb;
	margin-bottom:20px;
	padding-bottom:5px;
	position:relative}

.articletitle {
	background:#7ab6df;
	color:#FFF;
	text-transform:uppercase;
	font-weight:bold;
	height:20px;
	line-height:20px;
	text-indent:5px}

.articlecontent {
	padding:5px}
	
.articledatum {
	position:absolute;
	right:0;
	height:20px;
	line-height:20px;
	color:#FFF;
	padding-right:5px}


/* -------------------- FOOTER STYLES -------------------- */

#footer {
	background:#e4e4e4;
	border-top:1px solid #bbbbbb;
	height:85px;
	clear:both}

#footerkit {
	margin:15px auto;
	position:relative;
	width:1076px}
	
#f_menu {
	width:715px;
	position:absolute;
	right:0;
	top:0;
	height:18px;
	line-height:18px}

#copyrights {
	text-indent:15px;
	background:#e4e4e4;
	font-size:10px;
	padding-bottom:2px;
	color:#bababa}

#copyrights a {
	color:#bababa;
	text-decoration:none}

.c_item {
	float:left}

/* --------------------- PRODUCT STYLES ------------------- */

.pro {
	width:175px;
	float:left;
	line-height:18px;
	margin-bottom:20px}

.pro a {
	text-decoration:none;
	background:url(../images/square.png) 1px 4px no-repeat;
	padding-left:14px}

.pro a:hover {
	background:url(../images/square_b.png) 1px 4px no-repeat}


/* --------------------- CONTACT STYLES ------------------- */

.contactblock {
	width:316px;
	clear:both}

.contactitem {
	width:158px;
	float:left}

.contactkit {
	width:454px;
	padding-bottom:30px}

.contactname {
	width:120px;
	float:left}

.contactfield {
	width:334px;
	float:left}

#comment {
	width:700px;
	clear:both}

#locatie {
	margin-top:30px}

#w02,#w03 {
	display:none}
	
	
/* --------------------- PHOTO STYLES ------------------- */
	
.photokit {
	margin-top:15px}

.photokit a {
	margin-right:5px}

.photokit img {
	border:1px solid #666;
	padding:1px}


/* --------------------- FORM STYLES ------------------- */

input, textarea {
	width:250px;
	height:18px;
	line-height:18px;
	font:11px Arial, Helvetica, sans-serif;
	border:1px solid #ffcc1a;
	color:#7f7f7f;
	background-color:transparent;
	padding-left:2px}

textarea {
	height:140px;
	width:330px;
	margin-bottom:10px}

label {
	cursor:pointer}

input[type="radio"] {
	width:inherit;
	height:inherit;
	vertical-align:text-bottom;
	border:0}

input[type="submit"] {
	margin-bottom:20px;
	height:22px;
	cursor:pointer}

input.small {
	width:100px}

.fout {
	border:1px solid #CC0000}
	
.fouten {
	color:#CC0000;
	line-height:18px;
	margin-bottom:15px}

.fouten div {
	background:url(../images/delete.gif) 0 3px no-repeat;
	padding-left:13px}

#finish {
	margin-bottom:15px;
	font-weight:bold;
	padding-left:15px;
	background:url(../images/ok.gif) 0 1px no-repeat;
	color:#62bc46}


/* -------------------- PRINT STYLES -------------------- */

@media print
{
	body {
		color: #000000;
		background-color:#FFFFFF
	}
}