/* Standaarden setten */
html { 	
	overflow: -moz-scrollbars-vertical;	
		color:#FFFFFF;

}

html, body { 	
	height: 100%;
	overflow:auto;	
	background-color:#374C63;
	color:#FFFFFF;
}
	
body{ 
	margin: 0 0 20px 0;
	padding:0;
	color: #003082; 
	font: 66%/1.5em Arial, Helvetica, sans-serif;
	text-align: center; 
	background:url(../images/back.png) scroll top repeat-x;	
	overflow:hidden;
		color:#FFFFFF;

	
}	

img {
	border:0;
}

a {
	color:#CC0000;
}

a:hover {
	color:#666666;
	text-decoration:none;
}	
a:link {
	color:#CCCCCC;
	text-decoration:underline;
}

a:visited {
	color:#CCCCCC;
	text-decoration:underline;
}

#main_body {
	width:800px;
	height:100%;
	margin:0px auto 0px auto;
	padding:0px;
	
}

#main_header{
	background:url(../images/top.png) no-repeat;
	width:900px;
	height:135px;
	position:relative;
	margin:0px auto 0px auto;
	top:-2px;
}

#main_header span.main_kop{
	background:url(../images/image.png) no-repeat;
	width:900px;
	height:134px;
	position:absolute;
	left:-1px;
	top:135px;
	
	text-align:left;
}

#main_header span.specialforyou{
	position:absolute;
	top:-50px;
	left:40px;
	font-family:Pristina, Mistral, Chiller, Kartika, Informal Roman, Monotype Corsiva, Agency FB, Arial Narrow;
	font-size:250%;
	color:#FFFFFF;
}

#main_header span.main_subkop{
	position:absolute;
	top:250px;
	right:100px;
	
	font-family:Pristina, Mistral, Chiller, Kartika, Informal Roman, Monotype Corsiva, Agency FB, Arial Narrow;
	font-size:180%;
	color:#FF9900;

}

#main_content{
	background:url(../images/tekstgedeelte2.png) no-repeat;
	width:900px;
	height:320px;
	bottom: 0px;
	position:relative;
	margin:0px auto 0px auto;
	top:132px;
	
	color:#99CC00;
}

#main_content_links{
	background:url(../images/links.png) no-repeat;
	width:544px;
	height:59px;
	position:absolute;
	margin:0px 94px auto auto;
	
	top:0px;
	right:0px;
}

/* ------------- de links -------------------- */

#main_content_links li a{
	font-family:Pristina, Mistral, Chiller, Kartika, Informal Roman, Monotype Corsiva, Agency FB, Arial Narrow;
	font-size:225%;
	color:#FFFFFF;
	text-decoration:none;

}

/* voor link 'home' */
#main_content_links li.link1{
	position:absolute;
	list-style:none;
	top:10px;
	left:25px;
	padding: 10px 0 0 0;
}

/* voor link 'over diat' */
#main_content_links li.link2{
	position:absolute;
	list-style:none;
	top:10px;
	left:115px;
	padding: 10px 0 0 0;
}

/* voor link 'portfolio' */
#main_content_links li.link3{
	position:absolute;
	list-style:none;
	
	top:10px;
	left:245px;
	padding: 10px 0 0 0;
}

/* voor link 'prijzen' */
#main_content_links li.link4{
	position:absolute;
	list-style:none;
	
	top:10px;
	left:355px;
	padding: 10px 0 0 0;
}

/* voor link 'contact' */
#main_content_links li.link5{
	position:absolute;
	list-style:none;
	
	margin: 0px 30px 0px 0px;
	padding: 10px 0 0 0;
	top:10px;
	right:0px;
}

/* voor link 'nieuws' */
#main_content_links li.link6{
	position:absolute;
	list-style:none;
	
	padding: 5px 0 0 0;
	left:280px;
	top:-230px;
}

/* voor link 'klantenpagina' */
#main_content_links li.link7{
	position:absolute;
	list-style:none;
	
	padding: 5px 0 0 0;
	left:280px;
	top:-195px;
}

#main_content_links li a:hover{
	color:#ff7200;
}

#main_content_links li a.selectedlink{
	color:#ff7200;
}
/* ------------------- einde links */

#main_content_info{
	position:relative;
	overflow:auto;
	height: 208px;
	width: 540px;
	right: 95px;
	float:right;
	
	margin:59px 0px 0px 0px;
	padding: 5px 0 0 0;
	text-align:left;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:110%;
	color:#FFFFFF;
}

#main_content_info_shortnews{
	position:absolute;
	width: 231px;
	height:260px;
	margin: -50px 0px 0px 0px;
	padding: 50px 0 0 0;
	top:0px;
	left:31px;
	float:left;
	background-color:#929CCF;
	color:#FFFFFF;
}

#main_content_info_shortnews span.newskop{
	position:absolute;
	top:20px;
	left: 5px;
	font-family:Pristina, Mistral, Chiller, Kartika, Informal Roman, Monotype Corsiva, Agency FB, Arial Narrow;
	font-size:200%;
	padding: 5px 0 0 0 ;
}

#main_content_info_shortnews_content{
	background-color:#8a949f;
	height:260px;
	
}

#main_content_info_shortnews{
	position:absolute;
	width: 231px;
	height:260px;
	margin: -50px 0px 0px 0px;
	padding: 50px 0 0 0;
	top:0px;
	left:31px;
	float:left;
	background-color:#929CCF;
	color:#FFFFFF;
}

#main_content_info_shortnews_content{
	background-color:#8a949f;
	height:260px;
	
}
#main_content_info_shortnews_content img{
	width: 200px;
	height: 250px;
}

#main_content_info_shortnews fieldset{
	border:0px;
	text-align:left;
}

#main_content_info_shortnews legend{
	font-family:Pristina, Mistral, Chiller, Kartika, Informal Roman, Monotype Corsiva, Agency FB, Arial Narrow;
	font-size:200%;
	padding:20px 0 0 0;
}

#main_content_info h1{
	color:#FF6600;
	font-size:170%;
	font-stretch:extra-condensed;
}

#main_content_info fieldset{
	border: 1px solid #FF6600;
}

#main_content_info label{
	display:block;
	float:left;
	margin: 0 10px 0 0;
	width:150px;
}

#main_content_info p{
	margin: 0 0 5px 0 ;
}

#main_content_info textarea{
	width: 200px;
	font-size:90%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0066CC;
}

#main_content_info input{
	width: 200px;
	font-size:90%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0066CC;
}

#main_content_info input.inlog{
	text-align:center;
}

#main_content_info input.logout_button{
	width:100px;
}

#main_content_info input.submit_button{
	width: 100px;
	font-size:90%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#0066CC;
}

/* voor het plaatje bij het portfolio, deze moet naast de naam komen te staan... */
.main_content_info_projectinfo{
	margin: 0px 0 50px 0;
}

.main_content_info_projectpic{
	position:relative;
	float:left;
	width:260px;
	
}

.main_content_info_naam{
	position:relative;
	float:left;
	width:260px;
}

#main_content_news_overview{
	position:absolute;
	top:50px;
	left:0;	
	width:230px;
	height:260px;
	overflow:auto;
}

#main_copyright{
	position:relative;
	color:#FFFFFF;
	width:800px;
	height:30px;
	margin: 90px auto 0px auto;
	top:0px;
}

#main_copyright a.copy_diag{
	color:#FF9900;
	text-decoration:none;
}




/* global style opties.. */

.foutje{
	color:#FF3300;
}

.foutje a:link{
	color:#FFFF33;
}

.foutje a:visited{
	color:#FFFF33;
}

.foutje a:hover{
	color:#FFCC66;
}

span.kop{
	color:#ff7200;
	display:block;

}

/* globals voor de 1e letters van de koppen */

.kophoofdletter{
	color:#ff7200;	
}