/*******************************/
/**       CSS DOCUMENT        **/
/**   OWNED BY DROOMSLICING   **/
/**   COPYRIGHT 2009 - 1010   **/
/**       www.idroom.nl       **/
/*******************************/


/*******************************/
/* REGULAR COMMANDS */
/*******************************/
body{ margin:0px; padding:0px; color:#474f71; font-size:0.8em; font-family: Arial, Verdana, Helvetica, sans-serif; text-decoration:none; background:url(../images/bg.jpg) repeat-x #336b84;}
body a{ text-decoration:none; color:#4d5579; font-weight:bold; }
body a:hover{ text-decoration:underline; color:#4d5579; font-weight:bold;}
h1 { font-family:Arial, Verdana, sans-serif; font-size: 13px; font-weight:bolder; color:#fff; display:inline; }
.clear{clear:both; overflow:hidden; height:0px; } img{border:0px;} ul, li{list-style:none;}

/*******************************/
/* CONTAINER DIVISION */
/*******************************/
#container{ position:relative; width:1000px; margin:0 auto;}

/*******************************/
/* TOP DIVISION */
/*******************************/

#container #top{ width:981px; padding:4px 3px 4px 14px; color:#fff; border:1px solid #698086; background:url(../images/bg_top.jpg) repeat-x; margin:26px 0px 0px 0px; }
#container #top #logo{ float:left; width:310px; }
/* #container #top #logo strong{ background:url(../images/logo.gif) no-repeat left; line-height:77px; padding:0px 0px 0px 28px; font-size:2.3em; font-family:"Trebuchet MS"; } */
#container #top #logo strong span{ color:#12b9fd; }

/*******************************/
/* MIDLE DIVISION */
/*******************************/
#container #midle { position:relative; width:996px; padding:5px 4px 0px 0px; background:#fff; margin:19px 0px 16px 0px;}
#container #midle #content{ float:left; width:846px; margin:0px -10px 0px 0px;}
#container #midle #content .bannerspace{ width:590px; float:left; height:90px; margin-bottom:5px; position:relative;}
#container #midle #content .bannerspace span{ position:absolute; left:20px; top:0px; }
#container #midle #content .smallbanner{ width:469px; height:74px; background:url(../images/bg_banner.jpg) repeat-x; padding:8px 0px 0px 0px; margin:0px 0px 5px 5px; border:1px solid #c8c8c8; float:left; overflow:hidden; position:relative; }
#container #midle #content .radiostation{ width:100px; height:76px; background:url(../images/bg_radio.jpg) no-repeat; padding:6px 6px 0px 6px; margin:0px 0px 5px 5px; border:1px solid #c8c8c8; float:left; overflow:hidden; position:relative; }
#container #midle #content .radiostation em a{ z-index:1; display:block; cursor:pointer; font-style:normal; font-weight:normal; }
#container #midle #content .radiostation em strong{ color:#13baff; font-weight:bold; }
#container #midle #content .radiostation em { display:block;}
#container #midle #content .radiostation em img{ width:96px; height:66px;}
#container #midle #content span{ display:block; z-index:1; font-size:0.95em; padding:0px 0px 0px 10px; }
		
	.boxgrid{ font-size:0.95em; width: 125px; height:76px; float:left; overflow: hidden; position: relative; }
	.boxgrid img{ z-index:2; display:inline; position: absolute; top:8px; left:8px; border: 0; }
	.boxgrid strong{ display:block; padding:10px 0px 0px 10px; font-size:1.0em; margin:0px; color:#13baff;}		
	.boxgrid b{ padding:0 0 10px 10px; margin:0px; display:block; z-index:10; font-weight:normal; font-style:italic; font-size:0.90em; }
	.boxgrid a:hover{ text-decoration:none; }
		
	.boxcaption{ float:left; position: absolute; height:76px; width: 100%; opacity: .8; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 			}
 	.captionfull .boxcaption {top: 76px;left:7px;}
 	.caption .boxcaption {top:60px;left:7px;}
 	
#container #midle #content #pagina {width:826px; padding:0px 0px 0px 5px; min-height:580px; height:auto !important;height:580px;}
#container #midle #content #pagina h1{ margin:0px 0px 5px 0px; padding:0px 0px 0px 15px; line-height:40px; color:#001c28; font-size:1.5em; font-weight:normal; background:url(../images/bg_h1.jpg) repeat-x #ffffe8; border:1px solid #cdcdcd; }
#container #midle #content #pagina .pager{ background:url(../images/bg_pager.jpg) repeat-x #2d667e; border:1px solid #16516a; height:30px; margin-bottom:5px; }
#container #midle #content #pagina .pager ul{ margin:0px; padding:1px 0px 0px 5px; line-height:30px; }
#container #midle #content #pagina .pager ul li{ float:left; display:block; }
#container #midle #content #pagina .pager ul li a{ float:left; display:block; color:#fff; padding:0px 9px 0px 9px; background:url(../images/bg_li.jpg) no-repeat right;}
#container #midle #content #pagina .pager ul li.last a{ background:none;}
#container #midle #content #pagina .pager ul li a:hover{color:#13b9ff; text-decoration:none; }
#container #midle #content #pagina h2{ color:#003a52; margin:0px 0px 0px 0px; padding:0px 0px 0px 15px; line-height:32px; color:#001c28; font-size:0.95em; background:url(../images/bg_h2.jpg) repeat-x #ffffe8; border:1px solid #cdcdcd; }
#container #midle #content #pagina h2 a{ color:#003a52; cursor:default; text-decoration:none; }
#container #midle #content #pagina .tekstvak{ font-size:0.85em; margin:0px 0px 5px 0px; padding:10px 15px 10px 15px; color:#474f71; background:#ffffff; border-right:1px solid #cdcdcd; border-left:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd;}
#container #midle #content #pagina .tekstvak p{ line-height:18px; margin:0px; padding:0px 0px 8px 0px;}
#container #midle #content #pagina .tekstvak p a{ color:#13b9ff; }
#container #midle #content #pagina .tekstvak .radio{ height:22px; border-bottom:1px solid #e5e5e5; }
#container #midle #content #pagina .tekstvak .last{border-bottom:0px solid #e5e5e5; }
#container #midle #content #pagina .tekstvak .radio .naam{ float:left; width:244px; height:17px; padding:4px 0px 1px 13px; background:url(../images/bg_list.jpg) no-repeat left;}
#container #midle #content #pagina .tekstvak .radio .wmp{ float:left; width:128px; height:18px; padding:3px 0px 2px 0px;}
#container #midle #content #pagina .tekstvak .radio .winamp{float:left; width:128px; height:18px; padding:3px 0px 2px 0px;}
#container #midle #content #pagina .tekstvak .radio .itunes{ float:left; width:128px; height:18px; padding:3px 0px 2px 0px;}
#container #midle #content #pagina .tekstvak .radio .realplayer{ float:left; width:128px; height:18px; padding:3px 0px 2px 0px; }
#container #midle #content #pagina .tekstvak .radio .overige{ float:left; width:18px; height:18px; padding:3px 0px 2px 0px;}

#container #midle #content #pagina .tekstvak ol{list-style-type:decimal; margin:0px 0px 10px 15px; padding:0px 0px 0px 12px; list-style-position: inside; }
#container #midle #content #pagina .tekstvak ol li{list-style-type:decimal; padding:0px 0px 0px 0px; margin:0px;}
#container #midle #content #pagina .tekstvak ul{list-style-type:disc; margin:0px 0px 10px 15px; padding:0px 0px 0px 12px; list-style-position: inside; }
#container #midle #content #pagina .tekstvak ul li{list-style-type:disc; padding:0px 0px 0px 0px; margin:0px;}



/* #container #midle #ad{ float:right; width:160px; padding:0px 0px 4px 0px;} */
#container #midle #ad{ position:absolute; right:4px; width:160px; top:100px;}
#container #midle #ad2{ float:right; width:160px; padding:0px 0px 4px 0px; position:relative; z-index:20;}
#container #midle #bundel{ width:362px; float:left;}
#container #midle #player{ float:left; height:173px; width:233px; background:url(../images/bg_player.jpg) no-repeat;}
#container #midle #player img{ padding:23px 0px 20px 22px; width:96px; height:66px;}


/*******************************/
/* FOOTER DIVISION */
/*******************************/
#container #footer{  width:972px; line-height:30px; margin:0px 0px 16px 0px; padding:8px 13px 8px 13px; color:#fff; border:1px solid #789dad; background:url(../images/bg_bottom.jpg) repeat-x;}
#container #footer ul{ float:left; margin:0px; padding:0px; font-size:0.85em; line-height:12px;}
#container #footer ul li{ float:left; display:block; border-left:1px solid white; padding:0px 13px 0px 13px;}
#container #footer ul li.first{ border-left:0px solid white; padding:0px 13px 0px 0px;}
#container #footer ul li a{ float:left; display:block; color:#fff; font-weight:normal; }
#container #footer ul li.last{ border-left:0px solid white; margin:0px 0px 0px 180px; border:0px; text-indent:-3333px; width:95px; height:12px; }
#container #footer ul li.last a{ outline:0; cursor:pointer; display:block; width:95px; height:12px; background:url(../images/nuevo.jpg) no-repeat; }
#container #footer ul li.last a:hover{ filter:alpha(opacity=40); opacity:0.4; }

#container #footer ul.flags{ float:right;}
#container #footer ul.flags li{ background:url(http://cdn.radiosfm.org/images/flags/bg_flags.jpg) no-repeat; border:0; width:18px; height:13px; text-indent:-3333px; padding:0; margin:0px 0px 0px 8px;}
#container #footer ul.flags li span{ border:0; width:18px; height:13px; text-indent:-3333px; padding:0; margin:0px 0px 0px 8px;}
#container #footer ul.flags li#costa{ background-position:0px 0px;}
#container #footer ul.flags li#columbia{ background-position:-26px 0px;}
#container #footer ul.flags li#usa{ background-position:-52px 0px;}
#container #footer ul.flags li#mexico{ background-position:-78px 0px;}
#container #footer ul.flags li#venezuela{ background-position:-104px 0px;}
#container #footer ul.flags li#peru{ background-position:-130px 0px;}
#container #footer ul.flags li#domini{ background-position:-156px 0px;}

#container #footer ul.flags li#chile{ background-position:-182px 0px;}
#container #footer ul.flags li#ecuador{ background-position:-208px 0px;}
#container #footer ul.flags li#guatamala{ background-position:-234px 0px;}
#container #footer ul.flags li#honduras{ background-position:-260px 0px;}

#container #footer ul.flags li#argentina{ background-position:-286px 0px; }
#container #footer ul.flags li#bolivia{ background-position:-312px 0px; }
#container #footer ul.flags li#brasil{ background-position:-338px 0px; }
#container #footer ul.flags li#elsalvador{ background-position:-364px 0px; }
#container #footer ul.flags li#panama{ background-position:-390px 0px; }

#container #footer ul.flags li#india{ background-position:-416px 0px; }
#container #footer ul.flags li#uruguay{ background-position:-442px 0px; }
#container #footer ul.flags li#nicaraqua{ background-position:-468px 0px; }

#container #footer ul.flags li#cuba{ background-position:-494px 0px; }
#container #footer ul.flags li#jamaica{ background-position:-520px 0px; }
#container #footer ul.flags li#puerto{ background-position:-546px 0px; }
#container #footer ul.flags li#nigeria{ background-position:-572px 0px; }

#container #footer ul.flags li a{ display:block; width:18px; height:13px; cursor:pointer;}


#container #social-subpage
{
	width: 210px;
	height: 15px;
	z-index: 1;
	display: table-row-group;
	text-align: left;
	/*+placement:anchor-top-left 0px 23px;*/
	position: absolute;
	left: 0px;
	top: 105px;
}
#social #bookmark span a, #social-subpage span a
{
	color: #FFFFFF;
	font-size: 10px;
	/*+placement:margin-auto 4px -5px;*/
	margin-left: auto;
	margin-right: auto;
	position: relative;
	left: 4px;
	top: -5px;
}