/* HTML ELEMENTS */
body{
margin:0;
padding:0;
font-family:Tahoma, Helvetica, sans-serif;
font-size:13px;
color: #535353;
behavior: url("/csshover3.htc");
background-color: #F7F7F7;
}

div, a, p, form, input, textarea, label, table, tr, td, h1, h2, h3, img, ul, ol, li, span, iframe {
font-family:Tahoma, Helvetica, Trebuchet MS, sans-serif;
margin:0;
padding:0;
float:left;
}

table{
border:collapse;
}

a{
text-decoration:none;
color:#333333;
}

img{
border:none;
}

textarea.txtbox{
padding:2px;
font-size:13px;
line-height:18px;
border:1px solid #D9D9D9;
}

input.txtbox{
padding:2px;
font-size:14px;
border:1px solid #D9D9D9;
}

select.txtbox{
padding:2px;
border:1px solid #D9D9D9;
}

select.txtbox option{
font-size:14px;
}

input.btn{
width:auto;
height:23px;
padding-top:1px;
padding-left:8px;
padding-right:8px;
padding-bottom:4px;
text-align:center;
font-size:12px;
border:1px solid #BFBFBF;
background-image:url('img/btn_bg.jpg');
background-repeat:repeat-x;
cursor:pointer;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

input.btn:hover{
text-decoration:underline;
}

div.btn{
width:auto;
height:23px;
text-align:center;
font-size:12px;
border:1px solid #BFBFBF;
background-image:url('img/btn_bg.jpg');
background-repeat:repeat-x;
cursor:pointer;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

div.btn p{
width:auto;
height:auto;
padding-top:4px;
padding-left:10px;
padding-right:10px;
padding-bottom:4px;
text-align:center;
font-size:12px;
color:#333333;
}

div.btn:hover p{
text-decoration:underline;
}

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

/* LAYOUT */

#wrapper{
width:1000px;
height:auto;
float:none;
margin:0 auto;
}

#top{
margin-top:10px;
width:1000px;
min-height: 250px;
height: auto;
overflow:hidden;
}

#logo{
width: 200px;
height: 50px;
margin: 0 auto;
margin-top:80px;
float:none;
}


/* Stijl voor de navigatie */

#navigation{
width:90%;
padding-left:10%;
height:40px;
-moz-border-radius-topleft: 8px;
-webkit-border-top-left-radius: 8px;
-moz-border-radius-topright:8px;
-webkit-border-top-right-radius:8px;
}

#navigation div{
width:105px;
height:42px;
padding-left:8px;
padding-right:8px;
text-align:center;
background:transparent;
cursor:pointer;
}

#navigation div:hover p{
color:#333333;
cursor:pointer;
}

#navigation div.active p{
color:#333333;
cursor:pointer;
}

#navigation div a{
width:100%;
height:100%;
text-align:center;
}

#navigation div p{
width:100%;
text-align:center;
height:auto;
color: #C4BCBC;
font-size: 15px;
font-weight: bold;
padding-top:4px;
text-decoration: none;
text-transform: uppercase;
}


#breadcrumb{
width:100%;
height:24px;
border-bottom:1px solid #D5D5D5;
}

#breadcrumb div{
width:auto;
height:24px;
padding-left:7px;
padding-right:7px;
background:transparent;
}

#breadcrumb div p{
width:auto;
height:auto;
font-size:10px;
padding-top:5px;
padding-bottom:5px;
color:black;
}

#breadcrumb div p:hover{
color:#172D82;
text-decoration:underline;
}

#breadcrumb div:hover{
color:#172D82;
}

/* Stijl voor centrale content */

#content{
width:100%;
height:auto;
margin-top: 20px;
min-height:30px;
}

/* Stijl voor de footer */

#footer{
width:100%;
height:auto;
margin-top:25px;
background-image:url('img/footer_fade_bg.jpg');
background-repeat:repeat-x;
margin-bottom:8px;
}

#footer a{
	text-decoration: none;
	float:none;
}
#footer a:hover{
	text-decoration:underline;
}
#footer a img{
	float:none;
}
#social_media{
	width: 120px;
	height: auto;
	margin: 0 auto;
	float:none;
}

#contact{
	width: 180px;
	height: auto;
	margin: 0 auto;
	float:none;
	color: #C4BCBC;
	padding-bottom:30px;
}
#contact a{
	font-size: 10px;
	font-weight: 900;
	font-family: Tahoma, Helvetica;
	color: #C4BCBC;
	text-decoration: none;
	text-transform: uppercase;
}
.social{
	margin: 10px;
	font-family: Tahoma, Trebuchet MS, Arial;
	font-size: 12px;
	color: #535353;
}