html 							{ height: 100%; background: #ffffff; width: 100%;  }
body 							{ height: 100%; font-family: arial, helvetica, sans-serif; font-size: 75%; behavior: url('htc/csshover.htc'); /*needed for hovermenu*/ }

/* positionering hoofdelementen */
div.wrapper 					{ min-height:100%; background-position: center;  }
* html div.wrapper 				{ height:100%; }

div.footer 						{ position: absolute; height:175px; margin-top: -175px; background: #21428d; width: 100%;}
div.top 						{ background: #ffffff; height: 100px; border-bottom: 1px solid #21428d; }
img.logo 						{ position: absolute; top: 20px; left: 20px; }


a {color: #21428D; } 

.clearfix:after { content: '.';  display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: block; clear:both; }
* html .clearfix { height: 1%; }

div.clear 	{ clear: both; }

#flashcontent { position:absolute; z-index: -10; width:100%; height: 100%; overflow: hidden;  }

div.quicklink ol          { position: absolute; top: 10px; left: 205px; margin:0; padding: 0; list-style: none; }
div.quicklink ol li		  { float: left;  }	

div.quicklink a			 { position:absolute; left:0px; top:-50em;  width:1px;  height:1px; overflow:hidden; } 

div.quicklink a:active, 
div.quicklink a:focus  {  position:static;  width:auto;  height:auto; background: #ffffff; padding: 3px; }

/* menu's */
div.menu ul 					{ position: absolute; left: 200px; top: 60px; }
div.menu ul li 					{ float: left; display: block;  }
div.menu ul li a 				{ float: left; display: block; font-family: trebuchet, trebuchet ms, arial, helvetica, sans-serif; text-decoration: none; font-size: 1.2em; font-weight: bold; color: #9E9F9E; padding: 0px 10px; border-left: 1px solid #D5D5D5; background: #ffffff; }
div.menu ul li.first a 			{ border: none;  }
div.menu ul li a:hover  		{ color: #000000; }
div.menu ul li.selected a 		{ color: #21428d; }

span.tagline { position: absolute; left: 210px; top: 35px; width: 600px; background: #ffffff; display: none; color: #21428D; font-family: trebuchet, trebuchet ms, arial, helvetica, sans-serif; font-weight: bold;  }
div.menu ul li:hover span.tagline { display: block; left: 10px; top: 30px;  }
a.logo:hover span.tagline { display: block; } 

div.payoff span.tagline  { display: block; }

div.servicemenu ul 				{ position: absolute; right: 18px; top: 15px; }
div.servicemenu ul li 			{ float: left; display: block; }
div.servicemenu ul li a 		{ float: left; display: block; font-family: trebuchet, trebuchet ms, arial, helvetica, sans-serif; text-decoration: none; font-size: 0.8em; color: #21428d; padding: 0px 5px; border-left: 1px solid #21428d; line-height: 1em; font-weight: bold; }
div.servicemenu ul li.first a 	{ border: none; }


div.main { padding-bottom: 175px; }
div.introcontainer {  width: 100%; margin-top: 90px; -moz-opacity:0.9; opacity: 0.9; }
div.introcontainer div.bgintro { background: url(../images/shadow_intro.png) no-repeat center bottom;  }
div.introcontainer div.intro { width: 900px; margin: 0 auto; min-height: 180px;  }
* html div.introcontainer div.intro { height: 180px; }
div.introcontainer div.intro div.left div.padbox  { padding: 10px 10px 30px 175px; }
div.introcontainer div.intro div.right div.padbox { padding: 18px; }

div.left { float: left; width: 600px; }
div.right { float: right; width: 300px; }


/* footer */
div.footmenu { float: left; width: 150px; }

div.socialbar { height: 25px; text-align: right; padding: 1px 25px;  background: #45609f; }
div.socialbar img {  -moz-opacity:0.7; opacity: 0.7;  }
div.socialbar img:hover {  -moz-opacity:1; opacity: 1;  }

div.footmenu dl { padding: 18px 18px 18px 28px; }
div.footmenu dl dt a { color: #ffffff; font-size: 1.2em; font-weight: bold; text-decoration: none; display: block; margin-bottom: 4px; }
div.footmenu dl dt a:hover { text-decoration: underline; }
div.footmenu dl dd a { color: #9E9F9E; font-size: 1em; font-weight: normal; text-decoration: none; line-height: 1em; display: block; padding: 3px 0;  }
div.footmenu dl a:hover { color: #ffffff; }

div.about { float: right; width: 300px; color: #ffffff; padding: 18px; }
div.about a { font-weight: bold; color: #ffffff; text-decoration: none; display: block; text-align: right; }


/* content */

div.contentcontainer { border-top: 1px solid #21428D; margin-top: 10px;  background: #ffffff; min-height: 300px; padding-bottom: 50px;  }
* html div.contentcontainer  { height: 300px; }
div.contentcontainer div.innerwrap { margin: 0 auto; width: 900px; }

div.submenu { position: absolute; margin-top: 50px; margin-left: 25px; }
div.submenu ul { padding: 0; margin: 0; }
div.content div.submenu ul { padding: 0; margin: 0; }
div.submenu ul li { list-style: none; padding: 0; margin: 0; }
div.submenu ul li a { font-family: trebuchet, trebuchet ms, arial, helvetica, sans-serif; display: block; padding: 4px 0; font-weight: bold; color: #2b2b2b; text-decoration: none; }
div.submenu ul li:hover, div.submenu ul li.selected  {   }
div.submenu ul li:hover a { color: #21428D; }
div.submenu ul li.selected a { color: #21428D; }

div.submenu ul li.selected ul li a { padding: 0 0 0 10px; font-weight: normal; font-style:normal; }
div.submenu ul li.selected ul li.selected a { font-weight: bold; color: #21428D; font-style: italic; }

div.content { float: left; width: 600px;  }
div.side { float: right; width: 300px; }

div.side div.padbox { padding: 50px 0px 18px 18px; color: #797979; line-height: 1.4em; }
div.side h4			{ margin: 0 0 18px 0; font-size: 1.5em; }

div.side ul.sidelist		{  margin: 0; padding: 0 0 30px 0; list-style: none;	}
div.side ul.sidelist li		{  list-style: none; font-weight: bold; padding: 3px; margin: 6px 0; border: 1px solid #ffffff; }
div.side ul.sidelist li:hover { border: 1px solid #E8E8E8; }
div.side ul.sidelist li	span.date { display: block; font-style: italic; font-weight: normal; font-size: 0.9em; }
div.side ul.sidelist li a	{ }		 

div.side a.source  		{ color: #c46533;  }
		

div.content { line-height: 1.4em; font-size: 1.1em; }
div.content div.padbox {  padding: 50px 18px 18px 175px; }

div.widecontent { width: 900px; line-height: 1.4em; font-size: 1.1em;  }
div.widecontent div.padbox { padding: 50px 0px 18px 175px;  }

div.widecontent div.item { width: 225px; float: left; height: 225px; margin: 10px 10px 30px 0 ; border: 1px solid #E8E8E8;  }
div.widecontent div.item:hover { border: 1px solid #9E9F9E; }

div.item div.itemfoot { background: #E8E8E8; padding:2px; margin-top: 10px; clear: both; }
div.item div.itemfoot a { text-decoration: none; color: #9E9F9E; display: block; font-weight: bold; font-size: 0.9em; padding: 0 0 0 20px; background: url(../images/gogo_gray.gif) no-repeat 0 0; }
div.item div.itemfoot a:hover { background: url(../images/gogo_gray.gif) no-repeat 0 -100px;  }

span.client { display: block; text-align: center; color: #21428d; font-weight: bold; font-family: trebuchet, trebuchet ms, arial, helvetica, sans-serif; padding: 5px 0 0 0;  }
span.client { color: #21428d; text-decoration: none; line-height: 1em; display: block; }

/* opmaak tekst */
h1 { font-family: trebuchet, trebuchet ms, arial, helvetica, sans-serif; color: #21428d; font-size: 2em; line-height: 1.2em; }
h2 { font-family: trebuchet, trebuchet ms, arial, helvetica, sans-serif; font-size:1.3em; color: #7b7b7b; line-height: 1.3em; padding: 5px 0 0 0; }
h3 { font-family: trebuchet, trebuchet ms, arial, helvetica, sans-serif; font-size:1.6em; font-style:italic; font-weight: normal; line-height: 1.2em; color: #21428d; padding: 0 0 16px 0; }
h4 { font-family: trebuchet, trebuchet ms, arial, helvetica, sans-serif; font-size:1.1em; line-height: 1.2em; color: #21428d; clear: both; }
h4 a { color: #21428d; text-decoration: none; }
h4 a:hover { color: #9E9F9E;  }
h5 { font-family: trebuchet, trebuchet ms, arial, helvetica, sans-serif; font-size:1em; line-height: 1.2em; color: #9E9F9E; clear: both; }
h5 a { color: #9E9F9E; }
h6 { font-family: trebuchet, trebuchet ms, arial, helvetica, sans-serif; font-size:1em; line-height: 1.2em; color: #000000; clear: both; }
h6 a { color: #9E9F9E; }

hr          { border: 1px solid; border-color: #9E9F9E #ffffff #ffffff #ffffff;  }

div.content ul, ol { padding-left: 16px; list-style: disc; }
div.content li { list-style: disc; }

div.side ul, ol { padding-left: 16px; list-style: disc; }
div.side li { list-style: disc; }

span.client { display: block; text-align: center; color: #21428d; font-weight: bold; font-family: trebuchet, trebuchet ms, arial, helvetica, sans-serif; padding: 8px 0 0 0;  }
span.client a { color: #21428d; text-decoration: none; line-height: 1em; display: block; }

span.gogo { display: block; text-align: center; } 
a.gogo {  color: #9E9F9E; font-weight: bold; font-family: trebuchet, trebuchet ms, arial, helvetica, sans-serif; padding: 5px 0; }
a.gogo:hover { color: #21428D; }

div.content div.item { margin: 0px 0px 10px 0; border: 1px solid #E8E8E8; }
div.content div.item:hover { border: 1px solid #9E9F9E; }

div.content div.item div.info { float: right;  background: #ffffff; height: 160px; width:170px; }
div.content div.item div.info ul { padding: 5px; list-style: none;  }
div.content div.item div.info ul li { padding-top: 6px; line-height: 1.2em; list-style: none; }
div.content div.item:hover div.info { display: block; }

div.content div.item img.itemimage { float: left; }

img.logofame { width: 225px; float: left; height: 100px; margin: 10px 10px 30px 0 ; border: 1px solid #E8E8E8;  }


a.gogo { margin: 10px 0; background: #E8E8E8 url(../images/gogo_gray.gif) no-repeat 0 0; color:#9E9F9E; display:block; font-size:0.9em; font-weight:bold; padding:0 0 0 20px; text-decoration:none; }
a.gogo:hover { background: #E8E8E8 url(../images/gogo_gray.gif) no-repeat 0 -100px; }


form { }
form input.text { border: 1px solid #21428D; padding: 2px; }
button { background: #21428D; border: none; padding: 2px; color: #ffffff; }

.feedback { font-weight: bold; text-align: center; padding: 3px; color: #21428D; display: block; border :1px solid #E8E8E8; }

div.search { }
div.search form { margin-bottom: 18px; }
div.search div.results {}
div.search div.results span { }
div.search div.results span.number { font-weight: bold; display: block; }
div.search div.results span.shown { display:none; }
div.search div.results span.page  { display: none; }
div.search div.searchitem { padding: 0 0 18px 0; }	 

div.rating  { height: 16px;; width: 400px;}
div.rating span.star { display: block; width: 14px; height: 14px; background: url(../images/bts_gogodot.gif) no-repeat 0px -200px; float: left; }
div.link { font-size: 1.1em;  }
div.location { clear: both; display: block; font-size: 0.9em; color: #9E9F9E; display: none; } 
div.description { padding: 5px 0; }
div.description a  { text-decoration: none; color: #000000; line-height: 1.2em; }

div.content ul.paginate 		{ padding: 10px 0; }
ul.paginate li 					{ float: left; display: block; width: 18px; height: 18px; line-height: 18px; text-align: center; font-weight: bold; }
ul.paginate a 					{ float: left; display: block; width: 18px; height: 18px; line-height: 18px; text-align: center; background: #45609F;  color: #E8E8E8; text-decoration: none; margin-right: 2px; }
ul.paginate a:hover 			{ background: #21428D; color: #ffffff; }

div.bginfo { position: absolute; right: 25px; top:80px; font-size: 0.9em; }

.textframe 	{ border: 1px solid #e8e8e8; padding: 5px 10px; margin: 10px 0; color: #21428D; display: block; } 
.footframe	{ border-top: 1px solid #e8e8e8; padding: 10px 0; margin: 20px 0; font-style: italic; color: #9E9F9E; display: block;  }
.insert		{ font-weight: bold; text-align: center; padding: 3px; margin: 10px 0; color: #21428D; display: block; }

.leftcol	{ float: left; width: 48%; }
.rightcol	{ float: right; width: 48%; }

span.document a					{ font-weight: bold; text-decoration: none; display: block; padding: 3px; border :1px solid #E8E8E8; margin: 3px 0; }
span.document a:hover			{ border :1px solid #9E9F9E; }
span.document img				{ padding: 2px 6px 0 3px }

.imagecaption 					{ font-size: 0.9em; color: #9E9F9E; font-style: italic; display: block; padding: 0 5px 5px 5px; }