/*************************************************************************************************
 * <APPLICATIE TITEL> CSS
 *************************************************************************************************/

/*************************************************************************************************
 * STYLE RESETS
 *************************************************************************************************/
 
    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
        margin:0;
        padding:0;
    }
    
    table {
        border-collapse:collapse;
        border-spacing:0;
    }
    
    fieldset,img { 
        border:0;
    }
    
    ol,ul {
        list-style:none;
    }
    
    caption,th {
        text-align:left;
    }
    
    h1,h2,h3,h4,h5,h6 {
        font-size:100%;
        font-weight:normal;
    }
    
    abbr,acronym { 
        border:0;
    }
    
/*************************************************************************************************
 * GENERIEKE STYLES (UITSLUITEND "KALE" HTML-TAGS!)
 *************************************************************************************************/
 
    html, body {

    }
 
    body, td {
		font-family:			verdana, arial;
		font-size:				11px;
		color:#FFFFFF;
		vertical-align:top;
    }
    
    body {
    	background:				#333333 url("../images/bg_new.jpg") top left repeat-y;
		background-position:	0px 218px;
		padding:				0;
		margin:					0;
		
		
		height:					100%;
		width:					100%;
    }
    
    a:link, a:visited, a:active {
    	text-decoration:underline;
    	color: white;
    }
    
    a:hover {
    text-decoration:underline;
    color: #c6c7c3;
    }
    
    h1 {
    	font-size:				16px;
		color:					#FFFFFF;
    }
 
    h2 {
    }
    
    h3 {
    }
    
    p {
        margin-bottom: 10px;	
        font-family:			verdana, arial;
		font-size:				11px;
		color:#FFFFFF;
    }

/*************************************************************************************************
 * GLOBALE LAYOUT (STRAMIEN + ALGEMENE OPMAAK)
 *************************************************************************************************/

#container
{		
	height:218px;
	width:100%;
	background:	url("../images/bgheader_new.jpg") top left repeat-x;
	background-position: -1px 0px;
}

#container #header
{
	background:				url("../images/header_new.jpg") top left no-repeat;
	height:					218px;
	width:					100%;
}


#container #extradiv
{
	background:				url("../images/fotos.jpg") top left no-repeat;
	width:					218px;
	height:					434px;
	
	position:				absolute;
	top:					218px;
	left:					0px;
}

#container #content
{
	width:					580px;
	margin-left:			250px;
	margin-top:				10px;
	margin-bottom:			30px;
	margin-right:			30px;
	padding-bottom:			30px;
}

#container #contact
{
	width:					280px;
	margin-left:			580px;
	margin-top:				10px;
	margin-bottom:			30px;
	margin-right:			30px;
	padding-bottom:			30px;
}

#menu
{
	position:				absolute;
	top:					122px;
	left:					10px;
	overflow:visible;
	z-index:500;
}

#menu li
{
	margin-left:3px;
	margin-right:3px;
	display:inline;
	color:white;
	border-right:1px solid #FFF;
	padding-right:10px;
}

#menu ul
{
	list-style-type:		none;
	display:inline;
}

#menu a:link {
text-decoration:none; color:white; font-weight:bold;} 
#menu a:visited {
text-decoration:none; color:white; font-weight:bold;} 
#menu a:hover {
text-decoration:none; color:white; font-weight:bold;} 

#input 
{
	color:black;
}

#headerright
{
	background:				url("../images/header_right_new.jpg") top left no-repeat;
	width:					296px;
	height:					218px;
	
	position:				absolute;
	right:					0px;
	top:					0px;
}

#copyright
{
	position:				absolute;
	right:					20px;
	top:					122px;
	font-size:				11px;
	color:					#646464;
}

#homecontactpartners
{
	position:				absolute;
	left:					10px;
	top:					660px;
	font-size:				11px;
	color:					#646464;
}

#pakket
{	
	position:				absolute;
	left:					514px;
	top:					58px;
	font-size:				11px;
	color:					#FFFFFF;
}
#knoppakket
{	
	background:				url("../images/proefpakket.gif") no-repeat;
	position:				absolute;
	left:					500px;
	top:					50px;
	font-size:				11px;
	width: 					181px;
	height:					32px;
}

#contact
{
	position:				absolute;
	left:					400px;
	top:					220px;
	font-size:				11px;
	color:					#FFFFFF;
}

#copyright a:link {
text-decoration:none; color:#646464;} 
#copyright a:visited {
text-decoration:none; color:#646464;} 
#copyright a:hover {
text-decoration:none; color:#646464;} 

#homecontactpartners a:link {
text-decoration:none; color:#646464;} 
#homecontactpartners a:visited {
text-decoration:none; color:#646464;} 
#homecontactpartners a:hover {
text-decoration:none; color:#646464;} 

#pakket a:link {
text-decoration:none; color:#FFFFFF;} 
#pakket a:visited {
text-decoration:none; color:#FFFFFF;} 
#pakket a:hover {
text-decoration:none; color:#FFFFFF;} 


 
/*************************************************************************************************
 * PAGINA SPECIFIEKE LAYOUT + OPMAAK
 *************************************************************************************************/

	/*****************************************************
	 * PAGINA VOORBEELD 1
	 *****************************************************/

	/*****************************************************
	 * PAGINA VOORBEELD 2
	 *****************************************************/

/*************************************************************************************************
 * FORMULIER OPMAAK
 *************************************************************************************************/
 
 input.text
 {
 	color:					#000000;
	width: 					180px;
	height:					17px;
	
	border:					1px solid #000000;
 }
 
 select
 {
 	color:					#000000;
	width: 					180px;
	height:					17px;
	
	border:					1px solid #000000;
 }
 
 input.buttonKlant
 {
 	color:					#000000;
	width: 					180px;
	height:					17px;
	
	border:					1px solid #000000;
 }
 
 table.pusTable
 {
	border-collapse:		separate;
	border-spacing:			3;
 }
 
 textarea
 {
	color:					#000000;
	width: 					180px;
	height:					100px;
	
	border:					1px solid #000000;
 }
 
/*************************************************************************************************
 * OVERIGE OPMAAK
 *************************************************************************************************/
 
    
/*************************************************************************************************
 * MODIFIERS
 *************************************************************************************************/
 
    .spacer {
        clear: both;
    }