html, body {
	margin:0 0 30px 0;
	background:#07166f url(../images/bg_site.jpg) repeat 0 0;
}

body {
	text-align:left;
	width:100%;
}

hr {
	height:1px;
	border:0;
	border-top: 1px solid #481864;
	width:99%;
	text-align:center;
}

.border {
	border:1px solid #6C509D;
}


/* ############################## PAGINA INDELING --- START CODING ############################## */

#top_adres,#bottom_openingstijden {
	width:99%;
	height:30px;
	text-align:right;
	font-family:"Century Gothic", Arial, Verdana, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#ddd3e3;
	letter-spacing:0.03em;
	line-height:30px;
	padding:0;
	margin:0;
}

#col_1_a {
	background:url(../images/c_T1.gif) no-repeat 0 0;
	width:188px;
	height:21px;
	padding:0;
	margin:0;
}

#col_1_b {
	background-color:#36469e;
	width:188px;
	height:508px;
}

#col_1_c {
	background:url(../images/c_B1.gif) no-repeat 0 0;
	width:188px;
	height:21px;
	padding:0;
	margin:0;
}

#col_2_a,#col_2_b,#col_2_c {
	width:143px;
	padding:0;
	margin:0;
}

#col_2_b {
	padding:0;
	margin:0;
}

#col_3_a {
	background:url(../images/c_T2.gif) no-repeat 0 0;
	width:21px;
	height:21px;
	padding:0;
	margin:0;
}

#col_3_b {
	background-color:#ACB2D2;
	width:21px;
}

#col_3_c {
	background:url(../images/c_B2.gif) no-repeat 0 0;
	height:21px;
	width:21px;
	padding:0;
	margin:0;
}

#col_3_d1,#col_3_d2 {
	background-color:#ACB2D2;
}

#col_3_d {
	background:#ACB2D2/* url(../images/content_bg.gif) no-repeat 0 0*/;
	margin:0;
	padding:18px 0 18px 15px;
}

#col_4 {
	background-image:#091971;
	width:130px;
	padding:0;
	margin:0;
}

#col_5 {
	background-color:#ACB2D2;
	width:125px;
	margin:0;
	padding-left:15px;
	padding-top:15px;
}

#col_5 td {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#00185c;
}

#content {
	display:block;
	overflow-y:auto;
	height:468px;
	padding-right:10px;
}


/* ############################## END CODING --- pagina indeling ############################## */

/* ############################## MENU NAVIGATIE --- START CODING ############################## */

.collapse {
	visibility: hidden; 
	overflow: hidden;
	height: 1px;
}

.expand {
	visibility: visible;
	overflow: visible;
	height: 10px;
}

.expand_moz {
	visibility: visible;
	overflow: visible;
	height: auto;
}

#navcontainer { 
	margin:0;
 }

#navcontainer .nav {
	font-family:"Century Gothic", Tahoma, Verdana, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	color: #ced3eb;
	line-height:23px;
	margin:1px 0 0 0;
}

#navcontainer .nav a {
	background:url(../images/bg_menu1.gif) no-repeat 0 0;
	font-family:"Century Gothic", Tahoma, Verdana, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	height:23px;
	color: #ced3eb;
	line-height:22px;
	margin:1px 0 0 0;
	padding:2px 20px;
}

#navcontainer .nav a:hover {
	background:url(../images/bg_menu2.gif) no-repeat 0 0;
	font-family:"Century Gothic", Tahoma, Verdana, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	height:23px;
	color: #000a4a;
	line-height:22px;
	margin:1px 0 0 0;
	padding:2px 20px;
}

/* ###  Submenu  ### */
#navcontainer .nav .subnav {
	display:block;
	line-height:14px;
	margin:1px 5px 0 5px;
	width:132px;
}

#navcontainer .nav .subnav a {
	background:#B6BBDC;
	font-family:Tahoma, Verdana, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	height:14px;
	color: #020e56;
	line-height:14px;
	margin:1px 5px 0 5px;
	padding:2px 10px;
}

#navcontainer .nav .subnav a:hover {
	background:#a1a7d0;
	color: #e4e6f2;
	text-indent:3px;
	font-family:Tahoma, Verdana, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	height:14px;
	line-height:14px;
	margin:1px 5px 0 5px;
	padding:2px 10px;
}

/* ############################## END CODING --- menu navigatie ############################## */

/* ############################## ACTIES RECHTS --- START CODING ############################## */

.actie_afbeeldingsrand {
	border:1px solid #edeff8;
	margin-bottom:5px;
}

.marg-top {
	padding-top:7px;
}

/* ############################## END CODING --- acties rechts ############################## */

/* ############################## FORMULIEREN  --- START CODING ############################## */

form {
	margin:0;
}

input,textarea {
	background-color: #dcdfec;
	color: #0D1D75;
	font-size: 11px;
	font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif;
	font-weight:bold;
	border: 1px solid #0D1D75;
	padding: 1px 4px 3px 4px;
}

#submit {
	width: 94px;
	border: 1px solid #d2d6ea;
	padding: 2px 10px;
	background-color: #0D1D75;
	font-family:Tahoma, Verdana, Arial, serif;
	font-size: 11px;
	color: #d2d6ea;
	font-weight:bold;
	cursor:pointer;
}

#submit:hover {
	border: 1px solid #fff;
	background-color: #5c6bbb;
	color: #fff;
	cursor:pointer;
}

#submit2 {
	width: 94px;
	border: 1px solid #d2d6ea;
	padding: 2px 10px;
	background-color: #0D1D75;
	font-family:Tahoma, Verdana, Arial, serif;
	font-size: 11px;
	color: #d2d6ea;
	font-weight:bold;
	cursor:pointer;
	margin-top:6px;
}

#submit2:hover {
	border: 1px solid #fff;
	background-color: #5c6bbb;
	color: #faf6f6;
	cursor:pointer;
	margin-top:6px;
}

/* ############################## END CODING --- formulieren ############################## */


/* ############################## FOTOGALLERY ############################## */


.fototable {
	width:230px;
}

td.fototd {
	padding:4px;
	border: 1px solid #04146C;
	background-color:#c2c7de;
	cursor:pointer;
}

img.fotogroot {
border:1px solid #04146C;
}

#applet {
	background-image:url(../images/applet_bg.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:340px;
	height:255px;
	display:block;
}