/* www.kaat.biz layout.css                     */
/* update 20 Mar 08                            */
/* 2007 - 2008 copyright Stany Vanden Eycken          */
/* look and learn, please do not copy, thanks  */

/* =reset css */

/* normalizes margin, padding */
body, div, ul, li, td, tr, h1, h2, h3, h4, p, blockquote {
	margin: 0; padding: 0; }

/* removes list-style from lists */
ul { list-style: none; }

/* removes border from img */
img { border : 0; }

/* =color */

/* reference list */
/* pink Pantone 5015c  #d1a8b0  */
/* blue Pantone 289c  #00234c  */
/* blue dark  #001c3c */
/* pink dark  #524245 */
/* dark text #584d4c */
/* light grey  #dddddd  */
/* off white #fefef4 */

html {
	background: #524245 url(../images/css_img/wallpaper.jpg) repeat fixed;}
	   
body {
	background: white;
	font-family: Arial, Geneva, sans-serif;
	color: #584d4c;}

a:link {
	color: #89686c;
	text-decoration: none;}
		
a:visited {
	color: #584d4c;}

a:hover {
	color: black;}

a:active {
	color: silver;}

div#site_info p {
	color: #909090;}

/* =layout */

/* =all pages */ 
html { text-align: center } /* center body */

body { 
    width: 750px;
    margin: auto;
    text-align: left;} /* correction for IE 5, 6 */
    
h2 {
	font-size: 120%;}

h3 {
	font-size: 110%;}
          
div#container {
    width: 100%;
    position: relative;} 
         
div#branding { 
    width: 100%;
    height: 220px;
	padding-top: 15px;
	padding-bottom: 15px;} 
              
#branding a { 
	padding-left: 15px;} /* position logo */
       
#branding h1, #branding blockquote {       
    text-indent: -9999px;}

a.external {
	padding-right: 17px;
	background: url(../images/css_img/external.gif) no-repeat right;}
                 
div#nav_main {
	clear: both;
	padding-left: 240px;	
	top: 20px;
	position: relative;
	height: 3em;
	background-color: #d1a8b0;
}
       
#nav_main h4 {
    text-indent: -9999px;}
       
#nav_main li {
	border-right-style: solid;
	border-right-width: 1px;
	padding-right: 10px;
	display: inline;
	padding-left: 10px;}

#nav_main li.last {
	border-style: none;}

#nav_main li a:link {
	color: #524245;
	text-decoration: none;}
	
#nav_main  li a:visited {
	text-decoration: none;}	
	
#nav_main li a:hover {
	color: #8e7277;
	border-bottom: 2px solid #c47c9c;
	text-decoration: none;}

#nav_main li a:active {
	color: white;
	text-decoration: none;}

#site_info {
	clear: both;
	font-size: 80%;
	padding-top: 30px;
	padding-left: 20px;
	height: 26px;}

/* =index page */
	
#content_index h2 {
	text-indent: -9999px;
	margin: -10px;
}
	
#content_index p{
	text-indent: -9999px;
	background: url(../images/css_img/achter.jpg) no-repeat;
	width: 210px;
	height: 80px;
	float: right;
	margin-top: 214px;
	padding-bottom: 0;
	padding-right: 27px;
}

#content_index img{
	float: left;
	padding-left: 33px;
}

div#wittedonderdag p {
	text-indent: -9999px;}
	
div#wittedonderdag {
	position: absolute;
	top: 27px;
	right: 22px;
	height: 197px;
	width: 215px;
	z-index: 10;
	background: url(../images/css_img/wittedonderdag.jpg) no-repeat;}		
	
/* =contact page */
div#uren {
	float: left;
	width: 35%;
	padding-top: 20px;}

#uren h2 {
	font-weight: bold;
	padding-left: 20px;
	padding-bottom: 8px;}

#uren table {
	padding-left: 10px;}
	
#uren td {
	padding-left: 10px;
	padding-top: 3px;
	font-size: 90%;}

#uren p {
	padding-left: 20px;
	padding-top: 8px;
	font-size: 90%;}
	
div#adres {
	float: left;
	width: 29%;
	padding-top: 20px;}	

#adres h2 {
	font-weight: bold;
	padding-bottom: 13px;
	padding-left: 60px;}

#adres p {
	padding-left: 60px;}

#adres a {
	padding-left: 60px;
	position: relative;
	top: 10px;}
	
div#kaart {
	float: left;
	width: 35%;
	padding-top: 20px;}	

#kaart h2{
	padding-bottom: 13px;
	padding-left: 55px;}

#kaart a {
	padding-left: 55px;}		

/* =wie page */
div#content_wie {
	background-image: url(../images/css_img/kaat.jpg);
	height: 475px;}

#content_wie img{
	display: none;}	/* visible when CSS off */
	
#content_wie h2{
	padding-top: 25px;
	padding-left: 340px;}

#content_wie p {
	padding-top: 20px;
	padding-right: 25px;
	padding-left: 340px;
	text-align: justify;}

/* =sfeer page */
#content_sfeer h2 {
	text-indent: -9999px;}
	
#content_sfeer #winkel{
	float: left;
	padding-left: 22px;}

#content_sfeer #etalage{
	float: right;
	padding-right: 22px;}

/* =impressies pages */
#detail_nav li {
	display: inline;
	padding-left: 64px;}

#detail_nav{
	padding-left: 220px;}

img.impressies {
	padding-left: 155px;
	padding-top: 11px;}

#waiting p{
	float: left;
	padding-left: 22px;
	padding-top: 199px;
}

#waiting img{
	float: right;
	padding-right: 44px;}

/* =links page */
div#content_links{
	height: 250px;}

#content_links h3 {
	font-size: 15px;
	padding-left: 90px;
	padding-top: 18px;
	padding-bottom: 20px;}

div#hoofdmerken {
	float: left;
	width: 49%;
	padding-top: 29px;
	text-align: center;}

div#nevenmerken {
	float: right;
	width: 49%;
	padding-top: 29px;
	text-align: center;}

#hoofdmerken ul, #nevenmerken ul{
	padding-top: 5px;
	padding-bottom: 13px;}

#hoofdmerken ul a, #nevenmerken ul a {
	font-size: 18px;
	line-height: 26px;}

/* The End */