/* @group Header */

.header {
	height: 86px;
	width: 800px;
	margin-top: 20px;
	margin-bottom: 0px;
	margin-left: auto;
    margin-right: auto;
	background-image: url(plaatjes/glossyheader.gif);
}

.headertitle {
	padding-top: 7px;
	padding-bottom: 3px;
	font-style: italic;
}

.headertitle a {
	color: #7b3410;
	text-decoration: none;
}

.headertitle a:hover {
	color: #7b3410;
	text-decoration: none;
}

.headerlogo { /* Only for the home page */
	float: left;
	height: 71px;
	width: 100px;
	background: url(plaatjes/Logo.gif) no-repeat;

	margin-left: 80px;
	margin-top: 15px;
	display: inline;
}

.headerlogo2 { /* For the rest of the pages */
	float: left;
	height: 71px;
	width: 100px;
	background: url(plaatjes/Logo2.gif) no-repeat;

	margin-left: 80px;
	margin-top: 15px;
	display: inline;
}

/* @end */

img.myPhoto {
	max-height: 85px;
	max-width: 128px;
	border: 2px solid #d55b1b;
	border-top: 2px solid #d55b1b;
	border-left-width: 2px;
	border-left-color: #d55b1b;
	border-bottom: 2px solid #8e3d12;
	border-right: 2px solid #8e3d12;
	margin-right: 10px;
	margin-bottom: 10px;
}

body {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #7b3410;
	background-color: #f4cc6b;
	margin-left: auto;
    margin-right: auto;

}

.content { /* Only for the home page */
	Width:800px;
	height: 460px;
	background: url('plaatjes/background.png') no-repeat;
	border-bottom: 3px solid #8e3d12;
	border-top: 3px solid #d55b1b;

	margin-left: auto;
    margin-right: auto;
    
    padding-bottom: 20px;
}

.content2 { /* For the rest of the pages */
	Width:800px;
	min-height: 480px;
	background: url('plaatjes/backgroundlight.png') repeat-y;
	border-bottom: 3px solid #8e3d12;
	border-top: 3px solid #d55b1b;
	padding-top: 1px;
    padding-bottom: 20px;

   	margin-left: auto;
    margin-right: auto;
}

.content2 p {
	width: 530px;
	margin-top: 50px;
	margin-left: 40px;
}

.contentchoice {
	height: 67;
	margin-top: 348px;
	margin-left: 40px;
	margin-right: 40px;
	font: normal 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; /* Change 13px as desired */
}

.contentchoice1 {
	font: normal 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; /* Change 13px as desired */
	margin-left: 40px;
	width: 313px;
	float: left;
}

.contentchoice2 {
	font: normal 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; /* Change 13px as desired */
	color: #2d28a0; /*button text color*/
	margin-left: 20px;
	margin-right: 20px;
	width: 346px;
	float: right;
}
.contentchoice2 a {
	color: #1d1967; /*button text color*/
}
.contentchoice2 a:hover {
	color: #1d1967; /*button text color*/
}

h1.contenttitle {
	width: 530px;
	margin-left: 40px;
	margin-bottom: -40px;	
}

table {
	margin: 5px;
	width: 520px;
	max-width: 520px;
	margin-left: 30px;
    margin-right: auto;
	border-bottom: 3px solid #8e3d12;
	border-top: 3px solid #d45a1a;
	line-height: 1.4em;
	font-size: 14px;
}


tr.alt {
	color: white;
	vertical-align: top;
	background-color: #D95915;
	/*background-color: rgba(213,91,27,0.75);*/
}

tr.normal {
	vertical-align: top;
	color: #8e3d12;
    background-color: #daa64b;
   	/*background-color: rgba(213,91,27,0.5);*/
}

.languages {
	float: right;
	margin-right: 20px;
	margin-left: 20px;
	z-index: 111;
}

.languages img {
	border-style: none;
}

.linkbox {
	float: right;
	width: 170px;
	min-height: 480px;
}

.linkboxChoice1 {
	float: left;
	padding: 10px 10px 10px 190px;
}

.linkboxChoice2 {
	float: right;
	padding: 10px 190px 10px 10px;
}

.bottombutton {
	vertical-align: top;
}

/* @group Square button */

a.squarebutton{
background: url('plaatjes/square-yellow-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;

width: 140px;
text-align: center;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
color: #d55b1b; /*button text color*/
}

a.squarebutton span{
background: url('plaatjes/square-yellow-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover{ /* Hover state CSS */
background-position: bottom left;
text-decoration: none;
}

a.squarebutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: #8b3b12;
/*color: black;*/
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

/* @end */

/* @group Square button Blue */

a.squarebuttonblue{
background: url('plaatjes/square-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;

width: 140px;
text-align: center;
}

a:link.squarebuttonblue, a:visited.squarebuttonblue, a:active.squarebuttonblue{
color: #2999d5; /*button text color*/
}

a.squarebuttonblue span{
background: url('plaatjes/square-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.squarebuttonblue:hover{ /* Hover state CSS */
background-position: bottom left;
text-decoration: none;
}

a.squarebuttonblue:hover span{ /* Hover state CSS */
background-position: bottom right;
color: #204a8b;
/*color: black;*/
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}

/* @end */

/*ul {
	list-style-image: url(plaatjes/bullet.gif);
	list-style-type: none;
	display: inline;
	list-style-position: inside;
}*/

a {
	color: #d55b1b;
	text-decoration: none;
}

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

.footer {
	height: 40px;
	width: 800px;
	padding-top: 10px;
	margin-left: auto;
    margin-right: auto;
	background: url(plaatjes/Footer.gif) no-repeat;
	text-align: center;
	font-size: 10px;
}