/* reset browser defaults */
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, 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-size: 100%; font-family: inherit; }
:focus { outline: 0; }
body { line-height: 1;	color: black; background:#4a4a4a; }

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: "" ""; }

/*classes*/
.first { margin-left:0 !important; }
.last { margin-right:0 !important; }
.top { margin-top:0 !important; }
.bottom{ margin-bottom:0 !important; }
.left { float:left; display: inline; }
.right { float:right; display: inline; }
.imagereplaced { margin:0; padding:0; display:block; overflow:hidden; text-indent:-9999999px; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; zoom:1; }
.clear { clear:both; }
.navigation { list-style:none; list-style-type:none; }
.navigation.horizontal:after { content: "."; display:block; height: 0; clear: both; visibility: hidden; }
.navigation.horizontal li { float:left; display:inline ; margin:0; }	
.hidden, .print{ display:none; }

.rounded { -moz-border-radius:.5em; -webkit-border-radius:.5em; }
.fade { opacity: 0.5; -moz-opacity: 0.5; }
.transition {  }
.shadow { text-shadow: 2px 2px 2px #000; }
ul.shadow, table.shadow, p.shadow, button.shadow { box-shadow: 10px 10px 5px #888; text-shadow:none; -webkit-box-shadow: #888 2px 2px 4px; }

.box { border:1px solid #CCC; margin-bottom:0.5em; padding:1em 2em; width:20%; }
.box.left, .pullquote.left { margin-right:2em; }
.box.right, .pullquote.right { margin-left:2em; }
.pullquote { border-right:1px solid #CCCCCC; color:#777777; font-size:1.1em; font-family:Georgia; font-style:italic; margin-bottom:0.5em; padding-right:2em; text-align:right; width:20%; }



html { font-size:62.5%; } 
body { background:#4a4a4a url(../img/site-bg.png) repeat-x top center;  margin:0; padding:0; }	

/*type*/
h1, h2, h3, h4, h5, h6 { font: normal normal normal 1em/1.4em "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; color:#db002f; margin-bottom:.3em; }
body { font: normal normal normal 1.1em/1.6em "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; color:#333; margin-bottom:-15px;}		

h1 { font-size:2.4em; }
h2 { font-size:1.6em; }
h3 { font-size:1.3em; }
h4 { font-size:1.3em; }
h5 { font-size:1.3em; }
h6 { font-size:1em; }
a, a:visited, a h1  { text-decoration:none; color:#db002f; }
a.readmore, a.readmore:visited { text-decoration:underline; color:#db002f; margin:.5em 0em 2em 0em; display: inline-block; }
a.readmore:hover { color:#000; }
a:hover { color:#333; text-decoration: underline; }
h4 a:hover { text-decoration: none; }
p { display:block; margin:0em 0em 1em 0em;  }
p.intro { font-size:1.2em; font-weight: bold; }
p, blockquote, ul, ol, dl, form, table, pre { }

/*lists*/
ul ul, ul ol, ol ol, ol ul, dd{ margin:0; }
ul, ol, dl { margin:1em 0em; }
li{ margin:0 0 0 2em;display:list-item;list-style-position:outside; }
ul.custom, ul.custom li ul { list-style:none; list-style-type:none; margin-left:-20px; }
ul.custom li { background:url(../img/bullet.png) no-repeat top left; padding-left:20px; }
ul.blank { list-style:none; list-style-type: none; }
ul.blank li { line-height:2.2; }

input.text { border:1px solid #db002f; line-height:1.5; }


/* structure and layout*/
div#sitewrapper { min-height:273px; width:960px; margin:0px auto; }
#sitewrapper #header { width:inherit; height:273px;  }
#header h1#logo { width:358px; height:154px; background: url(../img/logo.png) no-repeat center center; padding-top:1em; }

#header ul#language { margin-top:-130px; }
#header ul#language li a#NL { width:38px; height:26px; background:url(../img/taalkeuze-NL.png) no-repeat top left; }
#header ul#language li a#NL:hover { background-position:0px -26px; }
#header ul#language li a#EN { width:38px; height:26px; background:url(../img/taalkeuze-EN.png) no-repeat top left; }
#header ul#language li a#EN:hover { background-position:0px -26px; }
#sitewrapper #content { width:inherit; min-height:640px; background:url(../img/content-bg.png) repeat-y top center; }


#sitewrapper #newsletter { margin:50px 0px 30px 0px; }

#footer { width:960px; margin:0px auto; min-height:60px; background: url(../img/footer-bg.png) no-repeat top left; margin-top:-20px; }
#footer ul#footernav { margin-left:215px; padding-top:25px; }
#footer a { color:#000; padding-right:10px; padding-left:10px; }
#footer a:hover { color:#db002f; text-decoration: underline; }

.cols #main.col { width:530px; padding-top:3em; margin-right:1em; padding-right:2em; margin-bottom:90px; margin-left:-10px; } 
.cols #sidebar1.col { width:195px; background:url(../img/sidebar-bg.png) no-repeat top left; min-height:228px; padding:40px 0px 0px 0px; margin-right:30px; }
.cols #sidebar1.col ul.submenu a, .cols #sidebar1.col #newsletter a { display:inline-block; background:url(../img/bullet.png) no-repeat center left;  padding-left:13px; color:#000000; }

.cols #sidebar1.col ul.submenu a:hover, .cols #sidebar1.col #newsletter a:hover { color:#db002f; }
.cols #sidebar1.col ul.submenu li { line-height:1.6; }
.cols #sidebar1.col ul#sitemenu { margin-left:-20px; }
.cols #sidebar2.col { width:120px; padding-top:3em; margin-left:20px; } 
.cols #sidebar2.col ul#ads { list-style: none; list-style-type: none; }
.col { float:left; display:inline; }	

#content #navwrapper { background:url(../img/nav-wrapper-bg.png) repeat-y left top; }
#content #navwrapper span#bottom { display:block; height:24px; background:url(../img/nav-wrapper-bottom.png) no-repeat left bottom; padding-top:5px; }
.cols #sidebar1.col ul.submenu { padding-left:30px; }
.cols #sidebar1.col #navwrapper h4 { padding-left:30px; }
.cols #sidebar1.col ul#sitemenu  { padding-left:30px; }
.cols #sidebar1.col #newsletter { padding-left:30px; }

.button				{	border-style: solid; 
						border-color: #dadada; 
						color: #000000; 
						background-color: #dadada; 
						border-width: 0px; 
						cursor:pointer;
						text-decoration:none;
						background:url(../img/bullet.png) no-repeat center left;
						padding-left:15px;
						font-family:"Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
						font-size:1.1em;
					}
.forminput			{	border-style: solid; 
						border-color: #db002f;
						border-width:thin;
						color: #4a4a4a; 
					}					

