/**************/
/* STYLESHEET */
/**************/
/*		        
achtergrond   : FFFFCC (beige-geel)
tekst         : 663300 (bruin)
middenkleuren : D2B78C (grijsbruin)
                FDF2A5 (donkergeel)#FFFF99   
*/   

body,html {
  font-family: Verdana, "Bitstream Vera Sans", Arial, "Sans Serif";
  margin: auto;
  background: url(graphics/verloop.gif) repeat-y center top;  
}

/****************************** CLASSES **********************************/
/****************************** kaders ***********************************/

.kader130boven {
  background: url(graphics/kaderb130geel.gif) no-repeat top left;
  height: 12px;
  margin: 0px;
}
.kader130onder {
  clear: both;
  background: url(graphics/kadero130geel.gif) no-repeat bottom left;
  height: 12px;
  margin: 0px;
}
.header650 {
  height: 50px;
  margin: 0px;
  background: url(graphics/kader650geel.gif) no-repeat;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  padding: 30px 0px 0px 0px; 
}
.kader650boven {
  background: url(graphics/kaderb650geel.gif) no-repeat top left;
  margin: 0px 0px 0px 0px;
  height: 15px;
}
.kader650onder {
  background: url(graphics/kadero650geel.gif) no-repeat bottom left;
  margin: 0px;
  height: 15px;
}
.kader800boven {
  background: url(graphics/kaderb800geel.gif) no-repeat top left;
  margin: 0px 0px 0px 0px;
  height: 15px;
}
.kader800onder {
  background: url(graphics/kadero800geel.gif) no-repeat bottom left;
  margin: 0px;
  height: 15px;
}

/*************************** pagina ******************************************/

#pagina {
  width: 950px;
  margin: auto;
  padding: 0px 0px 0px 0px;
  color: #FFFFCC;
  background-color: #663300;
  font-size: 13px;
}
#pagina a {
  color: #663300; 
  background-color: transparent;
}

/*************************** header ******************************************/

#header {
  height: 80px;
  padding: 0px; 
  text-align: right;
  color: #FFFFCC;
  background: url(graphics/logo.gif) no-repeat left top;  
}
#header form {
  margin: 0px 10px 17px 0px;
}
#header form input {
  vertical-align: middle;
}
#header a {
  padding: 0px;
  margin: 0px;	
  font-size: 11px;
  color: #FFFFCC;
  word-spacing: 0.2em;
  text-decoration: none;
}	
#header a:hover {
  text-decoration: underline;
}
#header ul {
  list-style-type: none;	
  display: inline;	
  margin: 0px 10px 0px 0px;
  padding: 0px 0px 0px 0px;
}
#header li {
  display: inline;	
}

/*************************** swapcols ****************************************/

#swapcols {
  float: left;
  display: inline;  
  width: 810px;
}

/*************************** content *****************************************/

#content {
  float: right;
  display: inline;  
  width: 650px;
  margin: 20px 10px 20px 10px;
  color: #663300;
}
#content h1 {
  text-align: center;
  font-size: 13px;
  font-weight: bold;
} 
#content h2 {
  text-align: center;
  font-size: 12px;
  font-weight: bold;
} 
#content p {
  text-align: center;
  font-size: 13px;
} 

/*************************** kaderkleur **************************************/

#contentkader {
  width: 650px;
  background-color: #FFFFCC;
  padding: 0px;
  margin: 10px 0px 0px 0px;
} 
#contentkader p {
  color: #663300;
}
#contentkader800 {
  width: 800px;
  background-color: #FFFFCC;
  padding: 0px;
  margin: 0px 0px 0px 0px;
}

/*************************** randomfoto **************************************/

#home {
  float: right;
  display: inline;  
  width: 650px;
  padding: 20px 10px 20px 10px;
}
#home h1 {
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  margin: 0px 0px 20px 0px;
  padding: 0px;
}
#home h2 {
  margin: 50px 0px 0px 0px;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
  color: #D2B78C;
}
#home p {
  text-align: center;
  font-size: 13px;
  margin: 0px;
  padding: 5px 0px 7px 0px;
}
#home img {
  margin: 10px 0px 10px 160px;  
  padding: 15px;
  border: 1px solid #663300;
  background-color: white;
}  

/*************************** menu ********************************************/ 
		  
#menu {
  float: left;
  display: inline;  
  width: 130px;
  margin: 0px;
  text-align: center; 
  font-size: 10px;
  font-weight: bold;
}

/*************************** results *****************************************/

#results {
  float: right;
  display: inline; 
  width: 800px;
  padding: 20px 0px 0px 0px;
  color: #663300;
}
#results p {
  text-align: center;
  font-size: 13px;
  padding: 0px 0px 0px 0px;
} 
#cse-search-results {
  margin: 0px 0px 0px 3px;
}
/*************************** ads **********************************************/

#ads {
  background: url(graphics/kader130langgeel.gif) no-repeat; 
  float: right;
  display: inline;
  width: 130px;
  margin: 20px 10px 0px 0px;
  padding: 10px 0px 0px 0px;
  font-size: 12px;
  color: #663300;
  font-weight: bold;
  text-align: center;
}

/*************************** ads2 ********************************************/

#ads2 { 
  background: url(graphics/kader130langgeel.gif) no-repeat; 
  margin-top: 10px;
  width: 130px;
  font-size: 11px;
  font-weight: normal;
}
#ads2 img {
  padding: 3px 0px 3px 0px;
}

/*************************** footer ******************************************/

#footer {
  clear: both;
  width: 950px;
  padding-top: 40px;
  margin: 0px;
}	
#footer p {
  margin: 0px;
  padding: 10px 0px 10px 0px; 
  border-bottom: solid 1px #FFFFCC;  
  text-align: center;
  font-size: 9px;
  font-weight: normal;
}

/*************************** counter *****************************************/

#counter {
  clear: both;
  width: 950px;
  margin: auto;
  padding: 10px 5px 10px 0px;
  text-align: right;
}
#counter table {
  margin-left: auto;
}
#counter td {
  vertical-align: bottom;
}

/****************************** navigatie *********************************/

#navigatie {
  behavior: url("csshover.htc"); /* IE6 hover workaround */
  clear: both;
  float: left;
  display: inline;
  width: 130px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 10px;
  text-align: center;
}
#navigatie ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
#navigatie li {
  float: left;
  display: inline;
  position: relative;
  font-size: 12px;
  font-weight: normal;
  color: #663300;
  background-color: #FFFFCC; 
  width: 130px;
  margin: 0px;
}
#navigatie a {
  display: block;
  color: #663300;
  text-decoration: none;
  padding: 3px;
}
#navigatie a:hover {
  color: #663300;
  background-color: #D2B78C;
}
#navigatie li ul { 
  display: none; 
  position: absolute; 
  border: 1px solid #663300;  
  top: -1px;
  left: 130px; 
  margin: 0px;
} 
#navigatie li ul li {
  width: 160px;
  font-size: 12px;
  background-color: #D2B78C;  
} 
#navigatie li ul li a:hover {  
  color: #663300; 
  background-color: #FFFFCC;
}
#navigatie li:hover ul {
   display: block;
}

/****************************** wereldkaart **********************************/

#wereldkaart {
  background: url(graphics/kader130geel.gif) no-repeat;
  clear: both;
  float: left; 
  display: inline;
  width: 130px;
  margin: 20px 0px 0px 10px;
  padding: 0px 0px 0px 0px;
  text-align: center;
  font-size: 11px;
  font-weight: normal;
}
#wereldkaart a {
  display: block;
  width: 130px;
  height: 30px;  
  padding: 8px 0px 0px 0px; 
  margin: 0px;   
  color: #663300;
  text-decoration: none;
  text-align: center;
}
#wereldkaart a:hover {
  background: url(graphics/kader130hovergeel.gif) no-repeat;
}

/*************************** sitemap *****************************************/

#sitemap {
  float: right;
  display: inline;
  width: 650px;
  padding: 20px 10px 20px 10px;
  text-align: left;
  color: #663300;
}
#sitemap h1 {
  text-align: center;
  font-size: 13px;
  font-weight: bold;
}
#sitemap table {
  width: 600px;
}
#sitemap td {
  vertical-align: top;
  width: 200px;
}  
#sitemap p {
  font-size: 11px;
  font-weight: bold;
  text-indent: 20px;
  padding: 0px;
}
#sitemap li {
  list-style-type: square;
  font-size: 11px;
  font-weight: normal;
  margin: 0px;
}

/*************************** links ********************************************/

#links {
  float: right;
  display: inline;
  width: 650px;
  padding: 20px 10px 20px 10px;
  text-align: left;
  color: #663300;
}
#links h1 {
  text-align: center;
  font-size: 13px;
  font-weight: bold;
}
#links h2 {
  background: url(graphics/kader550geel.gif) no-repeat;
  height: 20px;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  color: #FFFFCC;
  padding: 5px 0px 0px 0px; 
  margin: 20px 50px 0px 50px;
}
#links table {
  width: 550px;
  margin: auto;
  background-color: #FFFFCC;
  border: 1px solid #D2B78C;
}
#links table p {
  font-size: 13px;
  font-weight: bold;
}
#links td {
  width: 240px;
  vertical-align: top;
  padding: 0px;
  margin: 0px;
  text-align: left;
}  
#links ul {
  margin: 1px;
  padding: 2px;
  text-align: center;
}  
#links li {
  list-style-type: none;
  font-size: 13px;
  font-weight: normal;
  margin: 2px;
}

/*************************** land ********************************************/

#land {
  float: right;
  display: inline;
  width: 650px;
  margin: 20px 10px 20px 10px;
  padding: 5px 0px 20px 0px;
  background: url(graphics/kader650geel.gif) no-repeat;   
  text-align: center;
}
#landnaam {
  float: left;
  display: inline;
  width: 540px;
  position: relative;
  height: 70px;
  text-align: left;
  margin-bottom: 5px;
}
#landnaam h1 {
  margin: 15px 5px 5px 15px;
  text-align: left;
  font-size: 32px;
  color: #663300;
  font-weight: bold;
}
#landnaam2 {
  float: left;
  display: inline;
  width: 580px;
  position: relative;
  height: 70px;
  text-align: left;
  margin-bottom: 5px;
}
#landnaam2 h1 {
  margin: 20px 5px 5px 15px;
  text-align: left;
  font-size: 18px;
  color: #663300;  
  font-weight: bold;
}
#landvlag {
  float: right;
  display: inline;
  height: 70px;
  padding-top: 3px;
  margin: 0px 20px 0px 0px;
}
#landmenu {
  float: left;
  display: inline;
  width: 620px;
  margin: 5px 0px 0px 15px;
  padding: 0px;
  text-align: left;
}
#landmenu ul {
  display: inline;	
} 
#landmenu li {
  float: left;
  display: inline;
  color: #663300;
  width: 115px;
  height: 28px;
  text-align: center;
  list-style-type: none;
}
#landmenu li p {
  margin-top: 0px;
  font-size: 11px;
  padding: 10px 0px 0px 0px;
  width: 115px;
  height: 18px;
  background: url(graphics/tabactiefgeel.gif) no-repeat center top;
}
#landmenu li a {
  display: block;
  padding: 10px 0px 0px 0px;
  margin: 0px;	
  font-size: 11px;
  color: #663300;
  background-color: #FFFFCC;
  width: 115px;
  height: 18px;
  background: url(graphics/tablinkgeel.gif) no-repeat center top;   
  text-decoration: none;
}
#landmenu li a:hover {
  margin: 0px;
  width: 115px;
  height: 18px;
  background: url(graphics/tabhovergeel.gif) no-repeat center top;
  text-decoration: none;
}
#landmenukort {
  float: left;
  display: inline;  
  width: 620px;
  margin: 5px 0px 0px 15px;
  padding: 0px;
  text-align: left;
}
#landmenukort ul {
  display: inline;	
} 
#landmenukort li {
  float: left;
  display: inline;  
  color: #663300;
  width: 75px;
  height: 28px;
  text-align: center;
  list-style-type: none;
}
#landmenukort li p {
  margin-top: 0px;
  font-size: 11px;
  padding: 10px 0px 0px 0px;
  width: 75px;
  height: 18px;
  background: url(graphics/tabactiefgeelkort.gif) no-repeat center top;
}
#landmenukort li a {
  display: block;
  padding: 10px 0px 0px 0px;
  margin: 0px;	
  font-size: 11px;
  color: #663300;
  background-color: #FFFFCC;
  width: 75px;
  height: 18px;
  background: url(graphics/tablinkgeelkort.gif) no-repeat center top;   
  text-decoration: none;
}
#landmenukort li a:hover {
  margin: 0px;
  width: 75px;
  height: 18px;
  background: url(graphics/tabhovergeelkort.gif) no-repeat center top;
  text-decoration: none;
}
#landfoto {
  clear: both; 
  width: 650px;
  color: #663300;
  background: #FFFFCC url(graphics/kadero650geel.gif) no-repeat left bottom;
  padding-top: 0px;
  margin: 0px;
} 
#landfoto h1 {
  font-size: 13px;
  padding: 20px 0px 20px 0px; 
  margin: 0px;
  background: #FFFFCC url(graphics/kaderb650geel.gif) no-repeat left top;
} 
#landfoto h2 {
  font-size: 13px;
  padding: 20px 0px 20px 0px; 
  margin: 0px;
}  
#landfoto table {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: auto;
  margin-right: auto;
}  
#landfoto td {
  width: 120px;
  height: 80px;
  padding: 12px;
  background: url(graphics/diableekgeel.gif) no-repeat center;  
}  
#landfoto td:hover {
  padding: 12px;
  background: url(graphics/diadonkergeel.gif) no-repeat center;
} 
#landroute {
  clear: both;
  color: #663300;
  width: 650px;
  padding-top: 0px;
  margin: 0px;
  background: #FFFFCC url(graphics/kadero650geel.gif) no-repeat left bottom;
  font-size: 11px;
  text-align: left;
}
#landroute h1 {
  font-size: 13px;
  text-align: center;
  padding: 20px 0px 20px 0px; 
  margin: 0px;
  background: url(graphics/kaderb650geel.gif) no-repeat left top;
} 
#landroute p {
  font-size: 11px;
  text-align: center;
  margin: 20px;
}
#landroute table {
  width: 650px;
}
#landroute tr {
  padding: 8px;
  vertical-align: top;
}  
#landroute th {
  padding: 8px;
  vertical-align: top;
}
#landroute td {
  padding: 8px;
  vertical-align: top;
}  
#landroute img {
  padding: 0px;
  margin: 0px 10px 10px 170px;
  border: 1px solid #663300;
}

/*************************** fotodetail ***************************************/

#fotodetail {
  float: right;
  display: inline;  
  width: 775px;
  padding: 20px 10px 20px 10px;
  text-align: center;  
}
#fotodetail table {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0px;
}  
#fotodetail td {
  font-size: 13px;
  font-weight: bold;
  vertical-align: text-bottom;
}
#fotokader img {
  padding: 15px;
  border: 5px solid #D2B78C;
  background-color: white;
}  

/*************************** gastenboek ***************************************/

#gastenkader {
  float: right;
  display: inline;  
  width: 650px;
  padding: 20px 10px 20px 10px;
  color: #663300;
}
#gastenboek {
  float: right;
  display: inline;  
  width: 550px;
  margin: 0px 0px 0px 0px;
  padding: 20px 50px 20px 50px;
  background-color: #FFFFCC;
  color: #663300;
}
#gastenboek h1 {
  text-align: left;
  font-size: 13px;
  font-weight: bold;
  margin: 0px;
} 
#gastenboek h2 {
  text-align: left;
  font-size: 11px;
  font-weight: bold;
  background-color: #D2B78C;
  color: #FFFFCC; 
  padding: 3px 3px 6px 3px; 
  margin: 0px;
}
#gastenboek h3 {
  text-align: left;
  font-size: 11px;
  font-weight: normal;
  background-color: #D2B78C;
  color: #663300; 
  padding: 0px 3px 6px 3px; 
  margin: 0px;
}
#gastenboek h4 {
  text-align: right;
  font-size: 10px;
  font-weight: bold;
  padding: 3px; 
  margin: 0px;
}
#gastenboek h5 {
  text-align: left;
  font-size: 11px;
  font-weight: normal;
  border-top: 1px solid #663300;
  border-bottom: 1px solid #663300;
}
#gastenboek p {
  text-align: left;
  font-size: 11px;
  padding: 3px;
  margin: 0px 0px 10px 0px;
  color: #663300;
  background-color: #FFFFCC;
} 
#gastenboek h2 a {
  background-color: #D2B78C;
  color: #FFFFCC; 
}  
#gastenboek h3 a {
  background-color: #D2B78C;
  color: #FFFFCC; 
} 
#gastenboek ul {
  border: 1px solid #D2B78C;
  margin: 10px 0px 5px 0px;
  padding: 0px;
  text-align: center;
} 
#gastenboek li {
  list-style-type: none;
  font-size: 13px;
  font-weight: normal;
  margin: 0px;
} 
#gastenboek table {
  width: 550px;
  margin: auto;
}
#gastenboek td {
  width: 275px;
}
#gastenboek td a {
  text-decoration: none;
  display: block;  
  width: 200px;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  height: 22px;
  padding: 8px 0px 8px 0px;
  background: url(graphics/knopdonkergeel.gif) no-repeat;
}
#gastenboek td a:hover {
  text-decoration: none;
  background: url(graphics/knopbleekgeel.gif) no-repeat;
}    
#gastpagina {
  text-align: center;
}
#gastpagina ul {
  border: none;
  display: inline;
  list-style-type: none;	
  text-align: center;
}
#gastpagina li {
  font-size: 11px;
  font-weight: bold;
  display: inline;
  margin: 5px;	
}
#gastform table {
  width: 525px;
  margin: auto;
}
#gastform td {
  width: 240px;
  vertical-align: middle;
  padding: 0px;
}  
#gastform fieldset {
  width: 530px;
  padding: 5px;
  font-family: Verdana;
  border: 1px solid #663300;
}
#gastform legend {
  color: #663300;
  background-color: #FFFFCC;
  font-weight: bold;
}
#gastform textarea {
  width: 310px;
  font-family: Verdana;
  color: #663300;
  background-color: #FFFFFF;
}
#gastform input {
  width: 310px;
  color: #663300;
  background-color: #FFFFFF;
}

/*************************** toplijst ***************************************/

#toplijst {
  float: right;
  display: inline;  
  width: 650px;
  padding: 20px 10px 20px 10px;
  text-align: center;
  color: #663300;
}
#toplijst h2 {
  font-size: 25px; 
  text-align: center;
  font-weight: bold;
}
#toplijst h3 {
  font-size: 13px; 
  font-weight: bold;
  text-align: center;
}
#toplijst p {
  font-size: 12px; 
  text-align: center;
}
#toplijst img {
  padding: 15px;
  border: 1px solid #663300;
  background-color: white;
}

/*************************** fotolijst **************************************/

#fotolijst li {
  list-style-type: none;
  font-size: 11px;
  font-weight: normal;
  margin-right: 20px;
}