/*======================================================
		www.releaz.nl - ontwerpbureau releaz
======================================================*/

@import url("reset.css");

/*======================================================
//		Algemeen
======================================================*/

body { 		
	font-family: "Helvetica Neue","HelveticaNeue",Arial,Verdana,sans-serif;
    font-size: 12px;
	background: url(../img/background.png) repeat-x 50% 8px; 
	color: #666;
}

h1 { font-size: 35px; margin: 0; color: #C91F20; }
h3 { font-size: 16px; padding-right: 58px;margin-bottom: 10px; }
h4 { font-size: 12px; font-weight:normal;  line-height:1.1em; color: #fa545b; }
h5	{ font-size: 35px; font-weight: 300; color: #4a596d; float: left; margin: 20px 0 0 30px;}
p { font-size: 12px; line-height: 18px; color: #666; line-height: 18px; }

a { text-decoration: none; color: #FF0000; }
a:hover { text-decoration: none; color: #FF0000; }

.label, label { width: 100px; display: block; float: left; padding: 0; }
input { border: 1px solid #666; margin: 1px 0; }
#container { width: 960px; margin: auto auto; overflow:hidden; }

.red { color: #C91F20; }

/*======================================================
//		Header
======================================================*/
 
#header { background: url(../img/bg_logo.gif) no-repeat 0 1px; height: 150px; width: 100%; }
#logo { float: left; margin: 0 0 30px 28px; overflow: hidden;  }

/*======================================================
//		Navigatie
======================================================*/

#mainmenu { height: 40px; margin-right: 10px; text-align: right; background: #FFF; }
#mainmenu ul { float: right; padding: 0 10px 58px 0; }
#mainmenu ul li { 
	float: left; 
	list-style: none; 
	margin-left: 20px; 
	text-transform: uppercase;
	font-size: 15px;
}

#mainmenu a { 
	color: #0e2648; 
	padding:  11px 12px 15px;
	font-weight: bold;
}
#mainmenu a:hover { 
	text-decoration: none; 
	color: #FFF;
	background: url(../img/bg_nav.gif) no-repeat 50%;
}

#mainmenu a .active { 
	text-decoration: none;
	color: #FFF;
	background: url(../img/bg_nav.gif) no-repeat 50%;
}

/*======================================================
//		Main
======================================================*/
#main { width: 960px; clear: both; }

#breadcrumb { margin: 10px 0 0 30px; padding: 0 0 10px 0; float: left; width: 100%; color: #0E2648; border-bottom: 1px dotted #0E2648;}
#breadcrumb a { color: #0E2648; }

#intro { float: left; width: 630px; margin: 10px 0 20px 28px; overflow: hidden; }
#head { background: url(../img/bg_img.png) no-repeat; padding: 46px 26px 50px 21px; float: right; margin-top: -140px;}
#contact { 
	float: left; 
	overflow: hidden; 
	margin: 15px 10px 20px 19px;
	width: 295px;
}

#contact h2 {
	font-size: 22px;
	font-weight: 300;
	height: 23px;
	padding: 0 10px;
}

ul#blok { 	padding: 0 10px; }
ul#blok li { list-style: none; padding: 0; }

#big_image { margin: 65px 0 0 0; border: 10px solid #FFF; }
#big_image img { width: 600px; }

/*======================================================
//		Footer
======================================================*/

#footer { background: #c91f20; width: 100%; overflow: hidden; height: 100px;}
#footer p { color: #FFF; font-size: 12px; }
#footer a { color: #0e2648; }
#footer_text { width: 900px; text-align: right; margin: auto auto;}