﻿
/* commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end hack */ 
html,body {
		margin: 0;
		padding: 0;
}
body {		
		font: small arial, hevetica, sans-serif;
		text-align: center;
		color: #000;
		background: #FFF url(../../images/background.png) repeat-y 50% 0; 
		background-attachment: fixed; 
}
		
#container {
		margin-left:auto;
		margin-right:auto;
		width: 730px; 
		min-height:100%;
		text-align: left;
 		background: #fff;
		border-left: 1px solid #a1a1a1;
		border-right: 1px solid #a1a1a1;
        position:relative;
		background: url(../images/rightcolbg2.gif) repeat-y right top;
		}
/* commented backslash hack v2 \*/ 
* html #container {height:100%;}		
* html #container {width:732px;w\idth:730px;}
/* end hack */ 

#mainheader {
		position:absolute;
		left:0;top:0;
		height: 125px;
		width:100%;
		background-color: orange;
		border-bottom: 1px solid #e6e6e6;
}
#header {
	height: 120px;
	width:100%;
	background-color: #E09C00;
	margin: 0px 0px 0px 0px;
	border-top: 0px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	position:relative;
	z-index:2;
	overflow:hidden;
	background: url(../../images/kop6.jpg) repeat-y right top;
	text-align: right;
	vertical-align: bottom;
	display: block;
}

* html #mainheader {height:161px;he\ight:160px}
* html #header {height:120px;he\ight:120px}
#sitetitle{
		width:100%;
		height: 24px;

		background-color: #f5f5f5;
		border-top: 0px solid orange;
/*		border-bottom: 1px solid #e6e6e6;*/
		position:relative;
		z-index:2;
}
#sitetitle h1{
		font-size: 20px;
		font-family: Arial, hevetica, sans-serif;
		font-weight: bold;
		color: #3c3c3c;
		padding-left: 5px;
		margin:0;
		}
* html #sitetitle {height:26px;he\ight:24px}	
#mainnav {
	width:100%;
	background-color: #f5f5f5;
	border-bottom: 5px solid #e8c41e;
	position:relative;
	z-index:2;
	padding: 1 0 0 0px;
}


#locatiebalk {
		font-family: Arial, hevetica, sans-serif;
		font-weight: bold;
		color: #4c4c4c;
		padding: 0 0 0 5px ;
}

#locatiebalk a {
		color: #d48625;
		text-decoration: none;
		padding: 0 3 0 3px;
}
#locatiebalk a:hover {
		text-decoration: none;
		color: #dea821;
}

#sidebar {
		float: right;
		width: 175px;
		padding: 0px;
		height:100%;
}

#content {
		width: 544px;
		padding: 0 0 0 5px ;
		min-height:100%;
		}

#footer	{
	position:absolute;
	bottom:0;
	width:100%;
	height: 24px;
	color: #fff;
	background-color: #e8c41e;
	border-top: 1px solid #e9e9e9;
	margin: 0 0 0 0px;

}
#clearfooter {height:27px;width:100%;clear:both}
* html #footer {height:25px;he\ight:24px;}



#content .uitgebreidelijst, #content .lijst 
		{margin: 3 0 0 15px; padding: 0px; width: 500px;}
#content .homepage{margin: 3 0 0 5px; padding: 0px}
#content .normalepagina{margin: 3 0 0 15px; padding: 0px}

#content H1, 
#content H2 {
		color: #dea821;
		width:90%;
		margin: 12 0 2 0px;
}

#content H3 {
		color: #000;
		width:90%;
		margin: 12 0 2 0px;
}
#content .homepage H3 {
		color: #000;
		margin: 12 0 2 0px;
}
#content P,
#content table,{
		width: 90%;
		margin: 0 0 8 0px;
}
#content .homepage P{
		margin: 0 0 8 0px;
}
#content .normalepagina UL {
		margin: 0 0 8 15px;
}
#content .homepage UL {
		margin: 0 0 8 0px;
		padding: 0 0 0 15px;
}
#content UL LI{
		margin: 0 75 2 0px;
}
#content .homepage UL LI{
		margin: 0 10 2 0px;
}

#content .details{
		background-color: #f5f5f5;
		color: #808080;
		border: 1px solid #E6E6E6;
		width: 500px;
		margin: 2 0  1 0px;
		clear: left;
}
#content .datum{
		background-color: #f5f5f5;
		color: #808080;
		border: 1px solid #E6E6E6;
		margin: 2 0  1 0px;
}

#content .homepage .details{
		background-color: #f5f5f5;
		color: #808080;
		border: 1px solid #E6E6E6;
		width: 90%;
		margin: 2 0  1 0px;
		clear: left;
}
input {height: 22px;}



#album_editor_box table tr td { vertical-align: top;}
.albumlistitemcell { width: 170px;
			height:195px;
			vertical-align:top;
			text-align:center;
			}
.albumlistitem	{ position:relative;
						top:22px;
						height: 148px;
						width:116px;
					padding:0; margin:auto;margin-top:0;
					}
.albumlistitem	img{	height: 116px;
						width:116px;
					}
.albumlistitemtitle{
			width:116px;
			text-align:left;
			}
.albumlistitemtitle a{
				color: #566b87;
				text-decoration: none;
			}
.albumlistitemtitle a:hover{
				color: #566b87;
				text-decoration: underline;
			}
.photoitemcell { width: 170px;
			height:195px;
			vertical-align:top;
			text-align:center;
			}
.photoitem	{ position:relative;
						top:22px;
						height: 148px;
						width:116px;
					padding:0; margin:auto;margin-top:0;
					}
.photoitem	img{	height: 116px;
						width:116px;
					}
.imagetext{
			width:116px;
			text-align:left;
			}
			
.imagetext a {
				color: #566b87;
				text-decoration: none;
			}
.imagetext a:hover{
				color: #566b87;
				text-decoration: underline;
			}
			
			
.page_messages_options			
	{ width: 95%;
		border: 1px solid #808080}

#languagebar{	background: #dea821;
				text-align:center}
.otherlang, .activelang {
		font-family:Arial, Helvetica, sans-serif;
		Font-size: 18px;
		text-decoration: none;
}
.otherlang {
		color:#4c4c4c;
}
.activelang {
		color:#ffffff;
}
#albumslist 
{
	background: url(../images/sidebar2.png) top right no-repeat;
		padding: 10px 0 10px 0 ;

}
#albumslist ul
{
list-style-type: none;
padding: 0;
margin-left: 0.5em;
}

#albumslist a {
	text-decoration: none;
	font-weight:bold;
	color: #566b87;
}
#albumslist li {
	color: #566b87;
}
#albumslist li.albumheader {
	margin-left: -0.2em;
	margin-top: 0.5em;
}


/* actionlist on the side */
#actionlist 
{
	background: url(../images/sidebar2.png) top right no-repeat;
		padding: 10px 0 10px 0 ;

}
#actionlist ul
{
list-style-type: none;
padding: 0;
margin-left: 0.5em;
}

#actionlist a {
	text-decoration: none;
	font-weight:bold;
	color: #566b87;
}
#actionlist li {
	color: #566b87;
}

#actionlist li.actionheader {
	margin-left: -0.2em;
	margin-top: 0.5em;
}


/* page_messages on the side */
#page_messages 
{
		padding: 10px 0 10px 0 ;
}
#page_messages ul
{
list-style-type: none;
padding: 0;
margin-left: 0.5em;
}

#page_messages a {
	text-decoration: none;
	font-weight:bold;
	color: #566b87;
}
#page_messages li {
	color: #566b87;
}

#page_messages li.messageheader {
	margin-left: -0.2em;
	margin-top: 0.5em;
}

/* loginform on the side */
#aanlogformbox {
		width: 100%;
		padding: 10px 0 10px 0 ;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		font-weight: bold;
		background: url(../images/sidebar2.png) top right no-repeat;
}
#loginform  input{
		width: 80%;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
		font-weight: bold;
		margin: 0 0 0 5px;
		background-color: none;
}

/* Album */
td.pagenumberlink {
		width:20px; Height: 20px;
		background-color: #dea821 ;
		text-align: center;
		vertical-align:middle;
		font-weight: bold;
}
a.pagenumberlinka{
		text-decoration: none;
		color: #ffffff;
}
td.pagenumberactive {
		width:20px; Height: 20px;
		background-color: #e8c41e ;
		text-align: center;
		vertical-align:middle;
		font-weight: bold;
		color: #F5F5F5;
}
/*  */
#image-form, #image-delete-form, #image-multi-form,
#user_form
{
	margin: 12px ; 
	border: 1px solid #ABBACB; 
	background-color:#EEEEEE;
}

#image-form td, #image-delete-form td, #image-multi-form td,
#user_form td{
	padding: 2px 0 2px 10px;
}

#image_info td {vertical-align: top;}

/*  users*/
#userlist th{ 
		background-color:#ABBACB;
		color:#fff;
	}
#userlist td{ 
		background-color:#EEEEEE;
		padding-left:3px;
	}
#userlist td a{ 
		color:#607B99;
		font-weight:bold
	}
