/* CSS Document */

body {
	margin:0;
	padding:0;	
	text-align:center;
	background:url(../images/body_bckgr.png) repeat;
}
img {
	border:none;
}
p {
margin:0;
padding:0;
}


#container {
	margin:0px auto 0px auto;
	width:950px;
	height:600px;
	background-image:url(../images/background.png);
	position:relative;
	text-align:left;
}

#logo {
	position:absolute;
	left: 17px;
	top:28px;
	width:166px;
	height:65px;
}

#headerImgContainer{
left:183px;
top:28px;
width:414px;
height:65px;
position:absolute;
z-index:9;
background:#004d75;
}

#headerImgContainerOverlay{
left:183px;
top:28px;
width:415px;
height:65px;
background-color:#FFCB05;
position:absolute;
filter:alpha(opacity=60);
-moz-opacity:.60;
opacity:.60;
z-index:10;
}

.headerImage {
display:none;
}

#leftMenu{
position:absolute;
left: 49px;
top: 98px;
list-style-type:none;
margin:0;
padding:0;
text-align:left;
width:130px;
}

.menu li {
font-weight:bold;
font-size:10px;
display:block;
width:100%;
float:left;
display:block;
line-height:22px;
}

.menu li ul{
list-style-type:none;
margin:0;
margin-left:7px;
padding:0;
display:none;
}

.menu li ul li{
font-weight:normal;
margin:0;
line-height:18px;
}

.menu li a {
text-decoration:none;
color:#004C73;
}

.menu li a:hover{
color:#ff0000;
}




#menu {
	height:65px;
	width:412px;
	position:absolute;
	top:190px;
	left:183px;
	background:url(../images/menu_bckgr.png) repeat-x;
	z-index:500;
}

#page_title{
  position:absolute;
  left:10px;
  bottom:5px;
  z-index:1000;
  color:#fff !important;
}

.menu_bottom {
	height:3px;
	font-size:0px;
	background:url(../images/menu_bottom_bckgr.png) repeat-x;
}
#deelnemers {
	top:39px;
	left:15px;
}

#sitemap {
position:absolute;
top:92px;
right:60px;
width:100px;
text-align:right;
font-size:9px;
}

#sitemap ul {
list-style-type:none;
margin:0;
padding:0;
}

#sitemap ul li {
line-height:12px;
height:12px;
font-weight:normal;
}

#datetime{
position:absolute;
top:148px;
right:60px;
text-align:right;
width:200px;
font-size:9px;
}

#search {
position:absolute;
top:175px;
right:53px;
width:150px;
}

.leftBlock{
position:absolute;
top:250px;
left:50px;
}

.troonrede{
position:absolute;
top:393px;
left:50px;
width:104px;
height:25px;
padding: 3px;
border:solid 1px;
}

.troonrede:hover{
border:solid 1px #fe0000;
}

.troonrede:hover a {
color:#fe0000;
}

#videoPreview {
position:absolute;
top:430px;
left:50px;
}
#videoText{
position:absolute;
top:528px;
left:50px;
font-weight:bold;
font-size:9px;

}
#contentArea{
	position:absolute;
	width:410px;
	left:183px;
	top:265px;
	height:257px;
	text-align:left;
	padding:0;
	border-bottom:solid 1px #0095da;
}

.headlines{
	border-bottom:#FF0000 1px dashed;
	height:75px; 
	font-size:10px;
	padding-top:4px;
	width:400px;
	clear:both;
	overflow:hidden;
}

.headlines h2 {
line-height:15px;
}

.headlines h2 a {
	color:#004c73 !important;
}

.headlines_subcontainer{
	margin:3px 2px 3px 0;
	height:70px;
	width:100%;
	cursor:pointer;
}
.rectangle{
	width:16px;
	height:24px;
	float:left;
	display:inline;
}
 
.infoText{
	float:left;
	display:inline;
	width:276px;
	height:100%;
	margin-left:10px;
}

.infoImage{
	width:80px;
	height:60px;
	border:solid 1px #FF0000;
	float:left;
	display:inline;
	margin-left:7px;
	margin-top:2px;
}

.infoImageView{
    width:80px;
	height:60px;
	border:solid 1px #FF0000;
	float:left;
	display:inline;
	margin-left:7px;
	margin-top:2px;
}

#rollContainer{
position:absolute;
top:200px;
left:605px;
width:285px;
height:156px;
}

#rollContainer img{
display:none;
}
#rollImgContainer{
height:96px;
width:285px;
}

#rollTxtContainer{
height:60px;
width:285px;
}

.rollText{
height:60px;
width:285px;
}

#testimonialsContainer{
position:absolute;
top:360px;
left:605px;
width:225px;
height:150px;
padding-bottom:12px;
border-bottom:solid 1px #0095da;
}

#testimonialsHead{
width:100%;
height:25px;
border-bottom:solid 1px #0095da;
}
.testimonials{
border-bottom:1px dashed #004C73;
padding:5px 5px 5px 0;
width:215px;
}
.testimonial_autor{
margin:5px 3px 5px 0px;
}

.blue{
background-color:#00CEFD;
}
.red {
background-color:#FE0001;
}
.yellow{
background-color:#FFCA00;
}

.popupWindowContainer{

display:none;
position:absolute;
background:#fff; 
border:solid 3px #00ccff;
z-index:5000;
background-color:#004C73 !important;
}

.titleBar {
background-color:#ff0000 !important;
color:#fff;
font-size:10px;
height:15px;
line-height:15px;
cursor:move;
}

.titleText{
float:left;
font-weight:bold;
margin-left:3px;
}


.closeWindow{
float:right;
cursor:pointer;
margin-right:2px;
z-index:5005;
font-weight:bold;
font-size:10px;
}



.popupWindowContainer .contentArea{
margin:6px 13px 6px 10px;
font-size:10px;
color:#ffffff;
text-align:left;
padding-bottom:10px;
}

popupWindowContainer .contentArea a{
color:#00ccff !important;
}
popupWindowContainer .contentArea a:hover {
color:#999999 !important;
}
.logoRight{
cursor:pointer;
width:47px;
text-align:center;
margin:0 auto 5px auto;
}

.logoDetails {
display:none;

}

#logoContainer{
position:absolute;
top:365px;
left:833px;
width:55px;
height:192px;
}

#addTestButton {
position:absolute;
top:530px;
left:605px;
display:inline;
}

#addQuestButton {
position:absolute;
top:530px;
left:183px;
display:inline;
}

.button{
height:11px;
background:url(../images/button_bckgr.png) repeat;
border:solid 3px #00ccff !important;
color:#00ccff;
font-weight:bold;
padding:1px 5px 2px 5px;
line-height:11px;
display:inline;
cursor:pointer;
font-size:10px;
}
.button:hover{
background:url(../images/button_bckgr_over.png) repeat;
color:#004c73;
}

#testimonialsFormContainer,#questionsFormContainer{
display:none;
}

#testimonialsForm {
margin:5px;
text-align:left;
}

#testimonialsForm input, #testimonialsForm textarea{
width:100%;
}

#questionsForm {
margin:5px;
text-align:left;
}

#questionsForm input, #questionsForm textarea{
width:100%;
}

a.current {
color:#ff0000 !important;
}




#copyright {position:absolute;right:44px;bottom:10px;}
#copyright a{color:#ffffff;font-size:8px;text-decoration:none;}
#copyright a:hover{color:#ff0000;}
