/* tab navigation
*****************************************************************/
ul.tabber {
	background: url(../img/tabs/background.png) center bottom repeat-x;
	height: 40px;
	color: #fff;
	margin: 0;
	padding: 0;
	list-style-image: none;
}

ul.tabber li {
	display: block;
	float: left;
	height: 30px;
	margin-top: 10px;
	padding: 0;
	background: url(../img/tabs/separator.png) center right no-repeat;
}

ul.tabber li a {
	height: 20px;
	padding: 7px 13px 3px 13px;
	display: block;
}

ul.tabber li.active {
	margin-top: 3px;
	height: 37px;
	padding: 0;
	background: url(../img/tabs/active.png) center left no-repeat;
}

ul.tabber li.active a {
	color: #fd7400 !important;
	display: block;
	height: 20px;
	padding: 14px 13px 3px 13px;
	background: url(../img/tabs/active-right.png) center right no-repeat;
}

ul.tabber li.last,
ul.tabber li.before-active {
	background: none;
}

ul.tabber li a {
	font-weight: bold;
	color: #fff;
}

/* tabber with open bottom
*****************************************************************/

ul.tabber-open li.active {
	background: url(../img/tabs/active-open.png) center left no-repeat !important;
}

ul.tabber-open li.active a {
	background: url(../img/tabs/active-right-open.png) center right no-repeat !important;
}

/* orange-button
*****************************************************************/
a.orange-button {
	margin-right: 7px;
	cursor: pointer;
	margin-top: 15px;
	background: url(../img/buttons/orange.png) no-repeat;
	color: #fff;
	height: 24px;
	display: inline-block;
}
a.orange-button span {
	position: relative;
	top: -8px;
	font-size: 14px;
	padding: 1px 2px 1px 10px;
}

/* plain-orange-button
*****************************************************************/
a.plain-orange-button {
	cursor: pointer;
	margin-top: 15px;
	background: url(../img/orange-arrow.gif) no-repeat right center;
	padding-right: 15px;
	font-size: 14px;
	color: #fd7400;
	height: 24px;
}

/* back-orange-button */
a.back-orange-button {
	cursor: pointer;
	margin-top: 15px;
	background: url(../img/inverse-orange-arrow.gif) no-repeat left center;
	padding-left: 15px;
	font-size: 14px;
	color: #fd7400;
	height: 24px;
}

/* white-button
*****************************************************************/
a.white-button {
	margin-right: 7px;
	cursor: pointer;
	margin-top: 15px;
	background: url(../img/buttons/white.png) no-repeat;
	color: #fd7400;
	height: 24px;
	display: inline-block;
}
a.white-button span {
	position: relative;
	top: -8px;
	font-size: 14px;
	padding: 1px 2px 1px 10px;
}

/* blue-border-box
*****************************************************************/
.blue-border-box {
	width: 255px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-radius-topleft: 10px;
	border-radius-topleft: 10px;
	padding: 18px 23px;
	border: 1px solid #E1EAF3;
	margin-top:10px;
  min-height:125px;
}

.blue-border-box.large {
  min-height:190px;
}

.blue-border-box h3 {
	font-size: 20px;
	height: auto;
}
.blue-border-box .body {
	height: 43px;
}

#onelink-box h3 {
	height:auto;
	margin-bottom:10px;
}

#onelink-box .img {
	float: right;	
}

#onelink-box p.body {
	margin: 0px 100px 0px 0px;
}


#promo	form#subscribe {
		margin:0;
		padding:0;
	}
	
#promo #subscribe input{
		width:125px;
		font-size:11px;
		vertical-align:middle;	
/*		background: white url(../img/header-search.gif) no-repeat scroll 0 0;*/
		border: 0 none;
		padding:2px 4px 5px;

	}

#promo #subscribe button{
	    margin:0 7px 0 0;
	    background-color:#F8FAFB;
	    border:0px solid #dedede;
	    border-top:0px solid #eee;
	    border-left:0px solid #eee;
	    font-size:14px;
	    line-height:130%;
	    text-decoration:none;
	/*    font-weight:bold;*/
		color:#FD7400;
	    cursor:pointer;
	    padding:5px 10px 6px 7px; /* Links */
	    width:auto;
	    overflow:visible;
	    padding:4px 10px 3px 7px; /* IE6 */
	}

#promo #subscribe button[type]{
	    padding:0px; /* Firefox */
	    line-height:0px; /* Safari */
	}
#promo *:first-child+html button[type]{
	    padding:0px; /* IE7 */
	}
#promo #subscribe input.text {
background:transparent url(../img/input-subscribe.png) no-repeat scroll 0 0;
}
#promo #subscribe button img {
/*	    margin:0 3px -3px 0 !important;*/
	    padding:0;
	    border:none;
/*	    width:16px;*/
/*	    height:16px;*/
	}
#promo .subscribe p {
	margin-right:0px !important;
}

#promo .wrapper {
		margin-top:4px;
		padding:5px;
		background-color:#F8FAFB;
		border:1px solid #E1EAF3;
	}
	
#promo h3 {
		height:auto;
		margin-bottom:10px;
	}

	/* naar img */
/*#promo .img {
		margin-top:30px;
		overflow: hidden; 
		width: 80px;
		height:80px; 
		float: right;
	}*/
#promo .body p {
	margin-top:0px;
	margin-right:90px;
}
#promo .img {
	float: right;
	margin-left: 10px;
}

p.thanx {
	font-weight:bold;
	color:#FD7400;
	padding:5px;
	border:1px solid #FD7400;
}

#ask {
	width:300px;
}

#ask form input[type=text], div.question form textarea {
	width:100%;
	margin-bottom:10px;
}

#ask form label {
	font-weight:bold;
}

#ask form #cancel{
	float:left;
	margin:0px;
}

#ask form input[type=submit]{
	float:right;
}

/* shaded-box
*****************************************************************/
.more_themas {
	bottom:-42px;
	height:50px;
	left:4px;
	position:absolute;
	width:300px;
}

.shaded-box {
	position: relative;
	background: url(../img/boxes/shaded-item.png) left top no-repeat;
	width: 308px;
	height: 282px;
	margin-bottom: 20px;
}

.shaded-box .more_news {
	bottom:-42px;
	height:50px;
	left:4px;
	position:absolute;
	width:130px;
}

.shaded-box .more_toplijsten {
	bottom:-36px;
	height:50px;
	left:146px;
	position:absolute;
	width:300px;
}

.shaded-box .more_uitgelicht {
	bottom:-42px;
	height:50px;
	left:4px;
	position:absolute;
	width:160px;
}

.shaded-box h3 {
	font-size: 14px;
	padding: 3px 15px;
	color: #fff;
}
.shaded-box .row {
	margin: 7px 12px 8px 12px;
	padding: 8px;
	height: 58px;
}
.shaded-box .row img {
	float: left;
	margin-right: 7px;
}
.shaded-box .row h4 {
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 3px;
}
.shaded-box .row .body {
	margin-bottom: 3px;
}
.shaded-box .row a.more {
	background: url(../img/orange-arrow.gif) no-repeat center right;
	padding-right: 15px;
	font-weight: bold;
}
.shaded-box .row-1, .shaded-box .row-3 {
	background: #F3F7F9;
}

.shaded-box .planner_row {
	background:#F3F7F9 none repeat scroll 0 0;
	margin:0px 12px;
	padding:0px 18px;
	height:40px;
}
.shaded-box .planner_row.first {
	margin-top:7px;
}
.shaded-box .planner_row.last hr {
	display:none;
}
.shaded-box .planner_row img {
	float:left;
	margin:0px 15px 0px 0px;
}
.shaded-box .planner_row .body {
	line-height: 10px; /* prevent border overflow when > 1 line*/
	padding:9px 0px;
}
.shaded-box .planner_row hr {
	margin:0px;
}
.shaded-box .planner_row a {
	color:#0083D5;
}

/* pagination
*****************************************************************/
#pagination {
	padding: 10px 0;
	clear: both;
	text-align: center;
}

#pagination a {
	margin: 0 3px;
	font-weight: bold;
	color: #0083d5;
}

#pagination a.active {
	color: #fd7400;
}

#mijn-wintersport-link {
	border: 1px solid #9ECAE6;
	background: #E1EAF3;
	padding: 10px 15px;
}
#mijn-wintersport-link a {
	color: #065180;
	font-size: 14px;
	padding-right: 15px;
	background: url(../img/darkblue-arrow.gif) no-repeat center right;
}

.clear {
	clear: both;
}

/* common stuff
*****************************************************************/
#title {
	padding: 5px 15px;
	border-bottom: 1px solid #dcedf7;
}

#title h1 {
	font-size: 22px;
	display: inline;
}

#title .aantal {
	font-size: 13px;
	position: relative;
	top: -2px;
}

#title .title-menu {
	float: right;
	padding-top: 6px;
	margin-left: 20px;
}
#title .title-menu a {
	margin-left: 15px;
}

/* article
******************************************************************/
#article-body {
	margin: 15px 15px 0 15px;
	text-align: justify;
}

#article-body h2 {
	margin-bottom: 8px;
}

.introductie-foto {
	float: left;
	width: 300px;
	margin: 0px 10px 10px 0px;
	overflow: hidden;
}

.introductie-foto .bron {
	float: right;
}


/* skitest-boxje
******************************************************************/

#skicats select {
	width:160px;
}

/* rating box
*******************************************************/

.rating-box {
	margin-bottom:8px;
	font-size: 10px;
	width: 135px;
}
	.rating-box .min {
		float:left;
	}
	.rating-box .max {
		float:right;
	}
	.rating-box table {
		border-collapse: collapse;
		width: 100%;
	}
		.rating-box tr {
			background-color:white;
			height: 10px;
		}
			.rating-box td {
				height: 10px;
				width: 10px;
				border: 1px solid #B7D0E0;
				padding: 0px;
				font-size: 1px;
			}
			.rating-box td.inrange {
				background-color:#05598D;
			}

/* rating box
*******************************************************/
#algemeen-content-block {
}

	#algemeen-content-block .left {
		float: left;
		width: 618px;
		margin: 15px 0 0 15px;
	}

	#algemeen-content-block .right {
		float: right;
		width: 300px;
		margin: 15px 14px 0 15px;
	}
	
/* rating box
*******************************************************/
ul#four-linkbox {
			padding: 0;
			margin: 10px 0;
			list-style-type: none;
		}
		
		ul#four-linkbox li {
			padding: 0 0 0 0;
			margin: 10px 0;
		}
		
		ul#four-linkbox a {
			padding-left: 15px;
			background: url(../img/blue-arrow.gif) left 3px no-repeat;
			color:#003759;
		}
		
/* dialog
********************************************************/
.wintersportDialog {
	width: 555px;
	height: 412px;
	background: url(../img/dialog.png);
}
.wintersportDialog .title {
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	height: 18px;
	padding: 7px 14px;
}

.wintersportDialog .close-link,
.wintersportDialog .close {
	background: url(../img/dialog-close.png);
	width: 78px;
	display: block;
	height: 17px;
	cursor: pointer;
	position: absolute;
	right: 8px;
	top: 6px;
}

.wintersportDialog .body {
	margin: 5px 10px;
	height: 343px;
	overflow: hidden;
	background: #f3f7f9;
	padding: 10px;
}

.wintersportDialog .body-left {
	position: absolute;
	top: 41px;
	left: 15px;
	height: 353px;
	width: 290px;
/*  overflow: hidden;*/
	background: #f3f7f9;
}

.wintersportDialog .body-left .question {
	background: #e1eaf3;
	padding: 5px 15px;
	font-weight: bold;
}

.wintersportDialog .body-left .answers {
	padding: 15px;
	margin: 0;
	display: block;
}

.wintersportDialog .body-left .bottom {
	position: absolute;
	bottom: 0px;
	background: #64afdd;
	width: 258px;
	padding: 5px 15px;
}

.wintersportDialog .body-left .bottom a.previous {
	color: #fff;
	font-weight: bold;
	float: left;
	background: url(../img/white-arrow-left.gif) no-repeat left center;
	padding-left: 15px;
}

.wintersportDialog .body-left .bottom a.next {
	color: #fff;
	font-weight: bold;
	float: right;
	background: url(../img/white-arrow.gif) no-repeat right center;
	padding-right: 15px;
}

.wintersportDialog .body-right {
	position: absolute;
	top: 41px;
	right: 15px;
	height: 323px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	width: 190px;
	overflow: hidden;
	background: #f3f7f9;
	padding: 10px;
	border: 5px solid #becfe0;
}

.wintersportDialog .body-left-skitest {
	padding: 0 10px;
	position: relative;
}

.wintersportDialog .body-left-skitest img {
	cursor: pointer;
	border: 1px solid #f3f7f9;
}

.wintersportDialog .body-left-skitest #option1,
.wintersportDialog .body-left-skitest #option2 {
	position: absolute;
	width: 210px;
	padding: 20px;
	height: 300px;
	background: #f3f7f9;
}

.wintersportDialog .body-left-skitest #option1 {
	left: 20px;
}

.wintersportDialog .body-left-skitest #option2 {
	right: 20px;
}

.wintersportDialog .body-left-skitest h3 {
	padding: 0px;
	color: #003759;
}

.wintersportDialog .body-left-skitest #answer {
	padding: 20px;
	font-weight: bold;
	font-size: 14px;
}

.wintersportDialog .body-left-skitest .description {
	display: block;
	margin-top: 15px;
}

.wintersportDialog .bottom {
	position: absolute;
	bottom: 0px;
	background: #64afdd;
	width: 521px;
	margin-bottom:5px;
	margin-left:2px;
	margin-right:13px;
	padding: 5px 15px;
}

.wintersportDialog .bottom a.previous {
	color: #fff;
	font-weight: bold;
	float: left;
	background: url(../img/white-arrow-left.gif) no-repeat left center;
	padding-left: 15px;
}

.wintersportDialog .bottom a.next {
	color: #fff;
	font-weight: bold;
	float: right;
	background: url(../img/white-arrow.gif) no-repeat right center;
	padding-right: 15px;
}

.wintersportDialog .video {
	margin-left: 2px;
	margin-top: -4px;
}

.wintersportDialog .video a {
	display: block;
	width: 520px;
	height: 330px; 
}

/* forms
*******************************************************/
div.error {
/*  display:inline;
  margin:0px 6px;*/
	color:red;
	font-weight:bold;
}

form div.error {
  display:inline;
  padding:0px 5px;
	color:red;
	font-weight:bold;
}

div.notice {
/*  display:inline;*/
/*  margin-left:6px;*/
	color:green;
	font-weight:bold;
}

/* ads
*******************************************************/
#google_ads_div_wintersport_home_120x600 {
  float:left;
  margin-top:30px;
  margin-left:10px;
}

#google_ads_div_wintersport_home_728x90 {
  text-align:center;
}

#adl_leaderboard {
    /*border:1px solid blue;*/
    margin:0pt auto;
    width:728px;
    height:90px;
    text-align:center;
}

#adl_skyscraper{
    /*border:1px solid red;*/
    width:120px;
    height:600px;
    margin-top:62px;
    float:left;
    margin-left:10px
}

#adl_fullsize_banner{
    /*border:1px solid aqua;*/
}

#adl_medium_rectangle{
    /*border:1px solid orange;*/
}

#adl_multi-adsize{
    /*border:1px solid green;*/
}

