/***********************************************/
/* CampingMunnikenhof Corporate Stylesheet     */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.3;
	color: #FFFFFF;
	background-color: #001100;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/background.gif);
	background-position: center;
	background-repeat: no-repeat;
}

a{
	color: #009900;
	text-decoration: none;
}

a:link{
	color: #009900;
	text-decoration: none;
}

a:visited{
	color: #009900;
	text-decoration: none;
}

a:hover{
	color: #009900;
	text-decoration: underline;
}

h1{
 font-size: 130%;
 color: #000000;
}

h2{
 font-size: 110%;
 color: #000000;
}

h3{
 font-size: 100%;
 color: #000000;
}

h4{
 font-size: 100%;
 font-weight: normal;
 color: #333333;
}

h5{
 font-size: 100%;
 color: #335533;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font-size: 100%;
 font-weight: bold;
 color: #335533;
}

table{
}

tr{
}

td{
  padding: 5px 0px 0px 5px;
  border: 0px solid #006600;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#page_header{
	float: left;
	padding: 0px 0px 0px 0px;
	width: 900px;
	height: 110px;
	min-height: 110px;
	max-height: 110px;
	padding: 5px 0px 0px 0px;
	overflow: hidden;
}

#headleftlogo{
	float: left;
	width: 150px;
	height: 110px;
	min-height: 110px;
	max-height: 110px;
}

#headtitle{
	float: left;
	width: 740px;
	height: 60px;
  margin: 0 0 0 10px;
  font-size: 150%;
  font-weight: bold;
	color: #FBD9BE;
}

#headlines{
	float: right;
	width: 20%;
	padding-right: 10px;
}

#content{
	width: 900px; 
	height: 600px; 
	position: absolute; 
	top: 0px;
	left: 50%;
	margin: 0px auto auto -400px;
	text-align: left;
}

#address{
	width: 250px;
	font-size: 100%;
	padding: 10px 10px 10px 10px;
	border: 1px solid #004400;
}

/************* #routemap styles **************/

#routemap{
	font-size: 60%;
}

#routemap p{
}
#routemap a:link{
}
#routemap a:visited{
}
#routemap a:hover{
}

#routemap img{
	padding: 0px 0px 0px 0px;
}

/***********************************************/
/* Components                                  */
/***********************************************/

#siteName{
	margin: 0;
	padding: 0 0 0 10px;
}


/*************** #pageName styles **************/

#pageName{
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

/************** .story styles *****************/

#story{
	float: left;
	width: 600px;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	font-size: 95%;
  color: #FBD9BE;
}

#story .slogan{
  font-size: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #FBD9BE;
	text-align: justify;
}

#story h1{
  font-size: 100%;
	font-weight: bold;
	border: 1px solid #55CC55;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
	color: #FBD9BE;
}

#story h2{
	font-size: 100%;
  color: #FBD9BE;
  background-color: #004400;
	font-weight: bold;
	padding: 2px;
	margin: 10px 0px 0px 0px;
}

#story p{
}

#story p:first-letter {
}

#story p:first-line {
}

#story img{
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 10px 0px;
}

/************** .form styles *****************/

.form{
	font-size: 75%;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #aaaaaa;
	background-color: #eeeeee;
}

.form table{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.form tr{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.form td{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.form input{
	font-size: 85%;
	height: auto;
}

.form select{
	font-size: 85%;
	height: auto;
}

.form textarea{
	font-size: 100%;
	height: auto;
}

#formbuttomsubmit{
	clear: both;
	font-size: 120%;
	height: auto;
}

#formbuttomreset{
	clear: both;
	font-size: 120%;
	height: auto;
}

.formresult{
	font-size: 75%;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #aaaaaa;
	background-color: #eeeeee;
}

/************* #legalterms styles ***************/

#legalterms{
	clear: both;
	border: 1px solid #aaaaaa;
	font-size: 75%;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	background-color: #eeeeee;
}

#legalterms p{
	font-size: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
    color: #000000;
}

#legalterms p:first-letter {
    font-size: 100%;
    font-weight: bold;
    color: #000000;
}

#legalterms strong{
	font-size: 110%;
	font-weight: bold;
}

/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	font-size: 70%;
	text-align: center;
	color: #FBD9BE;
	padding: 20px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#siteInfo .footer{
	font-size: 260%;
	text-align: center;
	color: #FBD9BE;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#siteInfo img{
	padding: 4px 4px 4px 10px;
	vertical-align: middle;
}

#siteInfo a:link{
	color: #FBD9BE;
	text-decoration: none;
}

#siteInfo a:visited{
	color: #FBD9BE;
	text-decoration: none;
}

#siteInfo a:hover{
	color: #55CC55;
	text-decoration: underline;
}


/************** #headlines styles **************/

#headlines{
	margin: 0px;
	padding: 10px 0px 20px 10px;
	font-size: 80%;
}

#headlines p{
	padding: 5px 0px 5px 0px;
}

/*********** #html styles ***********/
#language_selection {
	float: right;
  margin: 20px;
  padding: 3px;
  border: 2px solid #004400;
  color: black;
  background-color: #CCC;
  font-size: 9px;
}
#language_selection img {
	border:0;
  width: 16px;
  height: 12px;
  margin: 0 5px 0 2px;
}
#language_selection a {
  color: black;
  background-color: #CCC;
}

#menu_boven {
	float: left;
	width: 580px;
	height: 20px;
	margin: 0px 0px 0px 10px;
	padding: 2px 10px 2px 0px;
	font-size: 12px;
	font-weight: bold;
	line-height:20px;
  text-align: left;
	color: white;
	background-color: #004400;
}
#menu_boven a {
	margin: 0px 0px 0px 23px;
	color: #FBD9BE;
	font-size: 12px; 
}

#menu{
	float: left;
	position: relative;
	width: 140px;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 0px 0px;
	font-size: 12px;
	font-weight: bold;
	line-height:30px;
	text-align: right;
	color: #FBD9BE;
	background-color: #004400;
}

#menu a:link{
	color: #FBD9BE;
	background-color: #004400;
}

#menu a:visited{
	color: #FBD9BE;
	background-color: #004400;
}

#menu a:hover{
	color: #FBD9BE;
	background-color: #004400;
}

.photoheader {
  display: table;
  width: 100%;
	color: #FBD9BE;
	background-color: #004400;
	padding:3px 3px 3px 3px;
	margin:20px 0px -10px 0px;
}

.photos {
  display: table;
  width: 100%;
}

/*********** #coolmenus4 styles ***********/

/* CoolMenus 4 - default styles - do not edit */
.clCMEvent { position: absolute; width: 99%; height: 99%; clip: rect(0,100%,100%,0); left: 0; top: 0; visibility: visible }
.clCMAbs   { position: absolute; visibility: hidden; left: 0; top: 0 }
/* CoolMenus 4 - default styles - end */
  
/*Style for the background-bar*/
.clBar   { background-color: #004400; position: absolute; height: 20px; visibility: hidden; layer-background-color: #004400 }

/*Styles for level 0*/
.clLevel0, .clLevel0over { position: absolute; font-weight: bold; font-size: 12px; text-align: right; padding: 8px 0px 0px 0px; }
.clLevel0                { background-color: #004400; layer-background-color: #004400; color: #FBD9BE;}
.clLevel0over            { background-color: #006600; layer-background-color: #006600; color: #FBD9BE; cursor: hand; }
.clLevel0border          { position: absolute; visibility: hidden; background-color:#004400; layer-background-color:#000000 }

/*Styles for level 1*/
.clLevel1, .clLevel1over { position: absolute; font-weight: bold; font-size: 12px; text-align: right; padding: 8px 0px 0px 0px; }
.clLevel1                { background-color: #004400; layer-background-color: #004400; color: #FBD9BE;}
.clLevel1over            { background-color: #006600; layer-background-color: #006600; color: #FBD9BE; cursor: hand; }
.clLevel1border          { position: absolute; visibility: hidden; background-color: #004400; layer-background-color: #000000 }

/*Styles for level 2*/
.clLevel2, .clLevel2over { position: absolute; font-weight: bold; font-size: 12px; text-align: right; padding: 8px 0px 0px 0px; }
.clLevel2                { background-color: #004400; layer-background-color: #004400; color: #FBD9BE;}
.clLevel2over            { background-color: #006600; layer-background-color: #006600; color: #FBD9BE; cursor: hand; }
.clLevel2border          { position: absolute; visibility: hidden; background-color: #004400; layer-background-color: #000000 }