/* CSS door Norbert de Langen van Mediaconnexion BV */
/* Copyright 2007 | All rights reserved */

* { padding: 0; margin: 0; }

html, body {
	height: 100%; 
	font: 11px "Verdana", Arial, sans-serif;
	color : #000;
	background : #fafafa;
	text-align: center;
	background : #000 url("../images/page_bg.gif") repeat-x;
	line-height:18px;
}


/* GLOBALS */
h1 { height: 28px; color: #fff; font-size: 1.4em; padding: 3px 0 0 3px; }
h2 { font-size: 1.0em; color: #3ec1f2; padding: 0 0 0 8px; }
a { color: #9CDB47; }


/* LAYOUT */
#wrapper { position: relative; width: 100%; margin: 0; text-align: center; min-height: 100%; height: auto !important; height: 100%; }
#header { margin : 0; padding: 0; width: 100%; height: 100px; background : #89888d url("../images/header_bg.gif") repeat-x; }
#flashcontent { float: left; margin: 0; padding: 0; width: 100%; height: 100px;}

#container { width: 1073px; margin: 0 auto; color: #000; text-align: left;}

/* TOP */
#top {	position: relative; height: 26px; padding: 0 0 0 14px; border-top: 1px solid #fff; z-index: 1000;}
#top ul { margin: 0; margin-top: 7px; list-style: none; line-height: 0.9em; }
#top li { float: left; display: inline; display: block; color: #8CC63F; font-size: 11px; }
#top li a { color: #fff; text-decoration: none;	padding: 0 6px 0 6px; font: 1.0em Arial, sans-serif;}
#top li a.end {	color: #fff; text-decoration: none; border: 0;}

/* PAGETIP */
#pagetip {	position: absolute; float: left; margin: 0; padding: 0;  width: 200px; z-index: 1005; height:140px;}

/* LEFT */
#left {	position: relative; clear: both; float: left; margin: 0 0 0 0px; padding: 0;  width: 192px; z-index: 1000;}
#left_bg { position: absolute; left: 0; margin: 0; top: 0; right: 0; width: 134px; height: 100%; background: url("../images/page_bg_left.gif") no-repeat 0 101px; z-index: 1;}

/* MENU */
#menu { margin: 0 4px 16px 16px; padding: 0; width: 170px; }

/* BANNERS */
#banners { margin: 0 4px 0 16px; padding: 0; width: 170px; text-align:center }

/* CONTENT */
#content { position: relative; float: left; width: 760px; }
#content p { }

/* BLOCKS */
.blokje1{ width:250px; height:120px; float:left; margin:0 5px 5px 0; cursor:pointer; background-image:url(../images/blokjebackground-1.gif);
}
.blokje2{ width:250px; height:120px; float:left; margin:0 5px 5px 0; cursor:pointer; background-image:url(../images/blokjebackground-2.gif);
}
.blokje3{ width:250px; height:120px; float:left; margin:0 5px 5px 0; cursor:pointer; background-image:url(../images/blokjebackground-3.gif);
}


/* BOX INTRO */
#intro { position: relative; float: left; width: 660px; height: 156px; margin: 0 0 8px 0; background: #fff url("../images/box_bg_184.gif") repeat-x; padding: 0; overflow: hidden;}
#intro.white { position: relative; float: left; width: 660px; height: 156px; background: #fff; padding: 0; overflow: hidden;}
#intro img { float: left; width: 249px; height: 140px; margin: 8px 0 0px 8px; padding: 0; border: 0;}
#intro h1 { height: 28px; color: #fff; font-size: 1.2em; padding: 0 0 0 8px; margin: 0; line-height: 2em;}
#intro h1 { background: url("../images/boxhead_large_blue.gif") no-repeat; }
#intro h1#blue { background: url("../images/boxhead_large_blue.gif") no-repeat; }
#intro h1#grey { background: url("../images/boxhead_large_grey.gif") no-repeat; }
#intro #text { float: left; width: 389px; height: 146px; padding: 0px; margin: 0px 0px 8px 8px; overflow: hidden; }
#intro #text-left { float: left; width: 389px; height: 146px; padding: 0px; margin: 0px 8px 8px 0px; overflow: hidden; }
#intro p { }

/* BOX 660 BREED */
#box_big { float: left; width: 660px; min-height: 496px; height:auto; background: #fff url("../images/box_bg_400.gif") repeat-x 0 100% fixed; padding: 0; }
* html #box_big {height: 100%; } /* IE FIX */
#box_big h1 { height: 28px; color: #fff; font-size: 1.2em; padding: 0 0 0 8px; margin: 0; line-height: 2em;}
#box_big h1#blue { background: url("../images/boxhead_large_blue.gif") no-repeat; }
#box_big table { margin: 4px 8px 0 8px; }
#box_big ul { float: left; padding-left: 22px; margin:0; list-style: bullet; }
#box_big li { line-height: 1.4em;  }


h1#blue { position: relative; font-size: 1.2em; height: 28px; line-height: 2em; background: url("../images/boxhead_normal_blue.gif") repeat-x; margin: 0; padding: 0 0 0 8px; }
h1#blue_large { position: relative; font-size: 1.2em;  height: 28px; line-height: 2em; background: url("../images/boxhead_large_blue.gif") no-repeat; margin: 0; padding: 0 0 0 8px; }
h1#grey { position: relative; font-size: 1.2em; height: 28px; line-height: 2em; background: url("../images/boxhead_normal_grey.gif") repeat-x; margin: 0; padding: 0 0 0 8px; }
h1#grey_large { position: relative; font-size: 1.2em;  height: 28px; line-height: 2em; background: url("../images/boxhead_large_grey.gif") no-repeat; margin: 0; padding: 0 0 0 8px; }

/* BOX 327 BREED */
#box { position: relative; float: left; height: 496px; width: 100%; overflow:auto; }
#box_small { position: relative; float: left; background: #fff 0 20px; height: 100px; width: 100%;  }
#box h1, #box_small h1 { height: 28px; color: #fff; font-size: 1.2em; padding: 0 0 0 8px; margin: 0; line-height: 2em;}
#box h1#grey, #box_small h1#grey { background: url("../images/boxhead_bg_grey.gif") repeat-x; }
#box h1#blue, #box_small h1#blue { background: url("../images/boxhead_normal_blue.gif") repeat-x; }
#box.blue { background: #fff url("../images/box_bg_400.gif") repeat-x 0 100%; }
#box #text, #box_small #text { float: left;  padding: 0px; margin: 0px 0px 8px 8px; }
#box ul { float: left; padding-left: 22px; margin:0; list-style: bullet; }
#box li { line-height: 1.4em;  }
#box p, #box_small p {}

/* BOX IMAGE */
#image { position: relative; width: 327px; height: 306px; margin: 0 0 5px 0; overflow:hidden;}

/* BOX FORM */
#form_big { position: relative; float: left; height: 468px; width: 100%; background: url("../images/box_bg_400.gif") repeat-x 0 100%; }
#form { position: relative; float: left; height: 185px; width: 100%; background-image:url(../images/voordelenbackground.gif)  }
#form h1, #form_big h1 { height: 28px; color: #fff; font-size: 1.2em; padding: 0 0 0 8px; margin: 0; line-height: 2em;}
#form h1#blue, #form_big h1#blue { background: url("../images/boxhead_normal_blue.gif") repeat-x; }
#form table, #form_big table { margin: 0 8px 0 8px; }

/* LEFT & RIGHT BOXES */
#col_left  { position: relative; float: left;  width: 427px; margin: 0; padding: 0; background: url("../images/contentbackground.gif") }
#col_right { position: relative; float: right; width: 327px; margin: 0; padding: 0; }

.clear { clear:both; height:1px; overflow:hidden; }

/* RIGHT */
#right { position: relative;  float: right; width: 115px; margin: 0px; z-index: 1000;}
#right_bg { position: absolute; float: right; margin: 0; top: 0; right: 0; width: 115px; height: 100%; background: url("../images/page_bg_right.gif") no-repeat 0 101px; z-index: 1;}
#imagescroller_head { position: relative; float: left; width: 91px; height: 66px; background: url("../images/boxhead_heldenvdmaand.gif") no-repeat; padding: 0; overflow: hidden; z-index: 1000;}
#imagescroller { position: relative; float: left; margin: 0; padding: 0; display:none}

/* FOOTER*/
#footer { float: left; margin: 10px auto; width: 100%; text-align: center; font-size:9px; color:#FFFFFF }
#footer ul { margin: 0 auto; text-align: center; }
#footer li { position: relative; display: inline; }
#footer li a { color: #fff; text-decoration: none;	border-right: 1px solid #fff; padding: 0 6px 0 6px;}
#footer li a.end {	color: #fff; text-decoration: none; border: 0;}


/* ERROR */
div#error_message {	border: 1px solid #ed008c; line-height: 2em; margin: 0;	padding: 3px; color: #ed008c; }

/* GLOBALS */
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.black { color: #000; }
.blue { color: #3ec1f2; }
.green { color: #32d507; }
.grey { color: #68676b; }
.pink { color: #e50083; }
.bold { font-weight: bold; }

.vspacer { float: left; width: 8px; }
.hspacer { clear: both; height: 4px; overflow: hidden;}

label { font: 11px "Verdana", Arial, sans-serif; }
label.big { float: left; width: 140px; display: block; line-height: 1.8em; }
label.small { float: left; width: 60px; display: block; line-height: 1.8em;  }

/* BUTTONS */
.linkbutton { 
	display: block; width: 167; height: 23px; 
	background: url("../images/button_pink.png") no-repeat; 
	color: #fff; 
	text-decoration: none; 
	text-align: center; 
	font-weight: bold; 
	line-height: 1.4em; 
	font-size: 14px;
}
.submitbutton { width: 167; height: 23px; background: url("../images/button_pink.png") no-repeat; }

.titel{
position: relative; 
height: 28px; 
color: #fff; 
font-size: 1.2em; 
padding: 0; 
margin: 0; 
line-height: 2em; 
}
.titel-left{float:left; width:8px; height:28px; background: url("../images/boxhead_bg_grey-left.png"); 
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/boxhead_bg_grey-left.png',sizingMethod='crop');
}
.titel-right{float:right; width:8px; height:28px; background:  url("../images/boxhead_bg_grey-right.png");	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/boxhead_bg_grey-right.png',sizingMethod='crop');
}
.titelin{margin: 0 8px; background: url("../images/boxhead_bg_grey.png") repeat-x;
}
.padded{padding:8px;}
p{margin:0; padding:0;margin-bottom:10px;}
td, p{
	font: 11px "Verdana", Arial, sans-serif;
	color : #000;
	line-height:12px;
	vertical-align:top;
}
.hr{
/* horizontale lijn tussen items */
height:1px;
color:#292929;
background-color:#292929;
margin:0px;			/* IE fix */
padding:0px;		/* IE fix */
line-height:0px;	/* IE fix */
font-size:0px;		/* IE fix */
overflow:hidden; 	/* IE fix */
}
b{
color:#FF000;
}
strong{
color:#FF000;
}
td, p{
	line-height:18px;}