@charset "utf-8";
/* Remove defaults */
* { margin:0; padding:0; border:0; }
/*  LAYOUT  */
body {
  font:100% Arial, Helvetica, sans-serif;
  margin:0; 
  padding:0;
  text-align:center; /* center the container in IE 5* browsers. Text is set to the left aligned default in the #container selector */
  background:#ededed;
  color:#000000;
  background-image:url("http://www.realwebessentials.com/_images/bg_blue3.gif");
  background-repeat:repeat-x;
  font-size:11px;
}
#container { 
	width:980px; 
	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;
} 
#header {margin:0; padding:0; background:#fff; color:#000;} 
#header #headerbar { 
	width:980px; 
	margin:0 auto;
    padding:0;
	text-align:left; 
} 
#header #menubartot { margin:0; padding:0; 
  background:#1E6698; /* kleur links en rechts van menu */ 
  font:12px Arial, Helvetica, sans-serif; font-weight:bold;
  border-style:solid; border-color:#777; border-width:1px 0 1px 0;
  } 
#header #menubar { 
	width:980px; 
	margin:0 auto;
    padding:5px 0;
	text-align:left; 
} 
#header h1 {
	margin:0; /* zeroing margin of last element in the #header div to avoid margin collapse */
	padding:10px 0; /* use padding instead of margin */
}
#sidebar1 {
  float:left; /* since element is floated, 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 0px; /* the left margin on this div element creates the column down the left side */ 
padding:0 5px 0 15px; 
border-style:solid; border-color:#3C7FAF; border-width:1px 0 0 0; 
} 
#footer {
  width:980px;
  margin:3px auto 5px auto; 
  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 */
}
.clearfloat {clear:both; height:0; font-size:1px; line-height:0px; } /* should be placed on a div or break element in final element before 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;  padding: 0 0 0 10px; text-align:left; width:320px; float:left;}
#header .text .logo .dfg { margin:1px 0 0 5px; text-align:left; font-size:28px; font-weight:bold;}
#header .text .logo .dfg .real {color:#696969;}
#header .text .logo .dfg .web  {color:#1e6698;}
#header .text .logo .dfg .essentials {color:#000000;}
#header .text .logo .dfg .space {font-size:7px;}
#header .text .logo .com {margin:-5px 0 0 230px; font-size:14px; font-weight:bold; color:#696969;}
#header .extra { margin:0; text-align:center; font-size:20px; font-weight:bold; color:#696969;}
#header .extra .extra2 { margin:0; font-size:15px; font-weight:bold; color:#696969;}
#header .pic { margin:0; text-align:right;}
#header .bartext { margin:0; padding:1px; background:#1E6698; text-align:left; background-image:url("http://www.realwebessentials.com/_images/bluebar.jpg"); }
#header .bartext .text1 {
  width:980px;
  margin:0 auto;
  padding:4px 0 3px 0;
  font-family:Arial,Helvetica,sans-serif;
  font-size:11px;
  line-height:100%;
  color:#eee;
  text-align:center;
  font-weight:normal;
}
#header .bartext .text1 a:link    {color:#eee;}
#header .bartext .text1 a:visited {color:#eee;}
#header .bartext .text1 a:hover   {color:#eee;  text-decoration:none;}
#header .bartext .text1 a:active  {color:#eee;}

#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 15px 0; text-align:center; font-size:11px; font-weight:normal; color:#000;}
#sidebar1 #menu .datumenfav .date {color:#696969;}
#sidebar1 #menu .datumenfav .fav {margin-top:5px;}
#sidebar1 #menu .titel {margin:12px 5px 10px 0px; padding:1px; text-align:center; font-weight:bold; color:#ffffff; background-image:url("http://www.realwebessentials.com/_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; list-style-image:none;}
#sidebar1 #menu li {margin:0; padding:5px 0 10px 0;} 
#sidebar1 #menu a:link    {color:#444; text-decoration:none;}
#sidebar1 #menu a:visited {color:#444; text-decoration:none;}
#sidebar1 #menu a:hover   {color:#444; text-decoration:underline;}
#sidebar1 #menu a:active  {color:#444; text-decoration:none;}

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


.xsnazzy { margin:0; padding:0 7px; width:270px; float:left; background:transparent; font-family:Arial, Helvetica, sans-serif; }
.xsnazzy h1 { margin:0; padding:0 10px 5px 10px; border-bottom:1px solid #444;  font-size:15px; text-align:center; }
.xsnazzy .cont { margin:0; padding:5px 10px; font-size:11px; text-align:center; }
.xsnazzy .cont .subtitle {margin:0 0 15px 0; font-size:14px; font-weight:bold; color:#cc0000;}
.xsnazzy .cont .eenlinkhome {font-size:17px;}
.xsnazzy .cont .eenlink {font-size:13px; font-weight:bold;}
.xsnazzy .cont .onderlink{ margin:0; padding:10px 0 0 0; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}

.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:#fff; border-left:1px solid #444; border-right:1px solid #444;}
.xb1 {margin:0 5px; background:#444;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

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

/* Headers */
.color_a {background:#FF9900; color:#fff;} /* SuperPass */
.color_b {background:#07ACDC; color:#fff;} /* Buy RP Plus */
.color_c {background:#0099FF; color:#fff;} /* RP Basic */
.color_d {background:#FF9900; color:#fff;} /* SP Mac */
/* Content */
.color_a_cont, .color_b_cont, .color_c_cont, .color_d_cont {background:#f5f5f5; color:#444;}


.pageintro, .pagetext { margin:0 7px 0 0; color:#333; 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, h3, H5, H6 {padding:0; font-family:Arial,Helvetica,sans-serif; font-weight:bold;} 
H1 { margin:10px 0 5px 0; padding:0; font-size:23px; color:#444; } /* sub H1 title */
H2 { margin:0 0 15px 1px; font-weight:normal; font-size:13px; color:#444; }
H3 { margin:15px 0 7px 0; font-size:16px; color:#444;}
H4 { margin:15px 0 7px 0; font-size:16px; color:#444;}
H5 { font-size:100%; margin-left:5px;}
H6 { font-size: 95%; font-style:italic; }

#container ul, #container ol { margin:5px 0 0 25px; padding:0; }
#container ul { list-style-image:url(http://www.realwebessentials.com/_images/blue-bullet.gif); }
#container li { margin:3px 0 8px 0; padding:0; } 

.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:12px; font-weight:bold; color:#ff0000;}

.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;}

/*Button Style*/ 
a.mijnbtn {font-size:15px; font-weight:bold; font-family:Arial,Helvetica,sans-serif;
margin:0; padding:5px 15px;
border-style:solid; border-color:#ccc #555 #555 #ccc; border-width:2px 2px 2px 2px;
text-align:center;
min-width:75px;
background-color:#ffcc00; background-image:url(../_images/button_bg.gif); background-position:bottom left;
}
a.mijnbtn:link, a.mijnbtn:visited {color:#000; text-decoration:none;}
a.mijnbtn:hover {color:#00F; text-decoration:underline;}
a.mijnbtn:active {border-color:#555 #ccc #ccc #555; color:#666;}