/* Css stylesheet fot CaffeOslo.nl Copyright by Saviem.nl*/

/* body */
body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #010000;
	
	scrollbar-base-color: #808080;
	scrollbar-arrow-color: #808080;
	scrollbar-3dlight-color: #000000;
	scrollbar-darkshadow-color: #000000;
	scrollbar-face-color: #000000;
	scrollbar-highlight-color: #808080;
	scrollbar-shadow-color: #808080;
	scrollbar-track-color: #000000;
}

/* IMG tags */
img {
	border: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


/* A */
a {
	color: #999999;
	text-decoration: none;
}
a:hover {
	color: #999999;
	text-decoration: underline;
}

/* div's */
#overlayDiv {
	position: absolute;
	top: 50%;
    left: 50%;
	width: 992px;
	height: 564px;
    margin-top: -282px; /* - (width/2)  */
    margin-left: -496px; /* - (width/2)  */
	z-index: 1000;
	visibility: hidden;
}
#overlay {
	position: absolute;
	top: 50%;
    left: 50%;
	width: 992px;
	height: 564px;
    margin-top: -282px; /* - (width/2)  */
    margin-left: -496px; /* - (width/2)  */
	background-color: #010000; 
	opacity: 0.7; 
	filter: alpha(opacity=70); 
	z-index: 900;
	visibility: hidden;
}

#overlayStatus {
	position: absolute;
	top: 50%;
    left: 50%;
	width: 32px;
	height: 32px;
    margin-top: -16px; /* - (width/2)  */
    margin-left: -16px; /* - (width/2)  */
	z-index: 1100;
}

#container {        
    position: absolute;
	top: 50%;
    left: 50%;
	width: 992px;
	height: 564px;
    margin-top: -282px; /* - (width/2)  */
    margin-left: -496px; /* - (width/2)  */
	background: URL(../images/bg/bg.gif) no-repeat top left;
	z-index: 500;
	font-family: tahoma, sans-serif;
	font-size: 11px;
}

#logo {
    position: absolute;
	top: 30px;
	left: 30px;
}
#navigationTop {
    position: absolute;
	top: 93px;
	left: 203px;
	z-index: 500;
}
#navigationBottom {
    position: absolute;
	top: 114px;
	left: 240px;
	z-index: 500;
}

#contentImage {
    position: absolute;
	top: 96px;
	left: 101px;
	width: 863px;
	height: 193px;
	background: URL(../images/bg/contentbg.jpg) no-repeat top left;
	z-index: 400;
}
#contentSlide {
    position: absolute;
	top: 335px;
	left: 30px;
	width: 935px;
	height: 228px;
	z-index: 500;
}
#contentSwf {
	text-align: center;
	color: #E3E3E3;
}


/* Overlay */
#menuContainer {
	position: absolute;
	top: 50%;
    left: 50%;
	width: 992px;
	height: 564px;
    margin-top: -282px; /* - (width/2)  */
    margin-left: -496px; /* - (width/2)  */
	z-index: 1500;
	font-family: tahoma, sans-serif;
	font-size: 11px;
}
#menuContainerImage {
	position: absolute;
	top: 50%;
    left: 50%;
	z-index: 1500;
	text-align: center;
	color: #ffffff;
}
#menuContainerImage img {
	border: 1px solid #666666;
	float: left;
	
}
#menuContainerContent {
	position: absolute;
	top: 50%;
    left: 50%;
	width: 400px;
	height: 450px;
    margin-top: -250px; /* - (width/2)  */
    margin-left: -225px; /* - (width/2)  */
	z-index: 1500;
	color: #ffffff;
	text-align: left;
}

#menuContainerContentText {
	position: absolute;
	top: 0px;
    left: 0px;
	width: 400px;
	height: 450px;
	overflow-y: auto;
}

h1 {
	font-size: 20px;
	display: block;
}