/*++++++++++++++++++++++++*/
/*          HTML          */

body {
	margin:0;
	padding:20px 0 0 0;
	color: #000;
	font: 0.75em/1.4em Verdana, Geneva, sans-serif;
	background: #fff;
}

a {font-weight:bold;}
a:active, a:focus {
 outline:0;
}

body.menu1 a {color:#f7941d;}
body.menu2 a {color:#8cc63c;}
body.menu3 a {color:#00adef;}
body.menu4 a {color:#bd1a8d;}
body.menu1 a:hover,body.menu2 a:hover,body.menu3 a:hover,body.menu4 a:hover {color:#333;}
a:active, a:focus, object {outline:none;}

/*          HTML          */
/*++++++++++++++++++++++++*/


/*++++++++++++++++++++++++*/
/*        GENERAL         */

div#wrapper {
	width:650px;
	margin: 0 auto;
	display:block;
	position:relative;
	}
	
h1, h2 {
	margin: 0 28px 5px 28px;
	padding:0;
}

h1 {
	font-size:1.5em;
	margin-bottom:10px;
}

h2 {font-size:1.2em;}
h2 a {
	color: #000!important;
	text-decoration:none;
	background: url(../img/arrow.gif) no-repeat right 6px;
	padding-right:10px;
	}
h2 a:hover {text-decoration:underline;}

p {
	padding: 0 0 10px 0;
	margin:0 28px;
}

hr {
	margin:0 28px 10px 28px;
	padding:0;
	border-bottom: 1px solid #c1c1c1;
	border-top: none;
	border-left:none;
	border-right:none;
	color: #c1c1c1;
	display:block;
	height:1px;
}

/*        GENERAL         */
/*++++++++++++++++++++++++*/

/*++++++++++++++++++++++++*/
/*          MENU          */

ul#menu {
	padding:0;
	margin:0;
	list-style:none;
	width: 650px;
	height:185px;
}

ul#menu li {
	display:block;
	float:left;
}

ul#menu li span {
	display:none;
}

ul#menu li a {
	display:block;
	width: 146px;
	height:150px;
	margin-right: 15px;
	padding:0;
	background-repeat:no-repeat;
}
ul#menu li em a {height: 171px;}

ul#menu li.menu1 a {
	margin-left:10px;
	background-image: url(../img/menu1.gif);	
}
ul#menu li.menu2 a {background-image: url(../img/menu2.gif);}
ul#menu li.menu3 a {background-image: url(../img/menu3.gif);}	
ul#menu li.menu4 a {
	margin-right: 0;
	background-image: url(../img/menu4.gif);
}
ul#menu li.menu1 a:hover {background-image: url(../img/menu1_hover.gif);}
ul#menu li.menu2 a:hover {background-image: url(../img/menu2_hover.gif);}
ul#menu li.menu3 a:hover {background-image: url(../img/menu3_hover.gif);}	
ul#menu li.menu4 a:hover {background-image: url(../img/menu4_hover.gif);}
ul#menu li.menu1 em a {background-image: url(../img/menu1_active.gif);}
ul#menu li.menu2 em a {background-image: url(../img/menu2_active.gif);}
ul#menu li.menu3 em a {background-image: url(../img/menu3_active.gif);}	
ul#menu li.menu4 em a {background-image: url(../img/menu4_active.gif);}
ul#menu li.menu1 em a:hover {background-image: url(../img/menu1_active_hover.gif);}
ul#menu li.menu2 em a:hover {background-image: url(../img/menu2_active_hover.gif);}
ul#menu li.menu3 em a:hover {background-image: url(../img/menu3_active_hover.gif);}	
ul#menu li.menu4 em a:hover {background-image: url(../img/menu4_active_hover.gif);}

/*          MENU          */
/*++++++++++++++++++++++++*/

/*++++++++++++++++++++++++*/
/*        CONTENT         */

div#content {
	background-repeat:no-repeat;
	background-position:left top;
	padding: 24px 0 0 0;
	margin:0 0 20px 0;
}
body.menu1 div#content {background-image: url(../img/top1.gif);}
body.menu2 div#content {background-image: url(../img/top2.gif);}
body.menu3 div#content {background-image: url(../img/top3.gif);}
body.menu4 div#content {background-image: url(../img/top4.gif);}

div#content img {float:right;margin:0 27px 10px 10px;}
div#content div.photo img {float:none;margin:0;}

div.photo {
	margin:-12px 0 -8px 12px; 
	width: 190px;
	}
div.text {
	float:right;
	width:457px;
	}
div#content span p {margin-left:12px;}

body.menu4 p.massage{
	color: #BD1A8D;
}

p.details {
	color:#666;
	font-size:0.9em;
	border-bottom: 1px solid #c1c1c1;
	padding-bottom: 8px;
	margin-bottom:7px;
}

div.tab {
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0 0 0 20px;
	padding: 3px 7px 0 0;
	display:inline-block;
	position:absolute;
	left: 0px;
	top: 166px;
	}
body.menu2 div.tab {background-image: url(../img/tab_right2.gif);}
body.menu3 div.tab {background-image: url(../img/tab_right3.gif);}

div.tab a {
	font-weight:bold;
	padding: 4px 5px 5px 18px;
	text-decoration:none;
	color:#fff;
	background-repeat: no-repeat;
	background-position: left top;
}

body.menu2 div.tab a {background-image: url(../img/tab_left2.gif);}
body.menu3 div.tab a {background-image: url(../img/tab_left3.gif);}

div.tab a:hover {text-decoration:underline;}

div.bottom {
	background-repeat:no-repeat;
	background-position:left top;
	width: 100%;
	height: 19px;
	}
body.menu1 div.bottom {background-image: url(../img/bottom1.gif);}
body.menu2 div.bottom {background-image: url(../img/bottom2.gif);}
body.menu3 div.bottom {background-image: url(../img/bottom3.gif);}
body.menu4 div.bottom {background-image: url(../img/bottom4.gif);}
	
div.page {
	background-repeat:no-repeat;
	background-position:left top;
	padding: 16px 28px 0 28px;
	color: #fff;
	font-weight:bold;
	height:26px;
}
body.menu2 div.page {background-image: url(../img/page2.gif);}
body.menu3 div.page {background-image: url(../img/page3.gif);}

div.page a {
	color:#fff;
	text-decoration:none;
}
div.page a:hover {
	text-decoration:underline;
}
div.page a em {
	font-style:normal;
	text-decoration:underline;
}
span.nr {float: left;}
span.next {
	float:right;
	color: #E8E8E8;
}
span.nr {float: left;}
span.next a {
	background-repeat: no-repeat;
	background-position: right 4px;
	padding-right:9px;
}
body.menu2 span.next a {background-image: url(../img/next2.gif);}
body.menu3 span.next a {background-image: url(../img/next3.gif);}

span.prev {
	float:right;
	color: #E8E8E8;
	background: url(../img/divider.gif) no-repeat right 4px;
	padding-right:10px;
	margin-right:10px;
}
span.prev a {
	background-repeat: no-repeat;
	background-position: left 4px;
	padding-left:9px;
}
body.menu2 span.prev a {background-image: url(../img/prev2.gif);}
body.menu3 span.prev a {background-image: url(../img/prev3.gif);}

/*        CONTENT         */
/*++++++++++++++++++++++++*/

/*++++++++++++++++++++++++*/
/*         FORM           */

form {margin: 10px 0 0 28px;}
label {
	width: 60px;
	display:inline-block;
	float:left;
}
input {
	width: 300px;
	height:1.4em;
	margin:0 0 5px 0;
	padding:0px;
	font: 1em/1.4em Verdana, Geneva, sans-serif;
	border: 1px solid #999;
	}
	
textarea {
	width: 300px;
	padding:0;
	font: 1em/1.4em Verdana, Geneva, sans-serif;
	border: 1px solid #999;	
}

input#annuleer, input#verstuur {
	width: 147px;
	margin-left:4px;
	margin-top: 6px;
	border: 1px solid #999;
	padding:0 0 3px 0;
	height:1.8em;
	font: bold 1em/1.4em Verdana, Geneva, sans-serif;
	background-color:#c1c1c1;
}
input#annuleer {margin-left:60px;}

/*         FORM           */
/*++++++++++++++++++++++++*/

/*++++++++++++++++++++++++*/
/*       CLEARFIX         */

.clearfix:after, div#wrapper:after, div.page:after, div.photo:after, div.text:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac and IE-win */

*html .clearfix, div#wrapper {height: 1%;}

/* End hide from IE-mac */

/*       CLEARFIX         */
/*++++++++++++++++++++++++*/