@charset "utf-8";
/*$
Author 				:Leonoor, Ruigrok
Author 				:http://www.ruigdesign.nl/,
Email 				:hello@ruigdesign.nl,
Version 			:9.0,
Start Modificaion 	:January 08 Twenty10.
Last Modified 		:January 11 Twenty10.
$*/

/* Algemeen */
body {
	background-color:#444444;
	height:100%;
	font-family:verdana, helvetica, arial, sans-serif;
	margin:0;
	position:absolute;
	width:100%;
}
body * {
	margin:0;
	padding:0;
}
a {
	text-decoration:none;
}
a img {
	border:none;
}
#bedrijfsinformatie ul {
	bottom:15px;
	color:white;
	font-size:.65em;
	list-style-type:none;
	margin:0;
	position:absolute;
	right:30px;
	z-index:1;
}
#bedrijfsinformatie ul li {
	display:inline;
	font-size:12px;
}
#bovenbalk {
	background-color:white;
	height:95px;
	position:absolute;
	top:65px;
	width:100%;
}
.hidden {
	display:none;
}
#logo-w {
	position:absolute;
	right:0;
	top:1px;
	z-index:2;
	
}


#logo-w2 {
	position:absolute;
	right:0;
	top:1px;
	z-index:2;
	height: 153px;
}

#main {
	background-repeat:no-repeat;
	background-color:white;
	height:735px !important;/* Chaged by RUIGdesign */
	position:relative; /* Zorg dat onderliggende elementen verankerd kunnen worden. */
	/*width:800px;*/
	width:960px !important;/* Chaged by Leonoor */
	margin:0 auto;
}
#maininnercontainer {
	display:table-cell;
	position:static;
	vertical-align:middle;
}
#mainoutercontainer {
	display:table;
	height:100%;
	margin:0 auto; /* Centreer horizontaal. */
	overflow:hidden;
	position:static;
}
ul.menu {
	list-style-type:none;
}
ul.menu li a {
	color:white;
}
ul.menu li.active {
	background-color:#5276b2;
	color:white;
}
ul.menu li:hover a {
	color:#5276b2;
}
#printbutton {
	background-image:url("../images/varia/ovalen/ovaal-klein.gif");
	background-repeat:no-repeat;
	color:white;
	cursor:pointer;
	font-size:.8em;
 //font-size:12px !important;
	height:25px;
	padding:0;
	line-height:22px;
	position:absolute;
	right:15px;
	text-align:center;
	text-transform:lowercase;
	top:296px;
	width:81px;
}
#printbutton:hover {
	color:#004B95;
	background-image:url("../images/varia/ovalen/ovaal-klein.gif");
	background-position:0 -25px;
}
#printlogo {
	display:none;
}
.showPointer {
	cursor:pointer;
}
.soorten ul.menu {
	font-size:.8em;
 //font-size:12px !important;
	left:10px;
	margin:0;
	padding:1px 5px;
	position:absolute;
	text-transform:lowercase;
	top:205px;
	width:196px;
}
.soorten ul.menu a {
	display:block;
	padding-left:4px;
}
.soorten ul.menu li {
	background-image:url("../images/varia/ovalen/ovaal-op-blauw.gif");
	background-position:0 -25px;
	background-repeat:no-repeat;
	height:17px;
	margin:2px 0;
	padding:4px 5px;
}
.soorten ul.menu li:hover {
	background-image:url("../images/varia/ovalen/ovaal-op-blauw.gif");
	background-position:0 -50px;
}
.soorten ul.menu li.active {
	background-image:url("../images/varia/ovalen/ovaal-op-blauw.gif");
	background-position:0 0;
	color:white;
	padding-left:9px;
}
.soorten ul.menu li#categorie {
	color:white;
	font-weight:bold;
	padding-left:9px;
}
.soorten ul.menu li#categorie a {
	font-style:normal;
	padding-left:0px;
}
/* Contactpagina en vacaturepagina */

#contactpagina #bovenbalk, #vacaturepagina #bovenbalk {
	background-color:#5276b2;
	height:255px;
	position:absolute;
	top:0;
	width:100%;
}
#contactpagina #bedrijfsinformatie ul, #vacaturepagina #bedrijfsinformatie ul {
	display:none;
}
#contactpagina #hoofdfoto, #vacaturepagina #hoofdfoto {
	position:absolute;
	top:166px;
}
#contactpagina #hoofdfoto img, #vacaturepagina #hoofdfoto img {
	margin:0;
	padding:0;
}
#contactpagina .hoofdmenu, #vacaturepagina .hoofdmenu {
	background-color:#004B95;
	color:white;
	font-size:12px;
	position:absolute;
	text-transform:lowercase;
	text-align:left;
	top:154px;
	width:100%;
	z-index:2;
}
#contactpagina .hoofdmenu ul.menu, #vacaturepagina .hoofdmenu ul.menu {
	background-color:#004B95;
	color:white;
	padding:0px 0;
	text-transform:lowercase;
	padding-right:20px;
	position:relative;
	left:625px;
	width:325px;
	height:21px !important;
}
#vacaturepagina .hoofdmenu ul.menu {
	width:325px !important;
}
#contactpagina .hoofdmenu ul.menu li, #vacaturepagina .hoofdmenu ul.menu li {
	display:block;
	float:left;
	margin:0;
	padding:1px 6px;
	height:18px !important;
}
#vacaturepagina .hoofdmenu ul.menu li {
	margin:0 1px !important;
}
#contactpagina .hoofdmenu ul.menu li:hover, #vacaturepagina .hoofdmenu ul.menu li:hover {
	background-color:white;
	height:18px !important;
}
#contactpagina .hoofdmenu ul.menu li.active:hover, #vacaturepagina .hoofdmenu ul.menu li.active:hover {
	background-color:#5276b2;
	height:18px !important;
}
#contactpagina #hoofdtekst {
	font-size:.7em;
 //font-size:11px !important;
	left:36px;
	position:absolute;
	top:450px;
	width:728px;
}
#vacaturepagina #hoofdtekst {
	font-size:.8em;
 //font-size:12px !important;
	height:180px;
	left:36px;
	position:absolute;
	top:340px;
	width:650px;
}
#contactpagina #hoofdtekst a, #vacaturepagina #hoofdtekst a {
	color:#5276b2;
}
#contactpagina #hoofdtekst a:hover, #vacaturepagina #hoofdtekst a:hover {
	color:#004B95;
	text-decoration:underline;
}
#vacaturepagina #hoofdtekst h1 {
	font-size:1.2em;
	margin-bottom:.5em;
}
#vacaturepagina #hoofdtekst h2 {
	font-size:1em;
	margin:1em auto .5em auto;
}
#vacaturepagina #hoofdtekst ul {
	padding-left:1.5em;
	margin-bottom:.5em;
}
#contactpagina #hoofdtekst #motto, #vacaturepagina #hoofdtekst #motto {
	left:-1px;
	position:relative;
}
#contactpagina #hoofdtekst p, #vacaturepagina #hoofdtekst p {
	margin-bottom:.5em;
	font-size:12px;
}
#contactpagina #logo, #vacaturepagina #logo {
	height:50px;
	left:660px;
	position:absolute;
	top:90px;
}
#contactpagina #logo-w, #vacaturepagina #logo-w {
	left:0;
}

#contactpagina #logo-w2, #vacaturepagina #logo-w2 {
	left:0;
}

#contactpagina #main, #vacaturepagina #main {
	background-color:white;
}
#vacaturepagina #sollicitatieformulier h2 {
	border-bottom:1px solid;
	margin:2em auto;
}
#vacaturepagina #sollicitatieformulier label.verplicht {
	font-weight:bold;
}
#vacaturepagina #sollicitatieformulier p {
	clear:both;
	margin:1em auto;
}
#vacaturepagina #sollicitatieformulier ul.verplicht {
	font-weight:bold;
	height:1.5em;
	list-style-type:none;
	margin:0;
	padding:0;
	position:relative;
}
#vacaturepagina #sollicitatieformulier ul li {
	position:absolute;
	top:0;
}
#vacaturepagina #sollicitatieformulier li.diploma {
	left:410px;
}
#vacaturepagina #sollicitatieformulier .jaar {
	width:100px;
}
#vacaturepagina #sollicitatieformulier p.huidige_opleiding {
	padding-top:1em;
}
#vacaturepagina #sollicitatieformulier .opleiding {
	width:300px;
}
#vacaturepagina #sollicitatieformulier li.opleiding {
	left:110px;
}
#vacaturepagina #sollicitatieformulier #ervaring label, #vacaturepagina #sollicitatieformulier #persoonlijk label {
	float:left;
	width:150px;
}
#vacaturepagina #sollicitatieformulier #ervaring input, #vacaturepagina #sollicitatieformulier #persoonlijk input {
	width:300px;
}
#vacaturepagina #sollicitatieformulier #persoonlijk input.radiobutton {
	width:auto;
}
#vacaturepagina .soorten ul.menu {
	left:745px;
	padding:1px 5px;
	position:absolute;
	text-transform:lowercase;
	top:436px;
	width:196px;
}
#vacaturepagina .soorten ul.menu a {
	padding-right:9px;
}
#vacaturepagina .soorten ul.menu li {
	background-image:url("../images/varia/ovalen/ovaal-op-wit.gif");
	text-align:right;
	background-position:0 -25px;
}
#vacaturepagina .soorten ul.menu li:hover {
	background-image:url("../images/varia/ovalen/ovaal-op-wit.gif");
	background-position:0 -50px;
}
#vacaturepagina .soorten ul.menu li.active {
	background-color:white;
	background-image:url("../images/varia/ovalen/ovaal-op-wit.gif");
	background-position:0 0;
	padding-right:14px;
}
.scroll-pane {
	width:100%;
	height:100%;
	overflow:auto;
}
/* Home */

#foto1 {
	/*height:57px;*/
	height:68px;/* Chaged by Leonoor */
	left:408px;
	position:absolute;
	/*top:298px;*/
	top:341px;/* Chaged by Leonoor */
	/*width:107px;*/
	width:129px;/* Chaged by Leonoor */
}
#foto2 {
	/*height:57px;*/
	height:68px;/* Chaged by Leonoor */
	left:408px;
	position:absolute;
	top:413px;/* Chaged by Leonoor */
	/*width:107px;*/
	width:129px;/* Chaged by Leonoor */
}
#foto3 {
	/*height:57px;*/
	height:68px;/* Chaged by Leonoor */
	left:542px;
	position:absolute;
	top:341px;/* Chaged by Leonoor */
	/*width:107px;*/
	width:129px;/* Chaged by Leonoor */
}
#foto4 {
	/*height:57px;*/
	height:68px;/* Chaged by Leonoor */
	left:542px;
	position:absolute;
	top:413px;/* Chaged by Leonoor */
	/*width:107px;*/
	width:129px;/* Chaged by Leonoor */
}
#foto5 {
	height:140px;
	position:absolute;
	right:30px;
	top:341px;/* Chaged by Leonoor */
	width:254px;
}
#home #hoofdfoto img {
	height:257px;
	left:163px;/* Chaged by Leonoor */
	position:absolute;
	top:80px;
	width:240px;/* Chaged by RUIGdesign */
}
#home #hoofdtekst {
	border:solid 2px #6c83ba;
	border-left:none;
	font-size:12px;
	height:253px;
	left:403px;
	overflow-y:auto;
	overflow-x:hidden;
	position:absolute;
	top:80px;
	width:525px;
}
#home #hoofdtekst p {
	margin:0 40px 1em 30px;
	display:block;
}
#home #hoofdtekst p.first {
	margin-top:54px;
	width:455px;
	display:block;
}
#home #logo {
	height:46px;
	/*left:136px;*/
	left:163px;/* Chaged by RUIGdesign */
	position:absolute;
	top:25px;
	width:246px;
}
li#menu_projecten a {
	background-color:#004B95;
	background-image:url("../images/varia/menuteksten/projecten.gif");
	background-repeat:no-repeat;
	/*left:136px;*/
	left:163px !important;/* Chaged by RUIGdesign */
	position:absolute;
	/*top:298px;*/
	top:341px !important;/* Chaged by RUIGdesign */
	height:68px;
	width:117px;
	z-index:2;
}
li#menu_projecten a:hover {
	background-position:0 -68px;
}
li#menu_specials a {
	background-color:#004B95;
	background-image:url("../images/varia/menuteksten/specials.gif");
	background-repeat:no-repeat;
	/*left:237px;*/
	left:286px;/* Chaged by RUIGdesign */
	position:absolute;
	/*top:298px;*/
	top:341px;/* Chaged by RUIGdesign */
	height:68px;
	width:117px;
}
li#menu_specials a:hover {
	background-position:0 -68px;
}
li#menu_vacatures a {
	background-color:#5276b2;
	background-image:url("../images/varia/menuteksten/vacatures.gif");
	background-repeat:no-repeat;
	/*left:136px;*/
	left:163px;/* Chaged by RUIGdesign */
	position:absolute;
	/*top:298px;*/
	top:413px;/* Chaged by RUIGdesign */
	height:68px;
	width:117px;
	z-index:2;
}
li#menu_vacatures a:hover {
	background-position:0 -68px;
}
li#menu_contact a {
	background-color:#5276b2;
	background-image:url("../images/varia/menuteksten/contact.gif");
	background-repeat:no-repeat;
	/*left:237px;*/
	left:286px;/* Chaged by RUIGdesign */
	position:absolute;
	/*top:298px;*/
	top:413px;/* Chaged by RUIGdesign */
	height:68px;
	width:117px;
	z-index:2;
}
li#menu_contact a:hover {
	background-position:0 -68px;
}
#onderbalk {
	background-color:#004B95;
	background-image:url("../images/varia/motto.gif");
	background-position:505px 7px;
	background-repeat:no-repeat;
	position:absolute;
	bottom:0;
	height:157px;
	width:100%;
}
#pullquote h1 {
	background-image:url(images/varia/rounded.gif);
	background-repeat:no-repeat;
	font-size:21px;
	line-height:26px;
	margin-left:-14px;
	padding-left:4px;
	padding-bottom:8px;
	position:absolute;
	/*left:338px;*/
	left:404px;/* Chaged by RUIGdesign */
	top:92px;
	background-color: #FFFFFF;
	height: 21px;
}
#home #ruiten {
	bottom:0;
	height:312px;
	left:0;
	position:absolute;
	width:230px;
}
/* Projecten & Specials */

.fotomenu img {
	height:113px;
	width:168px;
}
.fotomenu li {
	text-align:center;
}
.fotomenu li#woningbouwprojecten {
	position:absolute;
	top:295px;
	left:305px;
	width:168px;
	height:113px;
}
.fotomenu li#utiliteitsbouwprojecten {
	position:absolute;
	top:295px;
	left:495px;
}
.fotomenu li#restauratieprojecten {
	position:absolute;
	top:295px;
	left:685px;
}
.fotomenu li#onderhoudprojecten {
	position:absolute;
	top:445px;
	left:305px;
}
.fotomenu li#projectontwikkelingprojecten {
	position:absolute;
	top:445px;
	left:495px;
}
.fotomenu li#meubelmakerijprojecten {
	position:absolute;
	top:445px;
	left:685px;
}
.fotomenu li#misatangoproject {
	position:absolute;
	top:295px;
	left:305px;
}
.fotomenu li#ronaldkolkproject {
	position:absolute;
	top:295px;
	left:495px;
}
.fotomenu li#kleinoffemproject {
	position:absolute;
	top:295px;
	left:685px;
}
ul.fotomenu {
	font-size:.7em;
 //font-size:11px !important;
	list-style-type:none;
}
ul.fotomenu li a {
	color:white;
}
ul.fotomenu li a:hover {
	font-style:italic;
}
.hoofdmenu li.current {
	font-style:normal;
}
#projectpagina .hoofdmenu ul.menu, #projectenpagina .hoofdmenu ul.menu, #specialspagina .hoofdmenu ul.menu {
	background-color:#004B95;
	color:white;
	font-size:0.8em;
 //font-size:12px !important;
 //font-size:12px !important;
	margin:16px 0 0 0;
	padding:0px 0 1px 12px;
	position:absolute;
	text-transform:lowercase;
	top:144px;
	height:20px;
	width:948px;
}
#projectpagina .hoofdmenu ul.menu li, #projectenpagina .hoofdmenu ul.menu li, #specialspagina .hoofdmenu ul.menu li {
	display:block;
	float:left;
	margin:0 2px;
	padding:1px 6px;
	height:18px !important;
}
#projectpagina .hoofdmenu ul.menu li:hover, #projectenpagina .hoofdmenu ul.menu li:hover, #specialspagina .hoofdmenu ul.menu li:hover {
	background-color:white;
}
#projectpagina .hoofdmenu ul.menu li.active:hover, #projectenpagina .hoofdmenu ul.menu li.active:hover, #specialspagina .hoofdmenu ul.menu li.active:hover {
	background-color:#5276b2;
}
#projectpagina #logo, #projectenpagina #logo, #specialspagina #logo {
	height:55px;
	left:22px;
	position:absolute;
	top:89px;
	width:300px;
}
#projectpagina #main, #projectenpagina #main, #specialspagina #main {
	background-color:#5276b2;
}
#projectfoto {
	position:absolute;
	left:49px;
	top:11px;
}
#projectpagina #hoofdfoto img {
	width:396px;
	height:256px;
}
#projecttekst {
	background-color:white;
	height:620px;
	left:360px;
	position:absolute;
	top:65px;
	width:600px;
}
#specialspagina #ruiten {
	left:0;
	position:absolute;
	top:0;
}
#projecttoelichting {
	font-size:.8em;
 //font-size:12px !important;
	height:auto;
	left:85px;
	overflow:scroll;
	overflow-y:auto;
	overflow-x:hidden;
	position:absolute;
	top:295px;
	width:484px;
}
#projecttoelichting a {
	color:#5276b2;
}
#projecttoelichting a:hover {
	color:#004B95;
	text-decoration:underline;
}
#projecttoelichting h1 {
	font-size:1.3em;
	margin-bottom:0.7em;
	margin-top:0;
}
#projecttoelichting h2 {
	font-size:1em;
	font-style:italic;
	font-weight:normal;
	margin-top:0;
}
#projecttoelichting p {
	margin-bottom:1em;
}
#projecttoelichting .paginering a {
	font-weight:normal;
}