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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1.4;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/*---------------------------TYPES-----------------------------------*/


a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

p {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.35;
	color: #002f2f;
}

strong {
	font-weight: bolder;
}

h1, h2 {color:white;}

h3 { font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}

hr {
color: #cccccc;
background-color: #cccccc;
height: 1px;
}


/*----------------------------------------------------------------------*/
body {
	background: url(../images/seppe-air.jpg) no-repeat top center;
}

#wrapper {
	position: relative;
	width: 960px;
	margin: 0px auto;
	min-height:500px;
}


/*-----------------------------------------breadcrumb---------------------------------*/

					#bread { position:relative; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #012e55; width:960px; height:10px; left:0px; top:10px;}
					#bread a:link {color: #012e55; text-decoration:underline;}
					#bread a:visited {color: #012e55; text-decoration:underline;}
					#bread a:hover {color: #012e55; text-decoration:underline;}
					#bread a:active {color: #012e55; text-decoration:underline;}
					
/*------------------------------------------topbalk------------------------------------*/					
					
#top {
	position:relative;
	width:960px;
	height:14px;
	left:0px;
	top:40px;
	background: url(../images/seppe-top.jpg) no-repeat top left;
}

	
/*-----------------------------------------logo-------------------------------*/

#logo {
position:relative;
left:20px;
top:100px;
width:154px;
height:132px;
}


/*-----------------------------------------nav-------------------------------*/


#nav-top {
position:relative;
width:576px;
height:15px;
left:384px;
}

	#nav-top ul {
		list-style: none; display: inline-block;
		}
		#nav-top ul li {
			float: left;
			}
	
	    #nav-top ul li a {	
			font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
			font-size: 14px;
			font-weight:bold;
			text-decoration: none;
			padding-left: 9px;
			padding-right: 9px;
		    border-right: 1px solid #454545;
			}

				#nav-top ul li.first a { padding-left: 0px;}
				#nav-top ul li.last a { border: none;}
					#nav-top ul li a:link {color: #002e55;}
					#nav-top ul li a:visited {color: #002e55;}
					#nav-top ul li a:hover {color: #002e55;}
					#nav-top ul li a:active {color: #002e55;}
	
					#nav-top ul li a.active:link {color: #002e55;}
	  				#nav-top ul li a.active:visited {color: #002e55;}
	  				#nav-top ul li a.active:hover {color: #002e55;}
	  				#nav-top ul li a.active:active {color: #002e55;}


#nav-sub {
position:relative;
width:576px;
height:50px;
left:384px;
top:30px;
}

	#nav-sub ul {
		list-style: none; display: inline-block;
		}
		#nav-sub ul li {
			float: left;
			height:25px;		
			}
	
	    #nav-sub ul li a {	
			font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
			font-size: 12px;
			font-weight:bold;
			text-decoration: none;
			border-right: 1px solid #454545;
			padding-left: 9px;
			padding-right: 9px;
			}

				#nav-sub ul li.first a { padding-left: 0px;}
				#nav-sub ul li.last a { border: none;}
					#nav-sub ul li a:link {color: #606060;}
					#nav-sub ul li a:visited {color: #606060;}
					#nav-sub ul li a:hover {color: #606060;}
					#nav-sub ul li a:active {color: #606060;}
	
					#nav-sub ul li a.active:link {color: #606060;}
	  				#nav-sub ul li a.active:visited {color: #606060;}
	  				#nav-sub ul li a.active:hover {color: #606060;}
	  				#nav-sub ul li a.active:active {color: #606060;}


/*-----------------------------------------main div-----------------------------*/

#main {
position:relative;
top:60px;
left:0px;
width:960px;
background: #fff bottom left no-repeat;
overflow:hidden;
}			
			
			#beeld {
				position: relative;
				float:left;
				top: 0px;
				left: 0px;
				width: 384px;
				height: 280px;
			}

			#textcontainer {
				position: relative;
				top: 0px;
				left: 384px;
				width: 576px;
				float:left;
				padding-bottom:20px;	
				clear:both;		
				min-height: 280px;
				_height: auto !important;
				_height: 280px;
}	

	    	#textcontainer ul {
			list-style: none;
			}
			#textcontainer ul li {
				/*height:25px;*/
				display:block;
				border-bottom:dotted 1px #727272;
				padding-top:4px;
				}
		
			#textcontainer ul li a {	
				font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
				font-size: 12px;
				text-decoration: none;
				border:none;
				
				}
	
					#textcontainer ul li.first a { border-top:dotted 1px #727272; }
					#textcontainer ul li.last a { }
						#textcontainer ul li a:link {color: #727272;}
						#textcontainer ul li a:visited {color: #727272;}
						#textcontainer ul li a:hover {color: #727272;}
						#textcontainer ul li a:active {color: #727272;}
		
						#textcontainer ul li a.active:link {color: #727272;}
						#textcontainer ul li a.active:visited {color: #727272;}
						#textcontainer ul li a.active:hover {color: #727272;}
						#textcontainer ul li a.active:active {color: #727272;}
						
				
	

/*-----------------------------------------bottom--------------------------------------------*/

#bottom {
position:relative;
top:63px;
left:0px;
float:left;
width:960px;
height:170px;
}

			#column_1 {
			position:relative;
			float:left;
			width:189px;
			height:170px;
			}
			
			#column_2 {
			position:relative;
			float:left;
			width:190px;
			height:170px;
			margin-left:3px;
			}

			#column_3 {
			position:relative;
			float:left;
			width:189px;
			height:170px;
			margin-left:3px;
			}

			#column_4 {
			position:relative;
			float:left;
			width:190px;
			height:170px;
			margin-left:3px;
			}

			#column_5 {
			position:relative;
			float:left;
			width:190px;
			height:170px;
			margin-left:3px;
			}			
/*-----------------------------------------footer----------------------------------------*/

	#footer {
	width:960px;
	position:relative;
	left:0px;
	top:66px;
	clear:both;
	margin:0px;
	}
	


/*-----------------------------------------copyright div---------------------------*/
	#copyright {
		width: 960px;
		position:relative;
		top:10px;
		left:0;
		text-align:center;
		font-family: Arial, Helvetica, sans-serif;
  		font-size: 10px;
		line-height: 1.35;
		color: #bebebe;
		margin-bottom:20px;
	}

#copyright a:link{ font-size:10px; color: #bebebe; text-decoration:none; }
#copyright a:visited{ font-size:10px; color: #bebebe; text-decoration:none;}
#copyright a:hover{ font-size:10px; color: #1a1a1a; text-decoration:none;}
#copyright a:active{ font-size:10px; color: #bebebe; text-decoration:none;}


/*-----------------------------------------kalender---------------------------------*/

					#kalender p a:link {color: #fff; text-decoration:underline;}
					#kalender p a:visited {color: #fff; text-decoration:underline;}
					#kalender p a:hover {color: #fff; text-decoration:underline;}
					#kalender p a:active {color: #fff; text-decoration:underline;}
					

/*--------------------------------------modx chunks----------------------------------*/