/*
Author: AdvertBanner
Author URI: http://www.advertbanner.com/
*/ 

/*-----------------------------------------------------------------------------------------------
	Algemeen
-----------------------------------------------------------------------------------------------*/	

* {
margin: 0;
padding: 0;
}

body {
font-size:85%;
color:#333;
font-family:Geneva, Arial, Helvetica, sans-serif;
background-color:#918c7e;
margin-top:0;
margin-bottom:10px;
line-height:1.3em;
padding:0;
}

h1,
h2 {
font-family:"Times New Roman", Times, serif;
color:#333;
background-color:inherit;
font-style:italic;
margin:0;
}

h1 {
font-size:22px;
}

h2 {
font-size:18px;
}

p {
margin-top:10px;
margin-bottom:10px;
}

a {
color:#333;
background-color:inherit;
text-decoration:none;
outline: none;
}

a:hover {
text-decoration:none;
}

img {
border-style:none;
border-width:0;
}

/*-----------------------------------------------------------------------------------------------
	Wrapper
-----------------------------------------------------------------------------------------------*/	

#main_wrapper {
width:1012px;
margin-right:auto;
margin-left:auto;
position:relative;
}

#content_wrapper {
background-image:url(../images/main/content_bg.jpg);
background-repeat:repeat-y;
float:left;
width:812px;
position:relative;
}

#main_wrapper #right {
float:right;
padding-top: 150px;
}

#twocolwrapper #left {
float:left;
width:812px;
position:absolute;
}

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

#advertbanner_logo {
background-image:url(../images/main/header.jpg);
height:106px;
width:812px;
float:left;
background-repeat:no-repeat;
color:#333;
background-color:inherit;
}

#advertbanner_logo .webdesign_logo {
float:left;
display:block;
width:340px;
margin-left:15px;
height:100px;
text-indent:-9999px;
}

#header {
float:left;
background-image:url(../images/main/content_bg.jpg);
background-repeat:repeat-y;
width:812px;
position:relative;
}

#jumping {
background-image:url(../images/main/jump.gif);
background-repeat:no-repeat;
height:225px;
width:760px;
}

#jumping ul.screen {
list-style-type:none;
margin:0;
padding:0;
}

#jumping ul.screen li {
visibility:hidden;
}

#jumping ul.screen li.active {
visibility:visible;
}

/*-----------------------------------------------------------------------------------------------
	Navigatie
-----------------------------------------------------------------------------------------------*/	

#main_menu {
height:225px;
width:760px;
background-color:#009bd7;
background-image:url(../images/main/head_bg.gif);
float:left;
color:#333;
margin:75px 25px 0 27px;
}

ul.webdesign_nav {
list-style-type:none;
display:inline;
position:absolute;
width:760px;
margin:-40px 0 0;
padding:0;
}

ul.webdesign_nav li {
list-style-type:none;
float:left;
padding:0;
}

ul.webdesign_nav li h2 {
	font-style: normal;
}

ul.webdesign_nav li a {
padding-top:5px;
padding-bottom:5px;
display:block;
color:#333;
background-color:inherit;
font-family:"Times New Roman", Times, serif;
font-size:26px;
font-weight:700;
width:252px;
line-height:26px;
float:left;
text-align:center;
}

ul.webdesign_nav a.top_menu1,
ul.webdesign_nav a.top_menu2,
ul.webdesign_nav a.top_menu3 {
background-image:url(../images/main/arrow.jpg);
background-repeat:no-repeat;
}

ul.webdesign_nav a.top_menu1 {
background-position:35px 7px;
}

ul.webdesign_nav a.top_menu2 {
background-position:20px 7px;
}

ul.webdesign_nav a.top_menu3 {
background-position:50px 7px;
}

ul.webdesign_nav a.top_menu1:hover,
ul.webdesign_nav a.top_menu2:hover,
ul.webdesign_nav a.top_menu3:hover {
background-image:url(../images/main/arrow_mo.jpg);
}

ul.webdesign_nav a#top_menu1.active {
background-image:url(../images/main/arrow_mo.jpg);
background-repeat:no-repeat;

background-position:35px 7px;
}

ul.webdesign_nav a#top_menu2.active {
background-image:url(../images/main/arrow_mo.jpg);
background-repeat:no-repeat;
background-position:20px 7px;
}

ul.webdesign_nav a#top_menu3.active {
background-image:url(../images/main/arrow_mo.jpg);
background-repeat:no-repeat;
background-position:50px 7px;
}

#sub_menu1,
#sub_menu2,
#sub_menu3 {
float:left;
color:#333;
background-color:inherit;
font-size:12px;
font-weight:700;
visibility:hidden;
background-image:url(../images/main/nav_bg.png);
background-repeat:repeat-x;
list-style-type:none;
height:205px;
margin:0;
padding:10px;
}

#sub_menu1,
#sub_menu2 {
width:232px;
}

#sub_menu3 {
width:236px;
padding:10px;
}

a.overlay_sub_menu1,
a.overlay_sub_menu2 {
height: 205px;
width: 232px;
display: block;
}

a.overlay_sub_menu3 {
height: 205px;
width: 236px;
display: block;
}

.subNav {
float:left;
width:760px;
color:#999;
background-color:#fff;
margin-left:-10px;
position:relative;
height:30px;
bottom: 0px;
}

ul#subNav1,
ul#subNav2,
ul#subNav3 {
list-style-type:none;
position:absolute;
visibility:hidden;
margin:0;
padding:0;
bottom: 0px;
}

ul#subNav1 li,
ul#subNav2 li,
ul#subNav3 li {
list-style-type:none;
float:left;
margin-right:1px;
}

ul#subNav1 li a,
ul#subNav2 li a,
ul#subNav3 li a {
background-color:#faf5f1;
float:left;
display:block;
color:#999;
font-weight:700;
font-style:italic;
font-family:"Times New Roman", Times, serif;
font-size:18px;
line-height:20px;
border-bottom-width:2px;
border-bottom-style:solid;
border-bottom-color:#faf5f1;
padding:5px 5px 2px;
}

ul#subNav1 li a:hover,
ul#subNav2 li a:hover,
ul#subNav3 li a:hover,
ul#subNav1 li a.active,
ul#subNav2 li a.active,
ul#subNav3 li a.active {
background-color:#efece9;
color:#333;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #333;
}

/*-----------------------------------------------------------------------------------------------
	Drodown menu
-----------------------------------------------------------------------------------------------*/	

#quick_menu {
top:70px;
left:625px;
position:absolute;
width:170px;
z-index:100;
}

#quick_menu #dropmenu_input {
height:18px;
width:155px;
}

#quick_menu #dropmenu {
width:155px;
}

#quick_menu .selectbox_right #dropmenu_img {
position:absolute;
margin-top:1px;
background-color:#fff;
margin-left:-22px;
color:#333;
}

.lighter {
color:#999;
}

.optgroup,
.optgroup option {
color:#999;
background-color:#fff;
}

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

#bottom {
height:20px;
width:812px;
background-image:url(../images/main/bottom.jpg);
background-repeat:no-repeat;
background-position:center center;
float:left;
}

#footer {
width:812px;
font-size:10px;
color:#fff;
background-color:inherit;
float:left;
margin-bottom:10px;
padding-bottom:10px;
}

#footer ul {
list-style-type:none;
margin-right:0;
margin-left:15px;
color:#fff;
background-color:inherit;
padding-top: 0;
padding-right: 0px;
padding-bottom: 0;
padding-left: 0px;
line-height: 32px;
}

#footer ul li {
list-style-type:none;
float:left;
display:block;
margin:0;
padding:0 5px;
}

#footer ul li.last {
padding-right: 0px;
}

#footer ul li a {
color:#fff;
background-color:inherit;
border-bottom-style:none;
}

#footer ul li a:hover {
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#ccc;
}

#footer ul li.last a:hover {
border-bottom-style:none;
}

#footer .rss {
text-indent: -9999px;
display: block;
width: 25px;
background-image: url(../images/main/rss_icon.png);
background-repeat: no-repeat;
background-position: 0px 0px;
height: 25px;
}

#footer .rss:hover {
background-image: url(../images/main/rss_icon_over.png);
}

/*-----------------------------------------------------------------------------------------------
	Home pagina
-----------------------------------------------------------------------------------------------*/	

.home #twoconwrapper {
float:left;
background-color:#0c5c77;
width:740px;
display:block;
color:#fff;
margin:0 25px 0 27px;
padding:10px;
}

.home #twoconwrapper a,
.pages #twoconwrapper a {
color:#fff;
background-color:#0c5c77;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#fff;
}

.home #twoconwrapper a:hover,
.home #twoconwrapper #rightCon a {
border-bottom-style:none;
}

.home #twoconwrapper #leftCon {
float:left;
width:525px;
}

.home #twoconwrapper #leftCon strong,
.basic #twoconwrapper #leftCon strong {
font-weight: 300;
}

.home #twocolwrapper #rightCon {
float:left;
width:181px;
margin-left:10px;
}

.home h1,
.home p,
.pages h1,
.pages h2,
.pages p {
color:#fff;
background-color:inherit;
}

/*-----------------------------------------------------------------------------------------------
	Pages pagina
-----------------------------------------------------------------------------------------------*/	

.pages #twoconwrapper {
float:left;
background-color:#0c5c77;
width:740px;
display:block;
color:#fff;
margin:0 25px 0 27px;
padding:10px;
}

.pages #twoconwrapper a:hover,
.pages #twoconwrapper #rightCon a {
border-bottom-style:none;
}

.pages #twoconwrapper #leftCon {
float:left;
width:740px;
}

.pages #twoconwrapper #leftCon strong {
font-weight: 300;
}

.pages #twocolwrapper #rightCon {
float:left;
width:181px;
margin-left:10px;
}

.pages h3.quote_row {
width:700px;
background-image:url(../images/main/qouteL.gif);
background-repeat:no-repeat;
background-position:center center;
color:#fff;
background-color:inherit;
text-align:center;
font-size:16px;
float:left;
margin-top:25px;
margin-left:20px;
padding-top: 5px;
padding-bottom: 20px;
}

.pages #twoconwrapper #action_page {
height: 140px;
width: 140px;
float: right;
position: relative;
}

.pages #twoconwrapper #action_page li {
background: url(none);
text-align: center;
}

.pages #twoconwrapper #action_page a{
font-size: 12px;
background: url(../images/main/actiebutton.gif) no-repeat center center;
display: block;
width: 140px;
height: 100px;
margin-left: -12px;
padding-top: 40px;
border-bottom-style: none;
}

.pages #twoconwrapper #action_page li a:hover {
background: url(../images/main/actiebutton_mo.gif) no-repeat center center;
}

/*-----------------------------------------------------------------------------------------------
	Basis pagina
-----------------------------------------------------------------------------------------------*/	

.basic #twoconwrapper {
float:left;
width:750px;
display:block;
background-color:#efece9;
padding-bottom:10px;
padding-left:10px;
color:#333;
margin:0 25px 0 27px;
}

.basic #twoconwrapper #leftCon {
float:left;
width:706px;
margin-top:20px;
}

.basic #twocolwrapper #rightCon {
float:left;
width:181px;
margin-left:10px;
margin-top:20px;
}

.basic .wrapbanner
{
height: 825px;
position: relative;
}

#twocolwrapper #leftCon a {
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#999;
}

#twocolwrapper #leftCon a:hover {
border-bottom-color:#efece9;
}

#twocolwrapper #leftCon ul {
margin-left: 0px;
list-style-type: none;
}

#twocolwrapper #leftCon ul li {
list-style-type: none;
background-image: url(../images/main/arrow.gif);
background-repeat: no-repeat;
background-position: 0px 7px;
padding-left: 12px;
}

#twocolwrapper #leftCon ul.sitemap {
width: 235px;
float: left;
}

#twocolwrapper #leftCon ul.sitemap li.head {
margin-left: -12px;
background-image: none;
}

#twocolwrapper #leftCon ul ul{
margin-left: 10px;
}

#leftCon .project {
background-image: url(../images/main/portfolio_bg.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
height: 100px;
width: 335px;
display: block;
float: left;
margin-left: 15px;
margin-top: 25px;
}

#leftCon .project h3 {
font-weight: 400;
text-align: center;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-style: normal;
font-size: 12px;
padding: 0px;
margin: 0px;
}

#leftCon h3.tip {
color:#333;
font-weight:300;
background-color:#eef1f8;
font-size:11px;
text-align:center;
margin-top:15px;
border-left-width:6px;
border-left-style:solid;
border-left-color:#0b5c76;
padding:10px 7px;
}

#twoconwrapper #leftCon .project img{
margin-top: 3px;
}

#twoconwrapper #leftCon .project a {
height: 80px;
width: 335px;
border-bottom-width: 0px;
border-bottom-style: none;
float: left;
display: block;
}

#twoconwrapper #leftCon .project h3 a {
display: inline;
height: auto;
}

#twoconwrapper #leftCon .demo_view {
float: right;
}

#twoconwrapper #leftCon ul.portfolio_list {
margin-top: 15px;
}

#twoconwrapper #leftCon ul.portfolio_list li {
background-image: none;
margin: 0px;
padding: 0px;
font-size: 95%;
}

#twoconwrapper #leftCon ul.portfolio_list .label,
#twoconwrapper #leftCon .label {
width: 120px;
float: left;
font-weight: 700;
color: #0b5c76;
background-color:inherit;
}

#twoconwrapper #leftCon a.lightwindow,
#twoconwrapper #leftCon a.lightwindowNo {
color:#333;
background-color: #fff;
height: 247px;
width: 325px;
display: block;
float: right;
background-image: url(../images/demo/view_bg.jpg);
background-repeat: no-repeat;
background-position: center bottom;
margin-bottom: 5px;
margin-left: 5px;
margin-top: 5px;
border-bottom-style: none;
}

#twoconwrapper #leftCon a.lightwindow {
border-bottom-width: 0px;
border-bottom-style: solid;
}

#twoconwrapper #leftCon a.lightwindow img {
margin-top: 3px;
}

#twoconwrapper #leftCon .pBack {
float: left;
clear: both;
margin-top: 10px;
}

#twoconwrapper #leftCon .pBack a {
font-size: 12px;
}

.ulRSS .date,
.ulRSS a .volledig_bericht
{
font-size: 12px;
color: #999;
}

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

#banner {
float:left;
width:199px;
}

#banner h2 {
font-family: Georgia, "Times New Roman", Times, serif;
color: #3e0000;
background-color:inherit;
font-size: 18px;
padding-top: 30px;
margin-left: 10px;
font-style: normal;
width: 165px;
margin-bottom: 5px;
}

#banner h2.linkedin {
margin-bottom: -15px;
}

#banner h2.linkedin a {
border-bottom-style: none;
}

#banner p {
color: #3e0000;
background-color:inherit;
font-weight: 700;
font-size: 11px;
margin-left: 10px;
width: 165px;
margin-top: 0px;
margin-bottom: 0px;
}

#banner a {
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#3e0000;
}

#banner a:hover {
border-bottom-width:0;
border-bottom-style:none;
}

#banner ul {
list-style-type:none;
margin:0;
padding:0;
}

#banner .top {
background-image:url(../images/main/banner_top.jpg);
background-position:-7px 0;
background-repeat:no-repeat;
height:4px;
width:199px;
list-style-type:none;
margin:0 0 -17px;
padding:0;
float: left;
}

#banner .mid {
background-image:url(../images/main/banner_mid.jpg);
background-position:-7px 0;
background-repeat:repeat-y;
list-style-type:none;
height:603px;
width:199px;
margin:0;
padding:0;
float: left;
}

#banner .bottom {
background-image:url(../images/main/banner_bottom.jpg);
background-position:-7px 0;
background-repeat:no-repeat;
list-style-type:none;
height:8px;
width:199px;
margin-right:0;
margin-bottom:0;
margin-left:0;
padding:0;
float: left;
}

/*-----------------------------------------------------------------------------------------------
	Diversen
-----------------------------------------------------------------------------------------------*/	

.home h3.quote_row {
width:488px;
background-image:url(../images/main/qoute.gif);
background-repeat:no-repeat;
background-position:center center;
color:#fff;
background-color:inherit;
text-align:center;
font-size:16px;
float:left;
margin-top:25px;
margin-left:110px;
}

.home h3.quote_row .writer {
font-size:11px;
font-weight:300;
}

.question {
cursor:help;
border-bottom-width:1px;
border-bottom-style:dotted;
border-bottom-color:#ccc;
}

div.reguires_js {
font-size:11px;
font-weight:700;
color:#fff;
background-color:#c2291b;
border:1px solid #666;
width:150px;
position:absolute;
top:0;
left:40%;
z-index:100;
padding:10px;
}

/*-----------------------------------------------------------------------------------------------
	Offerteformulier
-----------------------------------------------------------------------------------------------*/	
fieldset {
border-style: none;
}

h2.offerte {
margin-bottom: 5px;
margin-top: 10px;
}

.tableW td {
text-align: left;
vertical-align: top;
}

p.quote {
color: #b41922;
border: 1px solid #b41922;
text-align: center;
padding-top: 3px;
padding-bottom: 3px;
}

.mandatory,
.mandatory02 {
color: #b41922;
}

.mandatory02 {
font-size: 10px;
}

.tdW {
width:120px;
}

.tdWb {
width:100px;
padding-left: 15px;
}

.text03 {
height:60px;
width:475px;
}

.img_info {
height:22px;
margin-left:10px;
vertical-align:top;
width:22px;
}

#popup #info,
#popup02 #info02,
#popup03 #info03,
#popup04 #info04,
#popup05 #info05 {
margin-left:525px;
margin-top:-100px;
position:absolute;
visibility:hidden;
width:175px;
z-index:20;
border-color:#333;
border-style:solid;
border-width:1px 3px 3px 1px;
padding:5px;
background: #eef1f8;
font-size: 11px;
font-style: italic;
}

/*-----------------------------------------------------------------------------------------------
	Bannerformaten
-----------------------------------------------------------------------------------------------*/	
.ad	{
color:#0b5c76;
overflow:hidden;
font-size:11px;
text-align:center;
background: #fff;
border: 1px solid #0b5c76;
}

.adON {
border-style:solid;
border-width:1px;
color:#333;
overflow:hidden;
font-size:11px;
text-align:center;
background: #eef1f8;
}

#leaderboard {
width:728px;
height:90px;
position:absolute;
top:10px;
left:0px;
}

#fullbanner	{
width:468px;
height:60px;
position:absolute;
top:110px;
left:0px;
}

#halfbanner	{
width:234px;
height:60px;
position:absolute;
top:110px;
left:494px;
}

#wideskycraper {
width:160px;
height:600px;
position:absolute;
top:190px;
left:0px;
}

#skycraper {
width:120px;
height:600px;
position:absolute;
top:190px;
left:180px;
}

#squarebutton {
width:125px;
height:125px;
position:absolute;
top:190px;
left:320px;
}

#button2 {
width:120px;
height:60px;
position:absolute;
top:190px;
left:466px;
}

#microbar {
width:88px;
height:31px;
position:absolute;
top:260px;
left:466px;
}

#button1 {
width:120px;
height:90px;
position:absolute;
top:190px;
left:607px;
}

#verticalbanner {
width:120px;
height:240px;
position:absolute;
top:230px;
left:20px;
z-index:2;
}

#squarepopup {
width:250px;
height:250px;
position:absolute;
top:500px;
left:25px;
z-index:2;
}

#largerectangle {
width:336px;
height:280px;
position:absolute;
top:335px;
left:350px;
}

#mediumrectangle {
width:300px;
height:250px;
position:absolute;
top:365px;
left:368px;
z-index:2;
}

#verticalrectangle {
width:240px;
height:400px;
position:absolute;
top:395px;
left:396px;
z-index:3;
}

#rectangle {
width:180px;
height:150px;
position:absolute;
top:425px;
left:425px;
z-index:4;
}