/*red; af2900*/
/*blue:  043844*/

/* GLOBAL
==============================================================================*/


html,body{margin:0;padding:0}
body{
	background-color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	color:#043844;
	
	text-align:left

}

h1{
	color:#af2900;
	font-weight:bold;
	letter-spacing:0.02em;
	margin-bottom:0;
	
	font-size:114%;
}
h2{
	color:#043844;
	font-weight:bold;
	letter-spacing:0.02em;
	margin-bottom:0;
	margin-top:0;
	font-size:100%;
}
h3{
	color:#043844;
	font-weight:bold;
	letter-spacing:0.02em;
	margin-bottom:0;
	margin-top:0;
	font-size:90%;
}

ul, ol{
	margin:0;
	margin-left:15px;
	padding:0;
	font-size:85%;

}

p{
	margin-top:0;
	text-align:justify;
	font-size:85%;
}

p.opgelet{
	color:#af2900;
	font-weight:bold;
}


a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:underline;cursor:pointer;font-size:110%;} 
a:link {color:#af2900;} 
a:visited {color:#af2900;} 
a:hover,a:active {color:#043844;}


#subnav a,#subnav a:link,#subnav a:link,#subnav a:link,#subnav a:hover {background:transparent;text-decoration:underline;cursor:pointer;font-size:85%;} 
#subnav a:link {color:#af2900;} 
#subnav a:hover,#subnav a:active,#subnav a.currentSection {color:#043844;}

a.indentlink{padding-left:15px;}

a#currentaSection{
	font-weight:bold;
	color:#043844;
}


/* FRAMEWORK
==============================================================================*/

div#container{
	text-align:left;
	
	position: absolute;
	top: 0;
    left: 0;	

}

html, body, #container {
	min-height: 100%;
	width: 100%;
	height: 100%;	
}
html>body, html>body #container {
	height: auto;
}

div#header{
	height:57px;
	
	background-image: url(../img/bg_header.gif);
	background-repeat: repeat-x;
	
	
}

div#subheader{
	position:absolute;
	top:57px;
	left:0px;	
	
	height:200px;
	width:100%;
	
	background-color:#043844;
	background-image: url(../img/bg_header.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	
	text-align:left;
	
}

div#subheader div#flash_container{
	margin-left:73px;
	
}

div#sidebar{
	position:absolute;	
	top:57px;
	left:550px;
	
	width:309px;
	height:200px;
	min-height:200px;
		
	background-color: #FFFFFF;
	background-image: url(../img/frame-right.gif);
	background-repeat: no-repeat;
	background-position: right top;	

	padding-right:101px;
	padding-left:20px;			
	
	z-index:10;
}
* html div#sidebar{
	width:430px;
}

div#sidebar #sidecontent{
	margin-top:-25px;
}

div#sidebar #sidecontent h1{
	text-align:right;
	text-transform: uppercase;
	margin:0;
	padding:0;
}
div#sidebar #hoofdtitel h1{
	position:relative;
	top:-5px;
	
	text-align:right;
	text-transform: uppercase;
}
div.sidebar .hoofdtitel h1{
	position:relative;
	top:-5px;
	
	text-align:right;
	text-transform: uppercase;
}


div#rightcontent{
	position:absolute;
	top:230px;
	width:100%;

}

div.content{
	clear:both;

	width:465px;
	padding-left:75px;
	padding-top:230px;
	padding-bottom:30px;
	
	height: auto;	
	
}
div#content{
	clear:both;

	width:465px;
	padding-left:75px;
	padding-top:230px;
	padding-bottom:30px;
	
	height: auto;	
	
}
* html div#content{
	width:540px;
	
}

#floatnav{
	z-index:10;
}

div#sidebar .parkeerplan{
	position:absolute;
	top:265px;
	
	z-index:15px;
}


#nieuws{
	font-size:77%;
	margin-bottom:325px;
}


/* NAVIGATIE
==============================================================================*/
#nav {
	position:absolute;
	top:169px;
	left:73px;

	height: 31px;
	width:919px;
	
	list-style: none;
	display: run-in;

	margin:0;
	padding:0;
	
	background-image: url(../img/bg_nav.gif);
	background-repeat: no-repeat;
	background-position: left top;
	
	padding-left:30px;
	
	z-index:5;
}
		
#nav li {      	
	float:left;       
	height: 31px;
	overflow: hidden; /* if text-resize, this'll keep the nav the same size */
	
}
#nav li a {
	display: block;
	line-height: 31px;
	text-indent: -5000px;
	overflow: hidden;
	background-position: center top; /* horizontally centers the background image */
}
#nav li a:hover {
	background-position: 50% -31px;
}
	#nav li a.currentSection,
	#nav li a.currentSection:hover {
		background-position: 50% -62px;
	}
        			
#nav-vacature {
	width: 61px;
	background-image: url(../img/nav-vacatures.gif);
	background-repeat: no-repeat;
}	
#nav-home {
	width: 38px;
	background-image: url(../img/nav-home.gif);
	background-repeat: no-repeat;
}
#nav-parkings {
	width: 61px;
	background-image: url(../img/nav-parkings.gif);
	background-repeat: no-repeat;
}
#nav-infosteden {
	width: 70px;
	background-image: url(../img/nav-infosteden.gif);
	background-repeat: no-repeat;
}
#nav-vragen {
	width: 61px;
	background-image: url(../img/nav-vragen.gif);
	background-repeat: no-repeat;
}
#nav-klachten {
	width: 61px;
	background-image: url(../img/nav-klachten.gif);
	background-repeat: no-repeat;
}

#nav-infovilles {
	width: 73px;
	background-image: url(../img/nav-infovilles.gif);
	background-repeat: no-repeat;
}

#nav-offresdemploi {
	width: 100px;
	background-image: url(../img/nav-offresdemploi.gif);
	background-repeat: no-repeat;
}


/* ROUNDED BOX
==============================================================================*/
.rnd{
	width:300px;
}

.rnd h1, .rnd p{
	padding:10px;
	margin:0;
}

a.arrow, a.arrow:link, a.arrow:link, a.arrow:link,a.arrow:hover {
	background-image: url(../img/lnk_pijl.gif);
	background-repeat: no-repeat;
	background-position: left top;
	
	line-height:20px;

	vertical-align:bottom;
	padding-left:25px;

	display:block;
	overflow:hidden;
	font-size:100%;
} 

a.arrow:link {} 
a.arrow:visited {} 
a.arrow:hover,a.arrow:active {background-position:left -20px;}


.rnd a:link, .rnd a{
	text-align:left;
}
.rnd .top{	
	background-image: url(../img/rnd_top.gif);
	background-repeat: no-repeat;	
	
	text-align:right;
	padding-right:15px;
	padding-top:10px;	
	
}
.rnd .top h1{
	padding-bottom:0;
	margin-bottom:0;
	vertical-align:bottom;
	line-height:14px;
	
}
.rnd .middle{
	background-color: #d6e4e8;
	background-image: url(../img/rnd_middle.gif);
	background-repeat: repeat-y;

}

.rnd .bottom{
	background-color: #d6e4e8;
	background-image: url(../img/rnd_bottom.gif);
	background-repeat: no-repeat;
	background-position:bottom;
	height:15px;
	
}

.rnd .top a,.rnd .top a:link,.rnd .top a:link,.rnd .top a:link,.rnd .top a:hover {background:transparent;text-decoration:underline;cursor:pointer;font-size:85%;} 
.rnd .top a:link {color:#af2900;} 
.rnd .top a:hover,.rnd .top a:active,.rnd .top a.currentSection {color:#043844;}




/* FOOTER
==============================================================================*/		
#footer {

	padding:0;
	margin:0;
		
	background-color:#043844;
	border-top:5px solid #005a73;
	width:100%;
	
	position: absolute;
	bottom: 0;	
}

html>body #footer {
	position:fixed;
}

#footer #credits{

	color:#d6e4e8;
	font-size:77%;
	margin-left:75px;
		
	line-height:16px;
	vertical-align:middle;
	

}

#footer #credits img{
	height:16px;
	vertical-align:middle;
	line-height:16px;
}

#footer a:link {color:#ffffff;} 
#footer a:visited {color:#FFFFFF;} 
#footer a:hover{color:#af2900;}

/* JAVASCRIPT NEWS
==============================================================================*/
#divASContainer{position:absolute; width:309px; height:200px; overflow:hidden; top:0px; left:20px; clip:rect(0,309,200,0); visibility:hidden;font-size:1.1em;} 
#divASContent{position:absolute; top:0px; left:0px; } 

/* LAYERS
==============================================================================*/

.hideme{
	display:none;
	visibility:hidden;
}

/* TABLES
==============================================================================*/
.tabulardata{	
	width:470px;
}
.tabulardata tr{
	background-color:#e0eff3;
}
.tabulardata tr.alter{
	background-color:#FFFFFF;
}
.tabulardata tr.header{
	font-weight:bold;
}