@import "yui-reset.css";

html,body,#bg,#bg table,#bg td,#container{
width:100%;
height:100%;
overflow:hidden;
}

/*	Layout */

body{
font-family: "Lucida Sans Unicode", Verdana, sans-serif;
line-height: 12pt;
letter-spacing: 0.5px;
font-size:10px;
background: #000;
margin:0; 
padding:0;


}
#container{
position:relative;
background-color:transparent;
z-index:3;
text-align:left; 
overflow-y:scroll;
}

#containerScroll{
position:absolute;
background-color:transparent;
z-index:2;
text-align:center; 
height:100%;
width:90%;
left:10%;
top:30%;
}

#containerScrollFTP{
position:absolute;
background-color:transparent;
z-index:2;
text-align:center; 
height:100%;
width:90%;
left:10%;
}

#menu{
position:absolute;
z-index:2;
top: 20px;
width:1050px;
}
.side_name{ /* naam rechts*/
position:absolute;
background:transparent;
width:200px;
Height: 22px;
left:815px;
display:block; 
top:20px;
}

.side_logo{ /* logo Goeroe Links*/
position:absolute;
background:transparent;
width:105px;
height: 53px;
left: 95px;
display:block; 
top:8px;
}
.sidebar_back{ /* zij menu achetrgrond*/
position:relative;
background:url(../images/Back_block.png) 0 0px repeat;
width:185px;
padding:5px;
}

#box{	/* itembox*/
position:absolute;
background:transparent;
top:100px;
left:300px;	
}

.title{ /* titel box*/
position:relative;
width:390px;
height: 19px;
background:url(../_images/black_block.png) 0 0px repeat;
padding:8px 5px;
}

.box_back{	
position:relative;
background:url(../_images/back_block.png) 0 0px repeat;
width:400px;
height: 150px;
padding:5px 0px 0px 0px;
}

.textbox{	/* plaatje voor directors rechts*/
position:relative;
left:5px;
width:385px;
height: 150px;
background:transparent;
}

.button01{ 	/* Video button*/
position:relative;
bottom: 0px;
height:10px;
width:80px;
text-align:center;
background:url(../_images/black_block.png) 0 0px repeat;
padding:10px 5px;
}

.button02{ 	/* Gallery button*/
position:relative;
bottom: 30px;
left: 95px;
height:10px;
width:80px;
text-align:center;
background:url(../_images/black_block.png) 0 0px repeat;
padding:10px 5px;
}

/*	Styles

*/

h1{ /* Hoofd teksten*/
position:relative;
font-size:10px;
font-weight: normal;
color:#000;
display: block;	
text-decoration: none;
}

a:link {
color: #333;
text-decoration:none;
font-weight: normal;
}

a:visited {
color: #333;
text-decoration:none;
font-weight: normal;
}

a:hover {
text-decoration:none;
color: #000;
font-weight: normal;
}


h2{		/* kopteksten*/
font-family: "Lucida Sans Unicode", Verdana, sans-serif;
font-size:14px;
position:relative;
color:#000;	
line-height: 16pt;
font-weight: normal;
	
}

h3{		/* Datum*/
font-size:10px;
color:#333;	
font-weight: normal;

}

h4{		/* sidebar tekst*/
font-size:10px;
position:relative;
font-weight: normal;
color:#000;
font-weight: normal;
}

h5{		/* geen link*/
font-family: "Lucida Sans Unicode", Verdana, sans-serif;
position:relative;
font-size:10px;
color:#000;
text-decoration:none;
font-weight: normal;
}


/*	Page specific styles
*/

.picture_right{	/* plaatje voor nieuws*/
position:absolute;
right:5px;
width:185px;
}

.picture_left{	/* plaatje voor directors rechts*/
position:absolute;
left:5px;
width:185px;
height:150px;
background:transparent;
}

.box_video{	/* itembox*/
position:absolute;
background:url(../images/Back_block.png) 0 0px repeat;
width:390px;
padding:5px 5px;
}

img {
border-style: none
}
	
div.dotted {
background:transparent url(../images/bg_dotted.gif) repeat scroll 0 0;
height:200%;
position:fixed;
width:200%;
z-index:1;
}
.background {
position:absolute;
z-index:1;
}