﻿  /* CSS layout */

body {
	margin: 0;
	padding: 0;
	font-family:Calibri, Helvetica, sans-serif;
	background-color:black;
}


#headercontainer{
	width:1300px;
	height: auto;
	background-color:  teal;
}

#achtergrondcontainer{
	width:1300px;
	height:auto;
	background-color: teal;

}


#sidebarleftindex {
	float: right;
	width: 195px;
	height:650px;
	background-color:  teal;
	position: relative;
	font-size:small;
	text-align:left;
	padding-left:5px;
	background-image:url('../images/achtergrond%20indexmenu2.png');
	background-repeat:no-repeat;
	background-position:0px 350px;
}

#containersidebar{
	float: left;
	width: 200px;	
	height:auto;
	background-color: teal;	
}


#logo {
	float: left;
	width: 200px;
	height:180px;
	margin-bottom:10px;
	background-color:  teal;
	position: relative;
	font-size:small;
	text-align:left;
	background-image:url('../images/achtergrond%20logo3.png');
}

#sidebarindex {
	float: left;
	width: 195px;
	height:650px;
	background-color:  teal;
	font-size:small;
	text-align:left;
	padding-left:5px;
	background-image:url('../images/achtergrond%20indexmenu2.png');
	background-repeat:no-repeat;
	background-position:0px 350px;
}


#sidebarcamiel {
	float: left;
	width: 195px;
	height:650px;
	background-color:  teal;
	position: relative;
	font-size:small;
	text-align:left;
	padding-left:5px;
	background-image:url('../images/achtergrond%20sidebarcamiel.png');
	background-repeat:no-repeat;
	background-position:0px 350px;
}

#sidebarfamke {
	float: left;
	width: 195px;
	height:650px;
	background-color:  teal;
	position: relative;
	font-size:small;
	text-align:left;
	padding-left:5px;
	background-image:url('../images/achtergrond%20sidebarfamke.png');
	background-repeat:no-repeat;
	background-position:0px 350px;
}

#sidebardieke {
	float: left;
	width: 195px;
	height:650px;
	background-color:  teal;
	position: relative;
	font-size:small;
	text-align:left;
	padding-left:5px;
	background-image:url('../images/achtergrond%20sidebardieke.png');
	background-repeat:no-repeat;
	background-position:0px 350px;
}

#sidebarlobke {
	float: left;
	width: 195px;
	height:650px;
	background-color:  teal;
	position: relative;
	font-size:small;
	text-align:left;
	padding-left:5px;
	background-image:url('../images/achtergrond%20sidebarlobke.png');
	background-repeat:no-repeat;
	background-position:0px 350px;
}

#sidebarjitske {
	float: left;
	width: 195px;
	height:650px;
	background-color:  teal;
	position: relative;
	font-size:small;
	text-align:left;
	padding-left:5px;
	background-image:url('../images/achtergrond%20sidebarjitske.jpg');
	background-repeat:no-repeat;
	background-position:0px 350px;
}

#sidebarsilke {
	float: left;
	width: 195px;
	height:650px;
	background-color:  teal;
	position: relative;
	font-size:small;
	text-align:left;
	padding-left:5px;
	background-image:url('../images/achtergrond%20sidebarsilke.png');
	background-repeat:no-repeat;
	background-position:0px 350px;
}


#sidebarverwacht {
	float: left;
	width: 195px;
	height:650px;
	background-color:  teal;
	position: relative;
	font-size:small;
	text-align:left;
	padding-left:5px;
	background-image:url('../images/achtergrond%20sidebarverwacht.png');
	background-repeat:no-repeat;
	background-position:0px 350px;
}

#sidebarnakomelingen {
	float: left;
	width: 195px;
	height:650px;
	background-color:  teal;
	position: relative;
	font-size:small;
	text-align:left;
	padding-left:5px;
	background-image:url('../images/achtergrond%20sidebarnakomelingen.png');
	background-repeat:no-repeat;
	background-position:0px 350px;
}

#sidebarvoorstellen {
	float: left;
	width: 195px;
	height:650px;
	background-color:  teal;
	position: relative;
	font-size:small;
	text-align:left;
	padding-left:5px;
	background-image:url('../images/achtergrond%20sidebarvoorstellen.png');
	background-repeat:no-repeat;
	background-position:0px 350px;
}


#mastheadindex {
	float:right;
	width:590px;
	height:200px;
	position:relative;
	margin-left:10px;
	margin-bottom:10px;
	background-image:url('../images/achtergrond%20index.png');
}
#mastheadalgemeen {
	float:right;
	width:590px;
	height:200px;
	position:relative;
	margin-left:10px;
	margin-bottom:10px;
	background-image:url('../images/achtergrond%20algemeen.png');
}

#mastheadcamiel {
	float:right;
	width:590px;
	height:200px;
	position:relative;
	margin-left:10px;
	margin-bottom:10px;
	background-image:url('../images/achtergrond%20mastheadcamiel%20vervallen.png');
}


#logoright {
	float:left;
	width:490px;
	height:200px;
	position:relative;
	margin-left:10px;
	margin-bottom:10px;
}

#mastheadvoorstellen {
	float:right;
	width:590px;
	height:200px;
	position:relative;
	margin-left:10px;
	margin-bottom:10px;
	background-image:url('../images/achtergrond%20mastheadvoorstellen.png');
}


#mastheadfamke {
	float:right;
	width:590px;
	height:200px;
	position:relative;
	margin-left:10px;
	margin-bottom:10px;
	background-image:url('../images/achtergrond%20mastheadfamke%20vervallen.png');
}

#mastheaddieke {
	float:right;
	width:590px;
	height:200px;
	position:relative;
	margin-left:10px;
	margin-bottom:10px;
	background-image:url('../images/achtergrond%20mastheaddieke.png');
}

#mastheadlobke {
	float:right;
	width:590px;
	height:200px;
	position:relative;
	margin-left:10px;
	margin-bottom:10px;
	background-image:url('../images/achtergrond%20mastheadlobke.png');
}

#mastheadverwacht {
	float:right;
	width:590px;
	height:200px;
	position:relative;
	margin-left:10px;
	margin-bottom:10px;
	background-image:url('../images/achtergrond%20mastheadverwacht.png');
}

#mastheadnakomelingen {
	float:right;
	width:590px;
	height:200px;
	position:relative;
	margin-left:10px;
	margin-bottom:10px;
	background-image:url('../images/achtergrond%20mastheadnakomelingen.png');
}



#container {	
	width: 1090px;
	height:auto;
 	float:right;
	margin-left:5px;
	background-color:  teal;
	font-family: Calibri, Helvetica, sans-serif;
	font-size: medium;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	color: #000000; 
	}

#menu_col {
	background-color: teal;
	width: 890px;
	height:20px;
	font-size:small;
	text-align:left;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
}
#menu_col2 {
	background-color: teal;
	width: 890px;
	height:20px;
	font-size:small;
	text-align:left;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
}

#central_col {
	text-align:left;
	background-color: teal;
	width: 1070px;
	height:auto;
	float:left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	}
	
#bottom_col {
	background-color: teal;
	width: 1070px;
	height:20px;
	font-size:xx-small;
	text-align:right;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
	}



h1 {
	text-align:center;
	font-family:Calibri, Helvetica, sans-serif;
	font-size:x-large;
	
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	color:white;
}

h2 {
	text-align:center;
	font-family: Calibri, Helvetica, sans-serif;
	font-size: large;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	color: #000000;
}

h3 {
	text-align:center;
	font-family: Calibri, Helvetica, sans-serif;
	font-size: medium;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	color: #000000;
}

h4 {
	text-align:center;
	font-family:Calibri, Helvetica, sans-serif;
	font-size:large;
	
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	color:white;
}



h5 {
	text-align: left;
	font-family: Calibri, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	color: #000000;
}


p {
	font-family: Calibri, Helvetica, sans-serif;
	font-size: medium;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	color: #000000;
}

th {
	text-align:center;
	vertical-align:top;
}

.menu {
	border: 1px solid #000000;
	font-size:small;
}


.Fotos {
	margin: 5px;
}
.Fotosleft {
	margin:5px;
	float:left;
}
.Fotoscenter {
	margin: 25px;
	float:inherit;
}
.Fotosright {
	margin:5px;
	float: right;
}

a:link {
	color:black;
	text-decoration:none;
}
a:visited {
	color:black;
	text-decoration:none;
}
a:hover {
	color:black;
	text-decoration:none;
}
a:active {
	color:black;
	cursor:pointer;
	text-decoration:none
}



