html {
overflow-y: scroll;
}
html, body {
height: 100%; /* héél belangrijk */
background-color: #211811;
margin: 0px;
padding: 0px;
text-align: center;
}

#container {
position: relative;
min-height: 100%;
height:auto !important; /* voor moderne browsers */
height:100%; /* voor IE */
border: 0px;
text-align: left;
margin: 0px auto;
border: solid 0px;
background-color: #92201d;
background-image:url('../../public/img/layout/back_right.jpg');
background-repeat: repeat-y;
background-position:right top;
width: 950px;
padding: 0px;
}
#bar {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;
position: absolute;
width: 50px;
background-color: #ac3a1b;
z-index: 0;
text-align: center;
}

div.share {
height: 150px;
position: relative;
top: -132px;
width: 48px;
background-color: #ac3a1b;
z-index: 10;
text-align: center;
margin: 0px;
padding: 0px;
color: #bc9f77;
font : normal normal normal 0.9em/0.9 Arial, sans-serif;
}
div.share:hover {
height: 155px;
position: relative;
top: 0px;
width: 48px;
background-color: #ac3a1b;
z-index: 10;
text-align: center;
color: #bc9f77;
font : 0.9em/0.9 Arial, sans-serif;
}

#aranis_banner {
position: absolute;
top: 100px;
height: 350px;
left: 71px;
margin: 0px;
}

.menu A:link {
	text-decoration: none;
	color: #ee3a0c;
	margin-right: 5px;
	}
.menu A:visited {
	text-decoration: none;
	color: #ee3a0c;
	margin-right: 5px;
	}
.menu A:active {
	text-decoration: none;
	color: #ee3a0c;
	margin-right: 5px;
	}
.menu A:hover {
	text-decoration: none;
	color: #c27852;
	margin-right: 5px;
	}
	
#menu {
	font : normal normal normal 1.2em/1.2 Arial, sans-serif;
	color: #ee3a0c;
	font-weight: bolder;
position: absolute;
z-index: 100;
height: 15px;
top: 50px;
left: 71px;
margin: 0px;
}

#contact{
	font : normal normal normal 1.1em/1.1 Arial, sans-serif;
	color: #ee3a0c;
	font-weight: bolder;
position: absolute;
z-index: 100;
height: 15px;
top: 470px;
left: 71px;
margin: 0px;
line-height: 20pt;
}

#text_container {
position: relative;
left: 190px;
padding-top: 100px;
width: 570px;
text-align: left;
color: #bc9f77;
font : normal normal normal 0.9em/0.9 Arial, sans-serif;
line-height: 15pt;
}

#text {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;
}

.error {

	color: red;
}

#pictures {
	border: 1px solid #ccc; margin: 10px; width: 530px; padding: 10px;
}

.box {
	border: 1px solid #ccc; margin: 10px; margin-left: 0px; width: 530px; padding: 10px;
}

.thumb {
	float: left; width: 50px; height: 50px; padding: 3px; margin: 16px; background-color: #ddd;
}
.thumb:hover {
	outline: 1px solid #bc9f77;
}
img {
	border: 0;
}
#pictures:after {
	content: "."; visibility: hidden; display: block; clear: both; height: 0; font-size: 0;
}

input
    {
    background-color: #dfd9c3;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
	font : normal normal normal 0.9em/0.9 Arial, sans-serif;
	line-height: 15pt;
}
textarea
    {
    background-color: #dfd9c3;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
	font : normal normal normal 0.9em/0.9 Arial, sans-serif;
	line-height: 15pt;
}	
select
    {
    background-color: #dfd9c3;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
	font : normal normal normal 0.9em/0.9 Arial, sans-serif;
	line-height: 15pt;
}	

#text_container A:link {
	text-decoration: none;
	color: black;
	}
#text_container A:visited {
	text-decoration: none;
	color: black;
	}
#text_container A:active {
	text-decoration: none;
	color: black;
	}
#text_container A:hover {
	text-decoration: none;
	color: #ee3a0c;
	}