/* ----- GENERAL ----- */
.debug{ border: 1px dotted red;}
.debug2{ border: 1px dotted blue;}

* {
	padding:0;
	margin:0;
}
body{
	background-color:black;
	font-family: Arial, sans-serif;
}
a {
	text-decoration:none;}

#header, #footer, #login{
	background-color:#3F3F3F;
}

/* ----- BAR TOP ----- */

#header{height: 128px;}

#header h1{ 
	display: none;
}

#location{
	z-index: 150;
	position: absolute; top:0; left:0;
	width:66px;
	height:34px;
	background:url(../images/bg_location.gif) no-repeat; 
	padding:16px 0 0 70px;
    _padding-right: 10px;
	_padding-bottom: 5px;
	white-space: nowrap;
}
#location h2{
	font-size: 12px; 
	letter-spacing: 1px;
	color: #fff;
}
#location a:hover{
	text-decoration: underline;
}

#logo{
	position: absolute; 
	height: 163px;
	top:0; left:0;}



/* ----- NAVIGATION ----- */
#navigation{
	width: 62px;
	margin-right: 14px;
	float: left;
	background: url(../images/bg_menu.gif) no-repeat top left;
	text-align: right;
}
#navigation h2{
	display: none;
}
#navigation ul{
	margin:0 0 0 0;
	padding:45px 6px 16px 0;
}
#navigation ul li{	
	line-height: 20px;
}
#navigation ul li a{
	font-size: 12px; color:#ffffff;
}
#navigation ul li a:hover{
	color:red;
}
#navigation  strong a{ 
	font-weight:normal; color:red;
}
#login{
	height:26px;
	padding:45px 6px 0 0;
	background:#3f3f3f url(../images/loginfrutsel.gif) top right no-repeat;
}
#login a{
	color: red;
	font-size:12px;
}
#login a:hover{
	color: white;
}
/* ----- MID SECTION ----- */
#midsection{ 
	z-index: 50;
	position: relative;
	height:409px;
	background-image: url(../images/bg_schutting.jpg);
	padding:34px 0 0 0;
}

#midsection a{ 
    color:red;
}

#midsection a:hover{ 
    color:red;
    text-decoration:underline;
}


/* ----- HOME ----- */

#player {
	float:left;
	width:400px;
	height:366px;
	margin: 0 0 0 0px;
	border: 1px solid #666;	
}

#text{
	float: left;
	width:280px;
	height:337px;
	border-top: 1px solid #666;
	padding: 10px 15px 20px 15px;
	position: relative;
	background: url(../images/semi_transparent_black.png);
     _background-image:none;
	/* _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/semi_transparent_black.png', sizingMethod='scale');*/
}

/* changed by Ivo*/


#text h2{
	text-align: right;font-size: 12px; color:red;
	}
#text .copy{
	height: 310px;
	overflow: hidden;}
#text .copy h3, #text .copy p{
	color:#fff; 
	}
#text h3{
	text-transform: capitalize;
	color:#ffffff;
	font-size: 14px; margin-bottom: 16px;
}
#text .copy p{
	font-size:12px;line-height: 16px;
	margin:0 0 16px 0;
}

#text #backtomenu{
	font-size: 12px; color: red;
	position: absolute;
	bottom:10px; right:15px;
}
#text #backtomenu:hover{
	color: #fff;
	}
	
/* NEW start */

#textn{
	float: left;
	width:280px;
	height:337px;
	border-top: 1px solid #666;
	padding: 0px 0px 0px 0px;
	position: relative;
}


#textn h2{
	padding:15px 15px 0 0;
	text-align: right;font-size: 12px; color:red;
	}
#textn .copy{
	height: 271px;
	width:280px;	
	overflow: hidden;}
#textn .copy h3, #textn .copy p{
	color:#fff; 
	}
#textn h3{
	padding:0 0 0 15px;
	margin-right:15px;
	text-transform: capitalize;
	font-size: 14px; margin-bottom: 16px;
}
#textn .copy p{
	font-size:12px;line-height: 16px;
	padding: 0 15px;
	margin:0 0 16px 0;
}
#textn #backtomenu{
	font-size: 12px; color: red;
	position: absolute;
	bottom:10px; right:15px;
}
#textn #backtomenu:hover{
	color: #fff;
	}
#textn #nav1 a{color:red; font-size:12px;}
#textn #nav1 .left{ float:left;}
#textn #nav1 .left{padding:0 0 8px 8px;}
#textn #nav1 .right{padding:0 8px 8px 0;}
#textn #nav1 .right{ float:right;}
#nav2{ clear:both; height:30px; background:#000;}
#nav2 img{border:0;display:block;}
#nav2 a{ display:block;}
#nav2 .left{ float:left;}
#nav2 .right{ float:right;}
/* NEW end*/	
	
	
/* ----- PROJECTS ----- */
#projectslisting h3{
	color:red; font-weight: normal;
	padding:12px 0 0 0; margin:0;

}
#projectslisting h3 a{
	color: red;
}
#projectslisting h3 a:hover{
	color: #fff;
	}
#projectslisting p{
	color:#fff; 
	line-height:16px;
	font-size: 11px;padding:0 0 16px 0;
}
#browsetool{
font-size: 12px; color: red;
	position: absolute;
	bottom:10px; right:15px;
}
#browsetool a{
	float:left;
	margin:0 3px;
	padding: 1px;
	color:#fff;
	font-weight:normal;
}
#browsetool a:hover{
color:red;
}

/* ----- PAGINA ----- */
#pagina{
	float:left;
	width:400px;
	height:366px;
	margin: 0 0 0 0px;
	border: 1px solid #666;	
	background: url(../images/semi_transparent_black.png);
    _background-image:none;
}
#pagina h2{
	text-align: right;
	color:red;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	line-height:22px;
	display: block;
	background:#000;
	height:20px;
	padding:0 5px 0 0;
}
#pagina .content{
	padding:12px 14px;
}
#pagina .content p{	
	font-size: 11px; color:#fff;
	line-height: 16px;
	margin: 0 0 14px 0;
}
#pagina .content h3{
	font-size: 12px; font-weight: normal;
	color:red;
}

#paginaafbeelding{
	float: left;
	width:288px;
	height:336px;
}


#pagina .content .clmn_lft{
	width:60px; float:left;
}

#pagina .content .clmn_rght{
	padding: 30px 0 0 0;
	width:300px; float:right;
}
#pagina .content fieldset{
	border: 0;}
#pagina .content h4{
	font-size: 12px;
	margin: 0 0 6px 0;
	color: #fff;}
#pagina .content input, #pagina .content select{
	display: block;	 
	margin: 0 0 24px 0;}
	
#pagina .content textarea.inputborder{
	border: 1px solid red;
	font-size: 11px; line-height: 20px; padding: 3px;height: 60px; width: 220px;
}

#pagina .content .inputborder{
	border: 1px solid red;
	font-size: 11px; line-height: 20px; padding: 3px;height: 20px; width: 220px;
}
#pagina .content .submit{
	padding:3px 5px;font-size: 13px;
}
/* ----- FOOTER ----- */

#footer{ 
	padding:7px 0 0 74px;
	height: 30px;}
	
#footer h2{
	display: none;
} 

#footer ul {	
	list-style-type:none;
	font-size: 11px;
}
#footer ul li, #footer ul li a{
	display: inline;
	margin: 0 5px;
	letter-spacing: 1px;
	color:#fff;
}
#footer ul li a:hover{
	color: red;
	}

.pageBrowser{
    color:red;
    font-weight:bold;
}