@charset "utf-8";
/* CSS Document */
* {margin: 0; padding: 0;}

html {
overflow: scroll;
}


body {
	background: #252525 url(img/bg/bg.jpg) repeat-y center;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #ffffff;
}

a {color: #F7B71B; text-decoration: none; font-size: 11px;}
a:visited {color: #F7B71B;}
a:hover {color: #ffffff;}
a:active {color: #ffffff;}

a.menu{ color: white; text-decoration: none; font-size:20px; border: none;}

a.hidden{ color: #000000; font-style:italic; font-size:15px; border: none;}


a.top{ color: #CCCCCC; text-decoration: none }
a.topl{ color: #333333; text-decoration: none; 	font-size:x-small; }

img {
	border: none;
}

hr {
    border:dashed; 
	border-width:1px 0 0; 
	height:0;
	margin: 10px;
	border-color:#d6d6d6;

}

p {
	padding: 5px;
	margin: 5px;
}

table {
	padding: 10px;
}

h1 {
	padding-top: 0px;
	padding-left: 20px;
	margin-top: 0px;
	margin-bottom: 30px;
	font-size: 15px;
	font-style: italic;
	font-weight: lighter;
	
}

h2 {
	font-size: 16px;
	font-weight: 100;
	
}

/* DIV POSITIONERING */
#header {
	background: transparent url(img/head.jpg) no-repeat;
	width: 766px; height: 395px;
	margin-top: 15px;
}

#menu {
	width: 766px; 
	min-height: 50px;
	position: absolute;
	top: 15px;
    margin-left: 10px;
}


#container {
	background: transparent url(img/lay/content.png);
	width: 766px; min-height: 200px;	
}

#footer {
	width: 766px; height: 105px;
    margin-left: 10px;
}

#outer {
	width: 766px;
	margin: auto;
}

/* LOG */
#log {
	margin-left: 556px;
	
}

#content{
    background: #252525 url(../image/bg_content.jpg) repeat-y center;
	width: 766px;
	margin: auto;
	padding-top: 40px;
	padding: 10px;
}

.innermenu{
	width: 760px;
	margin-left: 7%;
	padding-bottom: 20px;
	background: transparent url(img/menu/balk.jpg) repeat-x;
}

#load {
	display: none;
	position: absolute;
	right: 10px;
	top: 10px;
	background: url(images/ajax-loader.gif);
	width: 43px;
	height: 11px;
	text-indent: -9999em;
}


.titelbig {
	background: transparent url(img/lay/titelbig.jpg) no-repeat;
	font-size: 18px;
	height: 33px;
	padding: 3px;
	padding-left: 15px;
}

.top {
	text-align: right;
	font-size:x-small;
}

.flashcontent {
    background: #ffffff url(../image/bg_content1.jpg) repeat-y center;
	height: 100%;
    margin-left: 0px;
}

.pagetitle {
	text-align: left;
	font-size: 16px;
	font-family: standard 07_53, Verdana, Arial, Helvetica, sans-serif;
    color: #ffffff;
    width: 310px;
    margin-left: 11px;
}

.leftcolumn {
	text-align: justify;
	font-size: 11px;
    width: 310px;
    margin-left: 0px;
}

.rightcolumn {
	text-align: justify;
	font-size: 11px;
    width: 420px;
    margin-left: 7px;
    margin-top: 36px;
}

#footermenu{
    background: #252525 url(../image/bg_content.jpg) repeat-y center;
    font-size: 11px;
	width: 766px;
	margin: auto;
	padding-top: 40px;
	padding: 10px;
}

.dash {
	border-width: 1px;
	border-style: dashed; 
	border-color:#d6d6d6; 
	width: 600px; 
	padding: 20px; 
	margin:20px;
}

.titel {
	background-color:#FFCCFF;
	font-size: 18px;
	padding: 5px;
	margin-left: 0px;
	margin-bottom: 5px;
}

.port {
	background-color: #E4E4E4;
	text-align: right;
	margin-left: 0px;
}

.intro {
padding-top: 0px;
margin-top: 0px;
	margin-bottom: 30px;
	font-style: italic;
	font-weight: lighter;
}




ul#menul {

padding-top: 12px;
list-style: none;
width: 700px;
background: transparent;

}

ul#menul li {

display: inline;
width: 700px;
border-right: thin solid #CCCCCC;
padding-left: 40px; padding-right: 45px; 
background: transparent;

}

ul#menul li a {

color: #FFFFFF;
font-size: 16px;
font-weight:lighter;
width: 700px;
letter-spacing: 2px;
}

ul#menul li a:hover {
color: #CCCCCC;
width: 600px;
}


/* LOG */
.log {
	position:absolute;
	margin-top: 40px;
	margin-left: 570px;
}


/* OPMAAK */
p.news { 
	padding: 5px;
	margin: 5px;
} 
 


/* FORM */
form.contact
    {
    border-width: 1px;
    border-style: dashed;
    border-color: #cccccc;

    padding: 50px;
    width: 500px;
    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    }

form.news
    {
    border-width: 1px;
    border-style: dashed;
    border-color: #cccccc;

    padding: 15px;
    width: 600px;
    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    }
	
label
    {
    float: left;
    width: 100px;
    text-align: right;
    
    margin-right: 20px;
    }

input
    {
    background-color: #f5f5f5;

    font-size: x-small;

    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    
    margin-bottom: 5px;
    }
	
select
    {
    width: 120px;
    font-size: x-small;
    background-color: #f5f5f5;
    
    border-color: #cccccc;
    border-style: solid;
    border-width: 1px;
    
    margin-bottom: 10px;
    }
	
textarea.news
    {
    width: 300px;
    height: 200px;
    background-color: #f5f5f5;
    
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    
  	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    
    margin-bottom: 10px;
    }
	
textarea
    {
    width: 385px;
    height: 160px;
    background-color: #f5f5f5;
    
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc;
    
  	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    
    margin: 2px;
	padding: 2px;
    }