/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
body {
   color:#000;
   background:#FFF;
   font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
   font-size: 80%;
   padding: 1em;
   }
 
* {
   margin:0;
   padding:0;
   list-style-type:none;}

/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	
input, textarea, select {
display: none;
	}

#contentform label, #contentform input, #contentform select, #contentform textarea {
display: none;
}
#contentform label {
display: none;
}

#contentform .submitbut {
display: none;
}
.clearboth {
	clear: both;
}

.line_separator {
	border-bottom: 1px solid #E965A2;
	margin-bottom: 5px;
}


/* 1.3	Links
-----------------------------------------------------------------------------------------------*/	
a:link, a:visited {
 color:#db0066;}

a:hover, a:active {
 color:#db0066;
 text-decoration: none;}


/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	
hr { 
	display: none; }

img {
	border: none; }

fieldset br{
 clear:both;}
 
fieldset{
 border:none;}

.txt_error {
	margin:10px;
	color: #DD0000;
	font-size: 12px;
}

/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	
.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;}
	
.clearfix:after { /* clear floats */
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;}

.clearfix {display:inline-block;}

/* Hides from IE-mac \*/
.clearfix {display: block;}
/* End hide from IE-mac */

/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#container{
}

#top-link{

 
 display: none;
 }

#header {

 

  }

#content{


 }

#footer{
display: none;
 }

/* 3.1 TOP LINKS
-----------------------------------------------------------------------------------------------
===============================================================================================*/
ul#breadcrumbs{
 float:left;
 padding: 1px 0 0 7px;}

ul#breadcrumbs li{
 float:left;
 font-weight:bold;
 margin: 0 5px 0 0;}

ul#breadcrumbs li strong{
 font-size:1.1em;}

ul#breadcrumbs li a{
 padding: 0 5px 0 0;}

ul#breadcrumbs li.active a{
 text-decoration:none !important;}

a.sitemap{
 float:right;
 padding: 1px 5px 0 0;
 font-size:1.1em;}

/* 3.2 HEADER
-----------------------------------------------------------------------------------------------
===============================================================================================*/
.logo{
 background:url(../images/logo.gif) no-repeat 23px 0;
 width: 217px;
 height:75px;
 text-indent:-9999px;
 margin: 0;
 margin-left: -25px;
 padding: 0 0 0 23px;
 overflow:hidden;
 display:block;
 float:left;}

#header-right{
display:none;}

#header-right a img{
display:none;}



.pwk_bar {
display:none;
}
.pwk_text {
display:none;
}
.pwk_text img {
display:none;
}

.pwk_bar_images {
display:none;
}
.pwk_bar span a, span a:hover, span a:visited {
display:none;
}

.pwk_left_on, .pwk_left_active, .pwk_middle_on, .pwk_middle_off, .pwk_middle_active, .pwk_right_on, .pwk_right_off {
display:none;
}

.pwk_left_on {
display:none;
}
.pwk_left_active {
display:none;
}
.pwk_middle_on {
display:none;
}
.pwk_middle_off {
display:none;
}
.pwk_middle_active {
display:none;
}
.pwk_right_on {
display:none;
}
.pwk_right_off {
display:none;
}

/* 3.3 CONTENT
-----------------------------------------------------------------------------------------------
===============================================================================================*/

/* Sidebar 
------------------------------------*/
#sidebar{
display:none;}

fieldset.search{
display: none;}

fieldset.search input.text{
display: none;}

.sidebar-links{
display: none;}

.sidebar-links-wrapper{
display: none;;}

.sidebar-bottom{
display: none;
}

.sidebar-links h2{
display: none;}

.sidebar-links h3{
display: none;}

.sidebar-links ul{
 padding: 10px 0 0 0;}

.sidebar-links ul a{
 color:#000 !important;
 text-decoration:none !important;}

.sidebar-links ul li{
 font-size:1.1em;
 background:url(../images/icon_nav.gif) no-repeat 0 3px;
 padding: 0 0 4px 10px;}

.gratis{
display: none;}

.mostread {
 min-height:220px;
 height:auto !important;
 height:220px;}

.lastinforum {
 min-height:280px;
 height:auto !important;
 height:280px;}


/* Main Content
------------------------------------*/
#main-content{

}

#main-content .register{
display: none;}

.register h2{
 font-size:1.6em;
 color:#1367a8;
 padding: 0 0 3px 0;
 font-weight:normal;}

.register p{
 font-size:1.2em;
 padding: 0 42px 0 0;
 line-height:1.3em;}
 
.button{
 float:right;
 padding: 3px 10px 0 0 !important;}

#main-content .quotebox{

 }

#main-content .quotebox-top{
display: none;}

#main-content .quotebox-bottom{
display: none;}

#main-content .quotebox h3{
 font-size:1.6em;
 margin: 0 0 5px 0;
 color:#DB0067;
 font-weight:normal;}

#main-content .quotebox p{
 font-size:1.2em;
 padding: 0 0 12px 0;}

#main-content .quotebox-wrapper{
 background-color:#fcebf3;

 padding: 10px;
 margin-bottom: 15px;}

#main-content .box{
 margin: 0 0 4px 0;}

#main-content .box-top{
display: none; }

#main-content .box-wrapper{
}



#main-content .box-bottom{
display: none;}

#main-content .box h3{
 font-size:1.6em;
 margin: 0 0 5px 0;
 color:#DB0067;
 font-weight:normal;}

#main-content .box p{
 font-size:1.2em;
 padding: 0 0 12px 0;}

#main-content .box .column1 p,
#main-content .box .column2 p{
 line-height:1.2em;}

#main-content .box .column1{
 background:url(../images/borderpink.gif) no-repeat top right;
 width: 200px;
 float:left;
 padding: 0 0 0 7px;
 color:#333333 !important;
 min-height:221px;
 height:auto !important;
 height:221px;}

#main-content .box .column2{
 padding: 0 0 0 15px;
 width: 238px;
 color:#454545;
 float:left;}

#main-content .box .column1 span{
 font-weight:bold;
 padding: 0 10px 0 0;}

#main-content .box .column2 p img{
 float:right;
 margin: 0 0 0 15px;}

.more-information  .image{
 float:left;
 padding: 0 0 0 10px;
 width: 170px;}

.more-information .text{
 width: 280px;
 color:#000000 !important;
 float:left;}

.more-information .button{
 padding:0 !important;}

p.intro{
display:none;}

p.intro a{
 color:#000 !important;}


#main-content .subpage-links{
display: none;}

#main-content .subpage-links h2{
 color:#000;
 font-weight:normal;font-size:1.1em;
 margin: 0 0 5px 10px;}

#main-content .subpage-links-wrapper{
 background-color:#FFF;
 padding: 2px 8px 0 8px;}

#main-content .subpage-links ul{
 padding: 2px 0 0 0;}

#main-content .subpage-links ul a{
 color:#000 !important;
 text-decoration:none !important;}

#main-content .subpage-links ul li{
 font-size:1.1em;
 background:url(../images/icon_nav.gif) no-repeat 0 3px;
 padding: 0 0 4px 10px;}



/* star rating code - use lists because its more semantic */
/* No javascript required */
/* all the stars are contained in one matrix to solve rollover problems with delay */
/* the background position is just shifted to reveal the correct image. */
/* the images are 16px by 16px and the background position will be shifted in negative 16px increments */
/*  key:  B=Blank : O=Orange : G = Green * /
/*..... The Matrix ....... */
/* colours ....Background position */
/* B B B B B - (0 0)*/
/* G B B B B - (0 -16px)*/
/* G G B B B - (0 -32px)*/
/* G G G B B - (0 -48px)*/
/* G G G G B - (0 -64px)*/
/* G G G G G - (0 -80px)*/
/* O B B B B - (0 -96px)*/
/* O O B B B - (0 -112px)*/
/* O O O B B - (0 -128px)*/
/* O O O O B - (0 -144px)*/
/* O O O O O - (0 -160px)*/


/* the default rating is placed as a background image in the ul */
/* use the background position according to the table above to display the required images*/
.rating{
	width:80px;
	height:16px;
	margin:0 0 5px 0;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
	background: url(../images/star-matrix.gif) no-repeat 0 0;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}
ul.rating li {
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li a:hover {
	z-index:2;
	width:80px;
	height:16px;
	overflow:hidden;
	left:0;	
	background: url(../images/star-matrix.gif) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}

#main-content .box_rating .column1 p,
#main-content .box_rating .column2 p{
 line-height:1.1em;}

#main-content .box_rating .column1{
display:none;}

#main-content .box_rating .column2{
display:none;}

#main-content .box_rating .column2 p img{
 float:left;
 margin: 0 10px 0 5px;}
 
#main-content .box_rating .column3{
display:none;}

#main-content .box_rating .column3 p img{
 float:right;
 margin: 0 10px 0 5px;}

#main-content .box_rating .column2 a{
 color:#000 !important;
 text-decoration:none !important;}

#main-content .box_rating .column2 a:hover{
 text-decoration:underline !important;}
 
/* end rating code */


/* More info column 
------------------------------------*/
#more-info-column{
display:none;}

#more-info-column h2{
 font-size:1.6em;
 padding: 0 0 10px 0;
 color:#db0066;}

#more-info-column ul.sub-links{
 height: 20px;
 padding: 8px 5px 11px 0px;
 float:right;
 font-size:1.1em;
 font-weight:bold;}

#more-info-column ul.sub-links li{
 border-right:1px solid #000;
 float:left;
 padding: 0 5px 0 5px;}

#more-info-column ul.sub-links li a{
 color:#000 !important;
 text-decoration:none !important;}

#more-info-column ul.sub-links li a:hover{
 text-decoration:underline !important;}

#more-info-column ul.sub-links li.last {
 border:none;
 padding-right:0;}

#more-info-column .products{
 padding: 10px 0 0 15px;
 clear:right;}


#more-info-column .products .product{
 padding: 0 0 10px 0;}

#more-info-column .products .product img{
 float:left;
 margin: 0 20px 0 0;}

#more-info-column .products h3{
 padding: 5px 0 0 0;
 color:#db0066;
 font-size:1.4em;}

#more-info-column .products p{
 font-size:1.2em;}

.ad{
 padding: 0 0 0 6px;}

/* 3.3 FOOTER
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#footer-links {
 padding: 0 0 30px 167px;}
 
#footer a{
 color:#FFF !important;
 text-decoration:none !important;}

#footer dl{
 float:left;
 padding: 10px 18px 0 18px;
 height:85px;
 line-height:1.4em;
 background:url(../images/footer_border.gif) no-repeat top right;}

#footer dt{
 font-weight:bold;
 font-size:1.2em;}

#footer dl.last{
 background:none;}
 
#footer p{
 text-align:center;}


/* 4. DATE PICKER
-----------------------------------------------------------------------------------------------
===============================================================================================*/
.dpDiv {
	}

.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	color: #333;
	background-color: #fff;
	border: 1px solid #e965a2;
	}

.dpTR {
	}

.dpTitleTR {
	}

.dpDayTR {
	}

.dpTodayButtonTR {
	}

.dpTD {
	cursor: pointer;
	}

.dpDayHighlightTD {
	background-color: #eee;
	border: 1px solid #e965a2;
	cursor: pointer;
	color: #dd0000;
	}

.dpTitleTD {
	}

.dpButtonTD {
	}

.dpTodayButtonTD {
	}

.dpDayTD {
	background-color: #eee;
	border: 1px solid #e965a2;
	color: #dd0000;
	}

.dpTitleText {
	font-size: 10px;
	color: #db0066;
	}

.dpDayHighlight {
	color: #db0066;
	}

.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #fcebf3;
	padding: 0px;
	}

.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #6f826c;
	background: #fcebf3;
	}


/* 5. VERTICAL MENU STYLES
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#vmid
{display: none;}

#vmid li
{display: none;}

#vmid li a
{	display: none;
}

#vmid li a.goed {
display: none;
}

#vmid li a.leuk {
display: none;
}

#vmid li a.nuttig {
display: none;
}

#vmid li a:hover
{	display: none;}

#vmid div
{	display: none;}

#vmid div a
{	display: none;
}

#vmid div.goed {
display: none;
}
#vmid div.leuk {
display: none;
}
#vmid div.nuttig {
display: none;
}

#vmid div a:hover
{	display: none;}