/* 

	Theme Name: W-BIT
	Theme URL: http://www.w-bit.nl/
	Description: Deze template is gemaakt in opdracht van W-bit
	Author: Denian Wielhouwer
	Version: 1.0
	Tags: two columns, fixed width
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

	Changelog:
		v0.1 - 01.01.10
		Compatible with WP 2.7
	*/




/*------------------------------*/
/* General */
/*------------------------------*/

 { margin:0; } /* alle elementen resetten, best de Yahoo! reset gebruiken of iets vergelijkbaars */


html, body {
	height:100%;
	}

div#wrapper{ min-height:100%; height:auto !important; height:100%; margin:0 auto -150px; } /* negatieve margin is gelijk aan hoogte van de footer */


body {
	background:#FFFFFF;
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #333;
	margin-top:0px;
	margin-left:0px;
	margin-bottom:0px;
	margin-right: 0px;
	bottom:0;
	}

/*------------------------------*/
/* Global Settings */
/*------------------------------*/

a 		{text-decoration:none;}
a:hover {text-decoration:underline;}

img { border:0; }
span.pipe{padding:0 2px;}
span.small{ font-size:9px; font-weight:bold; padding-left:10px;}
.com { font-size: 11px; font-weight:bold; color: #2C4345;}
form { margin:0; padding:0; }
input { border:#999 1px solid; width:400px; }
textarea { border:#999 1px solid; width:400px; }
ul , li {padding:0; margin:0;}

.clear {
	clear:both;
	width:100%;
	visibility:hidden;
	position:relative;
	}

h1 { font-size: 14px; font-weight:bold; margin: 0 0 8px 0; padding: 0; color:#006AB3; } 
h5 { font-size: 14px; font-weight:bold; margin: 0 0 8px 0; padding: 0; color:#666666; } 
h2 { font-size: 11px; font-weight:bold; margin: 0 0 8px 0; padding: 0; color: #666666; } 
h3 { font-size: 25px; font-weight:bold; margin: 0 0 8px 0; padding: 0; color: #006AB3; } 
h4 { font-size: 18px; font-weight:bold; margin: 0 0 8px 0; padding: 0; color: #666666; } 
/*------------------------------*/
/* Header */
/*------------------------------*/

div#header {
	margin:0 auto;
	width:960px;
	color:#000000;
	position: relative;
	height:103px;
	border-bottom: 1px #999999 solid;
	}

div#hlogo {
	position:absolute;
	height:44px;
	margin-top: 24px;
	}

div#navBar {
	position:absolute;
	margin-top:75px;
	}
	.main-navigation {
		font-size:13px;
		font-family: Arial, sans-serif; 
		font-weight: bold;
		z-index:10;
		}
		.main-navigation:after {
			content:".";
			height:0;
			display:block;
			clear:both;
			visibility:hidden;
			}
			.main-navigation ul {
				float:left;
				margin:0;
				list-style:none outside;
				}	 
			.main-navigation ul li {
				float:left;
				margin:0;
				padding:0 5px 0 0;
				border:0;
				}
			.main-navigation ul li a {
				position:relative;
				z-index:20;
				float:left;
				text-decoration:none;
				-moz-opacity:0.99;zoom:1;
				color:#666;
				display:block;
				padding:2px 4px 2px 4px;
				margin-right:1px;
				text-align:center;
				}	
			.main-navigation ul li a:hover,
			.main-navigation ul li a:focus,
			.main-navigation ul li.opened a {
				background:#666;				
				color:#FFF;
				}
			.main-navigation ul li.current a{ 			
				background:#666;	
				color:#FFF;
				}

/*------------------------------*/
/* Content */
/*------------------------------*/
div#content {
	margin: 0 auto;
	position: relative;
	width:960px;
	min-height:40%;
	}
#content:after {	
		content:".";
		height:0;
		display:block;
		clear:both;
		visibility:hidden;
		}
	#content a, #content a:hover {
		color:#006AB3;
		font-weight:bold;
		}

div#content-left {
	float:left;
	width: 480px;
	line-height:1.5em;
	font-size:12px;
	margin-bottom:60px;
	
}
div#content-right {
	float:right;
	width: 430px;
	line-height:1.5em;
	font-size:12px;
}
.contactform {
	margin-bottom:20px;
	padding:10px;
	border:#999 1px solid;
	background:#E8E8E8;
	width: 410px;
	}
.casesLeft {
position:relative;
float:left;
width:460px;
font-size:13px;
}

.casesRight {
position:relative;
float:right;
width:460px;
font-size:13px;
}	
.casesLeft img, .casesRight img {
border: 1px solid #999999;
}

div#pinkBackground {
	position:relative;
	margin:0;
	padding:0;
	height:315px;
	}

div#Background {
	position:relative;
	margin:0;
	padding:0;
	height:175px;
	}


.homeContent {
	position:relative;
	width:210px;
	margin-right:40px;
	float:left;
	line-height:1.5em;
	margin-bottom:60px;
	}
	.homeContentRight {
		float:right;
		width: 210px;
		position:relative;
		line-height:1.5em;
		margin-bottom:60px;
		}

.contentmenu ul { margin:0; padding:0; list-style:none;}
.contentmenu ol { margin: 0 0 0px 0;	padding : 0; list-style : none;	}
.contentmenu li { margin: 0 0 1px 0;	padding: 0 0 0 0px; }

.contentmenu {
	position:relative;
	float:left;
	width:150px;
	padding-top:10px;
	z-index: 2;
	font-size:12px;
		margin-right:40px;
	}
	.contentmenu h1 {
	font-size:15px;
	color:#006AB3;
	font-weight:bold;
	}

	.contentmenu li  {
	padding-top:10px;
	border-bottom: 1px solid #999999;
	}
	.contentmenu a {
	color:#006AB3;  
	font-weight:normal;
	text-decoration:none;
	}
	.contentmenu a:hover {
	text-decoration:underline;
	}

.maincontent {
	position:relative;
	float:left;
	width:700px;
	font-size:13px;
	padding-top:10px;

	}

		
	
/*------------------------------*/
/* Footer */
/*------------------------------*/

#footer ul { margin:0; padding:0; list-style:none;}
#footer ol { margin: 0 0 0px 0;	padding : 0; list-style : none;	}
#footer li { margin: 0 0 1px 0;	padding: 0 0 0 0px; }

div#push{ height:150px; }

div#footer{
	width:100%;
	background:#E8E8E8;
	border-top: 1px #999 solid;
	margin-top:40px;
	height:150px;
	}
	
div#bottom {
	margin:0 auto;
	width:960px;
	position:relative;
	color:#666666;
	font-size:11px;
	}
	#bottom a, #bottom a:hover {
		color:#666666;
		font-size:11px;
		}
		
div#bottomLeft {
	position:absolute;
	margin-top:10px;
	width:450px;
	padding-bottom:5px;
	left:0;
	border-right:1px #666666 dotted;
	}
	.bottomNav {
		width:130px;
		margin-right:20px;
		position:relative;
		float:left;
		}
	
div#bottomRight {
	position:absolute;
	margin-top:10px;
	right:0;
	width:490px;
	padding-bottom:5px;
	}