/* Created by Kevin Steba ;-) */
/* Last Modifed on 25-08-2007 */

/* start: basis html elements */
html, body, div,
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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	vertical-align: top;
}
a img, :link img, :visited img {border: 0;}
strong{font-weight:bold;}
table {border-collapse: collapse;border-spacing: 0;}
ol, ul {list-style: none;}
q:before, q:after,blockquote:before, blockquote:after {content: "";}

html{height: 100%;}
body{color: #000;background-color: #FFF;text-align: center;height: 100%;font-size: 11px;}
a{color: #029DDD;}
a:hover{color: #D7AF72;}
.clear{clear:both;height:1px;overflow:hidden;}
.color1{color: #00A0DE;}
/* end: basis html elements */

/* masterPage */
table#masterPage{
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	width: 100%;
}
	table#masterPage td#top{	
		border-top: 9px solid #D7AF72;
		text-align: center;
	}
	table#masterPage td#bottom{	
		vertical-align: bottom;
		background: url(../images/front/footer_bg.gif) repeat-x bottom;
		height: 109px;
	}

/* start: container */
div#container{
	width: 945px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
	/* start: header */
	div#container div#header{
		width: 945px;
		margin-left: auto;
		margin-right: auto;
	}
		/* logo */
		div#container div#header img#logo{
			position: absolute;
			top: 15px;
			left: 85px;
		}
		/* start: top_nav */
		div#container div#header div#top_nav{
			position: absolute;
			top: 0px;
			right: 0px;
		}
			div#container div#header div#top_nav ul{
				padding-top: 15px;
				background: url(../images/front/hor_dots.gif) repeat-x bottom;
				height: 25px;
				float: right;
			}
				div#container div#header div#top_nav ul li{
					float: left;
					color: #9E9E9E;
					padding-left: 30px;
					padding-right: 30px;
				}
				div#container div#header div#top_nav ul li.icon{
					padding-left: 5px;
					padding-right: 5px;
					display: none;
				}	
				div#container div#header div#top_nav ul li a{color: #9E9E9E;}
				div#container div#header div#top_nav ul li a:hover{color: #000;}	
				div#container div#header div#top_nav ul li.icon a{
					width: 16px;
					height: 14px;
					display: block;
					background-repeat: no-repeat;
					background-position: 0px 2px;
				}				
				div#container div#header div#top_nav ul li.icon a.de{background-image: url(../images/front/icon_de_nonactive.gif);}
				div#container div#header div#top_nav ul li.icon a.de:hover,
				div#container div#header div#top_nav ul li.icon a.de_active{background-image: url(../images/front/icon_de_active.gif);}
				
				div#container div#header div#top_nav ul li.icon a.es{background-image: url(../images/front/icon_es_nonactive.gif);}
				div#container div#header div#top_nav ul li.icon a.es:hover,
				div#container div#header div#top_nav ul li.icon a.es_active{background-image: url(../images/front/icon_es_active.gif);}
				
				div#container div#header div#top_nav ul li.icon a.en{background-image: url(../images/front/icon_en_nonactive.gif);}
				div#container div#header div#top_nav ul li.icon a.en:hover,
				div#container div#header div#top_nav ul li.icon a.en_active{background-image: url(../images/front/icon_en_active.gif);}
				
				div#container div#header div#top_nav ul li.icon a.nl{background-image: url(../images/front/icon_nl_nonactive.gif);}
				div#container div#header div#top_nav ul li.icon a.nl:hover,
				div#container div#header div#top_nav ul li.icon a.nl_active{background-image: url(../images/front/icon_nl_active.gif);}
				
				div#container div#header div#top_nav ul li a span{
					display: none;
				}
		/* end: top_nav */
		
		/* start: pnav */
		div#container div#header ul#pnav{
			padding-top: 63px;
			padding-left: 300px;
		}
			div#container div#header ul#pnav li{
				float: left;
				padding-left: 30px;
				padding-bottom: 10px;
			}
				div#container div#header ul#pnav li a{
					font-size: 15px;
					text-decoration: none;
					color: #009EDF;
					font-weight: bold;
				}
				div#container div#header ul#pnav li a:hover,
				div#container div#header ul#pnav li.active a{
					color: #D5B177;
				}
				div#container div#header ul#pnav li.active a{
					color: #D5B177;
					font-size: 17px;
				}
		/* end: pnav */
		
		/* start: toppic */
		div#container div#header div#toppic{
			clear: both;
			padding-top: 10px;
		}
		/* end: toppic */
	/* end: header */
	
	/* start: main */
		/* start: breadcrumbs */
		div#container div#main div#breadcrumbs{
			padding: 10px;
			text-align: right;
			color: #9F9F9F;
		}
			div#container div#main div#breadcrumbs span{
				font-weight: bold;
			}
			div#container div#main div#breadcrumbs a{
				color: #9F9F9F;
			}
			div#container div#main div#breadcrumbs a:hover{
				color: #000;
			}
		/* start: breadcrumbs */
		
		div#container div#main h1,
		div#container div#main h2{
			font-size: 15px;
			color: #009EDF;
			font-weight: bold;
			padding-bottom: 15px;
			padding-top: 5px;
		}
		div#container div#main h1.icon_zoeken,
		div#container div#main h2.icon_zoeken{
			padding-left: 60px;
			background: url(../images/front/icon_zoeken.gif) no-repeat 10px 1px;
		}
		div#container div#main p{
			padding-bottom: 15px;
		}
		/* start: sub navigatie */
		div#container div#main #snav{
			width: 180px;
			padding: 15px;
			background: url(../images/front/dots_vert.gif) repeat-y right;
			float: left;
			margin-right: 25px;
			margin-bottom: 15px;
		}
			div#container div#main #snav ul{
				background: url(../images/front/dots_hor.gif) repeat-x top;
			}
				div#container div#main #snav ul li{
					background: url(../images/front/dots_hor.gif) repeat-x bottom;
					padding: 8px 15px;
				}
					div#container div#main #snav ul li a{
						color: #0198DF;
						text-decoration: none;
					}
					div#container div#main #snav ul li.active a{
						color: #000;
						font-weight: bold;
					}
					div#container div#main #snav ul li a:hover{
						text-decoration: underline;
					}

			
			
		/* end: sub navigatie */
	/* end: main */
/* end: container */

/* start: footer */
div#footer{
	width: 945px;
	margin-left: auto;
	margin-right: auto;
	position: relative;	
	color: #FFF;
}
	div#footer img{
		position: absolute;
		left:0px;
		top: -20px;
	}
	div#footer div#copy{
		text-align: right;
		padding-right: 50px;
		font-weight: bold;
	}
	div#footer ul{
		padding-right: 50px;
		float: right;
		padding-top: 10px;
	}
		div#footer ul li{
			float: left;
			padding-left: 10px;
		}
		
	div#footer div#dev{
		clear: both;
		padding-top: 10px;
		padding-right: 50px;
		float: right;
		padding-bottom: 25px;
	}
	div#footer a{
		color: #FFF;
	}
/* end: footer */