/*

Claus.nl stylesheet

*/

/*

Kleurcodes:

Licht Groen zakelijk: #a2d064
Donker Groen zakelijk: #8cc63f

Licht Groen particulier: #97c060
Donker Groen particulier: #7fb23a

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 {
    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; /*alleen homepage heeft bg_empty.jpg*/
	text-align:center;
	}

a{
	background-color:inherit;
	color:#ccc;
	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:5px;
	list-style:none; 
	text-transform:uppercase;
	font-weight:normal;
	}
	
#lang li{
	float:left;
	padding:0px;
	margin-right:5px;
	}
	
#lang img{
	border:1px solid #c1c1c1;
	}
	
#lang li a{
	text-decoration:none;
	font-size:0.9em;
	color:#20122f;
	}
	
#lang li 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;
	display:none;
	}

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

#menu1 li a{
	color:#babbbc;
	font: 0.866em arial;
	text-decoration:none;
	}

#menu1 li a:hover, #menu1 .selected{
	background-color:inherit;
	color: #CC9900;
	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:3px;
	outline:none;
	}

#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;
	}

/*** 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;
	display:none;
	}

#sContainer h1 {
	padding-top:125px;
	font-size:0.8em;
	padding-left:10px;
	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 8px;
	list-style:none;
	}

.news li a{
	font-size:0.9em;
	background-color:transparent;
	outline:none;
	}
	
#portfolio img{
	width:800px;
	height:310px; 
	}
	
#slideshow{
	float:left;
	}

#slideshow ul{
	list-style:none
	}

#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;
	display:none;
	}

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

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

/*** MENU TOP ***/

#menu2{
	float:left;
	font-family:verdana;
	font-size:0.9em;
	list-style:none;
	display:none;
	}

#menu2 li{
	float:left;
	}

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

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

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

#menu2 input{
	position:relative;
	top:0px;
	left:0px;
	padding:3px;
	_padding:2px;
	border:1px solid #fff;
	width:110px;
	}

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

#find li{
	margin-left:-8px;
	_margin-left:-4px;/*IE6*/
	}

#find input{
	float:left;
	position:relative;
	top:6px;
	left:0px;
	padding:3px;
	_padding:2px;
	border:1px solid #fff;
	width:90px;
	}

#find .submit{
	position:relative;
	top:6px;
	left:5px;
	padding:5px 5px;
	_padding:3px 2px;
	border:none;
	color:#fff;
	background-color:transparent;
	width:auto;
	text-transform:uppercase;
	font-size:1.2em;
	}

*html #find li{/*IE6*/
	float:left;
	}
	
*+html #find li{/*IE7*/
	float:left;
	}

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

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

#wrapper{
	width:100%;
	height:0px;/* 0px on homepage only*/
	background-color:transparent;
	}

*html #wrapper{
	margin-bottom:-13px;/*IE6 only*/
	}

/*** COLUMN STYLES - DIVIDED IN 4 COLUMNS => COLUMN, COLUMN0, COLUMN1, COLUMN2 ***/

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

#column .hdline{
	padding:8px 0px 8px 8px;
	background:#7c6c8d url("http://www.claus.nl/web/images/logos/logo_cec.png") right 3px no-repeat;
	}

#column .hdline h1{
	font-size:1.2em;
	text-transform:uppercase;
	font-weight:normal;
	}

#column .hdline h1 a{
    color:white;
}

#column a{
	font-size:0.9em;
	}

/*** ------------- ***/

#column0{
	float:left;
	width:200px;
	padding:0px;
	font-size:0.9em;
	line-height:1.4em;
	}

#column0 .hdline{
	padding:8px 0px 8px 8px;
	background:#5b5065 url("http://www.claus.nl/web/images/logos/logo_cy.png") 94% no-repeat;
	}

#column0 .hdline h1{
	font-size:1.2em;
	text-transform:uppercase;
	font-weight:normal;
	}

#column0 .hdline h1 a{
    color:white;
}

#column0 a{
	font-size:0.9em;
	}
	
/*** ------------- ***/

#column1{
	float:left;
	width:200px;
	font-size:0.9em;
	line-height:1.4em;
	}

#column1 .hdline{
	padding:8px 0px 8px 8px;
	background:#7c6c8d url("http://www.claus.nl/web/images/logos/logo_papas.png") right 3px no-repeat;
	}

#column1 .hdline h1{
	font-size:1.2em;
	text-transform:uppercase;
	font-weight:normal;
	}

#column1 .hdline h1 a{
    color:white;
}

#column1 a{
	font-size:0.9em;
	}

/*** ------------- ***/

#column2{
	float:left;
	width:200px;
	line-height:1.4em;
	font-size:0.9em;
	}

#column2 h1{
	padding:8px 0 18px 0;
	font-size:1.3em;
	text-transform:uppercase;
	font-weight:normal;
	}

/*** ------------- ***/

#column ul, #column0 ul, #column1 ul, #column2 ul{
	list-style:none;
	padding-top:10px;
	padding-left:8px;
	}

#column li, #column0 li, #column1 li, #column2 li{
	padding:0px;
	}

#column li, #column0 li, #column1 li, #column2 li span{
	color: #CCCCCC;
	font-size: 0.9em;
}
	
#column .bold, #column0 .bold, #column1 .bold, #column2 .bold{
	font-weight:bold;
	}

/*** LEFT MENU ***/

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

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

/* RIGHT COLUMN STYLE */

#menu4{
	width:175px;
	padding-left:10px;
	font-size:0.88em;
	}

#menu4 a{
	font-size:0.9em;
	}

#menu4 li{
	list-style:none;
	}

#block1, #block2, #block3, #block4{
	border-bottom:1px solid #fff;
	}

.hdr{
	padding-bottom:10px;
	}

/*** MAIN CONTENT ***/

#content{
	float:right;
	width:600px;
	padding:0px;
	text-align:center;
	}

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

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

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

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

#page div.content li{
	margin:0;
	padding:0;
	border-left:0;
	}
	
.pages{
	padding:0px;
	text-align:right;
	}

#sections{
	margin-top:20px;
	background-color:#a2d064;
	text-transform:uppercase;
	padding:5px 0px;
	text-align:left;
  	background:url("http://www.claus.nl/web/images/home_sections.png") no-repeat left top;
	_background:url("http://www.claus.nl/web/images/home_sections.gif") no-repeat left top;/*IE6*/
	}

#headsection{
	list-style:none;
	padding-left:10px;
	}

#headsection .business span{
	padding-left:10px;
	}

#headsection .private span{
	padding-left:126px;
	}

#headsection li{
	display:inline;
	font-size:1.2em;
	}
	
#section1, #section2{
	width:290px;
	height:60px;
	float:left;
	padding-left:10px;
	padding-bottom:90px;
	}

#section1{
	background-color:#8cc63f;
	padding-top:5px;
	}

#section2{
	background-color:#7fb23a;
	padding-top:5px;
	}

#section1 ul, #section2 ul{
	list-style:none;
	}
	
#section1 ul a, #section2 ul a{
	color:#fff;
	font-size:0.9em
	}

#section1 ul a:hover, #section2 ul a:hover{
	color:#ccc;
	}

/*** FORMS ****/

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

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

#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;
	*padding:5px 0px 5px 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;
	}
	
/*** PLUGINS ***/

#slideshow{
	float:left;
	}

#slideshow ul{
	list-style:none
	}

#news img{
	margin: 5px 0px;
	}

/*** ZOEKVELD ***/

#search {
    height:31px;
}

#search input{
	position:relative;
	padding:3px;
	_padding:2px;
	*padding:1px;
	border:1px solid #fff;
	width:115px;
	top: 10px;
	}

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