@charset "UTF-8";
/* CSS Document */

/*start - @fontface */

@font-face {
	font-family: 'VAGRounded-BoldRegular';
	src: url('fonts/vagrounded-bold-webfont.eot');
	src: local('☺'), url('fonts/vagrounded-bold-webfont.woff') format('woff'), url('fonts/vagrounded-bold-webfont.ttf') format('truetype'), url('fonts/vagrounded-bold-webfont.svg#webfontg3FTKtUY') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*einde - @fontface */


/*start - CSS basis*/

* {
	margin:0;
	padding:0;
	font-size: 100%; 
}
:focus {
	outline: 0;
}

/* Je moet alle marges naar 0 verklaren, gebruik padding voor de onderdelen in de hoofdopzet. Gebruik geen verticale marges (boven- en onderkant) om afstand toe te voegen , anders worden die marges toegevoegd aan de totale hoogte en uw voettekst wordt een beetje meer naar beneden geduwd, waardoor er verticale schuifbalken in de browser verschijnen */

html, body {height: 100%;}

/*start - achtergrond*/
html{
	background-color: #81a5cc;
	background-image: url(images/background_spacer.gif);
	background-repeat: repeat-x;
	background-position: top;
}

body {
	margin: 0;
	padding: 0;
	background-color: transparant;
	background-image: url(images/background_shine.png);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 12px;
}
/*einde - achtergrond*/

img{
	-ms-interpolation-mode:bicubic; /* verbeter de kwaliteit resized images in IE6/7/8 */
}
img.button{
	border: none;
}

/*start - siteopbouw */
#wrap {
	min-height: 100%;
	width: 960px;
	margin: 0 auto;
}

#main {
	overflow:auto;
	padding-bottom: 250px; /* deze waarde moet hetzelfde zijn als de hoogte / height van de footer */
	/*optisch effect toegevoegd waardoor content_footer over footer gaat met 50px */
}

#header {
	width: 960px;
	height: 200px;
	background-image: url(images/header.png);
	background-repeat: no-repeat;
}
#header_tittle{
	float: right;
	padding: 105px 110px 0 0;
}

#content{
	width: 960px;
	background-image: url(images/content_background.png);
	background-repeat: repeat-y;
}

/*start - content opmaak in kolommen */

#kolom_01{
	width: 200px;
	padding: 0px 0px 0px 0px;
	float: left;
}

#kolom_02{
	width: 460px;
	padding: 20px 50px 0px 50px;
	float: left;
}

#kolom_03{
	width: 200px;
	float: left;
}

#mediabox{
	padding: 10px 0px;
}
#mediabox_right{
	float: right;
	padding: 0px 0px 10px 10px;
}
#mediabox_left{
	float: left;
	padding: 0px 10px 10px 0px;
}
/*einde - content opmaak in kolommen */

/*start - navigatie opmaak */
#nav_top{
	height: 15px;
	background-image: url(images/nav_top.png);
	background-repeat: no-repeat;
}
#nav_content{
	background-color: #f1b700;
}

#nav_content ul{
	list-style: none;
	padding-top: 10px;
	text-align: right;
}
#nav_content li {
	text-decoration: none;
	/*height: 25px;*/
	padding-bottom: 10px;
	font-size: 20px;
	padding-right: 15px;
}
#nav_content li a{
	font-family: 'VAGRounded-BoldRegular', "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FFF;
	font-weight: normal;
}
#nav_content li a:hover{
	color: #0062A1;
}

#nav_content ul li ul{
	list-style: none;
	text-align: right;
	margin-right:-20px;
}
#nav_content ul li ul li{
	text-decoration: none;
	height: 15px;
	font-size: 14px;
	padding-right: 20px;
}
#nav_content ul li ul li a{
	text-decoration: none;
	color: #0062A1;
}
#nav_content ul li ul li a:hover{
	color: #FFF;
}

#nav_content .menu-current a{
	color: #0062A1;
}
#nav_content .menu-current{
	background: url(images/nav-active.png) no-repeat top right;
}

#nav_footer{
	height: 15px;
	background-image: url(images/nav_footer.png);
	background-repeat:no-repeat;
}
/* einde - navigatie opmaak */

/* start - aanbiedingen*/
#aanbieding_kop{
	margin-top: -50px;
}
#aanbieding{
	padding-top: 20px;
}

#aanbieding_top{
	height: 15px;
	background-image: url(images/aanbieding_top.png);
	background-repeat: no-repeat;
}
#aanbieding_content{
	background-color: #548ebd;
	padding: 0 15px;
}
#aanbieding_footer{
	height: 15px;
	background-image: url(images/aanbieding_footer.png);
	background-repeat:no-repeat;
}

/* einde - aanbiedingen*/


#content_footer{
	width: 960px;
	height: 60px;
	background-image: url(images/content_footer.png);
	background-repeat: no-repeat;
	clear: both;
}

#footer {
	position: relative;
	margin-top: -300px; /* negatieve waarde van de hoogte / height footer */
	height: 300px;
	clear:both;
	background-image: url(images/footer-background.png);
	background-position: bottom center;
}
#footer_content{
	width: 960px;
	margin: 0 auto;
	padding: 50px 0 0 0;
}

#clear{
	clear: both;
} 

/* start - tekst opmaak */
h1{
	font-family: 'VAGRounded-BoldRegular', "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #F1B700;
	font-weight: normal;
}
h2{
	font-family: 'VAGRounded-BoldRegular', "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #0062A1;
	font-weight: normal;
}
h3{
	font-family: 'VAGRounded-BoldRegular', "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
}

a:link {
	color: #0062A1;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #0062A1;
}
a:hover {
	text-decoration: underline;
	color: #f5c200;
}
a:active {
	text-decoration: none;
	color: #f5c200;
}

/* einde - tekst opmaak */
/*start - tabel opmaak*/
tr.odd td {
background:#f7fbff
}
tr.odd .column1 {
background:#f4f9fe;
}
.column1 {
background:#f9fcfe;
}
/*einde - tabel opmaak*/

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}