html {
	height:100%;
}
body {
	color:#ebebeb;
	margin:0;
	padding:0;
	background:#181919 url(images/bg.png) top center repeat-x;
	font-family:Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:12px;
	height:100%;
}
a {
	outline: none;
}
.infocursor{
	cursor:help;
}	

h1 {
	font:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:16px;
	color:#6881a8;
}

h2 {
	font-family:Verdana, Geneva, Helvetica, sans-serif;
	font-size:13px;
	font-weight:600;
	color:#ddd;
}

ul {
	list-style:square;
}
.clear{
	clear:both;
}	
#container{
	position:relative;
	width:972px;
	left: 50%;
	margin-left: -486px;
	padding:0;
	height: auto !important; /* Use the correct setting in compliant browsers */
	}
#header{
	position:relative;
	width:972px;
	height:300px;
	background:url(images/header.png) top center no-repeat;
	z-index:-1;
	}
#header_intro{
	position:relative;
	width:972px;
	height:300px;
	background:url(images/header2.png) top center no-repeat;
	z-index:-1;
	}
#contentwrapper{
	float: left;
	width: 972px;
	background:url(images/main.png) top center repeat-y;
	margin-top:-170px;
	}
#contentcolumn{
	margin-left: 284px; /*Set left margin to LeftColumnWidth*/
	padding-right:20px;
	padding-top:15px;
	text-align:left;
	}
#leftcolumn{
	float: left;
	width: 244px; /*Width of left column*/
	margin-left: 20px; /*Set left margin to -(MainContainerWidth)*/
	text-align:left;
	background:url(images/bg_menu.png) top left repeat-y;
	}
#footer {
	position:relative;
	clear:both;
	background:url(images/footer.jpg) top center no-repeat;
	height:212px;
	}
#footer_intro {
	position:relative;
	clear:both;
	background:url(images/footer2.jpg) top center no-repeat;
	height:70px;
	}
#footer #designerlab {
	position:absolute;
	left:870px;
	top:30px;
}
#openingsuren {
	float:left;
	width:194px;
	height:800px;
	background:url(images/bg_opening.png) bottom left no-repeat;
	padding:10px 20px 10px 30px;
}
.leftcolumntitel{
	color:#fff;
	font-size:14px;
}
/*----------------------- Intropage -----------------------*/

.taalkeuze {
	list-style:none;
	position:absolute;
	top:155px;
	left:5px;
	width:220px;
}

a.introlink:link {
	display:block;
	float:left;
	width:220px;
	background:#000;
	height:20px;
	text-decoration:none;
	padding:10px 0 5px 0;
	margin-top:5px;
	text-align:center;
	border:#666 1px solid;
}
a.introlink:hover {
	display:block;
	float:left;
	width:220px;
	background:#6881a8;
	height:20px;
	text-decoration:underline;
	padding:10px 0 5px 0;
	margin-top:5px;
	text-align:center;
	border:#666 1px solid;
}
a.introlink:visited {
	display:block;
	float:left;
	width:220px;
	background:#000;
	height:20px;
	text-decoration:none;
	padding:10px 0 5px 0;
	margin-top:5px;
	text-align:center;
	border:#666 1px solid;
}

#intropicture {
	position:absolute;
	width:615px;
	height:185px;
	border:#666 1px solid;
	top:140px;
	left:320px;
	background:url(images/intro.jpg) top left no-repeat;
	z-index:99999;
}
	
/*----------------------- Content -------------------------*/

.imgbrdr {
	border:1px solid #333;
	margin-bottom:10px;
}
.imgbrdr2 {
	border:1px solid #000;
	margin:0 3px 3px 0;
}
.imgbrdr3 {
	border:1px solid #000;
	margin:0 20px 0 0;
}
.imgbrdr3a {
	border:1px solid #000;
	margin:0px;
}
.contentleft {
	float:left;
	width:450px;
	padding-right:15px;
}

.contentright {
	float:left;
	padding:10px;
	background:#9c9c9c;
	border:#fff 1px solid;
	width:180px;
	color:#333;
	margin-top:20px;
}
.kaderfull {
	float:left;
	padding:15px;
	background:#9c9c9c;
	color:#333;
	border:#fff 1px solid;
	width:630px;
	margin-bottom:10px;
}
.fullwidth {
	margin-bottom:15px;
	float:left;
	width:660px;
}
.padd {
	padding:10px;
}
.nieuwepiano {
	background:url(images/bg_box.jpg) no-repeat top left #888;
	padding:15px;
	color:#333;
	margin-bottom:20px;
	width:660px;
}
.nieuwepiano img{
	border:#333 1px solid;
}
/*----------------------- Voor en na ----------------------*/
.before {
	float:left;
	width:300px;
	margin-left:0;
	margin-top:0;
	text-align:center;
}
.after {
	float:right;
	width:300px;
	margin-right:0;
	margin-top:0;
	text-align:center;
}
	
/*----------------------- Navigatie -----------------------*/

#leftcolumn ul{
	float:left;
	list-style:none;
	width:244px;
	margin:0;
	padding:0;
}
#leftcolumn ul li {
	float:left;
}
#leftcolumn ul li a:link {
	display:block;
	width:209px;
	height:23px;
	background:url(images/button.png) top left no-repeat;
	color:#fff;
	margin:0;
	padding:12px 5px 5px 30px;
	text-decoration:none;
}
#leftcolumn ul li a:visited {
	display:block;
	width:209px;
	height:23px;
	background:url(images/button.png) top left no-repeat;
	color:#fff;
	margin:0;
	padding:12px 5px 5px 30px;
	text-decoration:none;
}
#leftcolumn ul li a:hover {
	display:block;
	width:209px;
	height:23px;
	background:url(images/button_over.png) top left no-repeat;
	color:#fff;
	margin:0;
	padding:12px 5px 5px 30px;
	text-decoration:none;
}

/*---------------------- Submenu --------------------------*/

#leftcolumn ul li ul {
visibility:hidden; position:absolute; height:0; overflow:hidden; top:0px; left:220px;
}
#leftcolumn li ul li{
background:none;
}
#leftcolumn ul li:hover {position:relative; z-index:90;}
* html #leftcolumn ul li a:hover {position:relative; z-index:100;}

#leftcolumn ul li:hover ul,
#leftcolumn ul li a:hover ul {
visibility:visible; position:absolute; height:auto; border:1px solid #fff; overflow:visible;
}

#leftcolumn ul li:hover ul li:hover ul li a,
#leftcolumn ul li a:hover ul li a:hover ul li a {
display:block; background:transparent;
}
/*----------------------- Talen ---------------------------*/

#dutch {
	position:absolute;
	top:115px;
	left:893px;
	width:19px;
	height:14px;
}
#french {
	position:absolute;
	width:19px;
	top:115px;
	left:918px;
	height:14px;
	z-index:999;
}
#eng {
	position:absolute;
	width:19px;
	top:115px;
	left:943px;
	height:14px;
}

/*----------------------- Algemene links ------------------*/
	
a:visited {
			color:#fff;
			font-size:12px;
   			font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
          	text-decoration: underline;}
		   
a:link {
			color:#fff;
			font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
			font-size:12px;
          	text-decoration: underline;}
	
a:hover {
			color:#fff;
			font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
			font-size:12px;
          	text-decoration: underline;}

a.promo:visited {
          	text-decoration: none;
			cursor:pointer;
			}
		   
a.promo:link {
          	text-decoration: none;
			cursor:pointer;
			}
	
a.promo:hover {
          	text-decoration: none;
			cursor:pointer;
			}
#blink {
	color:#CC0000;
	}
#navigatie{
	border:1px solid #0099CC;
	margin:15px 0 15px 0;
}
.pagenav {
	float:left;
	color:#CC0000;
	font-family:verdana;
	font-size:16px;
	font-weight:800;
	border:2px solid #000;
	margin:8px; 
	background:#CCC; 
	padding:7px;"
	}
.pagenav a {
	color:#000;
	text-decoration:none;
	font-family:verdana;
	font-size:16px;
	font-weight:800;
}	
.pagenav a:hover {
	color:#CC0000;
	text-decoration:none;
	font-family:verdana;
	font-size:16px;
	font-weight:800;
}	
/*Shadowbox IE8 fix*/
#shadowbox_title {
  border: 0px solid;
}

#shadowbox_info {
  border: 0px solid;
} 
/*end shadowbox IE8 fix*/	

.imgshadow{
	border: 2px solid #000000; 
	margin:2px;"
}
.icon_handicap{
	background:url(../images/icon_handicap.png) no-repeat;
	padding:5px 15px 0 50px;
	height:35px;
}	
.icon_parking{
	background:url(../images/icon_parking.png) no-repeat;
	padding:5px 15px 0 50px;
	height:35px;
}	
.network{
	padding:0;
	width:210px;
	height:50px;
	font-size:10px;
}
.network img{
	float:left;
	margin:0 5px 30px 0;
	border:0;
}	
.network a:link, .network a:active, .network a:visited, .network a:hover{
	font-size:10px;
	font-weight:600;
	text-decoration:none;
}
.networktitel{
	color:#000;
	font-size:11px;
	padding:3px 0 5px 0;
}
.networktitel a:link, .networktitel a:active, .networktitel a:visited, .networktitel a:hover{
	color:#000;
	font-size:11px;
	padding:3px 0 5px 0;
}
.verkocht{
	margin:-160px 0 0 0; 
	border:0px;
}	
