/* Reset
-------------------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	margin:0;
	padding:0;
	border:0;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
}


/* Typography - Garuda is a verdana substitute for Linux users
-------------------------------------------------------------- */
body { font-size:62.5%; line-height:normal; }
/* font must also be set for the form elements in order to work correctly */
body, input, select, textarea { font-family:Verdana, Arial, Helvetica, Garuda, Sans-serif; color:#333; }


/* Default link style
-------------------------------------------------------------- */
a		{ color:#000; text-decoration:none; }
a img	{ border:none; }


/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5 { color:#00A2BD; }

h2 { font-size:1.5em; padding-bottom:8px; font-family:tahoma;}
h3 { font-size:1.4em; padding:2px 5px 5px 10px; font-family:tahoma;}
h4 { font-size:1.2em; font-weight:lighter; padding-bottom:5px; font-family:tahoma;}
h5 { font-size:1em;  padding-bottom:15px; }


/* Paragraph 
-------------------------------------------------------------- */
p			{ margin:0; padding:0 0 1em 0; font-size:1.1em; }
p.last		{ padding:0; }




/* List items 
-------------------------------------------------------------- */
li ul, li ol	{ margin:0; padding:0 0 0 2em; font-size:100%; }
ul, ol			{ margin:0; padding:0 0 1.5em 2em; font-size:1.2em; }
ul				{ list-style-type:disc; }
ol				{ list-style-type:decimal; }


/* HTML horizontal hr 
-------------------------------------------------------------- */
div.hr { clear:both; height:1px; margin:0 0 5px;}
	div.hr hr { display:none; }
	div.hr-tripple {height:6px;}
	div.hr-quad {height:12px;}


/* Global Classes 
-------------------------------------------------------------- */
.clear			{ clear:both; }
.clearfix		{ width:100%; overflow:auto; }

.left			{ float:left; }
.right			{ float:right; }

html.js .hide	{ display:none; }



/* grid */
#header {height:122px; margin-bottom:1em; overflow:hidden; width:100%;}
#logo {width:940px; margin:0 auto;}
#contentwrapper {width:100%;}
.column {width:235px; float:left;}
.selectionwrapper { margin:0 auto; color:#fff; overflow:hidden; margin-bottom:3em; background:#00A2BD; width:940px;}
#footer, .btm {padding-top:5px; color:#999; width:940px; margin:0 auto;}
.flashwrapper  {padding-bottom:20px; color:#999; width:940px; margin:0 auto;}

/* componenten */
#header h1 {width:176px; height:51px; margin: 36px 10px 10px; display:block;}
	#header .hr {width:100%; height:25px; background:#00a2bd;}
	.summer-action {display:none;}


/* content */
.text-block {padding:0 12px;}

ul.link-list {list-style-type:none; padding-left:0; font-size:1.1em;}
	ul.link-list li {padding-left:15px; padding-bottom:2px; background:url(/dut/images/arrow_lines.png) no-repeat 0 -19px;}
	ul.link-list a {color:#fff;}

p.checkbox {float:left; margin-top:18px;}
	
/* buttons */
a.button {color:#fff; display:inline-block; text-decoration:none; margin-bottom:10px; padding-left:3px; background:url(/dut/images/button_focus.png) no-repeat 0 0;}
a.button span {display:inline-block; padding:5px 20px 6px 6px; background:url(/dut/images/button_focus.png) no-repeat right top;}
a.button:hover, a.button:active, a.button:focus {background-position:left -30px; outline:none; cursor:pointer; text-decoration:none;}
a.button:hover span, a.button:active span, a.button:focus span {background-position:right -30px;}