/* -------------------------------------------------
	Version	:	1.0
	Author	:	Tremani
	Email	:	info@tremani.nl
	Website	:	http://tremani.nl
	Client	:	key Groep (http://www.keygroep.com)
---------------------------------------------------- */
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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {outline: 0;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
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: "" "";}

/* END GLOBAL RESET ----------------------------------------------------------- */	

h1, h2, h3, h4, h5, h6 { font-family:Verdana, Arial, Helvetica, sans-serif; }
h1{ font-size:170%; color:#211458; line-height:26px; text-transform:uppercase; letter-spacing:2px; font-weight:bold;}
h2{ font-size:160%; color:#211458; line-height:20px; margin-bottom:10px; font-weight:bold;}
h3{ font-size:135%; color:#211458; margin-bottom:20px; }
h4{ font-size:100%; font-weight:bold;}
h5{ font-size:100%; color:#211458; font-weight:bold; margin-bottom:5px;}
h6{ font-size:80%;}

body {font:69%/1.5em Verdana, Arial,"Lucida Grande", Tahoma, Helvetica, sans-serif; color:#807f82;}

a {color:#211458; font-weight:bold; text-decoration:none;}
a:hover {color:#8471ba; font-weight:bold; text-decoration:none;}

p{margin-top:10px; margin-bottom:10px;}
.bold { font-weight:bold;}


/* SITE SPECIFIC ----------------------------------------------------------- */	

#horizon { background-color:#FFFFFF; }
#outerwrapper { width: 908px; margin: 0px auto; background-color:#FFFFFF;}
#index-outerwrapper { width: 908px; margin: 0px auto; background:#FFF }
#logo {margin-bottom:22px; height:49px;}
#header { height: 200px;}
#headerimage { position:relative; left:242px; top:-71px; width:454px; height:176px;}

#search-wrapper {display:none;}
#searchform { float:right; position:absolute; width:200px; top:0px; right:0px; }
#search_field { width:164px; height:22px; background:url(../img/search2.png) no-repeat; border:solid 0px;  padding-left:5px; padding-right:5px; margin: 0px 0px 0px 0px; }
#search_field2 { width:164px; height:22px; background:url(../img/search1.png) no-repeat; border:solid 0px;  padding-left:5px; padding-right:5px; margin: 0px 25px 0px 0px; position:absolute; top:0px; right:0px;}
#btn_search { background:url(../img/btn-search.jpg) no-repeat; border:solid 0px; ; padding-top:0px; width:22px; height:22px; position:absolute; top:0px; right:0px; cursor: pointer; cursor: hand;}
.bullets { list-style-image: url(../img/bullet.jpg); font-size:110%; font-weight:bold; margin-left:10px; line-height:1.5em; color:#211458;}


/* Nav ----------------------------------------------------------- */

#nav { display:none;} 
#mainnav li a {display:block; width:227px; height:22px; line-height:22px; text-indent:-3999px; background-position:bottom;  }
#mainnav {position:absolute; width: 227px; }

#mainnav  li a:hover,
#mainnav li.current a { background-position:top !important; }

#mainnav #btn-1, #mainnav #btn-1 a, #mainnav #btn-1 a:active { background-image:url(../img/btn-1.png);}
#mainnav #btn-2, #mainnav #btn-2 a, #mainnav #btn-2 a:active { background-image:url(../img/btn-2.png);}
#mainnav #btn-3, #mainnav #btn-3 a, #mainnav #btn-3 a:active { background-image:url(../img/btn-3.png);}
#mainnav #btn-4, #mainnav #btn-4 a, #mainnav #btn-4 a:active { background-image:url(../img/btn-4.png);}
#mainnav #btn-5, #mainnav #btn-5 a, #mainnav #btn-5 a:active { background-image:url(../img/btn-5.png);}
#mainnav #btn-6, #mainnav #btn-6 a, #mainnav #btn-6 a:active { background-image:url(../img/btn-6.png);}
#mainnav #btn-7, #mainnav #btn-7 a, #mainnav #btn-7 a:active { background-image:url(../img/btn-7.png);}
#mainnav #btn-8, #mainnav #btn-8 a, #mainnav #btn-8 a:active { background-image:url(../img/btn-8.png);}

#subnav {position:relative; width: 228px; height:176px; left:227px; background:#463c72;}

/* Col1 & Col2 -------------------------------------------------------- */

#col1 { width:225px; float:left; margin-top:95px;}
#nieuws {padding-left:0px; color:#211458; background-color: #fff; height:400px; overflow:hidden; width:227px; }
#nieuws ul li {margin: 15px 5px 15px 15px;}
#nieuws ul li span a {color:#807f82;}
#nieuws ul li span a:hover{color: #CCCCCC;}
#nieuws h5 {background: #dfdfdf; padding:5px 5px 5px 15px;}
#nieuws img {float:right; margin-top:-13px;}
#nieuws ul hr {background-color:#dfdfdf; border:medium none; height:1px; width:100%;}

#vacature {padding-left:0px; color:#211458; background-color: #f1f1f1; height:400px; overflow:hidden; width:228px; }
#vacature ul li {margin: 15px 5px 15px 15px;}
#vacature ul li span a {color:#807f82;}
#vacature ul li span a:hover{color:#CCCCCC;}
#vacature h5 {background: #d3d3d3; padding:5px 5px 5px 15px;}
#vacature img {float:right; margin-top:-13px;}
#nieuws ul hr {background-color:#dfdfdf; border:medium none; height:1px; width:100%;}

#nieuws-index {padding-left:0px; color:#211458; background-color: #fff; height:100px; overflow:hidden; width:227px; float:left;}
#nieuws-index ul li {margin: 15px 5px 15px 15px;}
#nieuws-index ul li span a {color:#807f82;}
#nieuws-index ul li span a:hover{color: #CCCCCC;}
#nieuws-index h5 {background: #dfdfdf; padding:5px 5px 5px 15px;}
#nieuws-index img {float:right; margin-top:-13px;}
#nieuws-index ul hr {background-color:#dfdfdf; border:medium none; height:1px; width:100%;}

#vacature-index {padding-left:0px; color:#211458; background-color: #f1f1f1; height:100px; overflow:hidden; width:228px; float:left;}
#vacature-index ul li {margin: 15px 5px 15px 15px;}
#vacature-index ul li span a {color:#807f82;}
#vacature-index ul li span a:hover{color:#CCCCCC;}
#vacature-index h5 {background: #d3d3d3; padding:5px 5px 5px 15px;}
#vacature-index img {float:right; margin-top:-13px;}
#nieuws-index ul hr {background-color:#dfdfdf; border:medium none; height:1px; width:100%;}

#introtekst {padding-left:15px;}

.witvlak1 {width:241px; height:20px; margin-top:0px; float:left; position:relative; bottom:0px; background-color: #fff;}
.witvlak2 {width:455px; height:20px; margin-top:0px; float:left; position:relative; bottom:0px; background-color: #fff;}

#col2 { width:647px; float:right; margin: 10px 20px 0px 15px; }

#index-col1 {width:455px;}
#indexcol2 {width:454; min-height:542px;}

#nieuwsbrief { display:none;}
#nieuwsbrief a { width:195px; height:21px; text-indent:-3999px; position:absolute; margin:40px 0px 0px 20px;}
.rollover {width:195px; background:url(../img/btn-inschrijven.png) no-repeat 0px 0px; text-indent:-3999px;}
a.rollover:hover{width:195px; background:url(../img/btn-inschrijven.png) no-repeat 0px -21px;}
a.rollover:active{width:195px; background:url(../img/btn-inschrijven.png) no-repeat 0px -42px;}


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

#footer { height:60px; margin-top:20px;  color:#000000; width:909px; font-family:Arial, Helvetica, sans-serif; }
#footer span { font-weight:bold;}
#footer ul { margin-top:-26px; float:right; }
#footer ul li {float:right; padding-left:5px;}
#footer a {color: #666666; text-decoration:none;}


#footer-index { height:60px; margin-top:0px;  color:#000000; width:910px; font-family:Arial, Helvetica, sans-serif; }
#footer-index span { font-weight:bold;}
#footer-index ul { margin-top:-26px; float:right; }
#footer-index ul li {float:right; padding-left:5px;}
#footer-index a {color:#666666; text-decoration:none;}


#contact {padding: 30px 20px 10px 20px; width:500px;}
#author { width:14px; height:82px; float:right; position:relative; bottom:92px; right:-20px;}
#author a, #author a:visited {  height:80px; display:block; background: url(../img/tremani.png) no-repeat 0 0; position:relative; }
#author a:hover {width:14px; background-position:-13px 0;}

/* Standard extras ----------------------------------------------------------- */
.seo {position:absolute; left:-5000px; top:-5000px}
.clearer {clear:both; height:0; font-size:0px; line-height:0px;}