/*General styles*/

*{
padding:0;
margin:0;
outline:0;
}

body{
	background:url(images/Homepage/body.jpg) fixed;
	color:#006666;
	font-family: 'Trebuchet MS', Verdana, sans-serif;
	font-size: 0.8em;
	
}

#wrapper{
	width:auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;

}

/*Styles for the header*/
#header{
	font-size:3em;
	height:160px;
	border-bottom:3px #D2A675 solid;
	text-align:center;
	background-image: url(images/Homepage/header1.jpg);
}

.title{
	padding:30px;
	text-align:center;
	padding-top: 5px;
}

.small{
font-size:0.5em;
font-style:italic;
}

/*Styles for the mainbar*/

#mainbar{
	padding:4px;
	text-align:center;
	border: bottom 3px solid #D2A675;
}

#mainbar ul li{
list-style:none;
display:inline;
padding:2px;
}

#mainbar a{
color:#f0f0f0;
text-decoration:none;
padding:4px;
background:#D2A675;
}

#mainbar a:hover{
color:#800000;
}

/*Styles for content area*/
#content{
	background:url(images/Homepage/back.gif);
	border-top-color: #D2A675;
	border-top-style: solid;
	border-top: 3 px;
}

/*Styles for the sidebar*/
#sidebar{
	width:100%;
	float:left;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
}

#sidebar ul li{
	list-style:none;
	padding:5px;
	margin-left: 5px;
}

#sidebar ul li ul{
	font-size:0.9em;
}

#sidebar a{
	color:#866039/*808080*/; /*In case you think the links are too light, change to the other colour*/
	text-decoration:none;
	padding:3px;
}

#sidebar a:hover{
	color:#800000;
	text-decoration:none;
	border-bottom:1px solid #800000;
	background-image: url(images/Homepage/bgcontent1.gif);
}

#sidebar ul li ul a:hover{
	border:0;
}

/*Styles for main text area*/

#text{
	float:left;
	width:90%;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
}

#text p{
	padding:5px 5px 5px 0px;
	line-height:1.5em;
}

#text a{
color:#D2A675;
}

#text a:hover{
color:#800000;
}

#text ul{
list-style:none;
padding:5px;
}

#text ul li{
padding-left:15px;
background:url(images/Homepage/bullet.gif) left no-repeat;
}

#text ol{
list-style:lower-roman;
padding:5px 5px 5px 25px;
}

#text img{
padding:2px;
border: 1px solid #D2A675;
}

#text img:hover{
border:1px solid #800000;
}

.left{
float:left;
margin-right:2px;
}

.right{
float:right;
margin-left:2px;
}

#gallery{
	clear:both;
	border-top:1px solid #707070;
	width:auto;
	padding-left: 30px;
}

#gallery .photos{
	width:60%;
	float:right;
	padding:5px;
}

#gallery .links{
width:35%;
float:left;
padding:5px;
}

#gallery img{
	border:1px solid #D2A675;
	padding:2px;
	margin:10px;
	float:left;
}

#gallery img:hover{
border:1px solid #800000;
}

#gallery ul li{
list-style:none;
padding:5px 5px 2px 10px;
}


#gallery a{
color:#808080;
text-decoration:none;
border-bottom: 1px solid #808080;
display:block;
width:100%;
}

#gallery a:hover, a:active{
color:#800000;
text-decoration:none;
border-bottom:1px solid #800000;
}

blockquote{
margin:15px 25px;
padding:5px;
border-right:2px solid #D2A675;
border-left:1px solid #D2A675;
border-top:1px solid #D2A675;
border-bottom:2px solid #D2A675;
}

/*Styles for footer*/
#footer{
clear:both;
text-align:center;
border-top:3px solid #D2A675;
padding:3px;
font-size:0.85em;
}

#footer a{
color:#D2A675;
}

#footer a:hover{
color:#800000;
}

/*Styles for headers*/

#text h1, #gallery h1, #sidebar h1{
	background:url(images/Homepage/h1.gif) left no-repeat;
	font-size:1.51em;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 30px;
	
}

#text h2, #gallery h2{
font-size:1.2em;
border-bottom:1px solid #737373;
padding:10px 5px 5px 0px;
}

#text h3{
font-size:1em;
padding:10px 5px 5px 0px;
}

#sidebar h1{
font-size:1.2em;
}

#gallery h2{
border:0;
padding:5px 0px;
}

/*Form styles*/
input{
border:1px solid #D2A675;
background:url(images/Homepage/back.gif);
padding:4px;
margin:0 0 4px 4px;
}

input:hover, input:focus{
border:1px solid #800000;
}


textarea{
border:1px solid #D2A675;
padding:4px;
margin:0 0 4px 4px;
}

textarea:hover, textarea:focus{
border:1px solid #800000;
}
#sidebar li li {
	list-style:none;
	padding:5px;
}
.Menuheader {
	font-size:1em;
	font-style:normal;
	text-align: left;
	left: auto;
	border-left-color: #CC6600;
	border-left-style: groove;
	border-left-width: medium;
	border-top-style: groove;
	border-top-color: #804000;
}
.leftforlinks {
	font-size: medium;
	font-style: normal;
	text-decoration: none;
	padding-left: 10px;
	color: #006666;
}
.descriptionlinks {
	float:left;
	margin-right:2px;
	margin-left: 10px;
}
#headersmallheveskes {
	font-size:3em;
	height:80px;
	border-bottom:3px #D2A675 solid;
	text-align:center;
	background-image: url(images/Heveskes%20gen/header1klein.jpg);
}
#headersmalloterdum {
	font-size:3em;
	height:80px;
	border-bottom:3px #D2A675 solid;
	text-align:center;
	background-image: url(images/Heveskes%20gen/header1klein.jpg);
}
#headersmallweiwerd {
	font-size:3em;
	height:80px;
	border-bottom:3px #D2A675 solid;
	text-align:center;
	background-image: url(images/Heveskes%20gen/header1klein.jpg);
}
#sidebarforframes {
	width:150px;
	float:left;
	margin:10px 5px;
}
#textmainframe {
	float:right;
	width:70%;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
}
#text pagina {
	float:left;
	width:auto;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 10%;
}
#wrapper pagina {
	width:90%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	left: 10%;
}