/* 
 * General layout editor styles 
 *
 */
 
/* 
09-05-2011 EDIT FOR TEMPORARY HEADER:
Added: Line 13 t/m 23
Added Line 56: display:none;
Changed: Line 34, added _2 to filename. Orig: top_box.png
*/

a#go-to-button{
	display: block;
	width: 197px;
	height: 48px;
	position: relative;
	margin: 193px 0 0 33px;
}

.longweek-actie{
	background-image: url('../../images/general/content_banner_temp.png') !important;
}
 
body,
html{
	padding: 0;
	margin: 0;
}

body.vervolg{
	background-image: url('../../images/general/bg_float_content.jpg');
	background-position: center;
	background-repeat: repeat-y;
}

div#main-container{
	width: 939px;
	margin: 0 auto;
	overflow: hidden;
}

div#header{
	position: relative;
	width: 939px;
	overflow: hidden;
}

div.header-home{
	background-image: url('../../images/general/top_box_2.png');
	background-repeat: no-repeat;
	height: 285px;
}

div.header-vervolg{
	background-image: url('../../images/general/content_banner.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 231px;
}

	div#header div#logo{
		float: left;
		width: 96px;
		height: 84px;
		margin: 10px;
	}
	
		div.header-home img.home-payoff{
			margin: 40px;
			display: none;
		}
	
		div.header-home div#payoff{
			margin: 0px 0 0 0;
		}
		
		div.header-vervolg div#payoff{	
			position: relative;
			float: left;
		}
	
		div#payoff{
			background: url('../../images/general/pay-off.png');
			width:469px;
			height: 71px;
		}

	div#header ul.top{
		padding: 0;
		margin: 10px 20px 0 0;
		list-style: none;
		float: right;
		position: relative;
	}
	
		div#header ul.top li,
		div#header ul.top li form{
			display: block;
			float: left;
		}
		
				div#header ul.top li a{
					color: #1269AE;
					font-size: 0.9em;
					padding: 0 1px 0 1px;
				}
				
					div#header ul.top li a.meta-active{
						color: #E6007E;
					}
				
				div#header ul.top li span{
					color: #1269AE;
					font-size: 1em;
					padding-right: 5px;
				}
				
				div#header ul.top li a.zoom-text,
				div#header ul.top li a.unzoom-text{
					display: block;
					float: left;
					width: 20px;
					height: 20px;
				}
				
				div#header ul.top li a.zoom-text{
					background-image: url('../../images/general/tekst_groot.jpg');
					background-repeat: no-repeat;
					margin: 0 5px 0 2px;
				}
				
				div#header ul.top li a.unzoom-text{
					background-image: url('../../images/general/tekst_klein.jpg');
					background-repeat: no-repeat;
					margin: 0 0 0 5px;
				}
				
					div#header ul.top li a.zoom-text:hover,
					div#header ul.top li a.unzoom-text:hover,
					div#header ul.top li a.zoom-active{
						background-position: 0 -20px;
					}	
					
				div#header ul.top li form#search-form{
					padding: 0;
					margin: 0;
				}		
				
					div#header ul.top li form#search-form input#query{
						border-top: 1px solid #B2E6F9;	
						border-left: 1px solid #B2E6F9;	
						border-bottom: 1px solid #B2E6F9;	
						border-right: none;
						width: 125px;
						padding: 1px 0 1px 5px;
						font-size: 1em;
						height: 16px;
						float: left;
						margin: 0;
					}
		
div#column-wrapper{
	position: relative;
	width: 939px;
	overflow: hidden;
	height: 100%;
}

	div.column-wrapper-vervolg{
		padding: 0 15px 0 20px;
		width: 905px;
	}
	
	div#column-left{
		float: left;
		width: 340px;
		margin: 0 20px 15px 0;
	}
	
	div#column-right{
		float: left;
		width: 340px;
		margin: 0 0 0 0;
	}
	
	div#full-content,
	div.full-content{
		height: 100%;
		overflow: hidden;
		float: left;
		width: 700px;
		position: relative;
	}

div#footer{
	/*background: url('../../images/general/footer.jpg') no-repeat;*/
	margin: 60px auto;
	width: 929px;	
	overflow: hidden;
	padding-top: 20px;
	height: 165px;
	position: relative;
}

div.footer-vervolg{
	width: 920px !important;
}

div.footer-additional {
  /* background:#ececf0; */
  margin:0 auto;
  width:895px;
  height:25px;
  padding:10px 0 30px;
  
}

div.footer-additional ul  {
  margin:0;
  padding:0;
}

div.footer-additional ul li {
  list-style-type:none;
  background:url("../../images/general/gray_arrow.png") left center no-repeat;
  float:left;
  padding-left:10px;
  margin:0 10px 0 10px;
}

div.footer-additional ul li a {
  font-family: "Myriad Pro", Arial, sans-serif; 
  color:#767886;
  font-size:11pt;
  font-weight:bold;
  padding:4px 25px 0 3px;
  letter-spacing:-1px;
}

div.footer-additional .footer-top {
  background:url('../../images/general/gray_footer_top.png') no-repeat top center;
  height:5px;
  width:895px;
  margin:0;
  padding:0;
}

div.footer-additional .footer-content {
  height:30px;
  padding: 15px 0 0 25px;
  background:#ececf0;
}

div.footer-additional .footer-bottom {
  background:url('../../images/general/gray_footer_bottom.png') no-repeat top center;
  height:5px;
  width:895px;
  margin:0;
  padding:0;
}

div#footer img#footer-payoff{
	position: absolute;
	right: 10px;
	top: 15px;
}

div#footer.footer-vervolg img#footer-payoff{
  position: absolute;
  right: 10px;
  top: 85px;
}

	div#footer ul.logos{
		padding: 0;
		margin: 0 0 0 10px;
		overflow: hidden;
		list-style-type: none;
		position: absolute;
		top: 20px; 
		left: 260px;
	}
	  div#footer.footer-vervolg ul.logos{
    padding: 0;
    margin: 0 0 0 10px;
    overflow: hidden;
    list-style-type: none;
    position: absolute;
    top: 95px; /* was 20px */
    left: 260px;
  }
  
		div#footer ul.meta-menu{
			width: 240px;
			margin: 15px 0 0 0;
			position: absolute;
			left: 15px;
			list-style-type: none;
			overflow: hidden;
			padding: 0;
		}

		div#footer ul li{
			color: #c3c3c3;
			font-size: 12px;
			text-decoration: none;
			float: left;
		}
		
			div#footer ul.metamenu li a{
				color: #E6007E;
			}
      div#footer div.footer-additional li span{
        display: inline-block;
        padding: 0 5px 0 5px; 
        font-size:15px;
      }
      		
			div#footer ul li span{
				display: inline-block;
				padding: 0 5px 0 5px;	
			}
		
ul.social-media-bar{
	width: 170px;
	position: absolute;
	margin-top: 15px;
	left: 53%;
	margin-left: -85px !important;
	list-style-type: none;
	padding: 0;
}	

	ul.social-media-bar li{
		padding: 0 4px;
	}
		
/* PAGER */

div.pager{
	width: 880px;
	overflow: hidden;
	background: #d0ebfc;
	padding: 3px 4px 3px 10px;
	margin: 20px 0 0 0;
}

	div.pager-nav{
		float: left;
		margin-top: 3px;
	}
	
		div.pager-nav a{
			display: inline-block;
			padding: 1px 4px 1px 4px;
			font-size: 0.95em;
			color: #0168b5;
		}
		
			div.pager-nav a.active{
				color: #fff;
				background: #e10686;
			}
	
	div.pager-show {
		float: right;
	}
	
		div.pager-show form {
			width: 45px;	
			display: inline;
		}
		
			div.pager-show form select {
				border: 1px solid #7f9db7;
				padding: 1px;
			}
	
		div.pager-show span{
			color: #0069b7;
			font-size: 1em;
		}
		



	
/* MISC A */

div#full-content ul li{
	/*list-style-image: url('../../images/general/vinkje.gif');*/
}

a img{
	border: none;
}

.right{
	float: right;
}

.left{
	float: left;
}

fieldset legend span.hide{
	position: absolute;
	margin-left: -4000px;
}

a#reset-form{
	float: right;
	margin: 28px 8px 0 0;
	cursor: pointer;
}

a.button{
	display: block;
	text-decoration: none;
	cursor: pointer;
}

	span.waardering-status{
		color: #e6007e !important;
	}

	a.volgende{
		display: block;
		background: url('../../images/general/volgende.gif');
		width: 92px;
		height: 21px;
	}
	
	#to-step-2 {
		margin-right: 20px;
	}
	
	a.vorige{
		display: block;
		background: url('../../images/general/vorige.gif');
		width: 92px;
		height: 21px;
	}	

	a.waardeer{
		display: block;
		background: url('../../images/general/waardeer.gif');
		width: 92px;
		height: 21px;
	}
	
	a.login{
		display: block;
		background: url('../../images/general/login.gif');
		width: 92px;
		height: 21px;
	}	
	
	a.registreer{
		display: block;
		background: url('../../images/general/registreer.gif');
		width: 92px;
		height: 21px;
	}		
	
	a.opslaan{
		display: block;
		background: url('../../images/general/opslaan.gif');
		width: 92px;
		height: 21px;
	}		
	
	a.vergeten-wachtwoord{
		display: block;
		background: url('../../images/general/wachtwoordvergeten.gif');
		width: 151px;
		height: 21px;
	}		
	
	a.verwijder{
		display: block;
		background: url('../../images/general/verwijder.gif');
		width: 92px;
		height: 21px;
	}	
	
	a.naar-kaart{
		display: block;
		background: url('../../images/general/toonresultaten_kaart.gif');
		width: 170px;
		height: 21px;
	}	
	
	a.naar-lijst{
		display: block;
		background: url('../../images/general/toonresultaten_lijst.gif');
		width: 170px;
		height: 21px;
	}		
	
	a.wijzig{
		display: block;
		background: url('../../images/general/wijzig.gif');
		width: 92px;
		height: 21px;
	}	
	
	a.button-waardeer{
		background: url('../../images/general/waarderen.gif');
		width: 92px;
		height: 21px;
		clear: both;
	}
	
	a.button-logout{
		background: url('../../images/general/uitloggen.gif');
		width: 92px;
		height: 21px;
		clear: both;
	}	

	a.button-longzorg{
		background: url('../../images/general/goedelongzorg.gif');
		width: 118px;
		height: 21px;
		clear: both;
	}
	
	a.button-zoeken{
		background: url('../../images/general/zoeken.gif');
		width: 92px;
		height: 21px;
		clear: both;
	}	

	a.button span{
		position: absolute;
		margin-left: -4000px;
	}
	
  .clearboth {clear:both;}