#knoppenbalklinks:hover  {  
background-image:url(http://www.minicampingslappeterp.nl/images/knopjein.jpg); 
color: #000000;
} 

#knoppenbalklinks {
	background-image:url(http://www.minicampingslappeterp.nl/images/knopje.jpg);
	text-decoration: none;
	color: #7f1418;
	display:block;
	height:22px;
	width:180px;
	font-size: 11px;
	font-weight: bold;
	padding-right: 36px;
	padding-top: 1px;
} 


/*
Basis CSS layout
Op basis van code geschreven door  Eivind Savio
Vertaald door: www.web-garden.be
*/
* 
{
padding: 0;
margin: 0;

}
body, html {
	color: #000;
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 12px;
	text-align: center;
	height: 100%;
	background-image: url(../images/achter.jpg);
}
body {
font-size:50px;
}
p {padding: 7px 0 7px 0;}
 
a {
color: #000099;
}
a:hover{
color: #0000FF;
text-decoration: none;
}
 
h1, h2, h3 {
font-weight: bold;
padding-bottom: 5px;
}
h1 {
font-size: 18px;
}
h2 {
font-size: 1.4em;
}
h3 {
font-size: 1.3em;
}
h1 a, #header h2{
color: #fff;
}
.clear { clear: both; }
#mainContainer {
	width: 962px;
	margin: 0 auto;
	min-height: 100%;
	text-align: left;
	background-image: url(../images/balkjeklaar.jpg);
}
* html #mainContainer {
height: 100%; 
}
/*
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
HEADER
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
*/
#header {
	text-align:right;
	background-image: url(../images/kopachter.jpg);
	background-repeat: no-repeat;
	background-position:top;
	height: 197px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
 
}
/*
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Inhoud en kolommen
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
*/
.outer {
padding-left: 165px;  
}
* html .outer {

}
.inner {
	width: 770px;
	padding-bottom: 30px;
}
* html .inner {
width: 100%;
}
 
.float-wrap {
	float: left;
	width: 962px;
	margin-left: -165px;
}
 

* html #content {
position: relative;  
}
.contentWrap{
	padding: 20px;
}
#foto {
	text-align: center;
}

.contentWrap ol, .contentWrap ul {
margin: 3px 0 5px 35px;
}
.contentWrap li {
padding-bottom: 2px;
}
/*
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Linker kolom
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
*/
 
#left {
	float: left;
	width: 219px;
	background-image: url(../images/knop.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 98px;
	text-align: right;
}
* html #left {
position: relative;  
}
#left ul {
list-style: none;
padding-bottom: 4px;
}
#left li {
padding-bottom: 2px;
}
/*
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Rechter kolom
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
*/
#right {
float: right; 
width: 120px;
padding: 5px;
}
* html #right {
position: relative;  
margin-right: -120px; /*
 
 IE krijgt deze margin. 
 
*/
}
#right ul {
list-style: none;
padding-bottom: 4px;
}
#right li {
padding-bottom: 2px;
}
/*
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
FOOTER
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
*/
#footer {
	width: 962px;
	height: 30px; /*
 
 In deze benadering is de hoogte van de footer niet flexibel. Als je hier zoveel inhoud gaat plaatsen zodoende dat de 30px onvoldoende is, zal er vertikale scroll worden aangemaakt. Tevens zal er inhoud buiten de footer worden weergegeven. Dit kun je voorkomen door overflow:hidden toe te voegen. 
 
*/
	margin: 0 auto;
	margin-top: -30px; /*
 
 Deze negatieve waarde is gelijk aan de hoogte van de footer (30px). Als je borders en padding gebruikt in je footer, moet je daar mee reking houden in de berekeing van deze negatieve waarde. 
 
*/
	text-align: center;
	background-image: url(../images/staart.jpg);
#foto {
	text-align: center;
}