/*************************************************************
  P A G E
*************************************************************/
* { border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0 } /* Resets elements */
ol, ul { list-style: none }
big { font-size: 130% }
small, sup, sub { font-size: 80% }
img { -ms-interpolation-mode: bicubic } /* Makes resized images in IE look better */
body { color: #666; font: 12px/1.417em Arial, Helvetica, sans-serif; width: 100%; }
#wrapper { width: 95%;}
.box{ clear: right; display: block; margin: 0 0 5px }
td{	font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
hr { color: #ccc; height: 1px; background:#ccc }

/*************************************************************
  H E A D E R
*************************************************************/
#header #logo { display: block; clear: both; padding-bottom: 50px;}
#header #flash { display: none;}
#header #search { display: none }

/*************************************************************
  N A V I G A T I O N
*************************************************************/
#navigation { display: none;}

/*************************************************************
  C O N T E N T
*************************************************************/
#content {  width: 100%}

h1 { color: #000; font: normal 1.4em/1 /*16px/1*/ Arial, Helvetica, sans-serif; margin-top: 10px; margin-bottom:15px; font-weight: bold; }
h2 { color: #000; font: normal 1.167em/1 /*14px/1*/ Arial, Helvetica, sans-serif; font-weight: bold; }
h3 { color: #000; font: normal 1em/1 /*12px/1*/ Arial, Helvetica, sans-serif; font-weight: bold; }

p { margin: 0.667em 0 /*8px*/ }

#content ol, #content ul { margin: 0.667em 0 /*8px*/ }
#content ol { list-style: decimal outside; margin-left: 25px }
#content ul { list-style: disc outside; margin-left: 25px }

table { margin: 0.667em 0 /*13px*/ }

a { color: #333 }

/* News items */
#news td {}
#news td a { color: #333;}
#news td a span { display: block; margin: 10px 0 0; padding: 0 }

/* Activities items */
#activities { width: 50%}
#activities a { color: #333; text-decoration: none;}
#activities th { border-bottom: 1px solid #333; color: #333; font: normal 1.333em/1 /*16px/1*/ Arial, Helvetica, sans-serif; padding: 5px 0; text-align: left; font-weight: bold; }
#activities td { vertical-align: middle; border-bottom: 1px solid #ccc }
#activities td.date { color: #333; font-size: 1.167em /*14px*/; font-weight: bold; padding: 3px 10px; text-align: center; text-transform: uppercase; width: 30px; }
#activities tr.second { border: 1px solid #333;}

/* Company items */
dl.company { background: url(dot.gif) left 12px repeat-x; height: 20px; margin: 0.667em 0 /*13px*/; width: 100% }
dl.company dt { background: #fff; color: #262262; float: left; font-size: 1.083em /*13px*/; padding: 0 8px 0 0 }
dl.company dd { background: #fff; float: right; padding: 0 0 0 8px }

/* Top 500 */
#top500 { margin: 30px 0 0 }
#top500 h1 { font-weight: bold }
#top500 table { width: 100% }
#top500 table tr { vertical-align: top }
#top500 table tr th { color: #333; font-weight: normal; text-align: left; text-transform: uppercase; width: 120px }
#top500 table tr td { padding: 0 0 10px }

#top500 table ol, #top500 table ul { margin: 0 0 0 15px }

#top500 table table { background: #999; width: 100% }
#top500 table table th { background: #fff; color: #333; /*font-weight: bold;*/padding: 5px; text-align: center; text-transform: none }
#top500 table table td { background: #fff; padding: 5px; text-align: right }
#content input.default {width:320px; border:1px solid #ccc} 
#content input.rang {width:60px; border:1px solid #ccc} 
#content select.default {width:325px; border:1px solid #ccc} 
#top500form {background:#fff;}
#top500form th {text-align:left; font-weight:bold; height:25px; padding-left:5px; font-size:120%; color:#00AEEF}
#top500form td.title {color:#333;text-align:right;padding-right:5px; padding-left:5px;}
#top500form td {height:25px}



/* home.cfm */
#home { margin: 22px 45px 22px 0; }
#home #logo { font-size: 1.333em; color: #333; margin: 15px 0 15px 0px; padding: 10px 5px; border: 1px solid #ccc; }
#home #logo img { vertical-align: middle }
#home #logo a { margin: 0 0 0 20px }

#home #activities { float: left; margin: 0 15px 0 0px; width: 46%; height:auto }


/* modules */
#content .fotoreeks { } /* fotoreeks lightbox */
#content .module fototekst { } /* foto + tekst */
#content .BeeldRechts { float: right; margin: 0 0 20px 10px } /* beeld rechts */
#content .BeeldLinks { float: left; margin: 0 20px 10px 0 } /* beeld links */
#content .BeeldGroot { margin: 10px 0px; }
#content .portal { } /* 2 kolommen */
#content .portal .kolom1 { border-right: 1px solid #ccc; padding: 0 25px 0 0; vertical-align: top; width: 50% } /* 2 kolommen > kolom1 (links) */
#content .portal .kolom2 { padding: 0 0 0 25px; vertical-align: top; width: 50% } /* 2 kolommen > kolom2 (rechts) */
#content .box { } /* link met tekst */
#content a.ankerlijst { } /* ankerlijst */
#content input, #content textarea { border: 1px solid #000; color: #000; font: 11px/16px Tahoma, Geneva, sans-serif; margin: 2px 0; padding: 3px } /* formulier elementen */
#content input { width: 300px }
#content input.checkbox { border: 0; width: auto }
#content textarea { height: 100px; overflow: auto; width: 450px }
#content .knop { background: #000; border: 0; color: #fff; text-align: center; width: 70px } /* button formulier */
#content .sitemap { } /* sitemap */
#content #kalenderpunt #fotos { margin-top: 20px; }
#content .inschrijven {background: url('../art/knop_schrijfin.jpg') top no-repeat; width:150px; height:42px; display:block; color:#FFF; text-decoration: none; font-weight: normal; text-align: center; padding-top: 11px; font-size: 13px;}

#content table { margin: 0.583em 0 /*7px*/ }

#imagelink
{

	position:relative;
	height:160px;
	vertical-align:middle;
	margin-right:6px;
	margin-bottom:2px;
	text-align:center;
	float:left;
/*  border:1px solid #CCCCCC;*/
/*	background-color:#F8F8F8;*/
}
table.imagelinkimg
{
	padding-top:2px;
	vertical-align:middle;
	height:140px;
}


/*************************************************************
  S I D E B A R S
*************************************************************/
/* Left sidebar */
#sidebarLeft { display: none;}
/* Right sidebar */
#sidebarRight { display: none; }


/*************************************************************
  F O O T E R
*************************************************************/
#footer { display: none}


/*************************************************************
  C L E A R F I X  =  clears floating elements
*************************************************************/
.clearfix       { display: inline-block }
.clearfix:after { clear: both; content: "."; display: block; font-size: 0; height: 0; visibility: hidden }

/* Hides from IE-mac \*/
* html .clearfix { height: 1% }
.clearfix { display: block }
/* End hide from IE-mac */



/*************************************************************
  T O G G L E   T E K S T
*************************************************************/
.dhtmlgoodies_title{
	/* Styling question */
	/* Start layout CSS */
	/*border-bottom: 1px solid #E5E5E5;*/
	text-decoration:underline;
	color: #9c8c05; 	
	
	/* End layout CSS */
	
	overflow:hidden;
	cursor:pointer;
}	
.dhtmlgoodies_content{	/* Parent box of slide down content */
	/* Start layout CSS */
/*	background-image:url(expert_content_patroon.png);
	background-repeat: repeat-x;
	background-position:top;*/
	/* End layout CSS */
		
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;
}
.dhtmlgoodies_content_content{	/* Content that is slided down */
	padding:1px;	
	position:relative;
}
#print {
	display: none;
}

.input {
  margin: 0;
/*  background: white;*/
  float: left;
  clear: both;
}
.input span {
  position: absolute;
  margin-top:3px;
  margin-left:0px;
  padding-left:3px;
  height:19px;
  color: #999;
  background-color:#FFFFFF;
  font: 10px/18px Verdana, Geneva, sans-serif;
  width:154px;
}
.input input, .input textarea, .input select {
  position: relative;
  margin: 0;
  padding: 5px;
  margin-left: 3px;
  border-width: 1px;
  padding: 6px;
  background: transparent;
  font: inherit;
}

input.hidespan {
  background-color:white;
}
/* Hack to remove Safari's extra padding. Remove if you don't care about pixel-perfection. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .input input, .input textarea, .input select { padding: 4px; }
}