/************************** general classes **************************/
* {
	margin:0;
	padding:0;
	}
body {
	font-family:"Verdana", "Tahoma", "Arial";
	background:#27343C top right no-repeat;
	font-size:62.5%; /* maakt van browser medium font 16px -> 10px */
	}
h1 {
	font-family:"Verdana", "Tahoma", "Arial";
	}
h2 {
	font-family:"Verdana", "Tahoma", "Arial";
	color:#000000;
	font-size: 1.8em;
	font-weight:bold;
	padding-bottom:14px;
	}
h3 {
	font-family:"Verdana", "Tahoma", "Arial";
	color:#000000;
	font-size: 1.2em;
	font-weight:bold;
	}
p {
	font-family:"Verdana", "Tahoma", "Arial";
	font-size:1.2em;
	line-height:160%;
	color:#000000;
	margin-top:0;
	margin-bottom:0;
	}
a:link {color: #648AA1; text-decoration: underline;} /* let op: vaste volgorde van a:pseudocclasses */
a:visited {color:#701C7B; text-decoration:underline;}
a:hover {color: #F79403; text-decoration:underline;}
a:active {color: #648AA1; text-decoration:underline;}
img {
	border-style:none;
	}
table {
	font-size:1em;
	}

/************************** id's **************************/
#wrapper {
	margin:0 auto;
	width:970px;
	overflow:hidden; /* trick van Dennis */
	}
#top {
	padding-top:30px;
	padding-bottom:16px;
	}
#slogan {
	padding-top:26px; /* zet tekst op halve hoogte img */
	text-align:left;
	}
#slogan h1 {
	font-size:1.1em;
	color:#F1E98B;
	}
#content {
	background:url(layout/top_right_corner.jpg) no-repeat top right #F5F5F5;
	float:left;
	width:760px;
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
	}
#bottom {
	background:url(layout/bottom.jpg) no-repeat top #27343C;
	width:800px;
	padding-top:20px;
	padding-bottom:5px;
	margin-left:-20px;
	margin-right:-20px;
	}
#skyscraper {
	float:left;
	margin-left:30px;
	width:120px;
	}
#bottom p {
	font-size:1.0em;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	color:#999999;
	}
#bottom a:link {color:#999999; text-decoration: underline;}
#bottom a:visited {color:#999999; text-decoration: underline;}
#bottom a:hover {color:#F79403; text-decoration: underline;}
#bottom a:active {color:#999999; text-decoration: underline;}

/************************** classes **************************/
.hidden {display: none;} /* voor zichtbare teksten als CSS uit staat */
.highlight {font-weight:bold;} /* om belangrijke woorden aan te geven */

/************************** containers **************************/
.clear {clear:both; margin-top:0; margin-bottom:0;} /* om floating boxen op nieuwe regel te krijgen */

.box_1_4 {background:url(layout/bg_bottom_1_4.jpg) bottom no-repeat #FFFFFF; margin-bottom:25px; width:173px;}
.box_1_4_margin {background:url(layout/bg_bottom_1_4.jpg) bottom no-repeat #FFFFFF; margin-right:20px; margin-bottom:25px; width:173px;}
.box_1_2 {background:url(layout/bg_bottom_1_2.jpg) bottom no-repeat #FFFFFF; float:left; margin-bottom:25px; width:368px;}
.box_3_4 {background:url(layout/bg_bottom_3_4.jpg) bottom no-repeat #FFFFFF; float:left; margin-bottom:25px; width:563px;}

.box_1_4 h3, .box_1_4_margin h3, .box_1_2 h3, .box_3_4 h3 {
	background-position:top;
	background-repeat:no-repeat;
	height:27px;
	line-height:2.3em;
	color:#FFFFFF;
	font-size: 1.2em;
	font-weight:bold;
	padding-top:0px;
	padding-left:10px;
	padding-bottom:0px;
	}
.box_1_4 p, .box_1_4_margin p, .box_1_2 p, .box_3_4 p {
	font-size:1.1em;
	line-height:150%;
	}
.boxcontent {
	border-left:1px solid #D4D4D4;
	border-right:1px solid #D4D4D4;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:6px; /* voor border aan laten sluiten bij bottom */
	}
.boxcontent ul {
	padding-left:20px;
	}
.boxcontent li {
	padding-left:2px;
	list-style-type:square;
	}
.team {float:left; width:33%; text-align:center;}
.team img {padding:10px; border:1px solid #648AA1;}
.team p {font-size:1.1em; line-height:150%; border:none;}
.quote {text-align:left; font-size:1.1em; line-height:150%; padding-left:20px; padding-right:20px; padding-bottom:10px;}

.tip {
	background-color:#F5F5F5;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	margin-top:0px;
	margin-bottom:8px;
}
.tip:hover {
	background-color:#E0E0E0;
	}
.tip_img {padding:10px; border:1px solid #648AA1; margin-right:10px; margin-bottom:4px;}

.buttonsmal {
	border: 0;
	width: 74px;
	height: 22px;
	background: url(layout/buttonsmal.gif) no-repeat;
	color: #fff;
	text-align: center;
	font-size: 1.1em;
}
.buttonbreed {
	border: 0;
	width: 148px;
	height: 22px;
	background: url(layout/buttonbreed.gif) no-repeat;
	color: #fff;
	text-align: center;
	font-size: 1.1em;
	}
.formtable {
	width:500px;
	}
.formtable select {
	width:230px;
	font-size: 1.1em;
	}
.formtable textarea {
	width:100%;
	font-size: 1.1em;
	}