/*
------------------------------------------------
Levis algemene stylesheet

Overview: * ~General
		  * ~Structure
		  * ~Links
		  * ~Headings
		  * ~Titles
		  * ~Text
		  * ~Images
		  * ~Lists
		  * ~Forms
		  * ~Error message
------------------------------------------------ */



/*  ~GENERAL
------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}

html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#666666;
	text-align: center;
	height:100%;
	margin: 0;
	padding: 0;
}

img{
	border: 0;
	}
	
#main img{
	display: block;
	overflow:hidden;
	/*background-color:#E2E9E9;*/
	}

#surround {
	background-image: url(../_images/bottom_bg.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 0 -38px 0;
}

#wrap {
	position:relative;
	text-align:left;
	width:776px;
	margin: 0 auto;
	padding: 0 0 60px 0;
}

#main {
	float: left;
	width: 582px;
	margin: 0;
	padding: 0 0 50px 0;       
	vertical-align: top;
	position: relative;
	min-height: 750px;
	height: auto !important;
	height: 750px;
	background-image: url(../basis/_images/background.jpg);
	background-repeat: repeat-x;
	background-position: 0 326px;
}

#navigation {
	float: left;
	width: 194px;
	margin: 0;
	padding: 0;
	vertical-align: top;
}

#content{
	width: 562px;
    margin: 0 10px 20px 10px;
	}

#footer {
	clear: both;
	width: 776px;
	height: 38px;
	margin: 0 auto;
}

#foot_center {
	width: 572px;
	height: 32px;
	background-image: url(../_images/bottom_bg_center.gif);
	float: left;
	background-repeat: no-repeat;
	text-align: left;
	padding: 10px 0 0 10px;
}

#foot_right {
	width: 193px;
	height: 32px;
	background-image: url(../_images/bottom_bg_right.gif);
	float: left;
	background-repeat: no-repeat;
	text-align: left;
	vertical-align: middle;
	padding: 10px 0 0 0;
	font-size: 11px;
}

#back{
	position: absolute;
	bottom: 0;
	left: 20px;
	}
#back a, #back a:link, #back a:hover, #back a:visited {
	background-image: url(../basis/_images/icon_back.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 40px;
}

/*#back{
	background-image: url(../basis/_images/icon_back.gif);
	background-position: left;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 0;
	left: 20px;
	padding-left: 40px;
	}
	*/
#walls{
	clear:left;
	margin-top:100px;
	}
#walls a, #walls a:link, #walls a:hover, #walls a:visited {
	background-image: url(../basis/_images/icon_back.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left:40px;
	}
	.arrow a, .arrow a:link, .arrow a:hover, .arrow a:visited {
	background-image: url(../basis/_images/icon_back.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left:40px;
	}
		.arrowf a, .arrowf a:link, .arrowf a:hover, .arrowf a:visited {
	background-image: url(../basis/_images/bullet.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left:40px;
	}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {height: 1%;}
.clearfix {display: block;}


/*  ~LINKS
------------------------------------------------*/
a, a:link, a:active, a:visited	{color: #656565;}
a:hover	{color: #336699;}

a.smallmenu, a.smallmenu:link, a.smallmenu:visited {text-decoration: none; font-size: 11px; line-height:18px;}
a.smallmenu:hover {text-decoration: underline; font-size: 11px;}

/*
CONTENT LAYOUT
--------------------------------
*/

p{
	padding: 5px 0;
	}
	
h1{
	font-size: 18px;
	padding: 8px 0;
	margin: 0;
	}

h2{
	font-size: 14px;
	padding: 6px 0;
	margin: 0;
	}
h2.attention{
color:#336699;
font-family:Arial,Helvetica,sans-serif;
font-size:16px;
font-weight:bold;
margin:0;
padding:10px 0;
}
h3{
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	}
	
ul,ol{
	margin: 5px 0 5px 20px;
	}

ul li{
	margin-left: 20px;
	list-style-type:disc;
	/*list-style-type: none;
	list-style-image: url(../basis/_images/bullet.gif);
	list-style-position: left;
	padding: 0 0 0 20px;*/
	}

ol li{
	margin-left: 20px;
	list-style-type: decimal;
	}

.tipTitle  {
	font-size: 11px;
	font-weight: bold;
	color: #656565;
	margin-bottom: 0px;
	line-height:14px;
}

.tipText  {
	font-size: 10px;
	color: #656565;
	line-height: 12px;
	margin-bottom: 0px;
}

/*
TABLES
--------------------------------
*/

.info_table{
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	}

.info_table td{
	vertical-align: top;
	padding: 5px 5px;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	}

.info_table th{
	vertical-align: top;
	padding: 5px 5px;
	background-color: #E4E4E4;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	}
.info_table img {
	padding:10px 0}
table.foot_table td{
	padding: 0 5px;
	}

.lak {
	width:120px; 
	margin:20px 0px 30px 0px; 
	padding-left:20px;
	float:left;
	}
.lak p {
	height:60px;
	text-align:center; 
	}
.lak img {
	margin-left:28px;
	margin-top:10px;
		}
.moreinfo {
	/*background:url(../_images/bg-which.gif) top repeat-x; */
	clear:both;
	margin-left:20px;
	padding-bottom:50px;
	}
#nav-lakken {
	padding-left:10px;
	background-color:#E2E8E8;
	width:572px;
	height:30px;
	}
#nav-lakken ul {
	margin:0;
	padding:0;
	font-size:10px;
	background-color:#E2E8E8;
	}
#nav-lakken li {
	font-size:10px;
	list-style-type:none;
	display:inline;
	}
#nav-lakken a, #nav-lakken a:link, #nav-lakken a:visited {
	display:block;
	float:left;
	text-decoration:none;
	font-weight:bold;
	font-size:10px;
	background:url(../basis/_images/bullet.gif) left center no-repeat;
	padding-left:30px;
	height:30px;
	padding-right:5px;
	border-right:1px solid #CCC;
	vertical-align:middle;
	line-height:30px;
	margin-left:5px;
	}
#nav-lakken a:hover {
	color:#CCCCCC;
	font-size:10px;
	}
#nav-lakken a.no-border, #nav-lakken a.no-border:link, #nav-lakken a.no-border:visited  {
	border-right:none;
	}
#nav-lakken a.no-margin, #nav-lakken a.no-margin:link, #nav-lakken a.no-margin:visited {
	margin-left:0px;}

#flash-lakken {
	background-color:#E2E8E8;
	height:326px;
	width:582px;
	}
	
	
#nav-walls {
	padding-left:10px;
	background-color:#fff;
	height:30px;
	padding:0px 0px 5px 20px;
	margin:0px 0px 30px 0px;
	}
#nav-walls ul {
	margin:0;
	padding:0;
	font-size:10px;
	background-color:#fff;
	}
#nav-walls li {
	font-size:10px;
	list-style-type:none;
	display:inline;
	}
#nav-walls a, #nav-walls a:link, #nav-walls a:visited {
	display:block;
	float:left;
	text-decoration:none;
	font-weight:bold;
	font-size:10px;
	background:url(../basis/_images/bullet.gif) left center no-repeat;
	padding-left:30px;
	height:30px;
	padding-right:5px;
	vertical-align:middle;
	line-height:30px;
	margin-left:5px;
	}
#nav-walls a:hover {
	color:#CCCCCC;
	font-size:10px;
	}
#nav-walls a.no-border, #nav-walls a.no-border:link, #nav-walls a.no-border:visited  {
	border-right:none;
	}
#nav-walls a.no-margin, #nav-walls a.no-margin:link, #nav-walls a.no-margin:visited {
	margin-left:0px;}
ul.products ,ul.products li { list-style-type:disc; color:#336699; font-weight:bold; margin:0; padding:0 }
table#wijzer, table#outsidewijzer { background-color:#FBFAF5 }
#wijzer th, #wijzer td.header, #outsidewijzer th, #outsidewijzer td.header{ background-color:#E3DDCF; text-transform:uppercase; font-weight:bold; font-size:11px }
#wijzer td, #outsidewijzer td { background-color:#F0EEE2; font-size:10px; text-align:center }
#wijzer td, #wijzer th { width:95px; height:65px; text-align:center; vertical-align:middle }
#outsidewijzer td, #outsidewijzer th { width:145px; height:65px; text-align:center; vertical-align:middle }
#wijzer em, #outsidewijzer em { font-style:normal; text-decoration:underline }
#outsidewijzer td.empty { background-color:#FFFFFF }
#nav-walls ul li a.active { color:#17588d; font-weight:bold }
#wijzer td.header span { font-size:10px; text-transform:none; font-weight:normal }
.col { width:auto !important}

/* what.aspx */
table#what { background: #ebeff0; border: none; margin: 1Opx 0; width: 100% }
table#what th { background: #c4d8dd; font-size: 11px; text-align: center; text-transform: uppercase; vertical-align: top; width: 150px }
table#what td { background: #c4d8dd; font-size: 10px; padding: 2px; text-align: center; vertical-align: middle }
table#what td strong { font-size: 11px }
table#what td.white { background: #fff }