:hover {}
#wrapper{
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 900px;
	background-color:#fff;
}
body {
	background: url('images/background.gif') no-repeat scroll center top;
	margin:0;
	padding:0;
	font-size:13px;
	font-family: "Helvetica Neue","Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
	line-height: 15pt;
}

a, a.hover, a.active, a.visited{outline: none;}

#header {
	margin:0;
	height: 100px;
	background-image:url('images/header.jpg');
	cursor:pointer;cursor:hand;
}

#text_header {
	height: 270px;
	background-image:url('images/text_header2.png');
	/*margin-top:41px;*/
}
#titlebar {
	height: 70px;
	background-image:url('images/titlebar.png');
	}
#titlebar_portfolio {
	height: 70px;
	background-image:url('images/titlebar_portfolio.png');
	}


#titlebar_contact {
	height: 270px;
	background-image:url('images/text_header_contact.png');
}
#titlebar_tekst {
	height: 70px;
	background-image:url('images/titlebar_tekst.png');
}
#titlebar_diensten {
	height: 70px;
	background-image:url('images/titlebar_diensten.png');
}
#titlebar_webdesign {
	height: 270px;
	background-image:url('images/text_header_webdesign.png');
}
#titlebar_huisstijl {
	height: 270px;
	background-image:url('images/text_header_huisstijl.png');
}
#titlebar_tekst {
	height: 270px;
	background-image:url('images/text_header_tekst.png');
}

#titlebar_over {
	height: 70px;
	background-image:url('images/titlebar_over.png');
}


#title_balk {
	height: 22px;
	background:url('images/onzediensten.png');
	margin: 30px 0 5px 0;
	background-color:#fff;
	}
#title_balk2 {
	height: 22px;
	background:url('images/onzediensten2.png');
	margin: 30px 0 5px 0;
	background-color:#fff;
	}
.title{
	display: none;
	}
.white {
	color: #fff;
}
.aktie  {
	float:right;
	width: 80px;
	height: 90px;
	margin-top:120px;
	display: block; 
	}
.aktie a	{
	display: block;
	width: 80px;
	height: 90px;	
	}
.portfolio a {
	float:right;
	width: 172px;
	height: 50px;
	margin-top:20px;
	display: block;
	background:url('images/icon_portfolio.png');
	}

.portfolio a:hover {
	background: url('images/icon_portfolio.png') no-repeat scroll -172px 0; 
}

	
pre {
	font-size: 12px;
	font-family: "Helvetica Neue","Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
	font-weight: bold;
	color: #0d4259;
	display:inline;
	}
	

.column_diensten, .column_diensten_prijzen{
	float: left;
	float: right;
	width: 300px;
	height: 300px;
	background-color:#fff;
	margin-bottom: 100px;

}
.column_portfolio{
	float: left;
	float: right;
	width: 300px;
	height: 2550px;
	margin-bottom: 100px;
	font-size: 14px;
	background:url('images/bg_portfolio.png') no-repeat scroll center top;
}
.column_contact{
	float: left;
	float: right;
	width: 450px;
	height: 450px;
	background-color:#fff;
	margin-bottom: 100px;
}
	
.box {
	text-align: center;
	}


.box1 a	{

	height:120px;
	background:url('images/webdesign.png');
	display: block; 
	}
	
.box1 a:hover {
	background: url('images/webdesign.png') no-repeat scroll -290px 0; 
}

.box2 a	{
 
	height:120px;
	background:url('images/tekst.png');
	display: block; 
	}
	
.box2 a:hover {
	background: url('images/tekst.png') no-repeat scroll -290px 0; 
}

.box3 a	{
 
	height:120px;
	background:url('images/logo.png');
	display: block; 
	}
	
.box3 a:hover {
	background: url('images/logo.png') no-repeat scroll -290px 0; 
}


#spacer {
	clear: both;
	height: 8px;
	/*width: 900px;*/
	background:url('images/titelbalk.jpg');
	margin: 30px 0 5px 0;
	/*margin: 5px 0 5px 0;*/
	}

#ref {
	clear: both;
	height: 26px;
	qbackground-image:url('images/ref.png');
	display: block;
  background-position:center; 

	}
	
#footer {
	clear: both;
	background: url('images/background.gif');
	border-top: 1px solid #000;
	height:50px;
	color: #fff;
	text-align:center;
}

#footer a {
	color:#fff;
	}

/*MENU*/
#menu { 
	width: 100%; 
	font-size: 14px;
	height: 37px;
	background:url('images/menu_bg.gif');
	outline: none;
	}

#menu, #menu ul, #menu ul li, #menu ul li a  { 
	margin: 0;
}

#menu, #menu ul { padding: 0; }

#menu ul li a , #menu ul li  { 
	display: block; 
	float: left;
	height:35px;
	padding: 0px 10px;
}

#menu ul { 
	list-style: none; 
	overflow: hidden; 
	border-top: 1px solid #1f1f1f;
	border-bottom: 1px solid #1f1f1f;
	line-height: 30px;
}

#menu ul li { 
	padding: 0 4px 0 0px; 
	background: url('images/menu_divider.gif') no-repeat 100% 50%; 
}

#menu ul li a { 
	color: #fff; 
	font-weight: bold; 
	text-decoration: none; 
}

#menu ul li a:link, #menu ul li a:visited { 
	
}

#menu ul li a:hover, #menu ul li a:active { 
	background: #3B7E99 url('images/hover.gif') bottom center no-repeat; 
}

/*TAB*/

#tab { 
	height: 60px;
	width: 100%; 
	font-size: 12px;
	float: left;
	background:url('images/iconbar.png') no-repeat; 
	}

#tab, #tab ul, #tab ul li, #tab ul li a  { 
	margin: 0;
}

#tab, #tab ul { padding: 0; }

#tab ul li a , #tab ul li  { 
	display: block; 
	float: left;
	height:60px;
	padding: 0px 0px 0 70px;
	cursor:pointer;cursor:hand;
}

#tab ul { 
	list-style: none; 
	overflow: hidden; 
	line-height: 60px;
	
}

#tab ul li { 
	padding: 0 4px 0 0px; 
	background: url('images/tab_divider.png') no-repeat 100% 50%; 
	width: 144px;
}


#tab ul li a { 
	color: #fff; 
	font-weight: bold; 
	text-decoration: none; 
}
.column_portfolio ul li {
	list-style: none;
	margin-left: -38px;
	margin-top: -10px;
	margin-bottom: 15px;
	font-size:12px;
	font-family: "Helvetica Neue","Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
	color: #2b2c2c;
	}

.tab1 a{
	background: url('images/icon1.png');
	}
.tab1 a:hover { 
	background: url('images/icon1.png') repeat scroll -144px 0; 
}

.tab2 a{
	background: url('images/icon2.png');
	}
.tab2 a:hover{ 
	background: url('images/icon2.png') repeat scroll -144px 0;  
}

.tab3 a{
	background: url('images/icon3.png');
	background: url('images/icon3.png');
	}
.tab3 a:hover{
	background: url('images/icon3.png') repeat scroll -144px 0; 
	}


	

/*CONTENT*/

#content {
	margin: 0;
	font-size: 13px;
	text-align: left;
	}
.content_33 {
	margin: 10px;
	font-size: 13px;
	text-align:justify;
	}

.content_67 {
	float: right;
	width: 600px;
	margin: 10px;
	font-size: 13px;
	text-align:justify;
	}
.content_50 {
	float: left;
	width: 450px;
	height:210px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	margin-left: 10px;
}
.content_intro {
	float: left;
	width: 450px;
	height:170px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	margin-left: 10px;
	margin-top: 40px;
}
.content_intro h3 {
	font-size: 17px;
	}

.contact_left, .contact_right {
	margin: 10px;
	font-size: 13px;
	text-align:justify;
	}

}

.content_50_2 {
	float: left;
	width: 450px;
	height:510px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	margin-left: 10px;
}



/*:focus
{
  -moz-outline-style: none;
}
*/


p img {
border:1px solid #000;
max-width:100%;
padding:0;
}

.column_diensten h2, .column_diensten_prijzen h2,  .column_contact h2{
color:#27566A;
font-size: 20px;
font-weight: bold;
}
.column_diensten i, .column_diensten_prijzen i {
color:#27566A;
}

h2 {
color:#fff;
font-size: 20px;
font-weight: bold;
}
.column_diensten li {
list-style: none; 
list-style-position: outside;
padding-left: 10px;
margin-left: -18px;
font-size:12px;
color: #275669;
list-style-image: url('images/icon.png');
}

.column_diensten_prijzen li {
list-style: none; 
list-style-position: outside;
padding-left: 10px;
margin-left: -18px;
font-size:12px;
color: #275669;
list-style-image: url('images/icon_price.png');
}

label {
float:left;
margin-right:10px;
width:70px;
height: 20px;
}

fieldset li {
list-style-type:none;
}

fieldset li {
clear:left;
float:left;
padding:0 0 5px 1px;
width:100%;
}
fieldset {
float: left;
clear: left;
border: 1px solid #BFBAB0;
background: url('images/bg_contact.gif');
margin-top: 15px;
height:320px;
}
th {
color:#333333;
font-weight:bold;
vertical-align:top;
}