/*

red: #ff0054
pink: #fbe7fb
darkpink: #fbbcfb
blue: #001ada

*/


* {
	font-family: Verdana,Helvetica,Arial,sans-serif;
}
body 
{
	font-size: 70%;
	padding: 0px;
	line-height: 1.4em;
	background: #ffffff url('../images/bg.gif') repeat scroll 0 50%;
	min-height:100%;
}

h2{font-size:1.4em;	color:#ff0054;}
h3{font-size:1.3em;float:none;clear:left;}

ul {
	padding: 0;
	margin: 0 0 1.4em 0;
	list-style-type: none;
}
ul ul {
	margin: 0;
}
ul li {
	background: url('../images/bullet.gif') no-repeat 0 .5em;
	margin-left:0.6em; margin-right:0; margin-top:0; margin-bottom:0; padding-left:1.1em; padding-right:0; padding-top:0; padding-bottom:0
}
ol.alfabet {
	list-style-type: lower-alpha;
}

a{color:#000000;}
a:hover{color:#ff0054;}
a:visited{color:#666666;}

input, select, textarea {
	font-size: 1.0em;
}

.inv {
	position: absolute;
	left: -900px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

img {
	border: 0px none;
}

form{margin:0px;padding:0px;}
pre{visibility:hidden;}

#container{
	position:absolute;
	min-height:100%;
	top:0;
	left:50%;
	margin-left: -490px;
	width:980px; 
	background: #ffffff;
	border-left: 3px solid #fbe7fb;
	border-right: 3px solid #fbe7fb;
	padding-top: 24.18em;
}

.wide #container{padding-top:16em;}

#content{
border:1px solid #fbe7fb;
margin:0 0 0 201px;
min-height:55em;
padding:0.5em 10px 0.5em 10px;
width:718px;}

#subnavigation {
 background-color: #ffffff;
 height: 32em;
 max-height: 0em;
}

#subnavigationcontent{
 margin: 2.2em 0 0 0;
 padding: 20px;
 position: absolute;
 top: 16.34em;
 width: 150px;
 color: #000;
 background-color: #fbe7fb;
}

#subnavigation h2 {
 color: #666;
}

#subnavigation ul {
 width: 150px;
 list-style-type: none;
}
#subnavigation li a {
 border-bottom: #fbbcfb 1px solid;
 color: #333333;
 padding: 0.3em 0 0.3em 1px;
 display: block;
 float: left;
 text-decoration: none;
 width: 100%;
}

#subnavigation li a:hover {
 color: #ff0054;
 text-decoration: underline;
}

#subnavigation li.first a {
 border: none;
 font-size: 1.40em;
 font-weight: bold;
 color: #001ada;
 margin-bottom:1em;
}

#subnavigation ul {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
 width: 100%;
}
#subnavigation li {
 float: left;
 margin: 0px;
 padding: 0px;
 width: 100%;
 background-image: none;
}
#subnavigation li span {
 padding: 0.6em 0 0.7em 0;
}
#subnavigation li strong a {
 color: #001ada;
} 

#header{
	position:absolute;
	top:0;
	width:942px;
	padding: 5px 19px 0px 19px;
}

#thebanner{
	position:absolute;
	top:4.7em;
}

#navigation{
	background-color:#fbe7fb;
	position:absolute;
	top:21em;
	left:19px;
	right:19px;
}

.wide #navigation{top:13em;}

#navigation ul{
	margin:0px;
	padding:0px;	
	list-style-type:none;
}
#navigation ul li 
{
	background-image:url('none');
	display:inline;
	float:left;
	font-size:1em;
	height:auto;
	padding:0;
	margin-left:0em;
}

#navigation ul li a, ul#mainmenu li a:visited {
border-left:1px solid #001ada;
color:#001ada;
display:inline-block;
font-weight:bold;
height:100%;
line-height:2em;
padding:0 1em;
text-decoration:none;
}

#navigation ul li#first a, ul#mainmenu li#first a:visited {
border-left:1px solid #F4EFDA;
}

#navigation ul li a.current, ul#mainmenu li a.current:visited {
background-color:#001ada;
color:#fbe7fb;
}

#navigation ul li a:hover, ul#mainmenu li a.current:hover {
background-color:#ff0054;
color:#fbe7fb;
}

#servicemenu{float:right;}

#search{height:1.8em;padding-right:20px;float:none;}
#searchform{float:right;}

#search a {
text-decoration:none;
}

p.button {
background:transparent url(../images/btn-right.gif) no-repeat scroll right top;
height:1.73em;
margin:0;
padding:0 2px 0 0;
/*width:19.1em;*/
display:inline;
float:left;
}

div#search input.textbox, input.textbox{
border:1px solid #fbe7fb;
height:1.15em;
margin:0 0.64em 0 0;
padding:0.2em;
vertical-align:top;
width:13.37em;
}

div#search input.button, input.button {
background:transparent url(../images/btn-body.gif) no-repeat scroll 0 0;
border:medium none;
color:#FFFFFF;
cursor:pointer;
height:1.73em;
margin:0;
vertical-align:top;
/*width:4.5em;*/
font-weight:bold;
}
/* zoekmenu */
ul#searchmenu {
	float:right;
}
ul#searchmenu a, ul#searchmenu a:visited {
	float:left;
	color: #333333;
	padding: 0 .8em .2em .75em;
}
ul#searchmenu a:hover {
	background-color: #fbe7fb;
}

div#search ul {
	list-style-type:none;
	padding:0;
	margin:0;
}
div#search li {
	float: left;
	background-image: url('none');
	padding: 0;
	margin: 0
}
#searchmenu .GoogleAdLinksContent {float:left;display:inline;width:auto;text-align:left;position:absolute;left:19px;}

/************************************************* Login Form ****************************************/

.memberpanel{
	position:absolute;
	right:19px;
	top:5px;
}

.loginlabel{
	width:10em;
	text-align:right;
	display:inline;
	float:left;
	clear:left;
	padding-right:3px;
}
.loginbox{display:inline;float:left;}
.logincheck{display:inline;clear:right;}
.logincheck label{padding-bottom:2px;}
.inboxlabel{float:none;display:block;text-align:right;}

/************************************************* CONTENT *******************************************/

#maincontent
{
	float:none;
	margin:10px 19px 0px 19px;
}

#homepage #portal {
	float: left;
	width: 470px;
	display: inline;
	overflow: hidden;
}

#homepage #blocks {
	float: right;
	width: 470px;
}

#homepage #subjects {
	float: left;
	width: 49.9%;
	overflow: hidden;
}
#facebook{text-align:center;}

div#footer {
	float: none;
	width: 100%;
	clear: both;
	padding: 15px 0px 5px 0px;
	text-align:center;
	border-top:1px solid #fbe7fb;
	margin-top:2em;
}
div.clear
{
	clear:both;
	float:none;
	width:100%;
	height:3px;
}

.subheader, .subheader h2{
	font-size: 1.1em;
	width:100%;
	clear:both;
	float:none;
	padding-bottom:0.4em;
}

.right{float:right;}
a.left{float:left;}
.center{text-align:center;}

#daybyday{border:1px solid #fbe7fb;margin-right:10px;padding:0px 5px 5px 5px;}
#daybyday a{display:block;width:100%;text-align:right;}
#songoftheday, #wppic, #recshop{border:1px solid #fbe7fb;border-top:1px solid #ffffff;margin-right:10px;padding:0px 5px 10px 5px;}
#songoftheday a.right{display:block;width:100%;text-align:right;float:none;}
#news, #articles{border:1px solid #fbe7fb;border-top:1px solid #ffffff;margin-right:10px;padding:0px 5px 30px 5px;}

.item {
	margin: 0;
	clear:right;
}

.wide .item
{
	margin: 2em 0em 2em 0em;
}

.item img
{
	clear:left;
	margin: 0 0.5em 0.5em 0;
}

img.content, a.content img
{
	float:left;
	margin: 0 0.5em 0.5em 0;
}

img.right
{
	float:right;clear:right;margin:0 0 0.5em 0.5em;}

.itemheader
{
	clear:left;
	float:none;
	height:auto;
	margin: 0;
	width:100%;
}
.newsheader
{
	float:left;
	width:22em;
	vertical-align:top;
	text-align:left;
}
.newsheaderdate
{
	float:right;
	text-align:right;
	width:8em;
	vertical-align:top;
	display:block;
}
.newsheaderreactions
{
	float:right;
	text-align:right;
	vertical-align:top;
	width:8em;
	display:block;
}
.wide .itemheader{width:100%;}
.wide .newsheader{width:auto;}
#powfun{margin: 10px 0px 0px 0px; width:100%;float:none;clear:both;min-height:135px;}
#shopimages{min-height:110px;}
#recshop{margin-bottom:10px;padding-left:1.5em;}
.pictureportalleft
{
	width:auto;
	display:block;
	float:left;
}
.pictureportalright
{
	width:auto;
	display:block;
	float:right;
	text-align:right;
	padding-right:3px;
}

#shopitemshome{width:100%;height:auto;text-align:justify;vertical-align:middle;clear:both;}
#shopimages{width:100%;}
#shopitemshome .itemheader0{float:left;width:33%;text-align:left;}
#shopitemshome .itemheader1{float:left;width:33%;text-align:center;}
#shopitemshome .itemheader2{float:left;width:33%;text-align:right;}
#shopitemshome .itemheader2 img{margin-right:1em;}

#GoogleAdLinksContentTop{position:absolute;top:0px;left:19px;}

#blocks h2{color:#ff0054;}

#subjects{border-right:1px solid #fbe7fb;padding-right:9px;margin-right:9px;}

#blocks ul {overflow:hidden;margin:0;padding:0 0 1px 0;}
#blocks li {background-image:url('none');padding:0;margin:0}
#blocks li a {display: block; background:url('../images/subnav-li-a-right-grey.gif') no-repeat right top;height:1%; text-decoration: none; color: #222; padding-left:0; padding-right:15px; padding-top:2px; padding-bottom:3px}
#blocks li a:hover {background:url('../images/subnav-li-a-right-black.gif') no-repeat right top;}
#blocks li a.extern {background:url('../images/subnav-li-a-ext-grey.gif') no-repeat right top;}
#blocks li a.extern:hover {background:url('../images/subnav-li-a-ext-black.gif') no-repeat right top;}

#desubjects ul {border-top: 1px solid #FD59B9; list-style: none;}
#desubjects li a {color: #fff; background:url('../images/subnav-li-a-white.gif') no-repeat right top;}
#desubjects li a:hover {background:url('../images/subnav-li-a-whiter.gif') no-repeat right top;}

#addthisrss{padding:2em 0em 2em 0;text-align:center;}
#googleadsright{text-align:center;}
.toplistheader {font-weight:bold;}

a.button,a.buttondisabled {
background:transparent url(../images/btn-body.gif) no-repeat scroll 0 0;
height:17px;
padding:2px 5px 0 8px;
position:relative;
float:left;
text-decoration:none;
font-weight:bold;
}


a.button:link, a.button:visited{
color:#FFFFFF;
font-size:11px;
}

a.buttondisabled,a.buttondisabled:link,a.buttondisabled:hover,a.buttondisabled:visited{color:#999999;}

.buttons span, .opinionbutton span, .subscriptionbuttons span{
background:transparent url(../images/btn-right.gif) no-repeat scroll 0 0;
display:block;
height:19px;
width:4px;
float:left;
}
.subscriptionbuttons{float:right;margin-top:-2.5em;}
#homepage .buttons{float:none;}
#QuizContent{text-align:center;}
#addthis{text-align:right;float:none;clear:both;}

.buttons,.opinionbutton{
text-align:center;
float:right;
height:30px;
margin-top:2em;
position:relative;
margin-left:5em;
}

.wide .item .subheader {padding-top:1em;border-top:1px solid #fbe7fb;}

.moreLink{
	float:none;
	clear:right;
	padding-left:10px;
}
.sourceupdate{float:left;clear:both;color:#666;}

span.source{float:left;clear:left;}
a.source{color:#666;}
a.shopLink{
	font-size:85%;
	float:right;
	color:#666;
}
a.shopLink:hover{color: #ff0000;}

.PagerNavigation{float:none;text-align:center;clear:both;margin:3em 0 2em 0;}
.PagerNavigation span {display:block;border-top:1px solid #fbe7fb; margin:1em 0em 1em 0em;padding-top:0.5em;}
.PagerNavigation a{margin: 0 0.5em 0 0.5em; border: 1px solid #fbbcfb; text-decoration:none; background-color:#fbe7fb;padding:2px 3px 2px 3px;}
a.pagelink{margin:0;}

#recentshopitems {width:100%;height:auto;vertical-align:middle;clear:both;margin-top:2.5em;}
#recentshopitems #shopimages{clear:both;margin-bottom:2em;}
#recentshopitems .itemheader0{float:left;width:19%;text-align:left;}
#recentshopitems .itemheader1{float:left;width:19%;text-align:center;}
#recentshopitems .itemheader2{float:left;width:19%;text-align:center;}
#recentshopitems .itemheader3{float:left;width:19%;text-align:center;}
#recentshopitems .itemheader4{float:left;width:19%;text-align:right;}
#recentshopitems .itemheader1 img{margin-right:3em;}
#recentshopitems .itemheader2 img{margin-right:3em;}
#recentshopitems .itemheader3 img{margin-right:3em;}
#recentshopitems .itemheader4 img{margin-right:3em;}

.AreaHeader{font-weight:bold;}

#previouslink{padding:1em 0em 1em 0em;display:inline;float:left;}
#nextlink{padding:1em 0em 1em 0em;display:inline;float:right;}

.GoogleAdsContent {
clear:both;
float:none;
padding:1em 0;
text-align:left;
}

#picturepage #reactions{clear:both;float:none;padding-top:1.5em;}

#reactions .contenttext{float:none;margin-bottom:2em;display:block;clear:both;}
#reactions .subheader{clear:both;float:none;background-color:#fbe7fb;height:1.2em;font-size:1.1em;padding:0 0.2em 0.4em 0.2em;width:100%;border-top:solid 0px #ffffff;}
#reactions .subheader a.right{float:right;font-size:0.7em;padding:0.2em 0.4em 0.2em 0.4em;text-decoration:none;}
#reactions .subheader .left{float:left;font-size:0.8em;font-weight:normal;}
#reactions .subheader .leftname{float:left;font-size:0.8em;}
.reason{margin-bottom:2em;color:#777;display:block;clear:left;width:100%;}

#authordate {margin-bottom:1em;}

#TheTrackList{margin-top:1em;width:98%;}

.ShopLinks{
	float:left;
	clear:both;
	width:100%;
	margin:1em 0 1em 0;
}

div.ShopLink
{
	float:left;
}

a.ShopButton
{
	margin-right:2em;
}

a.shoplink
{
	margin-top:1.5em;
	float:right;
}
ol.alfabet {
	list-style-type: lower-alpha;
}
.AlphaBar{width:100%;margin-top:1em;text-align:center;}
.AlphaBar a{font-size:larger;margin-top:1em;margin-left:0.1em;text-decoration:none;background-color:#fbe7fb;border:1px solid #fbbcfb;padding:0.1em 0.3em 0.1em 0.3em;line-height:2em;}
#generalads{margin-top:1em;}
#shoppage .subheader{border-top:solid 1px #fff;padding-top:0;}
#shophome h4 {padding-top:3em;}
#shophome .moreLink {padding-left:0;}
.rating {clear:both;vertical-align:middle;}
.rating img {float:none;margin:0;}
.powitem, .wallpaperlistitem{margin:1em 2em 1em 0;float:left;height:130px;}
.wallpapertextlink{clear:both;display:block;margin:1em 0 1em 0;}
#picturepage .AreaHeader{margin-top:2em;}
.pictureinfoitem{margin-bottom:1em;clear:both;float:none;}
input.pictureinfo{margin-right:1em;width:20em;}
.picturelabel{display:block;float:left;width:10em;}
.item img.memberpicture{margin-left:10em;}
.requiredlabel{margin:1.5em 0 1.5em 0;display:block;}
.requiredmarker{color:#ff0000;}
#picturepage .content{clear:both;float:none;display:block;padding-bottom:1em;}
a#PuzzleImage img{margin-top:1em;}
#puzzlemaniascoreheader
{
	font-weight:bold;
}
.puzzlemaniaitem
{
	float:none;
	clear:both;
}
.playername
{
	width:20em;
	float:left;
	clear:left;
}
.playerscore
{
	width:8em;
	float:left;
	clear:right;
	text-align:right;
}

.shortlabel{display:block;width:10em;float:left;}
.buymp3{float:right;margin-left:1em;}
.buymp3 img{margin:0;}
.lyrics{margin:0.5em 0 1em 0;}

.messagetext {
clear:both;
float:none;
height:10em;
width:99%;
border:1px solid #fbe7fb;
}
.submit{
background:transparent url(../images/btn-body.gif) no-repeat scroll 0 0;
border:medium none;
color:#FFFFFF;
cursor:pointer;
height:1.73em;
margin:0;
vertical-align:top;
font-weight:bold;
/*width:4.5em;*/
}
.ReactionItem{clear:both;display:block;float:none;}
.ReactionItem p.button{clear:right;margin-bottom:1.5em;}
#ratingarea{padding-bottom:1.5em;height:2em;margin-top:1em;}

.toplistheader
{
	display:block;
	font-weight:bold;
}
div.ftdtop10header
{
	text-align:center;
	margin-bottom:15px;
}
div.toplistitem
{
	width:100%;
	padding:.5em 0 .5em 0;
	clear:left;
	height:auto;
}

span.listnr
{
	display:block;
	width:2em;
	float:left;
	text-align:right;
	font-size:100%;
	height:auto;
}

span.dash
{
	display:block;
	float:left;
	font-size:100%;
	height:auto;
}

div.ftdleft{float:left;margin-right:0.5em}

div.songinfo
{
	display:block;
	font-size:100%;
	width:auto;
	height:auto;
}

span.songinfo
{
	display:block;
	float:left;
	font-size:100%;
	width:auto;
	height:auto;
}

span.showstars
{
	display:inline;
	float:right;
	width:80px;
	font-size:100%;
	height:auto;
}

.showstars img {margin:0px 0px 0px 0px;}

div#toplistdisclaimer
{
	clear:left;
	float:none;
	display:block;
	width:100%;
	font-size:76%;
}
div#voteform
{
	width:100%;
	margin-bottom:10px;
}
.chooseImport
{
	clear:left;
	float:left;
}
.toplistitem .buymp3{margin-right:1em;}
.voteform .textbox{border:1px solid #fbe7fb;}
.voteform p.button{margin-top:0.5em}
.chooseImport,select.textbox{border:1px solid #fbe7fb;margin-top:0.5em;}
#WelcomeInfo .buttons {float:none;margin:2em 0 2em 0;}

.messagelistitem{font-weight:normal;}
.newmessagelistitem{font-weight:bold;}
.messagedate{display:block;width:15em;float:left;}
.messagename{display:block;width:14em;float:left;}
.messagelabel{float:left;display:block;clear:left;}
.messagesubject{width:20em;}
span.messagetext{border:0px solid #ffffff;display:block;}
.MessageItem p.button{margin-right:1em;}
.formLabel{display:block;margin:0.5em 0 0.5em 0;}
.linktous{
clear:both;
float:none;
height:3em;
width:99%;
border:1px solid #fbe7fb;
}
select{border:1px solid #fbe7fb;font-size:1em;height:1.8em;}
.advancedscope,.advancedorder{margin-left:2em;}
#advancedsearcher div{margin-top:2em;}
#advancedsearcher .button{margin-top:2em;}
.moreResultslink{float:right;clear:both;margin:1.5em 0 1.5em 0;}
#QuickPollArea .answer {width:3em;float:left;}
#QuickPollArea .score {float:right;}
#quickpollresults, #yes, #no{width:100%;}
#QuickPollArea .button{float:right;}
.quickpolllist
{
	clear:both;
	float:none;
	margin:0.5em 0 0.5em 0;
}
.quickpollquestion
{
	float:left;
	width:49%;
}
.quickpollresults
{
	float:right;
	width:49%;
}
.quickpolldate
{
	float:left;
	text-align:right;
	width:39%;
}
.quickpolltotal
{
	float:left;
	text-align:right;
	width:20%;
}

.quickpollyes
{
	float:left;
	text-align:right;
	width:20%;
}
.quickpollno
{
	float:left;
	text-align:right;
	width:20%;
}
div.memberlistitem
{
	clear:left;
	width:100%;
}
.memberlistlink
{
	width:40px;
	float:left;
}
.memberlistnickname
{
	width: 100px;
	float:left;
}
.memberlistname
{
	width:150px;
	float:left;
}
.memberlistemail
{
	width:100px;
	float:left;
}
.memberlistip
{
	width:auto;
	float:right;
}

div.linklistitem
{
	clear:left;
	width:100%;
	height:1em;
}
.linklistlink
{
	float:left;
	width:auto;
}
.linkcount
{
	float:right;
	width: 18em;
}

.linkcount a
{
	width: 3em;
	text-align:right;
	display:block;
	float:left;
}

.reactionlistitem{float:none;clear:both;width:100%;}
.reactionid{width:7em;display:block;float:left;}
.itemid{width:7em;display:block;float:left;}
.reactionlistitem a{float:left;clear:right;}
#yearselector,#monthselector,#dayselector{margin-top:0.5em;}

#ConsoleArea
{
	position:absolute;
	top:3em;
	right:0;
	width:80px;
	margin-top:5px;
	margin-left:3px;
	border: 2px solid #FFA200;
	background-color: #FCD38A;
	font-size:1em;
	color:#FFA200;
}

#ConsoleArea a
{
display:block;
font-weight:normal;
color:#FFA200;
}

#ConsoleArea a:hover{
color:#000000;
}

#ConsoleAreaEdit
{
	position:absolute;
	top:3em;
	right:0;
	width:80px;
	margin-top:5px;
	margin-left:3px;
	border: 2px solid #FF0000;
	background-color: #FDBEBE;
	font-size:1em;
	color:#FF0000;
}

#ConsoleAreaEdit hr
{
	color:#FF0000;
}

#ConsoleAreaEdit a
{	
display:block;
clear:right;
margin-top:2px;
font-weight:normal;
color:#FF0000;
}

#ConsoleAreaEdit a:hover{
color:#000000;
}

.subheaderred{
	width:100%;
	clear:both;
	float:none;
	margin-bottom:0.4em;
	font-weight:bold;
	color:#ff0000;
}

.subheaderred a{
	width:100%;
	clear:both;
	float:none;
	margin-bottom:0.4em;
	font-weight:bold;
	color:#ff0000;
}

h2.subheaderred
{
	color:#999999;
}
.editlink {display:block;}