html,body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana;
	font-size: 12px;
	background-image: url('../images/repeater.jpg');
	background-repeat: repeat-y;
	background-position: top left;
	background-color: #ecddc0;
	background-position: top center;
}
a {
	font-family: Arial, Verdana;
	font-size: 12px;
	text-decoration: underline;
	color: #2da4de;
	outline: none;
}
a.hoofdlink {
	font-size: 18px;
	cursor:pointer;
}
#top-header {
	background-repeat: repeat-x;
	background-image: url('../images/repeater-header.jpg');
	height: 200px;
	width: 100%;
	z-index: 3;
}
#home_title {
	height: 70px;
	z-index: 5;
	position:absolute;
	padding-top:203px;
	padding-left:18px;
}
#container {
   min-height:100%;
   position:relative;
}
#body{
	padding-bottom:57px;
	display:block;
}
#header{
	background-image: url('../images/header.jpg');
	z-index:3;
	background-repeat: no-repeat;	
	height:150px;
	background-position:top center;
}
#footer {
	position:absolute;
    bottom:0;
    width:100%;
    height:57px;   /* Height of the footer */
    background:#2da4de;
}
#footer p{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#FFF;
	
}
#content {
	text-align: left;
	padding: 0px;
	float:left;
	width:730px;
}

#contentcontainer{
	display:block;
	width:1040px;
	margin-left:auto;
	margin-right:auto;
}
#leftcolumn {
	min-height: 400px;
	width: 205px;
	text-align: left;
	padding: 0px;
	float:left;
	overflow:auto;
}
#menu {
	position: absolute;
	left: 50%;
	margin-left: -480px;
	z-index: 15;
	height: 35px;
	
}
#loginbox {
	position: absolute;
	left: 50%;
	margin-left: 250px;
	z-index: 5;
	height: 35px;
	color: #FFF;
	line-height: 1;
	font-weight: bold;
	font-size: 15px;
	padding-top:10px;
}

#groupContent {
	float: right;
	width: 420px;
}
#groupContentBlock {
	padding:10px 30px 0px 30px;
	background-image: url('../images/group_background.png');
	background-repeat:repeat;
	min-height:620px;
}
#news_block {
	float: right;
	height: 300px;
	width: 326px;
	background-image: url('../images/schatkaart.jpg');
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}
#news_block_group {
	float: right;
	height: 300px;
	width: 326px;
	background-image: url('../images/schatkaart_groep.jpg');
	background-repeat:no-repeat;
	padding:0px 0px 0px 30px;
}

#album_block {
	float: right;
	height: 359px;
	width: 346px;
	margin-left:10px;
	margin-top:15px;
	background-repeat:no-repeat;
	overflow:auto;
}
#login_error {
	position: absolute;
	top: 80px;
	margin-left: -300px;
	width: 200px;
	left: 50%;
	color: #CC0000;
	z-index: 5
}
.fancy_input {
	width:125px;
	height:22px;
	background-image:url('../images/inputfield.jpg');
	border:0px;
	padding:9px 10px 0px 10px;
	color:#aaaaaa;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
H1 {
	font-family: Arial, Verdana;
	font-size: 18px;
	color: #2da4de
}
H2 {
	font-family: Arial, Verdana;
	font-size: 15px;
	color: #aec55b
}
p {
	font-family: Arial, Verdana;
	font-size: 12px;
}
#groep_button {
	background-image:url('../images/groep_button.png');
	background-repeat:no-repeat;
	width:173px;
	height:57px;
	padding:4px;
	margin-left:14px;
	text-align:center;
	position:relative;
	z-index:4;
	float:left;
}
#groep_button_active {
	background-image:url('../images/groep_button_active.png');
	background-repeat:no-repeat;
	width:173px;
	height:57px;
	padding:4px;
	margin-left:14px;
	text-align:center;
	position:relative;
	z-index:4;
	float:left;
}
#groep_button a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:18px;
	color:#FFF;
	text-decoration:none;
}
#groep_button_active a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:18px;
	color:#FFF;
	text-decoration:none;
}
#subgroep {
	background-image:url('../images/subgroep_background.png');
	background-repeat:no-repeat;
	background-position:bottom;
	text-align:right;
	margin-top:-20px;
	width:156px;
	position:relative;
	z-index:3;
	float:left;
	margin-left:22px;
	padding-right:2px;
}
#subgroep a {
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	color:#FFF;
	text-decoration:none;
}
#subgroep a:hover {
	text-decoration:underline;
}
.sublink {
	border-bottom:dashed 3px #dfc9ae;
	width:145px;
	height:25px;
	margin-left:3px;
	margin-right:3px;
	overflow:hidden;
	padding-right:4px;
}
.sub_active {
	border-bottom:dashed 3px #d2695a;
	background-color:#d2695a;
	width:145px;
	height:25px;
	margin-left:3px;
	margin-right:3px;
	overflow:hidden;
	padding-right:4px;
}
/*********** BLOG *****************/

.blog_title {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:18px;
	color:#2da4de;
}
.blog_date {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#aec55b;
}
.blog_content a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	color:#2da4de;
}
.blog_bottom_line {
	border-bottom:1px solid #b2d9e8;
}
.error {
	color:#F00;
	font-weight:bold;
}
.message {
	color:#0C0;
	font-weight:bold;
}
.slide_photo_titel {
	color:#b1253d;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:4px;
}
.slide_photo_datum {
	color:#000000;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-bottom:10px;
}
.no_albums {
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	padding-left:80px;
}
.fotoalbum_groep {
	float:right;
	color:#FFF;
	text-align:center;
	margin-right:20px;
	font-size:16px;
	font-weight:bold;
	width:120px;
}

.button{
	border:1px solid;
	padding:4px;
	background-color:#FFF;
	font-weight:bold;
	text-decoration:none;
}