/* Copyright Bram Berkhout 2008 | CSS for Bramberkhout.nl */


/******************************* BEGIN DEFAULTS *******************************/

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

body {
	background: #44b4ce url(../img/layout/background.jpg) repeat-x center top;
	font-family: Arial, Helvetica, sans-serif;
	color: #303030;
	padding: 0px;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #2B7282;
	margin: 0px 0px 4px 0px;
}

h2 {
	font-size: 20px;
	color: #2B7282;
	margin: 0px 0px 15px 0px;
}

h3 {
	font-variant:small-caps;
	font-size: 12px;
	color: #2B7282;
	margin: 30px 0px 4px 0px;
}

h4 {
	font-size: 12px;
	color: #2B7282;
	margin: 30px 0px 4px 0px;
}

p {
	font-size: 11px;
	margin: 0px 0px 10px 0px;
}

p:first-letter {
	font: 17px bold oblique Arial, Verdana, Helvetica, sans-serif;
	font-weight: 900;
	font-style:normal;
	margin: 0px 1px 0px -1px;
	float: left;	
}

table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #303030;
	margin: 0px 0px 0px 0px;
}

/******************************* EINDE DEFAULTS *******************************/


/******************************* LINKS *******************************/

a:link {
	font-weight: bold;
	color: #303030;
	text-decoration: none;
}

a:visited {
	font-weight: bold;
	color: #303030;
	text-decoration: underline;
}

a:hover {
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}

a:active {
	font-weight: bold;
	color: #44B4CE;
	text-decoration: underline;
} 

/*** EINDE NORMALE LINKS ***/


/*** BEGIN IMAGE LINKS ***/

a img {
	border: 2px solid #303030;
}

a:focus img {
	border: 2px solid #44B4CE;
}

a:visited img {
	border: 2px solid #303030;
}

a:hover img {
	border: 2px solid #666666;
}

/******************************* EINDE LINKS *******************************/


/******************************* BEGIN MAIN *******************************/

#shadow {
	width: 962px;
	background-color: #666666;
	margin: 0px auto 0px auto;
}

#container {
	width: 960px;
	background-color: #FFFFFF;
	margin: 0px auto 0px auto;
}

#topwit {
	width: 100%;
	height: 57px;
	background-color: #FFFFFF;
}
	
#header {
	width: 100%;
	height: 356px;
	background-color: #FFFFFF;
}
	
#headerimage1 {
	width:846px;
	height:356px;
	background-image:url(../img/layout/header1.jpg);
	margin-left:57px;
}
	
#headerimage2 {
	width:846px;
	height:356px;
	background-image:url(../img/layout/header2.jpg);
	margin-left:57px;
}
	
#headerimage3 {
	width:846px;
	height:356px;
	background-image:url(../img/layout/header3.jpg);
	margin-left:57px;
}

#main {
	width: 100%;
	background-color: #FFFFFF;
}

/******************************* EINDE MAIN *******************************/


/******************************* BEGIN MENU *******************************/

#menu {
	width: 100%;
	height: 40px;
	padding-top: 20px;
	float: left;
	text-align: center;
	font-size: 12px;
	background-color: #FFFFFF;
	border: 0px #FFFFFF;
}

#menu ul li {
	margin-left: 0;
	padding: 3px 40px;
	color: #303030;
	border-left: 1px solid #555;
	list-style: none;
	display: inline;
}

#menu ul li.first {
	margin-left: 0;
	padding: 3px 40px;
	border-left: 0px;
	list-style: none;
	display: inline;
}

#menu a:active {
	color: #2B7282;
}

/******************************* EINDE MENU *******************************/

/******************************* BEGIN CONTENT *******************************/

#intro {
	width: 846px;
	float: left;
	margin-left: 0px;
	padding: 0px 0px 0px 55px;
	background-color: #FFFFFF;
}

#content {
	width: 500px;
	float: left;
	margin-left: 0px;
	padding: 0px 20px 20px 55px;
	background-color: #FFFFFF;
}
	
#content-rechts {
	width: 290px;
	float: left;
	margin-left: 0px;
	padding: 0px 20px 20px 20px;
	background-color: #FFFFFF;
}	

#footer {
	font-size: 10px;
	font-weight: bold;
	color: #2b7282;
	clear: both;
	text-align: center;
	padding: 10px 0px 57px 0px;			
}

#footer li {
	display: inline;
	padding-right: 0px;
	margin-left: 0px;
}

#footer li.stripe {
	color: #303030;
}

.currentpage {
	color: #2b7282
}

.psub {
	padding-bottom: 0px;
}

.download {
	display: block;
	margin: 0;
	padding: 3px 0 0 0;
	text-indent: 54px;
	width: 205px;
	height: 20px;
	text-align: left;
	background: url(../img/layout/download.png) no-repeat;
}

a.button-a:hover {
	font-size: 11px;
	font-weight: normal;
	color: #464646;
	text-decoration: none;
	cursor: pointer;
	background-color: inherit;
}

a.button-a:visited {
	font-size: 11px;
	font-weight: normal;
	color: #464646;
	text-decoration: none;
	cursor: pointer;
	background-color: inherit;
}

a.button-a:active {
	font-size: 11px;
	font-weight: normal;
	color: #464646;
	text-decoration: none;
	cursor: pointer;
	background-color: inherit;
}

a.button-a:link {
	font-size: 11px;
	font-weight: normal;
	color: #464646;
	text-decoration: none;
	cursor: pointer;
	background-color: inherit;
}

/******************************* EINDE CONTENT *******************************/