/*
Claus.nl stylesheet
*/

/*
Kleurcodes:
Groen: #9ec047
Paars: #20122f
Donkerpaars: #251136
*/

/*** GLOBAL STYLES ***/

body,h1,h2,h3,h4,h5,h6,p,form,fieldset,img,ul{
	margin:0;
	padding:0;
	border:0;
	}

h2,h3, #pageDescription h1 {
    font-size:1em;
    font-weight:bold;
}

body{
	background-color:#fff;
	color:#fff;
	font-size:0.75em;
	font-family:verdana;
	}

body{
	padding:10px 0;
	background:#fff url("http://www.claus.nl/web/images/backgrounds/bg_empty.jpg") repeat-x;  /*vervolgpagina's hebben bg.jpg, home bg_empty.jpg*/
	text-align:center;
	}

a{
	background-color:inherit;
	color:#BBD26A;
	text-decoration:none;
	outline:none;
	}

a:hover{
	background:inherit;
	text-decoration:underline;
	outline:none;
	}

.clear{
	clear:both;
	height:0px;
	font-size:0px;
	line-height:0px;
	}

.left{
	text-align:left;
	}

.center{
	text-align:center;
	}

.right{
	text-align:right;
	}

#container{
	width:801px;
	margin:0 auto;
	padding:0 0 6px 0;
	}

#main{
	width:800px;
	margin:0 auto;
	border:0px solid #fff;
	text-align:left;
	}
	
*html #main{ /*display correct in IE*/ 
	width:800px;
	}

#head1 input{
	border:1px solid #999;
	padding:2px;
	}

#topnav{
	margin:0;
	width:100%;
	height:25px;
	}

/*** LANGUAGE ***/

#lang{
	float:right;
	padding-top:4px;
	list-style:none; 
	text-transform:uppercase;
	font-weight:normal;
	}
	
#lang li{
	float:left;
	padding:0px;
	margin-right:5px;
	}
	
#lang img{
	border:1px solid #999;
	}
	
#lang li a{
	text-decoration:none;
	font-size:0.9em;
	color:#20122f;
	}
	
#lang a:hover{
	text-decoration:underline;
	}

/*** HEADER WITH TOP MENU ABOVE LOGO ***/

#head1{
	float:right;
	width:100%;
	background:#464648;
	display:none;
	}

/*** MENU TOP ABOVE LOGO ***/

#menu1{
	float:left;
	margin:0;
	list-style:none;
	text-transform:uppercase;
	}

#menu1 li{
	float:left;
	padding:0;
	}

#menu1 li a{
	color: #BBD26A;	/* #babbbc; */
	font: 0.855em arial;
	text-decoration:none;
	}

#menu1 li a:hover, #menu1 .selected{
	background-color:inherit;
	color: #e9e9e9;
	text-decoration:underline;
	}

#menu1 li a {
	float:left;
  	background:url("http://www.claus.nl/web/images/tabs/tab_left.png") no-repeat left top;
	_background:url("http://www.claus.nl/web/images/tabs/tab_left.gif") no-repeat left top;/*IE6*/
  	margin:0;
  	padding:0px;
  	text-decoration:none;
	margin-right:1px;
	outline:none;
	cursor: pointer;
	}

#menu1 li a span{
	float:left;
  	display:block;
  	background:url("http://www.claus.nl/web/images/tabs/tab_right.png") no-repeat right top;
	_background:url("http://www.claus.nl/web/images/tabs/tab_right.gif") no-repeat right top;/*IE6*/
  	padding:6px 25px 8px 15px;
	_padding:6px 25px 6px 15px;/*IE*/
	outline:none;
	}
		
/*** SWITCH ***/

#switch li{
	position:relative;
	display:inline;
	z-index:999999;
	top:-24px;
	list-style:none;
	text-transform:uppercase;
	background-color:transparent;
	}

#switch li a{
	color:#fff;
	padding:8px 15px 8px 15px;
	background:transparent url("http://www.claus.nl/web/images/tabs/switch_tab_down.png") no-repeat top right;
	_background:transparent url("http://www.claus.nl/web/images/tabs/switch_tab_down.gif") no-repeat top right;/*IE6*/
	font-size:0.9em;
	}

#switch .l1{
    *top:-22px; /*IE7*/
    _top:-22px; /*IE6*/
}
#switch .l2{
    left:-3px;
    *top:-22px; /*IE7*/
    _top:-22px; /*IE6*/
}


#switch li a.selected{
	color:#fff;
	background:transparent url("http://www.claus.nl/web/images/tabs/switch_tab_up.png") no-repeat top right;
	_background:transparent url("http://www.claus.nl/web/images/tabs/switch_tab_up.gif") no-repeat top right;/*IE6*/
	}

a.overlay{
	filter:alpha(opacity=100);
	zoom:1; 
	-moz-opacity: 1.0; 
	opacity: 1.0;
	}

a.overlay:hover {
	filter:alpha(opacity=70);
	zoom:1;   
	-moz-opacity: 0.7;   
	opacity: 0.7;
	}

/*** LOGO, HEADER BACKGROUND AND SLOGAN ***/

#head2{
	position:relative;
	clear:both;
	height:310px;
	_height:308px;
	color:#fff;
	}

/*** PLUGINS ***/

#sContainer{
	float: right;
	background:#251136 url("http://www.claus.nl/web/images/logos/logo.png") top left no-repeat;
	height:310px;
	width:175px;
	}

#sContainer h2 {
	padding-top:125px;
	font-size:0.8em;
	padding-left:12px;
	margin-bottom:5px;
	_margin-bottom:3px;/*IE6*/
	*margin-bottom:5px;/*IE7*/
	text-transform:uppercase;
	}
	
#scroll{
	float: right; 
	width: 172px;
	}
	
.news li{
	background:#251136 url("http://www.claus.nl/web/images/tabs/specials.png") repeat-x;
	padding:6px 18px 6px 8px;
	list-style:none;	
	}

.news li a{
	font-size:0.8em;
	background-color:transparent;
	outline:none;
	}
	
#slideshow{
	float:left;
	height:220px;
	}

*html #slideshow{/*IE6*/
	margin-bottom:-18px;
	}

#slideshow ul{
	list-style:none
	}

.overlay{
	filter:alpha(opacity=70);
	zoom:1;   
	-moz-opacity: 0.7;   
	opacity: 0.7;
	border:1px solid #7f766f;
	}

#logo{
	float:left;
	padding:0px;
	}

#logo h1{
	float:left;
	padding:0px;
	border:0px solid #1c1c13;
	background:#464648;
	margin:0px;
	height:40px;
	}

#logo h2{
	clear:left;
	padding:0px 8px;
	background:inherit;
	color:#e2d6ad;
	font:normal 0.917em Georgia;
	text-indent:-99999px;
	}

/*** NAVIGATION PATH - TREE ***/

#navipath{
	/* position:relative;
	left:0px;
	top:-10px;
	padding:0px; */
	font-size:0.8em;
	color:#A9A9A9;
	}

#navipath a{
	background-color:inherit;
	color:#BBD26A;
	text-decoration:none;
	}

#navipath a:hover{
	text-decoration:underline;
	}

/*** HEADER WITH TOP MENU UNDER LOGO ***/

#head3{
	float:left;
	width:100%;
	background-color: #9ec047;
	}

/*** MENU TOP BELOW LOGO ***/

#menu2{
	float:left;
	font-family:verdana;
	font-size:1em;
	list-style:none;
	position:relative;
	left:5px;
	}

#menu2 li{
	float:left;
	}

#menu2 a {
	outline:none;
	display:block;
	float:left;
	height:25px;
	padding:0 7px;
	border-right:0px solid #fff;
	color:#fff;
	line-height:25px;
	text-decoration:none;
	text-transform:uppercase;
	}

#menu2 a:hover{
	outline:none;
	color:#000;
	text-decoration:none;
	}

#menu2 a.active {
	outline:none;
	display:block;
	float:left;
	height:25px;
	padding:0 5px;
	border-right:0px solid #fff;
	color:#000;
	line-height:25px;
	text-decoration:none;
	text-transform:uppercase;
	}

#menu2 .selected{
	outline:none;
	color:#000;
	text-decoration:none;
	}



/*** BODY STYLES - LEFT AND RIGHT COLUMN ***/

#body{
	clear:both;
	float:left;
	width:100%;
	background:#20122f url("http://www.claus.nl/web/images/backgrounds/body_bg.png") top right repeat-y;
	padding-bottom:15px;
	}

#wrapper{
	width:100%;
	height:25px;
	background-color:transparent;
	}

/*** LEFT COLUMN STYLES ***/

#column{
	float:left;
	width:168px;
	padding:0px;
	font-size:0.88em;
	line-height:1.4em;
	}

/*** LEFT MENU ***/

#menu3{
	padding:10px 10px 10px 5px;
	font-size:0.9em;
	}

#menu3 li{
	list-style:none;
	padding:5px 10px;
	}

/* RIGHT COLUMN STYLE */

#column2{
	float:right;
	width:175px;
	position:relative;
	top:6px;
	}
	
#menu4{
	width:145px;
	padding-left:15px;
	}

#menu4 a{
	font-size:0.8em;

	}

#menu4 ul{
	position:relative;
	top: 4px;
}

#menu4 li{
	list-style:none;
	/* height:18px; */
	}

.block{
	margin-top:25px;
	margin-bottom:15px;
	}

/** ICONS **/

.hdr1 {
	/* padding-left:20px;
	background: url("http://www.claus.nl/web/images/icons/icon1.png") 0px 3px no-repeat; */
	}
/**
.hdr2 {
	padding-left:20px;
	background: url("http://www.claus.nl/web/images/icons/icon1.png") 0px 3px no-repeat;
	}
	
.hdr3 {
	padding-left:20px;
	background: url("http://www.claus.nl/web/images/icons/icon2.png") 0px 3px no-repeat;
	}

.hdr4 {
	padding-left:20px;
	background: url("http://www.claus.nl/web/images/icons/icon2.png") 0px 3px no-repeat;
	}

.hdr5 {
	padding-left:20px;
	background: url("http://www.claus.nl/web/images/icons/icon4.png") 0px 3px no-repeat;
	}
**/
	
	
/*** MAIN CONTENT ***/

#content{
	float:left;
	width:450px;
	padding:0px 0 20px;
	text-align:center;
	}

#page{
	width:94%;
	margin:0 auto;
	text-align:left;
	}

#page h1{
	padding:0px 0 0px;
	background:inherit;
	color:#fff;
	font:normal 1.5em verdana;
	}

#page div.content{
	font:0.9em verdana;
	line-height:1.4em;
	padding-right:10px;
	}

#page div.content ul, .subpagesList li ol{
	margin:0 0 0 30px;
	padding:0;
	}

#page div.content li{
	
	/* margin-bottom: -13px; */
	
	border-left:0;
    position:relative;
    left: 15px;

	/* margin:3px 0; */
	/* padding:0; */
	
    *margin-bottom: 5px;

	}
	
.pages{
	padding:8px 0;
	text-align:right;
	}

/*** FORMS ****/

#cForm{
	margin:0px;
	}
	
#cForm .input{
	left:10px;
	padding:2px;
	width:275px;
	border:1px solid #fff;
	font-size:1.2em;
	}
			
#cForm textarea {
	height:70px; 
	width:275px;
	overflow:auto;
	}
	
/*** OPTIONS LINK ***/

#options{
	clear:both;
	margin:10px 10px 0;
	background:inherit;
	color:#7f7f66;
	font-size:0.917em;
	text-align:right; 
	}

#options a{
	padding:0 7px 0;
	}

#options .back, #options .print{
	float:right;
	}

#options .print a{
	border-left:1px solid #7f7f66;
	}

.message{
	padding:40px 0;
	text-align:center;
	}

/*** FOOTER ***/

#foot{
	clear:both;
    margin: 0px auto;
    text-align:center;
	padding:10px 0px 10px 5px;
	}

#foot a{
	background:inherit;
	color:#fff;
	text-decoration:none;

	color: #575757;
	font: 0.85em verdana;
	text-decoration:none;
	
	line-height: 20px;
	
	}

#foot a:hover{
	text-decoration:underline;
	}


/*** ZOEKVELD ***/

#search {
    float:right;
    height:25px;

/*
    *position:relative;
    *top:-3px; /*IE7*/
    _position:relative;
    _top:-3px; /*IE6*/
*/
}

#search input{
	position:relative;
	border:1px solid #fff;
	width:115px;
	
/*
	padding:3px;
	_padding:2px;
	*padding:1px;
	height:13px;
    top:2px;
    *top:0px;/*IE6*/
*/
	}

#search .submit{
	position:relative;
	left:0px;
	padding:4px 5px;
	_padding:3px 2px;
	*padding:3px 1px;
    top:0px;
    *top:3px; /*IE6*/
    height:23px;
	border:none;
	background-color:transparent;
	color:#fff;
	width:auto;
	text-transform:uppercase;
	}

.referentieafbeelding {
    border:1px #CCC solid;
}

#ftourmenu {
    position:relative;
    float:left;
    width:170px;
    text-align:left;
}

#ctaspacer {
    height:5px;
}




/*
    Legenda
    * /*IE7*/
    _ /*IE6*/
*/