@charset "UTF-8";
/* CSS Document */

*{
	margin:0;
	padding:0px;
}

html, body {
	height:100%; /* héél belangrijk */
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 20px;
	color: #666;
	background-image: url(../afbeeldingen/callantint_bg_body.jpg);
	background-repeat:repeat-x;
	background-color:#FFF;
}

/* CONTAINER DIV om alles te centreren */
div#container {
	position: relative;
	background-color:#FFF;
	width:820px;
	margin:0 auto;
	min-height:1450px;
	height:auto !important; /* voor moderne browsers */
	height:100%; /* voor IE */
	border-left: #d0e18c 1px solid;
	border-right: #d0e18c 1px solid;
	border-bottom: #d0e18c 1px solid;
}

div#logo {
	float:left;
	width:300px;
	height:100px;
	margin-top:5px;
	margin-left:5px;
}

div#navigatie {
	float:right;
	width:500px;
	margin-top:80px;
	margin-right:10px;
}

div#navigatie ul{
list-style-type:none;
}

div#navigatie ul li{
float: right;
}

div#swf {
	float:left;
	width:810px;
	margin-top:5px;
	margin-left:5px;
}

div#left_content {
	float:left;
	width:500px;
	margin-top:15px;
	margin-left:10px;
	text-align:justify;
}

div#right_content {
	float:right;
	width:245px;
	margin-top:15px;
	margin-right:10px;
	padding-left:15px;
	border-left: #666 1px dotted;
}

div#footercontent {
	float:left;
	background-color:#0b3c87;
	width:740px;
	height:20px;
	margin-top:10px;
	margin-left:10px;
	padding: 30px;
	border: #666 1px dotted;
	text-align:center;
}

div#footerlinkcontent {
	float:left;
	width:780px;
	margin-top:10px;
	margin-left:10px;
	padding: 10px;
	text-align:center;
	font-size:11px;
}

.nav {
font-family:Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight:300;
color:#039;
text-decoration:none;
margin-left:20px;
}

h1 {
font-family:Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight:300;
color:#FFF;
text-decoration:none;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight:300;
color:#9ab043;
text-decoration:none;
margin-bottom:8px;
}

h3 {
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight:bold;
color:#0b3c87;
text-decoration:none;
}

a {
color:#0b3c87;
text-decoration:none;
}

a.big {
color:#0b3c87;
text-decoration:none;
font-size:14px;
}

a.bigger {
color:#0b3c87;
text-decoration:none;
font-size:16px;
}

a.biggest{
color:#0b3c87;
text-decoration:none;
font-size:18px;
}

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

.image {
border: #666 1px solid;	
}

.image_left {
border: #666 1px solid;	
margin-right: 20px;
margin-bottom: 20px;
float:left;
}

ul{
list-style-type:none;
}

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