@charset "utf-8";
/* CSS Document */
/*  LAYOUT  */
body {
  font:100% Verdana, Arial, Helvetica, sans-serif;
  background:#ededed;
  margin:0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
  padding:0;
  text-align:center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
  color:#333;
  background-image:url(_images/bg_blue3.gif);
  background-repeat:repeat-x;
  font-size:11px;
}
#container { 
	width:980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background:#FFFFFF;
	margin:0 auto; /* the auto margins (in conjunction with a width) center the page */
    padding:0;
	/* border:1px solid #808080; */
	text-align:left; /* this overrides the text-align: center on the body element. */
} 
#header {
  background:#fff;
  margin:0;
  padding:0; /* padding: 0 10px 0 20px;  this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
#headerbar { 
	width:980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background:#FFFFFF;
	margin:0 auto;
    padding:0;
	text-align:left; /* this overrides the text-align: center on the body element. */
} 
#header h1 {
	margin:0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding:10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#sidebar1 {
  float:left; /* since this element is floated, a width must be given */
  width:160px; /* the background color will be displayed for the length of the content in the column, but no further */
  margin:0;
  padding:0;
  border-style:solid;
  border-color:#3C7FAF;
  border-width:1px 0 0 0;  
}
#mainContent {
  margin:0 0 0 160px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
  padding:0 0 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
  border-style:solid;
  border-color:#3C7FAF;
  border-width:1px 0 0 0;
} 
#footer {
  width:980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
  margin:3px auto 5px auto; /* the auto margins (in conjunction with a width) center the page */
  padding:0;
} 
#footer p {
	margin:0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding:10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
/* this classes can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
.fltrt {float:right; margin-left:8px;}
.fltlft {float:left; margin-right:8px;}
.clearfloat {clear:both; height:0; font-size:1px; line-height:0px;} /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */

/*  PRESENTATIE  */
#header .text {margin:20px 0 0 0; text-align:left;
	width:680px;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
}
#header .text .logo {
  margin:0;
  text-align:left;
  width:320px;
  float:left;
  padding: 0 0 0 10px;
}
#header .text .logo .dfg { margin:1px 0 0 5px; text-align:left; font-size:28px; font-weight:bold;}
#header .text .logo .dfg .download {color:#696969;}
#header .text .logo .dfg .free     { color:#1e6698; }
#header .text .logo .dfg .players  { color:#1e6698; }
#header .text .logo .dfg .space {font-size:7px;}
#header .text .logo .com {margin:-5px 0 0 257px; font-size:14px; font-weight:bold; color:#696969;}
#header .extra { margin:0; text-align:center; font-size:20px; font-weight:bold; color:#696969;}
#header .pic { margin:0; text-align:right;}
#header .bartext { margin:0; padding:1px; background:#0099cc; text-align:left; background-image:url("_images/bluebar.jpg"); }
#header .bartext .text1 {
  width:980px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
  margin:0 auto; /* the auto margins (in conjunction with a width) center the page */
  padding:4px 0 3px 0;
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  line-height:100%;
  color:#ffffff;
  text-align:center;
  font-weight:bold;
  font-style: normal;
}
#header .bartext .text1 a:link    {color:#fff;}
#header .bartext .text1 a:visited {color:#fff;}
#header .bartext .text1 a:hover   {color:#fff;  text-decoration:none;}
#header .bartext .text1 a:active  {color:#fff;}



#sidebar1 #menu {
  margin:0;
  padding:0 0 20px 5px;
  text-align:left;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
  background-color:#eeeeee;
}
#sidebar1 #menu .datumenfav {margin:0; padding:0 0 20px 0; text-align:center; font-size:11px; color:#000; font-weight:normal;}
#sidebar1 #menu .datumenfav .date {color:#696969;}
#sidebar1 #menu .datumenfav .fav {margin-top:5px;}
#sidebar1 #menu .titel    {margin:12px 5px 10px 0; padding:1px; text-align:center; font-weight:bold; color:#ffffff; background-image:url(_images/bluebar.jpg);}
#sidebar1 #menu .titelsub {margin:15px 0 7px 3px; padding:0; text-align:left; font-weight:bold; color:#333333;}
#sidebar1 #menu ul {margin:0; padding:0 0 0 20px;}
#sidebar1 #menu li {margin:0; padding:5px 0 10px 0;} 
#sidebar1 #menu a:link    {color:#333; text-decoration:none;}
#sidebar1 #menu a:visited {color:#333; text-decoration:none;}
#sidebar1 #menu a:hover   {color:#333; text-decoration:underline;}
#sidebar1 #menu a:active  {color:#333; text-decoration:none;}

#bottomborder { 
  text-align:center;
  margin:0;
  padding:10px 10px 10px 10px;
  font-size:11px; 
}	
#bottomborder .copyright {
  font-size:11px;
  color:#505050;
  margin-top:10px;
}


.pageintro, .pagetext {margin:0 7px 0 0; color:#444; font-size:12px;}

a:link    { color: #0000ff; }
a:visited { color: #800000;	}
a:hover   { color: #009900; }
a:active  { color: #0000ff; }

.red  {color:#ff0000;}
.redb {color:#ff0000; font-weight:bold;}
.redbg  {color:#ffffff; background-color:#ff0000;}
.redbgb {color:#ffffff; background-color:#ff0000; font-weight:bold;}

H1, H2, H3, H4, H5, H6 {font-family:Arial,Helvetica,sans-serif; font-weight:bold;}
H1 {margin:10px 0 7px 0; padding:0; font-size:23px; color:#000066;}
H2 {font-size:11pt; line-height:100%; color:#ffffff; margin:3px 3px 2px 3px; }
H3 {
  font-size:125%;
  line-height: 95%;
  color:#000000;
  margin:2px 3px 2px 0;
}
H4 {margin:15px 0px 7px 0; padding:0; font-size:16px; }
H5 { font-size:100%; margin-left:5px;}
H6 { font-size: 95%; font-style:italic; }


.titledownload {margin:0 0 5px 0; font-family:Arial,Helvetica,sans-serif; font-size:22px; font-weight:bold; color:#000066;}
.subtitledownload {margin:0 0 20px 0; font-family:Arial,Helvetica,sans-serif; font-size:16px; font-weight:bold; color:#cc0000;}

.tellmemore {margin:15px 0 0 0; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px;}
.klein {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; font-style:italic; color:#696969;}
.reallinks {font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; font-style:italic; color:#696969;}
.reallinks a:link    {color:#6699cc;}
.reallinks a:visited {color:#6699cc;}
.reallinks a:hover   {color:#009900;}
.reallinks a:active  {color:#6699cc;}
.txtbijgooglebutton {font-family:Arial,Helvetica,sans-serif; font-size:10px; color:#696969;}

.recommendation { margin:5px 0 0 0; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#ff0000; }

.borders {border-left:1px solid #243C7E; border-right:1px solid #243C7E;}
.tablemargin { margin:7px; }

.stapindic {margin:0; padding:10px 10px 0 0; float:right; width:220px; }
.stapindic .titel {color:#333; text-align:center;}
.stapindic .tabel {border:1px solid #666;}
.stapindic .aan {background-color:#3399FF; color:#FFFFFF; text-align:center; font-weight:bold;}
.stapindic .uit {background-color:#ddd; color:#333; text-align:center;}


.xsnazzy { background:transparent; width:245px; float:left; margin:0; padding:0 7px; font-family:Verdana, Arial, Helvetica, sans-serif; }
.xsnazzy h1 { margin:0; padding:0 10px 5px 10px; border-bottom:1px solid #999;  font-size:15px; text-align:center; }
.xsnazzy .cont { margin:0; padding:5px 10px; font-size:11px; text-align:center; }
.xsnazzy .cont .eenlinkindexpage {font-size:18px; font-weight:bold;}
.eenlink {font-size:16px; font-weight:bold;}
.xsnazzy .cont .onderlink{ margin:0; padding:5px 0 0 0; font-size:11px; }

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#999; border-left:1px solid #999; border-right:1px solid #999;}
.xb1 {margin:0 5px; background:#999;} /* top/bot lijn */
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; border:0 solid #999; border-width:0 1px; height:auto;}
* html .xboxcontent {height:1px;}

/* Headers */
.color_a {background:#E8A317; color:#fff;}
.color_b {background:#D4A017; color:#fff;}
.color_c {background:#616D7E; color:#fff;}

/* Content */
.color_a_cont {background:#fafafa; color:#444;}
.color_b_cont {background:#fafafa; color:#444;}
.color_c_cont {background:#fafafa; color:#444;}