@charset "UTF-8";

/* 

Project:	Rimke de Groot
Door:		Yannic van Veen
Versie:		7 april 2009

*/

/* reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* /reset */

body {
	background:url(../images/bg_body.jpg) top left repeat-x #e3e3e3;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	color:#333;
	
}

.wrapper {
	position:relative;
	width:850px;
	height:auto;
	margin:0 auto;
}

.container_left {
	position:relative;
	width:450px;
	height:auto;
	float:left;
}

.box_navigation {
	position:relative;
	width:450px;
	height:auto;
	margin-top:50px;
	background:url(../images/bg_box_navigation.jpg) top left repeat-x #52acca;
}

.hr {
	position:relative;
	width:430px;
	height:1px;
	margin:10px 10px 10px 10px;
	background:url(../images/bg_hr.png) top left repeat-x;
}

.menu {
	padding-bottom:10px;
}

/* Menu Item opmaak */


.menu ul {
	margin: 0; padding: 0;
}

.menu ul li {
	display: inline;
}

.box_slogan {
	position:relative;
	width:450px;
	height:auto;
	margin-top:20px;
	background:url(../images/bg_box_slogan.jpg) top left repeat-x #888;
}

.container_right {
	position:relative;
	width:400px;
	height:auto;
	float:left;
}

.box_content {
	position:relative;
	width:370px;
	height:auto;
	margin-top:50px;
	margin-left:30px;
	background:#fff;
}

.box_content p {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:1px;
	color:#333;
	margin-right:10px;
	margin-left:10px;
	padding-top:5px;
	padding-bottom:10px;
}

.box_content ul {
	margin: 0 0 0 40px;	
}

.box_content li {
	list-style:square;
}

h1.title {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	letter-spacing:1px;
	color:#333;
	margin-right:10px;
	margin-left:10px;
	padding-top:20px;
	padding-bottom:20px;
}

.block1 h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:16px;
	letter-spacing:1px;
	color:#333;
	margin-right:10px;
	margin-left:10px;
	padding-top:10px;
}

h2.title {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	letter-spacing:1px;
	color:#333;
	margin-right:10px;
	margin-left:10px;
	padding-top:0px;
	padding-bottom:10px;
}

.block1 h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	letter-spacing:1px;
	color:#333;
	margin-right:10px;
	margin-left:10px;
	padding-top:0px;
	padding-bottom:10px;
}

.box_navigation h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:30px;
	letter-spacing:1px;
	color:#fff;
	margin:0px 10px 10px 10px;
	padding-top:20px;
}

.box_navigation h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	letter-spacing:1px;
	color:#fff;
	margin:0px 10px 10px 10px;
}

.box_navigation a {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	letter-spacing:1px;
	color:#fff;
	text-decoration:none;
	margin:0px 0px 0px 10px;
}


.box_navigation .second a {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:1px;
	color: #666666;
	text-decoration:none;
	margin:0px 0px 0px 10px;
}

.box_slogan ul li h1 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:30px;
	letter-spacing:1px;
	color:#fff;
	margin:0px 10px 10px 10px;
	padding-top:20px;
}

.box_slogan ul li h2 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:20px;
	letter-spacing:1px;
	color:#fff;
	margin:0px 10px 10px 10px;
	padding-bottom:20px;
}

.box_content img {
	margin-top:10px;
	margin-right:10px;
	margin-bottom:10px;
	margin-left:10px;
}

/* Formulier Opmaak */

label {
	float: left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:1px;
	color:#333;
	margin-left: 10px;
	width: 125px;	
}

input {
	margin-top: 5px;
	margin-bottom: 5px;
}

select {
	margin-top: 5px;
	margin-bottom: 5px;
}

/* Grasgroen Link */

#grasgroen_link {
	position: fixed;
	width: auto;
	height: 25px;
	right: 0px;
	bottom: 0px;
	vertical-align: middle;
}

#grasgroen_link a, #grasgroen_link a:hover, #grasgroen_link a:active {
	font-size: 10px;
	text-decoration: none;
	margin-right: 10px;
	color: #666;
}