/* Algemene Styles
---------------------------------------------------------- */
body{ margin:0; padding:0; background:#212121 url(../images/bg.jpg) fixed center top; font: 11px/17px Arial, Helvetica, sans-serif; color: #303030; }
strong,b{font-weight:bold;}
em{font-style:italic;}
a{ outline:none; text-decoration:none; color: #D3216B; }
a:hover{ text-decoration:underline; }
.clear{clear:both;}

/* Selectors
---------------------------------------------------------- */
h1{}
h2{	font-size: 20px; color: #fff; font-weight: bold; background: #D4216C; border:none;}
h3{ font-size: 12px; color: #d3216b; font-weight: bold; line-height: 17px; }
h4{ font-size: 11px; font-weight: bold; }
h5{}
h6{}
img { background: #fff; padding: 1px; border: 2px solid #D3216B;}
img.flir-image { background:transparent; padding:0; border:none;}
p { margin-bottom:10px; }

/* Header
---------------------------------------------------------- */
div#header{ margin: 0px; padding: 0px; height: 370px; background: transparent url(../images/bg_header.gif) repeat-x center;}

	div#topMenu{ margin: 0px auto; padding: 10px 0px 0px; height: 38px; width: 943px; }
		div#searchForm{ margin: 0px; padding: 0px; width: 200px; float: right; }
			div#searchForm .field{
	border: 1px solid #8C9194;
	height: 18px;
	padding: 3px 1px 1px 25px;
	margin: 0px;
	background: #fff url(../images/magnifier.gif) no-repeat 3px 3px;
	width: 124px;
}
			div#searchForm .btn{
	height: 24px;
	width: 40px;
	background: #D3216B url(../images/btnSearch.jpg);
	text-indent: -9999px;
	border-style: none;
	margin: 0px 0px 0px 2px;
	padding: 0px;
}

	div#topMenu ul.fcm {
	float: right;
	margin: 4px 0px 0px;
	padding: 0px;
}
	div#topMenu ul.fcm li{
	display: inline;
	margin: 0px 25px 0px 0px;
	padding: 0px;
}
	div#topMenu ul.fcm li a{font: 18px "Fette Engschrift"; color: #fff;}
	div#topMenu ul.fcm li a:hover{ color: #D3216B; text-decoration: none; }

	div#topMenu a.homeBtn{
	font: 18px "Fette Engschrift";
	color: #fff;
	margin: 0px;
	padding: 0px;
}
	div#topMenu a.homeBtn:hover{ color: #D3216B; text-decoration: none; }

	div#innerHeader{ margin: 0px auto; padding: 0px; height: 322px; background: transparent url(../images/header.png) no-repeat; width: 943px; }
		div#innerHeader h1{ height: 313px; width: 246px; position: absolute; background: transparent url(../images/logo.png) no-repeat; text-indent: -9999px; margin-left: 15px; }
		

		div#menu {
	background: transparent url(../images/bg_menu.jpg) no-repeat right;
	height: 36px;
	width: 689px;
	position: relative;
	z-index:10;
	top: 7px;
	left: 237px;
}

div#menu ul li {
	height: 36px;
	float: right;
}

div#menu ul li a {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #545454;
	text-transform: uppercase;
	display: block;
	height: 20px;
	padding-left: 15px;
	background: transparent url(../images/bg_menu_li.jpg) no-repeat left top;
	padding-right: 15px;
	padding-top: 15px;
					}
					div#menu ul li a:hover {
	background: transparent url(../images/bg_menu_li.jpg) no-repeat left bottom;
	text-decoration: none;
}

div#flash{
	height: 237px;
	width: 625px;
	margin-left: 0px;
	background: #666666;
	margin-top: 0px;
	position: relative;
	left: 288px;
	top: -29px;
	z-index:2;
	overflow: hidden;
}

div#overlayHeader{
	height: 50px;
	width: 610px;
	padding-left: 15px;
	margin-left: 0px;
	background: transparent url(../images/trans.png) repeat;
	margin-top: 0px;
	position: relative;
	left: 288px;
	top: 211px;
	z-index:5;
}

div#overlayHeader ul li{
	display: inline;
	list-style: none;
	position: relative;
	bottom: 0px;
}

div#overlayHeader ul li a{
	display: block;
	background: transparent;
	height: 25px;
	width: 25px;
	margin-right: 18px;
	text-indent: -9999px;
	float: left;
}

/* Container
---------------------------------------------------------- */
div#container{ width:934px; padding: 0px; margin-right: auto; margin-left: auto; }

	#frequentieBar { height: 40px; width:934px; margin:15px 0 20px; padding:0; background: #fff; z-index:1; }

	#sidebar { float:left;  width:242px; margin:0; padding:0; }

	#center { width: 504px; margin-top: 0; margin-bottom: 0; margin-left: 262px; }


		#centerDouble { width: 504px; margin: 0; padding: 0; float:left; }

		#centerPrimary { width: 242px; margin: 0; padding: 0px; float: left;}

		#centerSecundary { width: 242px; margin: 0; padding: 0px; float: right;}

			.block { width:242px; margin:0 0 20px; padding:0; background: #fff url(../images/bg_block.jpg) repeat-y; }
				.blockTop { width:242px; margin:0px; padding:0px; background: #fff url(../images/bg_blockTop.jpg) repeat-y; height: 29px; }
				.blockPadding { width:202px; margin:0px; padding:0px 20px; }
				.blockBottom { width:242px; margin:0; padding:0px; background: #fff url(../images/bg_blockBottom.jpg) no-repeat bottom; height: 20px; }
					.buttonMore { height: 41px; }
						.buttonMore img {
	float:right;
	margin-right: 5px;
	margin-bottom: 5px;
	border-style: none;
	background: transparent;
}

		#centerFull { width: 504px; margin: 0 0 20px; background: #fff url(../images/bg_centerfull.jpg) repeat-y; display: block; float: left; }
			.centerfullTop { width:504px; margin:0; padding:0px; background: #fff url(../images/bg_centerfullTop.jpg) no-repeat; height: 29px; }
			.centerfullPadding { width:464px; margin:0; padding:0px 20px; }
			.centerfullBottom { width:504px; margin:0; padding:0px; background: #fff url(../images/bg_centerfullBottom.jpg) no-repeat bottom; height: 41px; }
		.centerBody { width: 672px; margin: 0 0 20px; background: #fff url(../images/bg_centerbody.jpg) repeat-y; display: block; float: left; }
			.centerBodyTop { width:672px; margin:0; padding:0px; background: #fff url(../images/bg_centerbodyTop.jpg) no-repeat; height: 29px; }
			.centerBodyPadding { width:632px; margin:0; padding:0px 20px; }
			.centerBodyBottom { width:672px; margin:0; padding:0px; background: #fff url(../images/bg_centerbodyBottom.jpg) no-repeat bottom; height: 41px; }
		h2.blockTitle {
	margin:0px;
	background: #D4216C;
	color: #fff;
	position: relative;
	top: -5px;
	left: 5px;
	display: inline;
	padding: 3px 7px;
	border-style: none;
}

	#weatherText { float: right; width: 120px; }
	.weatherIcon { float: left; width: 60px; text-align:center; }
		.weatherIcon img{ border:none; }
		.weatherIcon .tempMax { font-weight: bold; color: #D3216B; }
		.weatherIcon .tempMin { font-weight: bold; color: #707070; }

	#mailText {
	float: right;
	width: 145px;
	margin: 3px 0px 0px;
}
	#mailIcon {
	float: left;
	width: 50px;
	text-align:center;
	margin: 3px 0px 0px;
}
		#mailIcon img{ border:none; }



/* Lists
---------------------------------------------------------- */
ul#myProfile {background: transparent url(../images/blockDevider.jpg) no-repeat center top; margin: 10px 0px 0px; padding: 10px 0px 0px;}
ul#myProfile li {
	margin: 10px 0px 0px;
	padding: 3px 0px;
	height: 16px;
}
ul#myProfile li a{color: #707070; margin: 0px; padding: 3px 0px 3px 25px;}
ul#myProfile li.editProfile a{ background: transparent url(../images/profile/user_edit.png) no-repeat left center; }
ul#myProfile li.editPic a{ background: transparent url(../images/profile/image_edit.png) no-repeat left center; }
ul#myProfile li.admin a{ background: transparent url(../images/profile/database_edit.png) no-repeat left center; }
ul#myProfile li.editPassword a{ background: transparent url(../images/profile/key.gif) no-repeat left center; }
ul#myProfile li.afmelden a{ background: transparent url(../images/profile/lock.png) no-repeat left center; }
ul#myProfile li.myDownloads a{ background: transparent url(../images/profile/download.gif) no-repeat left center; }
ul#myProfile li.myPlaylist a{ background: transparent url(../images/profile/playlist.gif) no-repeat left center; }
ul#myProfile li.podcast a{ background: transparent url(../images/profile/podcast.gif) no-repeat left center; }
ul#myProfile li.rss a{ background: transparent url(../images/profile/rss.gif) no-repeat left center; }

.events dl dt { margin: 0px; padding: 0px; font-weight: bold; color:#D4216C; }
.events dl dd { line-height: 17px; background: transparent url(../images/newsDevider.jpg) no-repeat center bottom; margin: 0px 0px 10px; padding: 0px 0px 10px; }

.belganieuws ul li { line-height: 17px; font-weight: bold; background: transparent url(../images/blockDevider.jpg) no-repeat center bottom; margin: 10px 0px 0px; padding: 0px 0px 10px; }
.belganieuws ul li.last { background:none; }

dl.nieuws dt { margin: 0px; padding: 0px; font-weight: bold; color:#D4216C; }
dl.nieuws dd { line-height: 17px; background: transparent url(../images/newsDevider.jpg) no-repeat center bottom; margin: 0px 0px 10px; padding: 0px 0px 10px; }

/* banners
---------------------------------------------------------- */	
#skyscraper{ float:right; height:1230px; width:137px; margin:0; padding:15px 0 15px 11px; background: #fff url(../images/bg_skyscraper.jpg) no-repeat; }
#centerBanner {width: 489px; margin: 0 0 20px; height: 75px; background: #fff url(../images/bg_banner.jpg) no-repeat; padding-top: 10px; padding-left: 15px;}
.button185x112 { text-align: center; }
.button160x80 {	text-align: center;	padding-top: 20px;}

/* Navigation
---------------------------------------------------------- */	
div#nav{ }

/* Basic code - don't modify */
 
 .droppy { display: block; margin: 0; padding: 0; position: relative; }
  .droppy li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  .droppy a { display: block; }
  .droppy ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html .droppy ul { line-height: 0; } /* IE6 "fix" */
  	.droppy ul a { zoom: 1; } /* IE6/7 fix */
    .droppy ul li { float: none; }
    .droppy ul ul { top: 0; }
    
/* Essentials - configure this */

.droppy ul { width: 130px; }
.droppy ul ul { left: 131px; }

/* Everything else is theming */
 
.droppy { background-color: #30A8C3; height: 24px; }
.droppy *:hover { background-color: none; }
.droppy a { border-right: 1px solid white; color: white; font-size: 12px; padding: 6px; line-height: 1; }
  .droppy li.hover a { background-color: #5E5A5A; }
  .droppy ul { top: 25px; }
    .droppy ul li a { background-color: #5E5A5A; }
      .droppy ul a.hover { background-color: #30A8C3; }
   .droppy ul a { border-bottom: 1px solid white; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
/* .droppy ul a { border-bottom: none; } - I also needed this for IE6/7 */



/* Content
---------------------------------------------------------- */
div#content{}

/* Footer
---------------------------------------------------------- */
div#footer		{
	color: #fff;
	text-align: center;
	margin: 0px auto;
	width: 934px;
	padding: 0px 0px 50px;
}
div#footerLeft	{
	float:left;
	width: 700px;
	text-align: left;
}
div#footerRight	{
	float:right;
	width: 234px;
	text-align: right;
}

/*Scroll style declarations */

button.positive{
	height: 24px;
	width: 68px;
	background: #D3216B url(../images/btnLogin.jpg);
	text-indent: -9999px;
	border-style: none;
	margin: 0 0 5px 0;
	padding: 0px;
}

/* profiles */

.profilesList { float:left; height:70px; width: 170px; padding:10px; margin:0 16px 16px 0; border: 2px solid #D4216C; }
.profilesList .avatar{ float:left; height:50px; width: 50px; margin:0 10px 0 0; border: 2px solid #D4216C; }
#profielfoto{ float:left; height:200px; width: 150px; margin:0 15px 0 0; border: 2px solid #D4216C; }
ul.favorieteSingles li {margin: 5px 0 0 0; padding: 0 0 5px 0; border-bottom:1px solid #707070;}
ul.favorieteSingles li div{float:right;}