/*

	AUTHOR: Kevin Rudy Anderson
		k.anderson@ontwerpbureau3sixty.nl
		http://www.ontwerpbureau3sixty.nl

*/

/* RESET & BASIC PAGE SETUP */

* {margin: 0; padding: 0; }
html { overflow-y: scroll; }
body { background: #E1E8EF; font: 62.5% Arial; }

ul { list-style: none inside; }
p { font-size: 1.2em; line-height: 1.2em; font-family:Georgia, serif;}
h1 { margin-left: 32.5px; font-size: 2.8em; line-height: 1.2em; font-family:Georgia; font-style:normal; color:#333333; }
h2 {margin-left: 32.5px; font-size: 2.8em; line-height: 1.2em; font-family:Georgia; font-style:normal; color:#333333; }
h3 {font-size: 2.2em; line-height: 1.2em; font-family:Georgia; font-style:normal; color:#333333; }
p.h4 {font-weight:bold; margin-bottom: 20px; font-size: 1.8em; line-height: 1.2em; font-family:Georgia; font-style:normal; color:#333333; }
a { outline: none; }
a img { border: none; }
/*END RESET*/

/* LINKS */

A:link {text-decoration: none; color:#333333;}
A:visited {text-decoration: none; color:#333333;}
A:active {text-decoration: none; color:#333333;}
A:hover {text-decoration: none; background: #02bfff;}

.copyright a:link {text-decoration: none; color:#FFFFFF;}
.copyright a:visited {text-decoration: none; color:#FFFFFF;}
.copyright a:active {text-decoration: none; color:#FFFFFF;}
.copyright a:hover {text-decoration: none; background: #fb00b1;}
/* END LINKS */

/* TOOLBOX */
.floatleft {float: left; }
.floatright { float: right; }
.clear {clear: both; }
/*END TOOLBOX*/

/* STRUCTURE AND STUFF */

#page-wrap {

	width: 1015px;
	background:url(/images/background-total.png);
	margin: 0 auto;

}

#header { margin: 0 auto; background:url(/images/aksa-multidiensten-logo-header.jpg) center no-repeat; width: 950px; height: 345px;}


ul#nav {margin: 0 0 0 362px;}

	ul#nav li {display:inline;}
	
		ul#nav li a {display: block;
					 height: 117px;
					 text-indent: -9999px;
					 float:left;}
					 
		ul#nav li.home-button a {width: 127px; background:url(/images/home-nav.jpg) bottom center no-repeat;}
		
		ul#nav li.diensten-button a {width: 126px; background:url(/images/diensten-nav.jpg) bottom center no-repeat;}
				
		ul#nav li.maincontracting-button a {width: 127px; background:url(/images/maincontracting-nav.jpg) bottom center no-repeat;}
						
		ul#nav li.contact-button a {width: 128px; background:url(/images/contact-nav.jpg) bottom center no-repeat;}
								
	ul#nav li a:hover { background-position: top;}
	
#main-content-wrapper{ margin: 0 auto; width:950px; background:url(/images/wit-vlak-tekst.jpg) top left no-repeat;}

.titel-bg { margin: 0 auto; background:url(/images/aksa-multidiensten-titel-bg.jpg) center; width:950px; height:27px;}

.posts { margin: 0 auto; width: 584px; float: left;}

	p.posts {padding-bottom: 25px; padding-top: 25px; padding-left: 32.5px; width:552.5px; }
	
	.bericht {padding-bottom: 25px; padding-top: 25px; padding-left: 32.5px; width:552.5px;}

#sidebar { margin: 0 auto; width:366px; min-height: 99px; background:url(/images/aksa-multidiensten-sidebar-bg.jpg) top right no-repeat; float: right;}

.sidebar-scheidingslijn { padding-top: 35px; width: 32px; min-height: 233px; background:url(/images/sidebar-scheidingslijn.jpg) center no-repeat; float:left;}

ul#sidebar-links {margin-left: 0px; float:left; padding-top: 20px;}

	ul#sidebar-links li.titel-1 { font-weight:bold; margin-bottom: 20px; font-size: 1.8em; line-height: 1.2em; font-family:Georgia; font-style:normal; color:#333333; }

		ul#sidebar-links li.titel-2 { font-weight:bold; margin-bottom: 20px; margin-top: 20px; font-size: 1.8em; line-height: 1.2em; font-family:Georgia; font-style:normal; color:#333333; }
			ul#sidebar-links li.link {font-size: 1.4em; line-height: 1.2em; font-family:Georgia; font-style:normal; color:#333333; }
		
#fotos-sidebar{ padding-top:65px; padding-right:25px; width: 141px; height: 183px; float:left; }

.widgets-area {margin-left: 32.5px; width:333.5px; padding-top: 20px; float:right;}

.search-sidebar {margin-left: 32.5px; width:333.5px; padding-top: 20px; float:right;}

.box-wrapper{ width:950px; height:200px; margin-left: 32.5px;}

ul#vierkanten-box {margin-left: 0px;}

	ul#vierkanten-box li {display:inline;}
	
		ul#vierkanten-box li a {display: block;
					 height: 194px;
					 margin-left: 34px;
					 float:left;}
					 
		ul#vierkanten-box li.informatie a {width: 195px; background:url(/images/vierkantenbox.jpg) top center no-repeat;}
		
		ul#vierkanten-box li.opdrachtgevers a {width: 195px; background:url(/images/vierkantenbox-referenties.jpg) top center no-repeat;}
				
		ul#vierkanten-box li.offerte a {width: 195px; background:url(/images/vierkantenbox-offerte.jpg) top center no-repeat;}
						
		ul#vierkanten-box li.contact a {width: 195px; background:url(/images/vierkantenbox.jpg) top center no-repeat;}
								
	ul#vierkanten-box li a:hover { background-position: bottom;}

.tekst-box{margin-left: 10px; margin-top: 30px;}
p.tekst-box {width: 190px; height:100px;}

#footer { margin: 0 auto; width: 887px; height: 31px; background: url(/images/aksa-multidiensten-footer-lijn.jpg) no-repeat;}

.copyright {margin-left: 550px; padding-top:10px; color: #FFFFFF;}

.footer-tekst { margin: 0 auto; width: 950px; min-height:225px; margin-top:20px; background:url(/images/background-total.png) center repeat-y;}

ul#schoonmaakdiensten {float:left; margin-left: 36px; width: 195px}
	ul#schoonmaakdiensten li {font-size: 1.2em; line-height: 1.2em; font-family:Georgia, serif;}

ul#groenvoorziening {float:left; margin-left: 36px; width: 195px}
	ul#groenvoorziening li {font-size: 1.2em; line-height: 1.2em; font-family:Georgia, serif;}
	
ul#vastgoedonderhoud {float:left; margin-left: 36px; width: 195px}
	ul#vastgoedonderhoud li {font-size: 1.2em; line-height: 1.2em; font-family:Georgia, serif;}
	
ul#kantoorservice {float:left; margin-left: 36px; width: 195px}
	ul#kantoorservice li {font-size: 1.2em; line-height: 1.2em; font-family:Georgia, serif;}

/* END STRUCTURE */

.contactformulier {margin-bottom: 20px;}

/* IE BUG FIXES */

text-align: center;
text-align: left;