html,body{
	margin : 0;
	padding : 0;
	background-image : url(gfx/achtergrond.jpg);
	background-repeat : no-repeat;
	background-position : top center;
	background-color : #ebebeb;
}


/* //////////////////// LAYOUT \\\\\\\\\\\\\\\\\\\\ */


.container {
	margin : 0 auto;
	width : 893px;
	height : 1024px;
}

.header {
	float : left;
	width : 869px;
}

.logo {
	position : absolute;
	margin : 17px 0 0 0;
	width : 163px;
	height : 48px;
}

.legenda {
	position : absolute;
	margin : 0 0 0 619px;
	z-index : 300;
	width : 250px;
}

.legenda_content {
	float : left;
	background-color : #000000;
	color : #FFFFFF;
	padding : 15px 15px 15px 15px;
	width : 220px;
}

.legenda_bottom {
	float : left;
	text-align : right;
	width : 250px;
}

.legenda_knop {
	cursor : pointer;
}

.content {
	float : left;
	margin : 85px 0 0 0;
	padding : 0 15px 0 15px;
	width : 839px;
}

.links {
	float : left;
	margin : 0 25px 0 0;
	width : 443px;
}

.links_box {
	float : left;
	width : 443px;
}

.links_box_titel{
	float : left;
	padding : 9px 0 9px 0;
	font-size : 0;
	line-height : 0;
	width : 443px;
}

.links_box_content {
	float : left;
	background-color : #FFFFFF;
	line-height : 18px;
	padding : 15px;
	width : 413px;
}

.links_service{
	float : left;
	background-color : #FFFFFF;
	line-height : 18px;
	padding : 13px 13px 3px 13px;
	width : 417px;
}

.links_service_box_holder {
	float : left;
	width : 417px;
	height : 113px;
}

.links_service_box{
	float : left;
	background-image : url(gfx/service_box.gif);
	background-repeat : no-repeat;
	background-color : #FFFFFF;
	color : #FFFFFF; 
	line-height : 18px;
	padding : 12px 15px 12px 15px;
	width : 387px;
	height : 89px;
}

#links_box_contact{
	float: left;
	position: relative;
	width : 443px;
	height : 252px;
}

.section {
	float: left;
	overflow: hidden;
}

.draaibox {
	float: left;
	background-color :#FFFFFF;
	line-height : 18px;
	overflow: hidden;
	width: 443px;
	height : 282px;
}

.draaibox_portfolio {
	float: left;
	background-color : #FFFFFF;
	line-height : 18px;
	width : 370px;
	height : 848px;
	overflow: hidden;
}

.portfolio_content {
	float: left;
	padding : 15px 0 0 15px;
	height : 340px;
	height : 818px;
}

.contact_content1 {
	float: left;
	padding : 15px;
	height : 252px;
}

.contact_content2{
	float: left;
	background-image : url(gfx/contact_box.gif);
	background-repeat : no-repeat;
	background-position : 15px 15px;
	padding : 38px 15px 15px 15px;
	height : 252px;
}

.back,
.flip .front{
	float : left;
	display: none;
}

.flip .back {
	float : left;
	display: block;
}

.contact_links1{
	float : left;
	margin : 2px 0 -2px 0;
	cursor : pointer;
	color : #FFFFFF;
	line-height : 27px;
	width : 147px;
}

.contact_links2  {
	float : left;
	margin : 155px 0 0 0;
	cursor : pointer;
	color : #FFFFFF;
	width : 147px;
}

.contact_rechts {
	float : right;
	margin : 2px 0 -2px 0;
	width : 200px;
}

.rechts {
	float : left;
	width : 370px;
}

.rechts_box {
	float: left;
	width : 370px;
}

.rechts_box_titel{
	float : left;
	text-align : right;
	padding : 9px 0 4px 0;
	font-size : 0;
	line-height : 0;
	width : 370px;
}

#rechts_box_content {
	float: left;
	width : 370px;
	height : 848px;
}

.portfolio_box1 {
	float: left;
	background-image : url(gfx/portfolio_icon.gif);
	background-repeat : no-repeat;
	background-position : top right;
	margin : -4px 0 0 0;
	width : 340px;
}

.portfolio_box2 {
	float: left;
	background-image : url(gfx/portfolio_icon.gif);
	background-repeat : no-repeat;
	background-position : top right;
	z-index : 0;
	margin : 35px 0 0 0;
	width : 340px;
}

.portfolio_box_titel {
	float: left;
	background-image : url(gfx/portfolio_bullit.gif);
	background-repeat : no-repeat;
	background-position : 0 6px;
	padding : 0 0 7px 15px;
	font-family: Trebuchet MS;
	font-size : 16px;
	font-weight : bold;
	color : #FFFFFF;
	width : 325px;
}

.portfolio_box_links {
	float: left;
	margin : 0 8px 0 0;
	line-height : 0;
	font-size : 0;
	width : 125px;
}

.portfolio_box_rechts {
	float: left;
	margin : -6px 0 0 0;
	width : 207px;
}

.portfolio_box_meer {
	float : right;
	margin : 2px 0 0 0;
	line-height : 0;
	font-size : 0;
	z-index : 99;
	width : 66px;
	height : 22px;
}

.portfolio_box_terug {
	float : right;
	margin : 10px 0 0 0;
	line-height : 0;
	font-size : 0;
	z-index : 99;
	width : 66px;
	height : 22px;
}


.bubble1 {
	position : absolute;
	z-index : 99;
	background-image : url(gfx/bubble.png);
	background-repeat : no-repeat;
	padding : 5px 0 0 20px;
	margin : -16px 0 0 200px;
	line-height : normal;
	color : #FFFFFF;
	width : 220px;
	height : 27px;
}

.bubble2 {
	position : absolute;
	z-index : 99;
	background-image : url(gfx/bubble.png);
	background-repeat : no-repeat;
	padding : 5px 0 0 20px;
	margin : 15px 0 0 250px;
	line-height : normal;
	color : #FFFFFF;
	width : 220px;
	height : 27px;
}

.bubble3 {
	position : absolute;
	z-index : 99;
	background-image : url(gfx/bubble.png);
	background-repeat : no-repeat;
	padding : 5px 0 0 20px;
	margin : 46px 0 0 300px;
	line-height : normal;
	color : #FFFFFF;
	width : 220px;
	height : 27px;
}

.bubble4 {
	position : absolute;
	z-index : 99;
	background-image : url(gfx/bubble.png);
	background-repeat : no-repeat;
	padding : 5px 0 0 20px;
	margin : 77px 0 0 350px;
	line-height : normal;
	color : #FFFFFF;
	width : 220px;
	height : 27px;
}

.bubble_verstuurd {
	position : absolute;
	z-index : 99;
	background-color : #555555;
	line-height : 252px;
	font-weight : bold;
	filter:alpha(opacity=90);
	-moz-opacity:0.90;
	opacity:0.90;
	text-align : center;
	color : #FFFFFF;
	width : 413px;
	height : 252px;
}

.footer {
	float : left;
	margin : 21px 0 0 0;
	width : 839px;
}

 .w3cbutton3 {
  margin: 1em 0;
  width: 9em;
  border: 1px solid #ccc;
  font-family: helvetica,arial,sans-serif;
  font-size: 70%;
  font-weight: bold;
}
.w3cbutton3 a {
  display: block;
  width: 100%;
}
.w3cbutton3 a:link,
.w3cbutton3 a:visited,
.w3cbutton3 a:hover {
  background-color: #fc6;
  color: #000;
  text-decoration: none;
}
.w3cbutton3 span.w3c {
  padding: 0 0.4em;
  background-color: #fff;
  color: #0c479d;
}