﻿* { margin:0 auto; padding:0;}

/*buitenste schil*/

body, form
{

	
	height: 1250px;
	min-height: 100%;
	width:900px;

}

/*hele pagina zit hier in*/
#pageContainer
{
	background-color: #3b6d83;
	text-align: left;
	height:100%;	
	min-height: 100%;
	width: 900px;


}


/*header met menu */
.pageHeader
	{
		background-image: url("/Images/bg_header.png");
		
	}
	



/*ruimte tussen het menu en eyecatcher, en tussen eyecatcher en content*/
.spacer
{	
	height: 5px;
	width: 900px;
	background-color: #3b6d83;

}




/* NAVIGATION / MENUSTRIP */
#pageMenuStrip {
	width: 900px;
	margin: 0px;
	padding: 0px;
	position:absolute;
	top:142px;
}

#pageMenuStrip ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 900px;

}

#pageMenuStrip ul li{
	margin: 0 10px;
	padding: 0;
	float:left;

}

#pageMenuStrip ul li a.home{
background-image: url("/Images/home_btn.png");
background-repeat: no-repeat;
width: 102px;
height:31px;
float:left;
}

#pageMenuStrip ul li a.home:hover{
background-image: url("/Images/home_btn.png");
background-repeat: no-repeat;
width: 102px;
height:31px;
float:left;
background-position: 0 -32px;
}

/*
#pageMenuStrip ul li a.historie{
background-image: url("/Images/historie_btn.png");
background-repeat: no-repeat;
width: 113px;
height:32px;
float:left;
}

#pageMenuStrip ul li a.historie:hover{
background-image: url("/Images/historie_btn.png");
background-repeat: no-repeat;
width: 113px;
height:32px;
float:left;
background-position: 0 -32px;
}
*/

#pageMenuStrip ul li a.fotogalerie{
background-image: url("/Images/fotogalerie_btn.png");
background-repeat: no-repeat;
width: 159px;
height:31px;
float:left;
}

#pageMenuStrip ul li a.fotogalerie:hover{
background-image: url("/Images/fotogalerie_btn.png");
background-repeat: no-repeat;
width: 159px;
height:32px;
float:left;
background-position: 0 -32px;
}

#pageMenuStrip ul li a.webcam{
background-image: url("/Images/webcam_btn.png");
background-repeat: no-repeat;
width: 106px;
height:31px;
float:left;
}

#pageMenuStrip ul li a.webcam:hover{
background-image: url("/Images/webcam_btn.png");
background-repeat: no-repeat;
width: 106px;
height:32px;
float:left;
background-position: 0 -32px;
}

#pageMenuStrip ul li a.links{
background-image: url("/Images/links_btn.png");
background-repeat: no-repeat;
width: 104px;
height:31px;
float:left;
}

#pageMenuStrip ul li a.links:hover{
background-image: url("/Images/links_btn.png");
background-repeat: no-repeat;
width: 104px;
height:31px;
float:left;
background-position: 0 -32px;
}

#pageMenuStrip ul li a.contact{
background-image: url("/Images/contact_btn.png");
background-repeat: no-repeat;
width: 122px;
height:31px;
float:left;
}

#pageMenuStrip ul li a.contact:hover{
background-image: url("/Images/contact_btn.png");
background-repeat: no-repeat;
width: 122px;
height:31px;
float:left;
background-position: 0 -32px;
}

#pageMenuStrip ul li a.curhome{
background-image: url("/Images/home_btn.png");
background-repeat: no-repeat;
width:104px;
height:32px;
float:left;
background-position: 0 -64px;
}

/*
#pageMenuStrip ul li a.curhist{
background-image: url("/Images/historie_btn.png");
background-repeat: no-repeat;
width:104px;
height:32px;
float:left;
background-position: 0 -64px;
}
*/

#pageMenuStrip ul li a.curfoto{
background-image: url("/Images/fotogalerie_btn.png");
background-repeat: no-repeat;
width:159px;
height:32px;
float:left;
background-position: 0 -64px;
}

#pageMenuStrip ul li a.curwebcam{
background-image: url("/Images/webcam_btn.png");
background-repeat: no-repeat;
width:106px;
height:32px;
float:left;
background-position: 0 -64px;
}

#pageMenuStrip ul li a.curlinks{
background-image: url("/Images/links_btn.png");
background-repeat: no-repeat;
width:106px;
height:32px;
float:left;
background-position: 0 -64px;
}

#pageMenuStrip ul li a.curcont{
background-image: url("/Images/contact_btn.png");
background-repeat: no-repeat;
width:124px;
height:32px;
float:left;
background-position: 0 -64px;
}

#cols
{
width:900px;
}

.col1
{
float:left;
width:217px;
height:100px;
margin-left:5px;
}

.col2
{
float:left;
width:410px;
height:100px;
margin-left:5px;
}

.col3
{
float:left;
width:253px;
height:1065px;
background-color:#5f8da2;
margin-left:5px;

}


.webcamContainer
{
	background-color: #ffffff;
	float:left;
	margin-left:110px;
	width: 644px;
	height: 480px;
	padding: 4px 0px 4px 4px;
	
}
