﻿body { 
background: url("http://bedandbreakfastscheveningen.nl/img/lucht.jpg"); 


  
  	font-family: Calibri;	
  	font-style: italic;
	font-size: 12px;
	font-color: #000000;
	line-height: 1.6em;
	margin:0; 
	padding:0;
}

a{color: black;text-decoration:none}

a:hover{
	text-decoration: underline;
	color: blue;
}

h1,
h2,
h3 { margin: 0; padding: 0 0 12px 0; }

p { margin: 0; padding: 0 0 12px 0; }


#kop {
	background: url('http://bedandbreakfastscheveningen.nl/img/zee1.jpg') no-repeat 0 0; 
	text-align: center;
	font-weight: bold;
	height:120px; 
}

#kop strong { text-transform: uppercase; font-size: 42px; padding: 12px 0; }

#links {background-color: #99CCFF;

font-color: #000000;
	font-size: 12px;
	position: absolute;
	top: 120px;
  	left: 5px;
  	width: 170px;
  	
  }

#links ul { padding: 12px 0 0 12px; margin: 0; }
#links li ul { padding: 0; margin: 0; }
#links ul li { padding: 0 0 2px 0; margin: 0; list-style: none; }


#links h3 { font-size: 20px; text-transform: uppercase; padding: 12px 0 0 12px;  }
#links li.top a { display: block; width: 140px; padding: 4px; 10px; background-color: blue; color: white; }
#links li.top li a { background-color: transparent; color: #000; padding: 2px 0 2px 20px; }

#kolom1 {	
text-align: center;
top: 120px;
	font-color: transparant;
	font-size: x-small;
	position: absolute;
    left: 185px;
  	width: 165px;
 }

#kolom1 ul { padding: 12px 0 0 12px; margin: 0; }
#kolom1 li ul { padding: 0; margin: 0; }
#kolom1 ul li { padding: 0 0 2px 0; margin: 0; list-style: none; }


#kolom1 h3 { font-size: 20px; text-transform: uppercase; padding: 12px 0 0 12px;  }
#kolom1 li.top a { display: block; width: 140px; padding: 4px; 10px; background-color: blue; color: white; }
#kolom1 li.top li a { background-color: transparent; color: #000; padding: 2px 0 2px 20px; }

#kolom2 { 
text-align: center;

  margin-left: 350px;
  margin-right: 350px;    
  font-size: small; }

#boven, #inhoud { text-align: center;
 }
h1, h2 {  text-align: center;
 background-color: blue; 
  color: white;

   
  
  margin: 6px 6px 0px 6px;
  padding:4px;
}
#inhoud p { 
text-align: center;

  color: black;
  margin:0 10px;
  padding: 8px 0;
}

body * { border:none }

#kolom2 img{text-align: center;
margin:0.5em;}


#kolom2a { text-align: center;

  display: block; padding: 4px; background-color: ; color: black; 
   top: 120px;
 margin-left: 350px;
  margin-right: 480px; 
  width: 465px;   
  font-size: 12px; }

#boven, #inhoud { text-align: center;
 }
h1, h2 {  text-align: center;
 background-color: blue; 
  color: white;

   
  
  margin: 6px 6px 0px 6px;
  padding:4px;
}
#inhoud p { 
text-align: center;

  color: black;
  margin:0 10px;
  padding: 8px 0;
}

body * { border:none }

#kolom2a img{text-align: center;
margin:0.5em;}

#kolom2b { background-color: #FFFFCC;
text-align: center;
  position: absolute; 
  top: 120px;
  right: 350px; 
 width: 130px;    
 }

#kolom3 {
	text-align: center;
	position: absolute;
	top: 120px;
font-color: transparant;

  	right: 185px;
 	width: 165px;
 	font-size: x-small;
}
#kolom3 ul { padding: 12px 0 0 12px; margin: 0; }
#kolom3 li ul { padding: 0; margin: 0; }
#kolom3 ul li { padding: 0 0 2px 0; margin: 0; list-style: none; }


#kolom3 h3 { font-size: 20px; text-transform: uppercase; padding: 12px 0 0 12px;  }
#kolom3 li.top a { display: block; width: 140px; padding: 4px; 10px; background-color: blue; color: white; }
#kolom3 li.top li a { background-color: transparent; color: #000; padding: 2px 0 2px 20px; }


#rechts {
text-align: center;

  position: absolute;
  top: 120px;
  right: 5px;
  width: 165px;
 
  font-size: 12px;
}  
