* { padding: 0; margin: 0; }

/* remove dotted lines around hyperlinks */
a{
outline: none;
border: none;
}

a:link img{
outline: none;
border: none;
}

a:visited img{
outline: none;
border: none;
}

a:hover img{
outline: none;
border: none;
}

a:active img{
outline: none;
border: none;
}

a:focus img{
outline: none;
border: none;
}


#prev a:hover{background: url('img_navsprites_hover.gif') -47px -45px;}

body {
	background-color: #68685E;
	background-image: url(template/background_body.jpg);
	background-repeat: repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%; /* regelt de grootte van alle lettertypes */
	padding: 0;
	text-align: center;
}
img {
 border-style: none;
}

/* img float om plaatjes in de grote teksten links, rechts of gecentreerd te plaatsen gebruik in html als: <img src="sunset.gif" class="floatLeft">  */
img.floatLeft { 
    float: left; 
    margin: 0px 0px 0px 0xp; 
}
img.floatRight { 
    float: right; 
    margin: 0px 0px 0px 0px;
}

#logo {
	width: 950px;
	margin: 0 auto; 
	position: relative;
	text-align:left; 
}

/**********************  WRAPPER  ***************************/
#wrapper { 
 margin: 0 auto;
 width: 978px;
}
/*******************  HEADER WRAPPER  ***********************/
#header_wrapper { 
 margin: 0 auto;
 width: 978px;
}
/*********************  HEADER LEFT  ************************/
#header_left { 
 float: left;
 width: 195px;
 height: 84px;
 margin: 12px 0px 0px 0px; /* marges aan de boven kant van de pagina en tussen header en content */
 padding: 0px 0px 0px 0px;
 border: 0px solid #000;
 font-size: .75em; 
 text-align:left;
}
/********************  HEADER CENTER ***********************/
#header_center { 
 float: left;
 width: 540px;
 height: 84px;
 margin: 12px 0px 0px 12px; /* marges aan de boven kant van de pagina en tussen header en content */
 padding: 0px 0px 0px 0px;
 border: 0px solid #000;
 font-size: .75em;
 text-align: center;
 vertical-align:bottom;
 }
/********************  HEADER RIGHT  ***********************/
#header_right { 
 width: 195px;
 height: 84px;
 margin: 12px 0px 0px 12px; /* marges aan de boven kant van de pagina en tussen header en content */
 padding: 0px 0px 0px 0px;
 border: 0px solid #000;
 font-size: .75em; 
 float: right;
 text-align:left;
}
/*********************  LEFT COLUMN  ***********************/
#left_column_wrapper { 
float: left;
 margin: 0 auto;
 width: 207px;
 padding: 0px 0px;
 height:auto;
}
#left_column { 
 border: 0px solid #000;
 background-image: url(template/random_pic_left_column/hans_stuck.png);
 background-position: top center;
 margin: 0px 0px 0px 0px;
 padding: 100px 0px 0px 12px;
 height: 375px;
 width: 185px;
 float: left;
 text-align: left;
 -moz-border-radius-topright: 10px;
 -moz-border-radius-topleft: 10px;
 -moz-border-radius-bottomright: 10px;
 -moz-border-radius-bottomleft: 10px;
 -webkit-border-top-left-radius: 10px;
 -webkit-border-top-right-radius: 10px;
 -webkit-border-bottom-right-radius: 10px;
 -webkit-border-bottom-left-radius: 10px;
 -moz-box-shadow: 5px 5px 5px #3C3C3C;
 -webkit-box-shadow: 5px 5px 7px #3C3C3C; 
}
#left_column p {
	font-size: 12px;
	margin: 0 0 0 0;
	color:#C3F;
}
#left_column h1 {  /* kop bovenaan linkerkolom */
	font-size: 13px;
	margin: 0px 0px 0px 0px; 
	color: #333;
	text-decoration: underline;
}
#left_column h2 { /* tussen kopjes linkerkolom */
	font-size: 11px;
	margin: 14px 0px 0px 0px; /* geeft afstand aan tot voorgaande tekst / afstand tussen links en volgend subkopje */
	color: #333;
}
#left_column a:link { /* hyperlinks in linkerkolom */
	color: Black;
	text-decoration: none;
	font-size: 11px;
}
#left_column a:visited {  /* hyperlinks in linkerkolom */
	color: Black;
	text-decoration: none;
		text-decoration: none;
	font-size: 11px;
}
#left_column a:hover {   /* hyperlinks in linkerkolom */
	color: #FFFFFF;
	text-decoration: none;
	background-color: #333;
	text-decoration: none;
	font-size: 11px;
}
#left_column a:active {  /* hyperlinks in linkerkolom */
	color: Black;
	text-decoration: none;
	background-color: Scrollbar;
	text-decoration: none;
	font-size: 11px;
}
#left_column a:focus {  /* hyperlinks in linkerkolom */
	color: Black;
	background-color: ThreedLightShadow;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}
#left_column_index { 
 border: 0px solid #000;
 background-image: url(template/random_pic_left_column/hans_stuck.png);
 background-position: top center;
 margin: 0px 0px 0px 0px;
 padding: 100px 0px 0px 12px;
 height: 375px;
 width: 185px;
 float: left;
 text-align: left;
 -moz-border-radius-topright: 10px;
 -moz-border-radius-topleft: 10px;
 -moz-border-radius-bottomright: 10px;
 -moz-border-radius-bottomleft: 10px;
 -webkit-border-top-left-radius: 10px;
 -webkit-border-top-right-radius: 10px;
 -webkit-border-bottom-right-radius: 10px;
 -webkit-border-bottom-left-radius: 10px;
 -moz-box-shadow: 5px 5px 5px #3C3C3C;
 -webkit-box-shadow: 5px 5px 7px #3C3C3C; 
}
#left_column_index p {
	font-size: 12px;
	margin: 0 0 0 0;
	color:#333;
}
#left_column_footer { 
 border: 0px;
 margin: 0px 12px 12px 0px;
 padding: 9px 0px 0px 9px;
 height:auto;
 width: 183px;
 float: left;
 text-align: left;
}
#left_column_footer p {
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	color:#333;
}
#left_column_footer a:link {
	color: #BDBCAE;
	text-decoration: none;
}
#left_column_footer a:visited {
	color: #BDBCAE;
	text-decoration: none;
}
#left_column_footer a:hover {
	color: Black;
}
#left_column_footer a:active {
	color: #BDBCAE;
}
#left_column_footer a:focus {
	color: #BDBCAE;
}
/***********************  CONTENT  *************************/
#content_wrapper { 
float: left;
 margin: 0 auto;
 width: 560px;
 padding: 0px 0px 0px 0px;
/* background-color:#CF0; */
 height:auto;
}
#content { 
 float: left;
 margin: 0px 0px 0px 0px;
 padding: 15px 25px 15px 25px;
 background-color: #FFFFFF;
 border: 0px solid #000;
 min-height: 445px;
 width: 510px;
 display: inline;
 text-align:left;
 -moz-border-radius-topright: 10px;
 -moz-border-radius-topleft: 10px;
 -moz-border-radius-bottomright: 10px;
 -moz-border-radius-bottomleft: 10px;
 -webkit-border-top-left-radius: 10px;
 -webkit-border-top-right-radius: 10px;
 -webkit-border-bottom-right-radius: 10px;
 -webkit-border-bottom-left-radius: 10px;
 -moz-box-shadow: 5px 5px 5px #3C3C3C;
 -webkit-box-shadow: 5px 5px 7px #3C3C3C; 
}
#content p {
	color: Black;
	margin: 0px 0px 0px 0px;
	text-align: left;
	font-size: 12px;
}
#content h1 { /* kopje bovenaan een menu */
	font-size: 13px;
	margin: 0px 0px 0px 0px;
	color: Maroon;
}
#content h2 { /* kopjes in de eerste pagina's van een hoofdmenu */
	font-size: 12px;
	margin: 0px 0px 2px 0px;
	color: Maroon;
}	
#content a:link {
	color: Black;
	font-size: 11px;
	text-decoration: underline;
	font-weight: bold;
}
#content a:visited {
	color: Black;
	font-size: 11px;
	text-decoration: underline;
	font-weight: bold;
}
#content a:hover {
	color: ActiveCaption;
	font-size: 11px;
	text-decoration: underline;
	font-weight: bold;
}
#content a:active {
	color: Black;
	font-size: 11px;
	text-decoration: none;
}
#content a:focus {
	color: Black;
	font-size: 11px;
	text-decoration: none;
}
/*********************  CONTENT BALK ***********************/
#content_balk { 
 float: left;
 font-size: .8em;
 border: 0px solid #000;
 margin: 10px 0px 0px 0px;
 background-color: #CCC;
 padding: 5px 0px 5px 0px;
 width: 100%;
 display: inline;
 -moz-border-radius-topright: 6px;
 -moz-border-radius-topleft: 6px;
 -moz-border-radius-bottomright: 6px;
 -moz-border-radius-bottomleft: 6px;
 -webkit-border-top-left-radius: 6px;
 -webkit-border-top-right-radius: 6px;
 -webkit-border-bottom-right-radius: 6px;
 -webkit-border-bottom-left-radius: 6px;
 -moz-box-shadow: 5px 5px 5px #3C3C3C;
 -webkit-box-shadow: 5px 5px 7px #3C3C3C;
 text-align:center;
}
#content_balk p {
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	color:#000;
}
#content_balk a:link {
	color:#333;
	font-size: 10px;
	text-decoration: none;
}
#content_balk a:visited {
	color: #333;
	font-size: 10px;
	text-decoration: none;
}
#content_balk a:hover {
	color: red;
	font-size: 10px;
	text-decoration: none;
	background-color:#333
}
#content_balk a:active {
	color: Maroon;
	font-size: 10px;
	text-decoration: none;
}
#content_balk a:focus {
	color: 333;
	font-size: 10px;
	text-decoration: none;
}
/********************  RIGHT COLUMN  ***********************/
#right_column { 
 border: 0px;
 background-image: url(template/background_column.jpg);
 background-repeat: repeat;
 /* background-position: top center; */
 margin: 0px 0px 12px 12px;
 padding: 7px 12px 0px 12px;
 height: 467px;
 width: 175px;
 float: left;
 text-align:left;
 -moz-border-radius-topright: 10px;
 -moz-border-radius-topleft: 10px;
 -moz-border-radius-bottomright: 10px;
 -moz-border-radius-bottomleft: 10px;
 -webkit-border-top-left-radius: 10px;
 -webkit-border-top-right-radius: 10px;
 -webkit-border-bottom-right-radius: 10px;
 -webkit-border-bottom-left-radius: 10px;
 -moz-box-shadow: 5px 5px 5px #3C3C3C;
 -webkit-box-shadow: 5px 5px 7px #3C3C3C; 
}
#right_column p {
	margin: 0px 0px 0px 0px;
	font-size: 11px;
	color: #000;
}
#right_column h1 {
	font-size: 12px;
	margin: 0 0 6px 0;
	color: Maroon;
	font-weight: bold;
}
#right_column a:link {
	color: Black;
	text-decoration: underline;
	font-weight: bold;
	font-size:11px;
}
#right_column a:visited {
	color: Black;
	text-decoration: underline;
	font-weight: bold;
	font-size:11px;
}
#right_column a:hover {
	color: ActiveCaption;
	text-decoration: underline;
	font-weight: bold;
	font-size:11px;
}
#right_column a:active {
	color: Black;
	text-decoration: underline;
	font-weight: bold;
	font-size:11px;
}
#right_column a:focus {
	color: Lime;
	text-decoration: none;
	font-weight: bold;
	font-size:11px;
}
/*********************  PIC GALLERY  ***********************/
#picture_container { 
 height:137px;
 width: 168px;
 margin: 0px 0px 0px 0x;
 border: 0px;
 padding 0px 0px 0px 0px;
 float: left;
 text-align: left;
 border:0px;
}
#gallery_landscape {
 height: 86px;
 width: 130px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 border: 1px solid #000;
 background-color:#666;
 float: left;
 text-align:left;
 -moz-box-shadow: 4px 4px 5px #3C3C3C;
 -webkit-box-shadow: 4px 4px 5px #3C3C3C; 
}
#gallery_landscape a:link {
	color: Black;
	font-size: 11px;
	text-decoration: underline;
	font-weight: bold;
}
#gallery_landscape a:visited {
	color: Black;
	font-size: 11px;
	text-decoration: underline;
	font-weight: bold;
}
#gallery_landscape a:hover {
	border-color:#C30;
	border: 5px;
}
#gallery_landscape a:active {
	color: Black;
	font-size: 11px;
	text-decoration: none;
}
#gallery_landscape a:focus {
	color: Black;
	font-size: 11px;
	text-decoration: none;
}
#gallery_portrait {
 height: 86px;
 width: 60px;
 margin: 0px 15px 0px 0px;
 padding: 0px 0px 0px 0px;
 border: 1px solid #000;
 background-color:#666;
 float: left;
 text-align:left;
 -moz-box-shadow: 4px 4px 5px #3C3C3C;
 -webkit-box-shadow: 4px 4px 5px #3C3C3C; 
}
#gallery_caption {
 width: 145px;
 min-height:30;
 margin: 5px 0px 0px 0px;
 padding: 0px 0px 0px 2px;
 border: 0px solid #000;
 float: left;
}
#gallery_caption p { /* captions onder de foto's */
 font-size:11px;  
 color:#333; 
}
/*********************  DOC GALLERY  ***********************/
#documentation_container { 
 height: 200px;
 width: 250px;
 margin: 0px 0px 0px 0x;
 border: 0px;
 padding 0px 0px 0px 0px;
 float: left;
 text-align: left;
 border: 0px;
}
#documentation_caption {
 width: 225px;
 min-height:30;
 margin: 15px 0px 0px 0px;
 padding: 0px 0px 0px 2px;
 border: 0px solid #000;
 float: left;
 text-align:left;
}
#documentation_caption p { /* captions onder de downloadable documents */
 font-size:11px;  
 color:#333; 
}
#documentation_caption a:link { /* links onder de downloadable documents */
	color: Teal;
	font-size: 9px;
	text-decoration: none;
}
#documentation_caption a:visited {
	color: Teal;
	font-size: 9px;
	text-decoration: none;
}
#documentation_caption a:hover {
	color: ButtonShadow;
	font-size: 9px;
	text-decoration: none;
}
/***********************  CONTENT  *************************/
/***********************  CONTENT  *************************/


/*********************  ERROR PAGES  ***********************/
#error404 {
	background-color: #9C998A;
	background-image: url(template/background_column.jpg);
	width: 120px;
	margin: 0 auto;
	position: relative;
	border: 1px solid #333;
	text-align: left;
}
#error404 h2 {
	font-size: 15px;
	margin: 0px 0px 2px 0px;
	color: Maroon;
}
#error404 h3 {
	font-size: 13px;
	margin: 0px 0px 2px 0px;
	color: Maroon;
}
#error404 h4 {
	font-size: 10px;
	margin: 0px 0px 2px 0px;
	color: Black;
}