/*++++++++++++++++++++++++++++++++++++++
    |  Basen.nl                          |
    |                                    |
    |  Datum: 05/09/2011                 |
    |  Datum gereed: 09/09/2011          |
    |  Uitgevoerd door: Jonathan Visser  |
    ++++++++++++++++++++++++++++++++++++++*/
    

  /*###################################### 
    #  Regular                           #
    ######################################*/ 

  * { 
    margin: 0px;
    padding: 0px;
  }
   
   
  html, body { 
    background: #ffffff url('../images/backgrounds/bg_bodyhq.jpg') repeat-x fixed;
    font-family: Verdana, Arial, Tahoma;
    font-size: 12px; 
    color: #000000; 
  }
  

  .clear{
    clear: both;
  }
  
  
  /*###################################### 
    #  Styling                           #
    ######################################*/ 
  
  /*|:: A ::|*/
  a:link, a:visited { color: #1b4850; text-decoration: none; outline: none; }
  a:hover { color: #836251; text-decoration: none; }
  
  
  /*|:: Fieldset ::|*/
  fieldset.none { border: none; }
  
  
  /*|:: H Tags ::|*/
  h2 { font-size: 28px; color: #1b4850; }
  
  
  /*|:: IMG ::|*/
  img { border: none; }
  
  
  /*|:: input ::|*/
  input { border: none; }
  
  
  /*|:: UL/LI ::|*/
  ul.none { list-style: none; }
  ul.left { float: left; }
  li.inline  { display: inline; } 
  
  
  
  /*###################################### 
    #  Wrapper                           #
    ######################################*/ 
    #wrapper { position: relative; display: block; width: 100%; min-height: 100%; }
  
  
  /*###################################### 
    #  Main-Container                    #
    ######################################*/ 
    #main-container { width: 862px; margin: 0 auto; overflow: hidden; }
  
  
  /*###################################### 
    #  Header                            #
    ######################################*/ 
    #header { width: 100%; height: 210px; padding-top: 40px; margin: 0 auto; }
		#header .contentbg { width: 100%; height: 210px; background: #fff; }
		#header .content { width: 862px; height: 210px; margin: 0 auto; }
			#header .content .logo { width: 381px; height: 185px; padding-top: 25px; float: left; }
			#header .content .login { width: 481px; height: 210px; position: relative; float: left; }
				#header .content .login .box { width: 481px; height: 211px; position: absolute; bottom: 22px; }
					#header .content .login .box .btop { width: 481px; height: 10px; background: url('../images/sprites/sprite_borders1.png') no-repeat 0 1px; }
					#header .content .login .box .bmiddle { width: 481px; }
					  #header .content .login .box .bmiddle fieldset.left { width: 248px; height: 181px; padding-top: 12px; padding-right: 17px; padding-left: 14px; background: url('../images/backgrounds/bg_login-left.gif') repeat-x; border-top: none; border-right: 1px solid #d9dde0; border-bottom: none; border-left: 2px solid #e2e5e7; float: left; }
					  #header .content .login .box .bmiddle fieldset.right { width: 165px; height: 181px; padding-top: 12px; padding-right: 17px; padding-left: 14px; background: url('../images/backgrounds/bg_login-right.gif') repeat-x; border-top: none; border-right: 1px solid #d3d7da; border-bottom: none; border-left: 1px solid #fff; font-size: 10px; color: #9ea0a3; float: left; }
					    #header .content .login .box .bmiddle fieldset.right label { margin-bottom: 10px; display: block; }
					  #header .content .login .box .bmiddle label.title { height: 27px; font-size: 14px; margin-bottom: 14px; color: #6d7179; display: block; }
					    #header .content .login .box .bmiddle label.title.left { border-bottom: 2px solid #f2f3f3; }
						#header .content .login .box .bmiddle label.title.right { border-bottom: 2px solid #ebedef; }
					  #header .content .login .box .bmiddle label.forgotpass { font-family: Verdana; font-size: 9px; color: #bdbec0; float: left; }
					  #header .content .login .box .bmiddle label.forgotpass a { text-decoration: none; color: #bdbec0; }
					  #header .content .login .box .bmiddle input.text { width: 181px; height: 27px; padding-left: 7px; margin-bottom: 12px; background: url('../images/backgrounds/bg_input.png') no-repeat; border: none; font-family: Verdana; font-size: 10px; color: #999; }
					    #header .content .login .box .bmiddle input.text.last { margin-bottom: 30px; }
					  #header .content .login .box .bmiddle input.button1 { width: 86px; height: 27px; padding-left: 13px; background: url('../images/buttons/btn_01.png') no-repeat; border: none; text-align: left; font-family: Verdana; font-size: 10px; color: #fff; cursor: pointer; }
					    #header .content .login .box .bmiddle input.button1.margin { margin-left: 6px; }
					  #header .content .login .box .bmiddle input.button2 { width: 80px; height: 21px; background: url('../images/buttons/btn_02.png') no-repeat; border: none; font-family: Verdana; font-size: 10px; color: #66717e; cursor: pointer; }
					    #header .content .login .box .bmiddle input.button2.left { float: left; }
						#header .content .login .box .bmiddle input.button2.margin { margin-bottom: 15px; }
					#header .content .login .box .bbottom { width: 481px; height: 10px; background: url('../images/sprites/sprite_borders1.png') no-repeat 0 -11px; }
  
  
  /*###################################### 
    #  Content-container                 #
    ######################################*/ 
    #content-container { width: 862px; margin: 0 auto; }
	  #content-container a { font-weight: bold; }
	
		#content-container #left { width: 187px; float: left; }
			#content-container #left .search { width: 187px; height: 40px; }
			  #content-container #left .search input.text { width: 128px; height: 40px; padding-left: 18px; background: url('../images/backgrounds/bg_input-search.png') no-repeat; font-family: Arial; font-size: 14px; color: #56787e; font-weight: bold; float: left; }
			  #content-container #left .search input.button { width: 41px; height: 40px; background: url('../images/buttons/btn_search.png') no-repeat; cursor: pointer; float: left; }
			#content-container #left .menu { width: 187px; }
			  #content-container #left .menu li a { width: 187px; height: 60px; background: url('../images/backgrounds/bg_menu-button.gif') repeat-x; text-align: center; line-height: 55px; font-size: 14px; color: #fff; font-weight: lighter; display: block; }
			  #content-container #left .menu li a:hover, #content-container #left .menu li a.active { width: 187px; height: 60px; background: #fff url('../images/backgrounds/bg_menu-arrow.png') no-repeat left center; color: #446a71; }
		
		#content-container #right { width: 675px; float: left; }
			 /*|:: Slider ::|*/
			#content-container #right .slider { width: 675px; height: 449px; margin-bottom: 20px; position: relative; overflow: hidden; }
			#slider { width: 675px; height: 449px; margin: 0; padding: 0; list-style:none; float:left; }
			  #slider img { margin:0; padding:0; float: left; }  
			.coin-slider { position: relative; overflow: hidden; zoom:1; float: left; }
			  .coin-slider a { text-decoration: none; outline: none; border: none; }
			.cs-buttons { font-size: 0px; z-index: 100000; }
			  .cs-buttons a { width: 13px; height: 14px; margin-left: 5px; color: #b8c4cf; text-indent: -1000px; float: left; }
			.cs-button-slider { background-image:url(../images/slider/item.png); background-repeat: no-repeat; } 
			.cs-active { background-image:url(../images/slider/active.png); background-repeat:no-repeat; }
			.cs-title { width: 244px; padding: 10px; background: url('../images/slider/bg_controls.png') repeat; color: #fff; }
			.cs-prev { width: 12px; height: 19px; background: url(../images/slider/left.png) no-repeat; display: block; }
			.cs-next { width: 12px; height: 19px; background: url(../images/slider/right.png) no-repeat; display: block; }
			a#pause { width: 12px; height: 12px; position: absolute; bottom: 5px; left: 5px; color: #fff; cursor: pointer; z-index: 10000; display: block; }
			.pause { background: url(../images/slider/play.png) no-repeat; }
			.play { background: url(../images/slider/pause.png) no-repeat; }
			.rating { width: 411px; height: 84px; position: absolute; right: 0; bottom: 0; background: #fff; }
				
			#content-container #right .intro { width: 675px; padding-bottom: 13px; }
			  #content-container #right .intro p { width: 630px; padding-top: 20px; font-family: Verdana; font-size: 12px; color: #1b4850; }
			#content-container #right .recensies { width: 644px; }
				#content-container #right .recensies .rcvdweek { width: 424px; position: relative; border-bottom: 1px solid #ccd6db; float: left; }
					#content-container #right .recensies .rcvdweek .undertitle { width: 423px; height: 47px; border-bottom: 1px solid #486a70; border-top: 2px solid #84a6ac; }
					  #content-container #right .recensies .rcvdweek h3 { width: 405px; height: 48px; padding-left: 17px; background: url('../images/backgrounds/bg_htaghead.gif') repeat-x; border-left: 1px solid #85a7ad; border-right: 1px solid #66768d; line-height: 47px; font-family: Arial; font-size: 22px; color: #fff; display: block; }
					#content-container #right .recensies .rcvdweek .recensie { width: 410px; min-height: 223px; padding-top: 20px; padding-bottom: 20px; padding-left: 15px; background: url('../images/backgrounds/bg_recensie-vdweek.png') repeat-y; border-top: 2px solid #a9cbd1; }
					  #content-container #right .recensies .rcvdweek .recensie p { width: 381px; padding-bottom: 40px; font-family: Verdana; font-size: 12px; color: #52747a; }
					  #content-container #right .recensies .rcvdweek .recensie span { padding-top: 18px; font-weight: bold; display: block; }
						#content-container #right .recensies .rcvdweek .recensie .link { padding-top: 10px; float: left; }
						#content-container #right .recensies .rcvdweek .recensie .stars { width: 180px; height: 23px; color: #aed0d6; font-weight: bold; float: right; }
						  #content-container #right .recensies .rcvdweek .recensie .stars img { position: relative; top: 4px; }
				#content-container #right .recensies .top5 { width: 215px; float: right; }
					#content-container #right .recensies .top5 .undertitle { width: 216px; height: 47px; border-bottom: 1px solid #486a70; border-top: 2px solid #84a6ac; }
					  #content-container #right .recensies .top5 h3 { width: 198px; height: 48px; padding-left: 17px; background: url('../images/backgrounds/bg_htaghead.gif') repeat-x; border-left: 1px solid #85a7ad; border-right: 1px solid #66768d; line-height: 47px; font-family: Arial; font-size: 22px; color: #fff; display: block; }
					#content-container #right .recensies .top5 .recensie { width: 215px; min-height: 225px; }
					  #content-container #right .recensies .top5 .recensie li { width: 163px; height: 42px; padding-top: 7px; padding-right: 40px; padding-left: 14px;  background: #fff; font-family: Verdana; font-size: 14px; color: #52747a; border-top: 2px solid #a9cbd1; border-bottom: 2px solid #dffaff; }
				#content-container #right .recensies .full { width: 642px; margin-top: 5px; }
				  #content-container #right .recensies .full h2 { padding-bottom: 5px; font-size: 28px; color: #1b4850; font-weight: bold; }
				  #content-container #right .recensies .full p { width: 584px; margin-bottom: 20px; font-family: Verdana; font-size: 12px; color: #1b4850; }
  
  
  /*###################################### 
    #  Footer                            #
    ######################################*/ 
    #footer { width: 100%; height: 570px; margin: 0 auto; background: url('../images/backgrounds/bg_footer.jpg') repeat 0 -50px; overflow: hidden; }
		#footer .content { width: 862px; height: 570px; margin: 0 auto; }
			#footer .content .column { width: 265px; padding-top: 45px; float: left; }
			  #footer .content .column h2 { padding-bottom: 12px; font-size: 30px; color: #85b4bd; }
			  #footer .content .column li { line-height: 38px; font-size: 15px; color: #fff; }
			  #footer .content .column li.copy { line-height: 20px; }
			  #footer .content .column li a { color: #fff; text-decoration: none; }
			  #footer .content .column li span { color: #85b4bd; float: left; }

			  
			  
	
    /*#####################################################################
                       Copyright 2011 | CSS validated
    #####################################################################*/