/*------------------------------------------basics----------------------------*/

body { 
	background-image:  url(afbeeldingen/background.jpg);
	background-repeat:repeat-x;
	text-align: center;
	background-color:#5f5f5f;
	font: 0.72em/1.6em Arial, Helvetica, sans-serif;
	color: #555;
}

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

body, h2, ul, p {
	padding: 0px;
	margin: 0px;
}

/*------------------------------------------parts----------------------------*/

#container {
	background-image: url(afbeeldingen/Toppers_02.jpg);
	width: 1000px;
	margin: 0px auto;
	text-align: left;
}

#header {
	background-repeat: no-repeat;
	height: 417px;
	padding:0px 0px 0px 0px;
}

#header_home{background-image: url(afbeeldingen/toppers02.jpg);	background-repeat: no-repeat;	height: 488px;	padding:0px 0px 0px 0px;}
#header_opdracht{background-image: url(afbeeldingen/toppers01.jpg);	background-repeat: no-repeat;	height: 488px;	padding:0px 0px 0px 0px;}
#header_toppers{background-image: url(afbeeldingen/toppers03.jpg);	background-repeat: no-repeat;	height: 488px;	padding:0px 0px 0px 0px;}
#header_referenties{background-image: url(afbeeldingen/toppers04.jpg);	background-repeat: no-repeat;	height: 488px;	padding:0px 0px 0px 0px;}
#header_contact{background-image: url(afbeeldingen/toppers05.jpg);	background-repeat: no-repeat;	height: 488px;	padding:0px 0px 0px 0px;}

#footer{
	clear:both;
	background:  url(afbeeldingen/Toppers_03.jpg) bottom left;
	height:57px;
	width:100%;
	margin:0px;
	padding:0px;
}

#clear {
	height:100px;
	clear:both;
}

/*------------------------------------------navigation----------------------------*/

#navigation { 
	font-size:12px;
	margin-top:315px;
	margin-left:170px;
	width: 800px;
	float:left;
	text-transform:uppercase;
	font-weight:bold;
	padding:0px 0px;
}


#navigation li { 
	list-style-type: none;
	color: white;
	padding: 0px 36px;
	float:left;
	text-align:center;
}

li#link { 
	background-color:#CCCC00;
	text-decoration: none;
}

#navigation li:hover { 
	background-color:darkred;
	cursor:hand;
}

#navigation li a {
	color: white;
	text-decoration: none;
}

#navigation li a:hover {
	color:white;
}

#navigation2 { 
	font-size:11px;	
	margin-right:190px;
	width: auto;
	float:right;
	font-weight:none;
	bottom:0px;
	
}

#navigation2 li { 
	list-style-type: none;
	background-repeat: no-repeat;
	color: #555;
	margin-top:20px;
	padding: 0px 10px;
	float:left;
}

#navigation2 li a {	text-decoration:none; color: #555;}
#navigation2 li a:hover { text-decoration:underline; }

/*------------------------------------------content----------------------------*/

#content_voorwaarden {
	margin-top: 35px;
	margin-left:210px;
	width: 500px;
	float:left;
	font-weight: none;
}

#content_voorwaarden h1,h2 {
	font-family:Arial;
	letter-spacing:-1;
	font-weight: normal;

}

#content_voorwaarden h1 {
	font-size: 18px;
	color:#CCC000;
	padding: 0px 0px 1px 0px;
	margin-bottom:7px;
	font-weight:bold;
}


#content_voorwaarden h2 {
	font-size: 12px;
	color:#000;
	padding: 0px 0px 1px 0px;
	margin-bottom:7px;
	font-weight:bold;
}

#content_voorwaarden p {
	padding:0px;
}

#content_voorwaarden p img{
	border:0px solid black;
}

#content_left {
	margin-top: 35px;
	margin-left:210px;
	width: 350px;
	float:left;
	font-weight: none;
}

#content_left h1,h2 {
	font-family:Arial;
	letter-spacing:-1;
	font-weight: normal;

}

#content_left h1 {
	font-size: 18px;
	color:#CCC000;
	padding: 0px 0px 1px 0px;
	margin-bottom:7px;
	font-weight:bold;
}


#content_left h2 {
	font-size: 12px;
	color:#000;
	padding: 0px 0px 1px 0px;
	margin-bottom:7px;
	font-weight:bold;
}

#content_left p {
	padding:0px;
}

#content_left p img{
	border:0px solid black;
}

#section{
	padding:200px 0px ;
	margin-left:65px;
	width: 300px;
	float:left;
}

#section h1 {
	font-size: 50px;
	color:#FFCC00;
}

#news_right{
	background-color:#E60004;
	width:220px;
	height:auto;
	padding:0px 0px;
	float:right;
	margin-right:185px;
	margin-top:20px;
	color:white;
}

#news_right p {padding:10px 10px;	margin-top:-30px;}
#news_right h1,h2{font-weight:bold;}
#news_right h1 {padding:10px 10px; font-size: 18px;color:#D2E102;}
#news_right h2 { padding:0px 10px;font-size: 14px;color:white; margin-top:-20px;}

#liner_right{
	background-color:#CCCC00;
	width:220px;
	padding:0px 0px;
	float:right;
	margin-right:0px;
	margin-top:0px;
	color:white;
}

#liner_right p {padding:10px 10px;	margin-top:-30px;}
#liner_right h1,h2{font-weight:bold;}
#liner_right h1 {padding:10px 10px;font-size: 18px;color:#E60004;}
#liner_right h2 {padding:0px 10px;font-size: 14px;color:white;}

#linkto{
	margin-top:90px; 
	margin-left:252px; 
	float:left; 
	color:black;
}

#linkto li{list-style-type: none; color:red; padding: 0px 90px; float:left; text-align:center; font-size:18px;}
#linkto li a {color:#bbb; font-size:18px; font-weight:normal; text-decoration:none;}
#linkto li a:hover {color:#CCCC00;}

#extradiv1{	background-color:#CCCC00; width:100%;	height:6px; bottom:0px; left:0px; float:left; z-index:1;}
#extradiv2{	background-color:#E60004;	width:100%;	height:6px; bottom:0px; left:0px; float:left; z-index:1;}
#extradiv3{	background-color:#CCCC00; width:30px;	height:30px; top:0px; left:0px; float:left; z-index:3;}
#extradiv4{	background-color:#CCCC00;	width:30px;	height:30px; top:0px; right:0px; float:right; z-index:4;}

.naam_oneliner {
	font-size: 11px;
	color:#FFFFFF;
	font-style: italic;
	line-height: 1em;
	margin-bottom: 15px;
}
.functie_oneliner {
	font-size: 14px;
	color:#FFFFFF;
	font-weight:bold;
	line-height: 1em;
	margin-bottom: 15px;
}
.oneliner{
	font-size: 13px;
	color:#FFFFFF;
	line-height: 1em;
	margin-bottom: 5px;
}