@charset "utf-8";
/* Remove defaults */
* { margin:0; padding:0; border:0; }
/*  LAYOUT  */
body {
  font:100% Verdana, 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.downloadfreeplayers.com/_images/bg_blue3.gif");
  background-repeat:repeat-x;
  font-size:11px;
}
a:link    {color:#18479b;}
a:visited {color:#18479b;}
a:hover   {color:#CC6600;}
a:active  {color:#18479b;}

#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;
	min-height:1200px;
} 
#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: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:170px; /* 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 170px; /* 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 50px 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:10px 0 0 0; text-align:left; width:680px; float:left; font-family:Arial,Helvetica,sans-serif;}
#header .text .logo {margin:10px 0 0 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 .download {color:#2973B8;} /*#999*/
#header .text .logo .dfg .free     {color:#E37A1F;} /*#0177c1*/
#header .text .logo .dfg .players  {color:#A3171A;} /*#ec8103*/
#header .text .logo .dfg .space {font-size:7px;}
#header .text .logo .com {margin:-5px 0 0 265px; font-size:14px; font-weight:bold; color:#ccc;}
#header .extra {margin:0; text-align:center; font-size:17px; font-weight:bold; line-height:21px;}
#header .extra .regel1 {color:#999;}
#header .extra .regel2 {color:#0177c1;}
#header .extra .regel3 {color:#999;}
#header .pic { margin:0; text-align:right;}
#header .bartext { margin:0; padding:1px; background:#1E6698; text-align:left; background-image:url("http://www.downloadfreeplayers.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:#fff; text-align:center;  font-weight:bold;}
#header .bartext .text1 a:link    {color:#fff; text-decoration:underline;}
#header .bartext .text1 a:visited {color:#fff; text-decoration:underline;}
#header .bartext .text1 a:hover   {color:#fff; text-decoration:none;}
#header .bartext .text1 a:active  {color:#fff; text-decoration:underline;}

#sidebar1 #menu {margin:0; padding:0 0 20px 5px; text-align:left; font-family:Arial, Helvetica, sans-serif; font-size:11px; background-color:#F7F7F7;}
#sidebar1 #menu .datumenfav {margin:0; padding:0 0 10px 0; text-align:center; font-size:11px; font-weight:normal; color:#000;}
#sidebar1 #menu .datumenfav .date {color:#696969;}
#sidebar1 #menu .datumenfav .plusone {margin-top:6px;}
#sidebar1 #menu .datumenfav .fav {margin-top:5px;}
#sidebar1 #menu .titel {margin:12px 5px 6px 0px; padding:1px; text-align:center; font-weight:bold; color:#ffffff; background-image:url("http://www.downloadfreeplayers.com/_images/bluebar.jpg");}
#sidebar1 #menu .titelsub {margin:12px 0 5px 3px; padding:0; text-align:left; font-weight:bold; color:#555;}
#sidebar1 #menu ul {margin:0; padding:0 0 0 10px; list-style-image:none; list-style-type:none}
#sidebar1 #menu li {margin:0; padding:3px 0 6px 0;} 
#sidebar1 #menu a:link    {color:#06C; text-decoration:none;}
#sidebar1 #menu a:visited {color:#06C; text-decoration:none;}
#sidebar1 #menu a:hover   {color:#06C; text-decoration:underline;}
#sidebar1 #menu a:active  {color:#06C; 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;}


.box {width:300px; margin:0 0 0 60px; padding:0; border:1px solid #999999; border-radius:6px; text-align:center; font-family:Arial, Helvetica, sans-serif; line-height:normal; float:left;}
.box .boxtitle { padding:5px 0 4px 0; border-radius:6px 6px 0 0; font-size:16px; font-weight:bold; color:#FFFFFF;}
.box .boxcontent { margin:0; padding:10px 5px; font-size:11px; border-top:1px solid #999999; color:#666666; background-color:#fafafa; border-radius:0 0 6px 6px;}
.box .boxcontent .subtitle  {margin:0 0 15px 0; color:#cc0000; font-size:14px;}
.box .boxcontent .subtitleb {margin:0 0 15px 0; color:#cc0000; font-size:14px; font-weight:bold;}
.box .boxcontent .downloadlink {font-size:21px; font-weight:bold;}
.box .boxcontent .onderlink{ margin:0; padding:10px 0 0 0; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}

.box .boxtitlecolor-superpass, 
.box .boxtitlecolor-superpassmac, 
.box .boxtitlecolor-realplayercloud  {border:1px solid #E8A317; background-color:#E8A317;}
.box .boxtitlecolor-android,
.box .boxtitlecolor-realplayermac, 
.box .boxtitlecolor-realplayerbasic,
.box .boxtitlecolor-realplayerlinux,
.box .boxtitlecolor-rinse {border:1px solid #616D7E; background-color:#616D7E;}
.box .boxtitlecolor-flvplayer, 
.box .boxtitlecolor-adobe,
.box .boxtitlecolor-realplayerplus {border:1px solid #D4A017; background-color:#D4A017;}
.box .boxtitlecolor-mediaplayer {border:1px solid #3366FF; background-color:#3366FF;}
.box .boxtitlecolor-divx,
.box .boxtitlecolor-vclplayer {border:1px solid #0099FF; background-color:#0099FF;}
.box .boxtitlecolor-winamp {border:1px solid #660000; background-color:#660000;}
.box .boxtitlecolor-itunes, 
.box .boxtitlecolor-quicktime {border:1px solid #003366; background-color:#003366;}

.pageintro, .pagetext {margin:0 7px 0 0; color:#555; font-size:12px; line-height:1.5;}

.greyi  {color:#666666; font-style:italic;}
.red  {color:#ff0000;}
.redb {color:#ff0000; font-weight:bold;}
.redbg  {color:#ffffff; background-color:#ff0000;}
.redbgb {color:#ffffff; background-color:#ff0000; font-weight:bold;}
.yelbg  {background-color:#FFFF00;}
.yelbgb {background-color:#FFFF00; font-weight:bold;}
.redonyelbgb {color:#ff0000; background-color:#FFFF00; font-weight:bold;}
H1, H2, H3, H4, H5, H6, .subH1 {padding:0; font-family:Arial,Helvetica,sans-serif; font-weight:bold;} 
H1 {margin:10px 0 3px 0; padding:0; font-size:23px; color:#1e6698; } 
.subH1 {margin:0 0 15px 1px; font-weight:normal; font-style:italic; font-size:13px; color:#1e6698;} /* sub H1 title */
H2 {margin:15px 0 10px 0; font-size:20px; color:#555;}
H3 {margin:15px 0 7px 0; font-size:17px; color:#555;}
H4 {margin:15px 0 7px 0; font-size:16px; color:#444;} /* not used */
H5 {font-size:100%; margin-left:5px;} /* not used */
H6 {font-size: 95%; font-style:italic;} /* not used */

#container ul, #container ol { margin:5px 0 0 25px; padding:0;}
#container ul {list-style-image:url(http://www.downloadfreeplayers.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;}
.subtitlebdownload {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;}

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


/* BUTTONS */
.divrondbutton {margin:5px 0 0 0; color:#777; text-align:center; font-size:11px;}

.divrondbutton a {
	color: #fff;
	text-decoration: none;
	font-weight:bold;
}

.button {
	display: inline-block;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 15px 'Segoe UI',Arial,sans-serif;
	padding: .5em 1.5em .55em;
	/* text-shadow: 0 1px 1px rgba(0,0,0,.3);*/
	-webkit-border-radius: .5em; 
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

a.button { color:#fff; text-decoration: none;}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}

.bigbtn {
	font-size: 14px;
    font-weight:normal;
	padding: .39em 1.5em .46em;
}

.medium {
	font-size: 13px;
    font-weight:normal;
	padding: .3em 1.5em .35em;
}
.small {
	font-size: 11px; 
    font-weight:normal;
	padding: .30em .7em .275em;
}

.smallthumpnail {
	font-size: 11px; 
    font-weight:normal;
	padding: .40em .7em .42em;
}


/* orange button */
.orange {
	color: #fff;
	border: solid 1px #ef6121; /* #da7c0c  */
    background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
    background-image: linear-gradient(#f88e11,  #f06015);

}
.orange:hover {
    background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
    background-image: linear-gradient(#faa51a, #f47a20);
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
    background-image: linear-gradient(#f47a20,  #faa51a);
}


/* green button */
.green {
	color: #fff;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background-image: linear-gradient(#7db72f, #4e7d0e);
}
.green:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
    background-image: linear-gradient(#6b9d28,  #436b0c);
}
.green:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
    background-image: linear-gradient(#6b9d28,  #436b0c);
}


#ad_contenttop {margin:10px 10px 20px 10px; text-align:center; }
#ad_contentbot {margin:70px 0 20px 0; text-align:center;}

.responsive_tuning_top, .responsive_tuning_bot { width: 320px; height: 100px; }
@media (min-width: 680px) { .responsive_tuning_top, .responsive_tuning_bot  { width: 468px !important; height: 60px !important; } }
@media (min-width: 950px) { .responsive_tuning_top, .responsive_tuning_bot  { width: 728px !important; height: 90px !important; } }