/*----------------------------------------------------------------------------- 
Epruhit.nl Screen Stylesheet 

version:  	1.0 
updated:    02/06/2008 
author:     Freek Hol Design 
email:    	freek [at] freekhol [dot] nl

-----------------------------------------------------------------------------*/

/* Color Chart
Text				#212121
Links leftCol		#766f23
Links rightCol		#3c390e
*/


/* Eric Meyers Reset - http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/
-----------------------------------------------------------------------------*/  
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,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
} 

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

td  { 
    text-align: left; 
    font-weight: normal; 
}

input.text { 
    padding: 3px; 
    border: 1px solid #999999;     
}

/* Removes Firefox imposed outline */
a { 
	outline: none; 
}



/* Styles for layout
-----------------------------------------------------------------------------*/
.clear { 
	clear:both; 
} 

.right { 
    float: right; 
} 

.left { 
    float: left; 
}

img.left {margin:0 20px 20px 0;}
img.right {margin:0 0 20px 20px;}



/* Set up the document
-----------------------------------------------------------------------------*/
html { /* force vertical scrollbar in Firefox to prevent pageshift */
	min-height: 100%; 
	margin-bottom: 1px; 
}

body { 
	font: 62.5%/1.5  Tahoma, Verdana, sans-serif; 
	background: #ffffff /*url(../images/wallpaper.gif) repeat 0 0*/; 
	color: #212121;     
	text-align:center; 
} 

#wrapper {  
	width:955px;
	text-align:left;   
	margin-left:auto;  
	margin-right:auto;  
	background-color: #FFFFFF;
} 

#header {
	height: 246px;
	background: url(../images/header.jpg) no-repeat 0 0;
}

#nav {
    float:left;
    width:100%;
	font-size: 120%;
    line-height:normal;
	position: relative;
	top: 222px;
	left: 30px;
}

#leftCol {
	float: left;
	width: 506px;
}

#leftColContent {
	font-size: 1.2em;
	padding: 40px 40px 40px 44px;
	min-height: 360px;
	height: auto !important;
	height: 360px;
}

#rightCol {
	float: right;
	margin-top: 40px;
	width: 412px;
	height: 214px;
	background: url(../images/bg_box.gif) no-repeat 0 0;
}

#rightColContent {
	font-size: 1.2em;
	padding: 60px 40px 40px 80px;
}

#footer {
	clear: both;
	height: 65px;
	width: 100%;
	background: url(../images/bg-footer.gif) repeat-x 0 0;
	color: #ffffff;
}


/* Styling font
-----------------------------------------------------------------------------*/
h1 { 
    font-size: 1.9em;
	padding-bottom: 0;
} 
     
h2 { 
    font-size: 1.6em;
	padding-bottom: 1.2em;   
	line-height: 1em; 
} 

h3 {
	font-size: 1.3em;
}

#rightColContent h2 {
	font-size: 1.4em;
	font-style: italic;
}



/* Styling links
-----------------------------------------------------------------------------*/ 
#leftColContent a, #leftColContent a:visited {
	color: #766f23;
	text-decoration: underline;
}

#leftColContent a:hover {
	color: #ffffff;
	background: #766f23;
	text-decoration: none;
}

#rightColContent a, #rightColContent a:visited {
	padding-left: 17px;
	text-decoration: none;
	font-style: italic;
	color: #3c390e;
}

#rightColContent a:hover {
	text-decoration: underline;
}




/* Navigation 
-----------------------------------------------------------------------------*/ 

#nav li {
	float:left;
}

#nav a {
	display:block;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	padding: 5px 15px;
}

#nav a:hover {
	background: url(../images/tab-left-on.gif) no-repeat top left;
	color: #cedb00;
}

#nav li#current {
	background: url(../images/tab-right.gif) no-repeat top right;
}

#nav li#current a, #nav li#current a:visited {
	color: #313131;
	background: url(../images/tab-left.gif) no-repeat top left;
}

#nav li:hover {
	background: url(../images/tab-right-on.gif) no-repeat top right;
}



/* Footer 
-----------------------------------------------------------------------------*/ 

#footer p {
	padding: 8px 10px 9px 10px;
}

#footer a img {
	padding: 0 10px;
	border: 0;
}

#footer a:hover {
	background: none;
}

#footer strong {
	font-size: large;
}
#footer .footerContent {
	padding-left: 360px;
}

/* Custom rules
-----------------------------------------------------------------------------*/

#leftColContent p {
	padding-bottom: 1.4em;
}

#leftColContent ul {
	padding-bottom: 2em;
}

#leftColContent img {
	border: 1px solid #cccccc;
	padding: 5px;
	background-color: #ebebeb;
}
#leftColContent #nieuws img {
	background:#fff;
	padding: 1px;
	border: 1px solid:#ccc;
}

#rightCol p.boxText {
	margin: 40px 0 0 20px;
	padding: 0 40px;
	font-style: italic;
	font-size: 1.4em;
	line-height: 1.4em;	
}

#rightColContent {
	font-size: 1.4em;
}

#rightColContent li.active {
	padding-left: 17px;
	background: url(../images/arrow.gif) no-repeat 0 4px;
	font-style: italic;
	color: #3c390e;
}

#rightCol.noBg {
	width: 266px;
	margin-right: 90px;
	background: none;
}

.hit {
	font-style: italic;
}

#nieuws {
	margin-top: 2em;
}

#nieuws li.bron {
	padding-bottom: 1em;
	font-style: italic;
	font-size: 90%;
}

acronym {
	border-bottom: 1px dotted #212121;
}

.onderschr {
	font-style: italic;
	color: #999999;
}