* {
	margin: 0;
	padding: 0;
}

body {
	background: #FFFFFF url(../images/achter_body.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	line-height:19px;
}

form {
	background: #FFFFFF url(../images/achter_web.jpg) repeat-x;
  	width: 650px;
 	border: 1px solid #e6e6e6;
  	padding:30px 0 0 0;/*top right bottom left*/
}
form div {
 	clear: both;
  	margin-bottom: 20px;
}
form label {
  	float: left;
  	width: 100px;
  	padding-left: 22px;
  	font-weight: bold;
  	cursor: pointer;
  	cursor: hand;
}
form label.required {
  	background-image: url(../images/required.gif);
  	background-repeat: no-repeat;
  	background-position: 3px 0px;
}
form label.problem {
  	background-image: url(../images/caution.gif);
  	background-repeat: no-repeat;
  	background-position: 3px 0px;
}
form label.completed {
  	background-image: url(../images/complete.gif);
  	background-repeat: no-repeat;
  	background-position: 3px 0px;
}
div#submitdiv {
	width:435px;
  	float:left;
  	padding-top: 10px;
	text-align:right;
}
#submitdiv input:hover {
	background:#074c7e;
	color:#FFFFFF;
  	cursor: pointer;
	cursor: hand;
}
input#subject, textarea {
  	width: 300px;
}
input#email, input#phone {
  	width: 300px;
}
input#vacature, textarea {
  	width: 300px;
}
input, textarea {
  	border: 1px solid #e6e6e6;
}
input:focus, textarea:focus {
  	border: 2px solid #074c7e;
}

form input, textarea {
	padding: 2px 5px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}

h1{
	font-size: 18px;
	color:#074c7e;
	margin-top: 25px;
	margin-bottom:12px;
	font-weight:bold;
}

h2 {
	font-size: 16px;
	color:#074c7e;
	margin-top: 15px;
	margin-bottom:0px;
	font-weight:bold;
}

h3 {
	font-size: 14px;
	color:#074c7e;
	margin-top: 0px;
	margin-bottom:10px;
	font-weight: normal;
}

ul, ol {
	margin-top: 0px;
	list-style: none;
}

ul, ol {
	margin-left: 20px;
	list-style: none;
}

a img {
	border: none;
}

img.left {
	float: left;
	margin: 0 20px 0 0; /*top right bottom left*/
}

img.right {
	float: right;
	margin: 0 0 0 0px; /*top right bottom left*/
}


hr {
	display: none;
}


/* Header-----------------------------------------------------  */



#boven {
	position: absolute;
	top: 0px;
	left: 0px;
}

#header {
	background: #FFFFFF;
	width: 933px;
	height: 78px;
	margin: 0 auto; 
	border-left:solid 1px #e6e6e6;
	border-right:solid 1px #e6e6e6;
}

#header img {
	margin:17px 0px auto 43px; /*top right bottom left*/
}

#header a:hover {
	background-color:#FFFFFF;
	text-decoration: none;
}

#menuheader{
	float: right;	
	padding: 30px 40px 0px 0px; /*top right bottom left*/
	width:140px;
	height:30px;
}

#menuheader a{
	color: #074c7e;
	text-decoration:underline;
}


#menuheader a:hover {
	background-color:#074c7e;
	color: #FFFFFF;
	text-decoration: none;
}


/* Banner-----------------------------------------------------  */



#banner {
	width: 933px;
	height:188px;
	margin:0px auto 0px auto;/*top right bottom left*/
	padding: 0;
	border-left:solid 1px #e6e6e6;
	border-right:solid 1px #e6e6e6;
}

#graphic {
	height:188px;
	width:848px;
	border:solid 1px #CCCCCC;
	margin:0px auto 0px auto;/*top right bottom left*/
}



/* Menu-----------------------------------------------------  */



#menu {
	background:url(../images/menu/achter.jpg) repeat-x;
	width: 933px;
	height: 43px;
	margin: 0 auto;
	border-left:solid 1px #e6e6e6;
	border-right:solid 1px #e6e6e6;
	font-size: 0;
}

#menu ul {
	margin: 0 0 0 63px; /*top right bottom left*/
	padding: 0;
	float: left;
	list-style:none;
	line-height: normal;
	font-size: 0;
}

#menu .first
{
	background:none;
}

#menu li {
	float: left;
	list-style-type: none;
	display: inline;
	margin: 0 0 0 40px; /*top right bottom left*/
	font-size: 0;
}

#menu li a {
	float: left;
	font-size: 0;
	height: 43px;
	text-decoration:none;
}

#menu li a:hover {
	text-decoration:none;
	background:none;
}

#menu li.home a
{
	width:69px;
	background: url(../images/menu/home.jpg) right top no-repeat;
}

#menu li.home a:hover
{
	background: url(../images/menu/home_o.jpg) right top no-repeat;
}

.home #menu li.home a, .home #menu li.home a:hover
{
	background: url(../images/menu/home_o.jpg) right top no-repeat;
}

#menu li.over a
{
	width:111px;
	background: url(../images/menu/over.jpg) right top no-repeat;
}

#menu li.over a:hover
{
	background: url(../images/menu/over_o.jpg) right top no-repeat;
}

.over #menu li.over a, .over #menu li.over a:hover
{
	background: url(../images/menu/over_o.jpg) right top no-repeat;
}

#menu li.dienst a
{
	width:95px;
	background: url(../images/menu/diensten.jpg) right top no-repeat;
}

#menu li.dienst a:hover
{
	background: url(../images/menu/diensten_o.jpg) right top no-repeat;
}

.dienst #menu li.dienst a, dienst #menu li.dienst a:hover
{
	background: url(../images/menu/diensten_o.jpg) right top no-repeat;
}

#menu li.portfolio a
{
	width:111px;
	background: url(../images/menu/portfolio.jpg) right top no-repeat;
}

#menu li.portfolio a:hover
{
	background: url(../images/menu/portfolio_o.jpg) right top no-repeat;
}

.portfolio #menu li.portfolio a, portfolio #menu li.portfolio a:hover
{
	background: url(../images/menu/portfolio_o.jpg) right top no-repeat;
}

#menu li.nieuws a
{
	width:83px;
	background: url(../images/menu/nieuws.jpg) right top no-repeat;
}

#menu li.nieuws a:hover
{
	background: url(../images/menu/nieuws_o.jpg) right top no-repeat;
}

.nieuws #menu li.nieuws a, nieuws #menu li.nieuws a:hover
{
	background: url(../images/menu/nieuws_o.jpg) right top no-repeat;
}

/* gradient----------------------------------------------------- */



#gradient {
	background:url(../images/gradient.jpg) repeat-x;
	width:933px;
	height:24px;
	margin: 0 auto;
	border-left:solid 1px #e6e6e6;
	border-right:solid 1px #e6e6e6;
	
}



/* Content-----------------------------------------------------  */



#content {
	width: 933px;
	margin: 0 auto;
	border-left:solid 1px #e6e6e6;
	border-right:solid 1px #e6e6e6;
}

#content ul {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-left:42px;
}

#content li {
	float: left;
	width: 253px;
	margin-right:25px;
}

#content li.first {
	padding:0;
}

a {
	color: #074c7e;
	text-decoration:underline;
}

a:hover {
	background-color:#074c7e;
	color: #FFFFFF;
	text-decoration: none;
}

#links {
	float:left;
	padding: 25px 0px 0px 42px; /*top right bottom left*/
	width: 240px;
}

#rechts {
	float: right;	
	padding: 0px 40px 0px 0px; /*top right bottom left*/
	width:611px;
}

.active {
	color: #074c7e;
	font-weight:bold;
	text-decoration:none;
}

#content #links  ul {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-left:0px;
}

#content #links  li {
	float: left;
	width: 240px;
	margin-right:0px;
}


#rechts .CollapsiblePanelTab img {
	margin-right:15px;
	float:left;
}



div#content div#rechts div.CollapsiblePanel div.CollapsiblePanelContent a.linkedin:link, div#content div#rechts div.CollapsiblePanel  div.CollapsiblePanelContent a.linkedin:visited{
	background-image:url(../images/linkedin.jpg);
	width:104px;
	height:24px;
	display: block;
	margin-bottom:10px;
	float:right;
}

div#content div#rechts div.CollapsiblePanel div.CollapsiblePanelContent a.linkedin:hover {
	background-image:url(../images/linkedin_o.jpg);
	background-color: transparent;
		}
		


#rechts .CollapsiblePanel p	{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	font-variant:normal;
	color: #074c7e;
	margin-top:0px;
	padding-top:10px;
	padding-left: 10px;
	padding-right:10px;
	letter-spacing:	0px;
	line-height:21px;
		}


.vragen{ 
    height:115px;
	color:#074c7e;
	}
	
	
#nieuwsbericht	h3 {
	color:#074c7e;
	margin-top: 0px;
	margin-bottom:10px;
	font-weight: normal;
	font-size: 14px;
	}
	
#nieuwsbericht {
	background:url(../images/portfolio/achter_tabdown.jpg) bottom repeat-x;
	border:solid 1px #e6e6e6;
	padding:15px;
}	

.datum{
	color:#999999;
}

p.error {
	color:#FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

#verzend {
  	float:center;
  	padding-top: 10px;
	text-align:right;
}


#verzend input:hover {
	background:#074c7e;
	color:#FFFFFF;
  	cursor: pointer;
	cursor: hand;
}



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



#footer {
	width:933px;
	height:200px;
	background-color:#f1f1f1;
	margin: 0 auto;
	padding:0; 
	border-left:solid 1px #e6e6e6;
	border-right:solid 1px #e6e6e6;
	border-top:solid 1px #e6e6e6;
}

#footer h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin:15px 0px 8px 42px /*top right bottom left*/
}

#footer ul {
	margin-left:34px;
}

/*#footer ul:hover {
	background: #DDDDDD;
}
*/

#footer ul li a:link, #footer ul li a:visited {
	padding: 2px 8px 2px 8px; /*top right bottom left*/
	color: #074c7e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#footer ul li a:hover{
	color: #FFFFFF;
	background: #074c7e;
	text-decoration: none;
}

.sitemap {
	float: left;
	height:auto;
	line-height:20px;
}

#contact	{
	color:#074c7e;
	margin: 0px 8px 0px 25px; /*top right bottom left*/
	padding-left:25px;
}

div#submitdiv {
	width:435px;
  	float:left;
  	padding-top: 10px;
	text-align:right;
}

/*top-----------------------------------------------------  */

#top {
	width:933px;
	height:20px;
	background-color:#f1f1f1;
	margin: 0 auto;
	border-left:solid 1px #e6e6e6;
	border-right:solid 1px #e6e6e6;
	border-bottom:solid 1px #e6e6e6;
	text-align:right;
}



/*Voorwaarden-----------------------------------------------------  */

#voorwaarden {
	width: 933px;
	margin: 0 auto;
}

#linkvoorwaarden {
	height:235px;
	margin:0px;
	vertical-align:top;
	padding:0;
}

#portfolio #linkvoorwaarden  li  {
	float:left;
	padding: 0px 0px 0px 0px; /*top right bottom left*/
	width: 480px;
}