body {
	background-image: url(../images/layout/background.gif);
	background-position: center top;
	background-repeat: repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #626365;
	font-size: 12px;
	scrollbar-3dlight-color: #89D9F8;
	scrollbar-arrow-color: #626365;
	scrollbar-base-color: #89D9F8;
	scrollbar-darkshadow-color: #89D9F8;
	scrollbar-face-color: #89D9F8;
	scrollbar-highlight-color: #626365;
	scrollbar-shadow-color: #626365;
	scrollbar-track-color: #89D9F8;
}

div.site {
	position: absolute;
	left: 50%;
	margin-left: -380px;
	width: 760px;
}

div.banner {
	height: 100px;
	background-image: url(../images/layout/banner.gif);
}

div.whitespace {
	height: 5px;
	font-size: 1px;
}

div.whitespace_top {
	height: 4px;
	font-size: 1px;
}

div.clear {
	clear:both;
}

div.content_left {
	width: 180px;
	float: left;
	overflow:hidden;
}
div.content_left_top {
	background-image: url(../images/layout/small_box_top.gif);
	height: 15px;
	font-size: 1px;
}
div.content_left_body {
	background-image: url(../images/layout/small_box_body.gif);
	background-repeat: repeat-y;
}
div.content_left_bottom {
	background-image: url(../images/layout/small_box_bottom.gif);
	height: 15px;
	font-size: 1px;
}

div.content_right {
	width: 580px;
	float: left;
	overflow:hidden;
}
div.content_right_top {
	background-image: url(../images/layout/large_box_top.gif);
	height: 13px;
	font-size: 1px;
}
div.content_right_body {
	background-image: url(../images/layout/large_box_body.gif);
	min-height: 400px;
	height: auto !important;
	height: 400px;
	background-repeat: repeat-y;
}
div.content_right_bottom {
	background-image: url(../images/layout/large_box_bottom.gif);
	height: 13px;
	font-size: 1px;
}

div.content_middle {
	width: 400px;
	float: left;
	overflow:hidden;
}
div.content_middle_top {
	background-image: url(../images/layout/middle_box_top.gif);
	height: 13px;
	font-size: 1px;
}
div.content_middle_body {
	background-image: url(../images/layout/middle_box_body.gif);
	background-repeat: repeat-y;
}
div.content_middle_bottom {
	background-image: url(../images/layout/middle_box_bottom.gif);
	height: 12px;
	font-size: 1px;
}

div.content_small_right {
	width: 180px;
	float: right;
	overflow:hidden;
}
div.content_small_right_top {
	background-image: url(../images/layout/small_box_top.gif);
	height: 15px;
	font-size: 1px;
}
div.content_small_right_body {
	background-image: url(../images/layout/small_box_body.gif);
	background-repeat: repeat-y;
}
div.content_small_right_bottom {
	background-image: url(../images/layout/small_box_bottom.gif);
	height: 15px;
	font-size: 1px;
}

div.text_top_right {
	text-align: right;
	color: #626365;
	font-size: 11px;
	padding-top:19px; 
	padding-right: 10px;
}

div.text_menu {
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12px;
}

div.text_login {
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12px;
}

div.text_body {
	padding-left: 15px;
	padding-right: 10px;
	text-align: justify;
	font-size: 12px;
}

div.footer {
	text-align: center;
	font-size: 10px;
}


/* Popup */
body.popup {
	color: #626365;
	background-color: #09BAF2;
	background-image: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	scrollbar-3dlight-color: #89D9F8;
	scrollbar-arrow-color: #626365;
	scrollbar-base-color: #89D9F8;
	scrollbar-darkshadow-color: #89D9F8;
	scrollbar-face-color: #89D9F8;
	scrollbar-highlight-color: #626365;
	scrollbar-shadow-color: #626365;
	scrollbar-track-color: #89D9F8;
}
table.popup{
	background-color: #09BAF2;
}  
    
code{
    background-color:white;
}    



.popup_title {
	background-color: #89D9F8;
	text-align: left;
	vertical-align: top;
	font-size: 14px;
	font-weight: bold;
	color: #626365;
}
.popup_text {
	background-color: #DAF1FB;
	text-align: left;
	vertical-align: top;
	font-size: 11px;
	color: #626365;
	padding: 3px;
}


/* Ledenlijst */
.ledenlijst_table {
	background-color: #09BAF2;
}
.ledenlijst_title {
	background-color: #89D9F8;
	text-align: left;
	vertical-align: top;
	font-size: 11px;
	color: #626365;
	font-weight: bold;
}
.ledenlijst_text {
	background-color: #A4E0F9;
	text-align: left;
	vertical-align: top;
	font-size: 9px;
	color: #626365;
}
.ledenlijst_infotext {
	background-color: #A4E0F9;
	text-align: left;
	vertical-align: top;
	font-size: 10px;
	color: #626365;
}
#ledenlijst_niet_tonen {
	background-color: #FF7700;
}


/* Babbelhoek */
.babbelhoek_header {
	text-align: left;
	vertical-align: top;
	font-size: 10px;
	color: #626365;
	background-color: #89D9F8;
	border-bottom: 1px dashed #09BAF2;
	border-left: 1px solid #09BAF2;
	border-right: 1px solid #09BAF2;
	border-top: 1px solid #09BAF2;
}
.babbelhoek_body_foto {
	text-align: center;
	vertical-align: top;
	font-size: 12px;
	color: #626365;
	background-color: #A4E0F9;
	border-bottom: 1px solid #09BAF2;
	border-left: 1px solid #09BAF2;
	border-right: 0px solid #09BAF2;
	border-top: 0px solid #09BAF2;
}
.babbelhoek_body {
	text-align: left;
	vertical-align: top;
	font-size: 12px;
	color: #626365;
	background-color: #A4E0F9;
	border-bottom: 1px solid #09BAF2;
	border-left: 0px solid #09BAF2;
	border-right: 1px solid #09BAF2;
	border-top: 0px solid #09BAF2;
}
#babbelhoek_niet_tonen {
	background-color: #FF7700;
}


/* Nieuws */
.nieuws_header {
	text-align: left;
	font-weight: bold;
	vertical-align: top;
	font-size: 12px;
	color: #626365;
	background-color: #89D9F8;
	border-bottom: 1px dashed #09BAF2;
	border-left: 1px solid #09BAF2;
	border-right: 1px solid #09BAF2;
	border-top: 1px solid #09BAF2;
}
.nieuws_body {
	text-align: left;
	vertical-align: top;
	font-size: 12px;
	color: #626365;
	background-color: #A4E0F9;
	border-bottom: 0px solid #09BAF2;
	border-left: 1px solid #09BAF2;
	border-right: 1px solid #09BAF2;
	border-top: 0px solid #09BAF2;
}
.nieuws_bottom {
	background-color: #89D9F8;
	border-bottom: 1px solid #09BAF2;
	border-left: 1px solid #09BAF2;
	border-right: 1px solid #09BAF2;
	border-top: 1px dashed #09BAF2;
}
.nieuws_bottom_text {
	text-align: left;
	vertical-align: bottom;
	font-size: 10px;
	color: #626365;
	background-color: #89D9F8;
}
#nieuws_niet_tonen {
	background-color: #FF7700;
}


/* Media */
.media_header {
	text-align: left;
	font-weight: bold;
	vertical-align: top;
	font-size: 12px;
	color: #626365;
	background-color: #A4E0F9;
	border-bottom: 0px solid #09BAF2;
	border-left: 1px solid #09BAF2;
	border-right: 1px solid #09BAF2;
	border-top: 1px solid #09BAF2;
}
.media_body {
	text-align: left;
	vertical-align: top;
	font-size: 12px;
	color: #626365;
	background-color: #DAF1FB;
	border-bottom: 0px solid #09BAF2;
	border-left: 1px solid #09BAF2;
	border-right: 1px solid #09BAF2;
	border-top: 1px solid #09BAF2;
}
.media_bottom {
	background-color: #A4E0F9;
	border-bottom: 1px solid #09BAF2;
	border-left: 1px solid #09BAF2;
	border-right: 1px solid #09BAF2;
	border-top: 1px solid #09BAF2;
}
.media_bottom_text {
	text-align: left;
	vertical-align: bottom;
	font-size: 10px;
	color: #626365;
	background-color: #A4E0F9;
}
#media_niet_tonen {
	background-color: #FF7700;
}


/* Kalender */
.kalender_table {
	background-color: #09BAF2;
}
.kalender_title {
	background-color: #89D9F8;
	text-align: left;
	vertical-align: top;
	font-size: 14px;
	color: #626365;
	font-weight: bold;
}
.kalender_text {
	background-color: #A4E0F9;
	text-align: left;
	vertical-align: top;
	font-size: 12px;
	color: #626365;
}
.kalender_infotext {
	background-color: #A4E0F9;
	text-align: left;
	vertical-align: top;
	font-size: 10px;
	color: #626365;
}
#kalender_niet_tonen {
	background-color: #FF7700;
}


/* Logboek */
.log_table {
	background-color: #09BAF2;
}
.log_title {
	background-color: #89D9F8;
	text-align: left;
	vertical-align: top;
	font-size: 14px;
	color: #626365;
	font-weight: bold;
}
.log_text {
	background-color: #A4E0F9;
	text-align: left;
	vertical-align: top;
	font-size: 12px;
	color: #626365;
}


/* beheer_blok */
.beheer_blok {
	background-color: #DAF1FB;
	margin: 0px 10px;
	border: #626365 1px solid;
}
.beheer_blok_ok {
	background-color: #CCFFCC;
	border: #626365 1px solid;
	padding: 10px;
	margin: 10px;
}
.beheer_blok_data_input {
	width:260px;
	position:absolute;
	z-index:1;
	top:0px;
	left:-130px;
	background:#FFFFFF;
	border: #626365 1px solid;
}


/* Vanalles */
form {
	display: inline;
}
a {
	cursor: pointer;
	cursor: hand;
}
button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #626365;
	background-color: #89D9F8;
	border: solid 1px #626365;
	text-decoration : none;
	cursor: pointer;
	cursor: hand;
}
input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration : none;
	color: #626365;
	background-color: #DAF1FB;
	border-bottom: solid 1px #626365;
	border-top: solid 0px #626365;
	border-left: solid 0px #626365;
	border-right: solid 0px #626365;
	cursor: pointer;
	cursor: hand;
}
input.login {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration : none;
	color: #626365;
	background-color: #C1E8F8;
	border-bottom: solid 1px #626365;
	border-top: solid 0px #626365;
	border-left: solid 0px #626365;
	border-right: solid 0px #626365;
	cursor: pointer;
	cursor: hand;
}
input.radio {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #626365;
	background-color: #DAF1FB;
	border: 0px;
	text-decoration : none;
}
textarea, select{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration : none;
	color: #626365;
	background-color: #DAF1FB;
	border: solid 1px #626365;
	cursor: pointer;
	cursor: hand;
}
h1 {
	display: inline;
	text-align: justify;
	vertical-align: top;
	font-size: 17px;
	font-weight: bold;
	color: #626365;
}
h2 {
	display: inline;
	text-align: justify;
	vertical-align: top;
	font-size: 15px;
	font-weight: bold;
	color: #626365;
}
h3 {
	display: inline;
	text-align: justify;
	vertical-align: top;
	font-size: 13px;
	font-weight: bold;
	color: #626365;
}
img.content_img{
	margin: 10px;
}
table.content_table{
	margin: 10px;
	border-bottom: 1px solid #09BAF2;
	border-left: 1px solid #09BAF2;
	border-right: 1px solid #09BAF2;
	border-top: 1px solid #09BAF2;
}
td.content_table_text{
	text-align: left;
	vertical-align: top;
	font-size: 11px;
	color: #626365;
}
.text {
	text-align: justify;
	vertical-align: top;
	font-size: 12px;
	color: #626365;
}
.text_login {
	font-size: 12px;
	text-align: left;
}
.foutmelding {
	font-size: 10px;
	text-align: center;
	color: #FF0000;
}
#right {
	text-align: right;
}
#right_bold {
	text-align: right;
	font-weight: bold;
}
#bold {
	font-weight: bold;
}
#bold_italic {
	font-weight: bold;
	font-style: italic;
}
#center {
	text-align: center;
}
#small {
	font-size: 9px;
}
#small_italic {
	font-size: 9px;
	font-style: italic;
}

a:link    {color: #626365; text-decoration: underline;}
a:visited {color: #626365; text-decoration: underline;}
a:hover   {color: #000000; text-decoration: underline;}
a:active  {color: #000000; text-decoration: underline;}

a.menubutton:link    {text-align: justify; vertical-align: top; font-size: 12px; line-height: 18px; color: #626365; text-decoration: none; font-weight: bold;}
a.menubutton:visited {text-align: justify; vertical-align: top; font-size: 12px; line-height: 18px; color: #626365; text-decoration: none; font-weight: bold;}
a.menubutton:hover   {text-align: justify; vertical-align: top; font-size: 12px; line-height: 18px; color: #626365; text-decoration: underline; font-weight: bold;}
a.menubutton:active  {text-align: justify; vertical-align: top; font-size: 12px; line-height: 18px; color: #000000; text-decoration: none; font-weight: bold;}

a.menusubbutton:link    {text-align: justify; vertical-align: top; font-size: 11px; line-height: 18px; color: #626365; text-decoration: none; font-weight: bold;}
a.menusubbutton:visited {text-align: justify; vertical-align: top; font-size: 11px; line-height: 18px; color: #626365; text-decoration: none; font-weight: bold;}
a.menusubbutton:hover   {text-align: justify; vertical-align: top; font-size: 11px; line-height: 18px; color: #626365; text-decoration: underline; font-weight: bold;}
a.menusubbutton:active  {text-align: justify; vertical-align: top; font-size: 11px; line-height: 18px; color: #000000; text-decoration: none; font-weight: bold;}

a.menusubsubbutton:link    {text-align: justify; vertical-align: top; font-size: 10px; line-height: 18px; color: #626365; text-decoration: none; font-weight: bold;}
a.menusubsubbutton:visited {text-align: justify; vertical-align: top; font-size: 10px; line-height: 18px; color: #626365; text-decoration: none; font-weight: bold;}
a.menusubsubbutton:hover   {text-align: justify; vertical-align: top; font-size: 10px; line-height: 18px; color: #626365; text-decoration: underline; font-weight: bold;}
a.menusubsubbutton:active  {text-align: justify; vertical-align: top; font-size: 10px; line-height: 18px; color: #000000; text-decoration: none; font-weight: bold;}

a.admin:link    {font-size: 12px; color: #FF7700; text-decoration: underline;}
a.admin:visited {font-size: 12px; color: #FF7700; text-decoration: underline;}
a.admin:hover   {font-size: 12px; color: #626365; text-decoration: underline;}
a.admin:active  {font-size: 12px; color: #626365; text-decoration: underline;}

a.kalender:link,    a.downloads:link,    a.ledenlijst:link,    a.fotoboek:link,    a.infoblok:link    {text-decoration: none; color: #626365;}
a.kalender:visited, a.downloads:visited, a.ledenlijst:visited, a.fotoboek:visited, a.infoblok:visited {text-decoration: none; color: #626365;}
a.kalender:hover,   a.downloads:hover,   a.ledenlijst:hover,   a.fotoboek:hover,   a.infoblok:hover   {text-decoration: none; color: #000000;}
a.kalender:active,  a.downloads:active,  a.ledenlijst:active,  a.fotoboek:active,  a.infoblok:active  {text-decoration: none; color: #000000;}