/* Stylesheet: ww_main Modified On 2012-03-21 22:49:39 */
* {
  margin : 0;
  padding : 0;
}

body {
  background: url("http://www.wwouters.nl/uploads/wwouters/images/bg_top.png") no-repeat scroll center top #FFFFFF;
  font-family: 'Rokkitt', serif;
  color : #333334;
}

a {
  color : #333334;
}

body#landing {
 -webkit-background-size: 1937px 1201px;
  background: url("http://www.wwouters.nl/uploads/wwouters/images/bg_landing.jpg") no-repeat scroll center top #FFFFFF;
}

.lichtgrijs {
  color : #abadb0;
}

div#landing-logo {
  text-align : center;
  width : 100%;
}

div#landing-categories {
  text-align : center;
  width : 100%;
}

div#landing-middle {
    font-size: 1.6em;
    font-weight: bold;
    position : absolute;
    height: 170px;
    line-height: 1.5em;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 450px;
    top : 524px;
    left : 237px;
} 

div#landing-phone {
  padding-top : 8px;
}

div#landing-websites {
    background: url("http://www.wwouters.nl/uploads/wwouters/images/bg_goone.png") no-repeat scroll center top #FFFFFF;
    height: 49px;
    padding-top: 6px;
    text-align: center;
    width: 450px;
}

div#landing-websites a {
  text-decoration : none;
}

div#landing-websites:hover {
  background-position : 10px top;
}

div#landing-photo {
  position : absolute;
  top : 688px;
  width : 100%;
  text-align : center;
}

.orange, h1 { color : #fe5900; }

h1,h2,h3,h4,h5 {
  
}

.clear {
  clear : both;
}

div#outside {
  position : relative;
  margin : 0 auto;
  width : 980px;
}

div#pagewrapper, div#footwrapper {
  margin : 0 auto;
  width : 924px;
  position : relative;
}

div#header {
  width : 100%;
  height : 341px;
  position : relative;
}

div#headertop {
  height : 299px;
  overflow : hidden;
  background-color : #6a6b6d;
}

img#pageimg, img#page_image {
  float : right;
}

img#logo {
  position : absolute;
  left : -85px;
  top : -2px
}

span#addresstop {
  position : absolute;
  top : 12px;
  left : 12px;
  color : #ffffff;
  font-weight : bold;
}

div#menubar {
  width : 100%;
  height : 29px;
  padding-top : 11px;
}

div#content-outside {
  width : 100%;
  background: url("http://www.wwouters.nl/uploads/wwouters/images/bg_content_outside.png") repeat-y fixed center top transparent;
}

/*** Google Chrome and Safari hack ***/
@media screen and (-webkit-min-device-pixel-ratio:0){
  div#content-outside {
    background-position: 49.9% top;
  }
}
div#content-inside {
  width : 100%;
  background: url("http://www.wwouters.nl/uploads/wwouters/images/bg_content_inside.png") no-repeat scroll center top transparent;
  min-height : 500px;
  position : relative;
  overflow : hidden;
}

div.colleft {
  float : left;
  padding : 60px 30px;
  width : 260px;
}

div.colright {
  float : right;
  width : 505px;
  padding : 60px 1px;
/*   overflow : hidden;*/
}

div.colright h1.pagetitle {
  height : 45px;
  padding-top : 12px;
}

div.colright h1 {
  background: url("http://www.wwouters.nl/uploads/wwouters/images/title_bg.png") no-repeat scroll left bottom transparent;
  height : 43px;
  /* overflow : hidden;*/
  font-weight : normal;
  margin-bottom : 1em;
  padding-top : 11px;
}

p {
  margin-bottom : 1.5em;
}

div.colright p {
  text-align : justify;
}

div#footer {
  width : 100%;
  background: url("http://www.wwouters.nl/uploads/wwouters/images/bg_footer_outside.png") no-repeat scroll center top #FFFFFF;
  height : 173px;
  text-align : center;
}

div#footwrapper  {
  background: url("http://www.wwouters.nl/uploads/wwouters/images/bg_footer_inside.png") repeat scroll center bottom transparent;
  height : 173px;
  position : relative;
}

div#footericons {
  position : absolute;
  right : 100px;
  top : 60px;
  width : 220px;
  height : 45px;
  background : url("http://www.wwouters.nl/uploads/wwouters/images/footer_icons.png") no-repeat scroll left top transparent;
}

span#footertext {
  display : block;
  position : absolute;
  right : 0px;
  bottom : 35px;
  text-align : right;
  padding-right : 12px;
}

img#label {
  position : absolute;
  top : 5px;
  left : 92px;
}

div#menubar {
  position : absolute;
  bottom : 5px;
  /* font-family: 'Rokkitt', serif; */
}


div#menubar ul {
  width : 100%;
  height : 36px;
  list-style : none;
  position : relative;
}

div#menubar ul li{
  display : block;
  position : relative;
  float : left;
  margin: 4px 45px;
}

div#menubar ul li a{
  display : block;
  zoom:1;
  font-size : 1.2em;
  color : #fe5900;
  text-decoration : none;
  font-weight : bold;
}

div#menubar ul li ul {
  width : 60px;
  display : block; 
  position : absolute;
  top : 30px;
  padding-left : 0;
  zoom:1;
}

div#menubar li:hover ul, div#menubar li.sfHover ul{
  
}

div#menubar ul li:hover a , div#menubar ul li.sfHover a {
  color : inherit;
}
 

div#menubar li ul li {
    background: url("http://www.wwouters.nl/uploads/wwouters/images/bg_submenu.png") no-repeat scroll left -27px transparent;
    clear: left;
    float: none;
    height: 26px;
    line-height: 26px;
    margin: 0;
    padding-left: 14px;
    position: relative;
    width: 186px;
}


div#menubar li ul li.first {
  background-position : left top;
  height : 30px;
}

div#menubar li ul li.last {
  background-position : left bottom;
  height : 36px;
}

div#menubar ul ul li a{
  display : block;
  font-size : 1.1em;
  color : #333334;
  text-decoration : none;
  font-weight : normal;
}

div#menubar ul ul li a span {

}

div#menubar ul ul li a:hover, div#menubar ul ul li a.menuactive {
  color : #fe5900;
}

div.leftphoto, div.uitgelicht {
  width : 256px;
  margin-bottom : 15px;
}

div.leftphoto-top {
  height : 4px;
  background : url("http://www.wwouters.nl/uploads/wwouters/images/bg_leftphoto_top.png") no-repeat scroll left top transparent;
}

div.leftphoto-bottom {
  height : 6px;
  background : url("http://www.wwouters.nl/uploads/wwouters/images/bg_leftphoto_bottom.png") no-repeat scroll left top transparent;
}

div.leftphoto img {
  background : url("http://www.wwouters.nl/uploads/wwouters/images/bg_leftphoto_img.png") repeat-y scroll left top transparent;
  padding: 0 5px 0 3px;
}

div.uitgelicht * {
  text-decoration : none;
}

div.uitgelicht {
  background : url("http://www.wwouters.nl/uploads/wwouters/images/bg_uitgelicht.png") no-repeat scroll left top transparent;
  border : none;
  height : 170px; 
  padding-left : 4px;
  padding-top : 4px;
}

div.uitgelicht h1 {
  color : #fe5900;
  font-size : 1.55em;
  text-transform : uppercase;
}

span.uitgelicht-title, span.uitgelicht-klik {
  display : block;
}

span.uitgelicht-title {
  color : #333334;
}

span.uitgelicht-klik {
  color : #abadb0;
  font-size : 0.8em;
}

div.uitgelicht a:hover  span.uitgelicht-klik {
  color : #fe5900;
}

div.portfolio {
  width : 244px;
  float : left;
  margin : 0 8px 8px 0;
}

div.portfolio  img{
  width : 235px;
  padding : 0 5px 0 4px;
  background : url("http://www.wwouters.nl/uploads/wwouters/images/bg_portf_img.png") repeat-y scroll left top transparent;
}


div.portfolio-top {
  height : 3px;
  background : url("http://www.wwouters.nl/uploads/wwouters/images/bg_portf_top.png") no-repeat scroll left top transparent;
}

div.portfolio-bottom {
  height : 6px;
  background : url("http://www.wwouters.nl/uploads/wwouters/images/bg_portf_bottom.png") no-repeat scroll left top transparent;
}

/*****  In text menus ******/

div.colright ul.clearfix {
  list-style-type : none;
  list-style-position : inside;
}

div.colright ul.clearfix li a {
  text-decoration : none;
  text-transform : uppercase;
  color : #abadb0;
}

div.colright ul.clearfix li a.currentpage, div.colright ul.clearfix li a:hover {
  color : #fe5900;
}

/***** projecten ******/

div.project-photo {
  width : 244px;
  float : left;
  margin : 0 8px 14px 0;
}

div.project-photo  img{
  width : 235px;
  padding : 0 5px 0 4px;
  background : url("http://www.wwouters.nl/uploads/wwouters/images/bg_portf_img.png") repeat-y scroll left top transparent;
}


div.project-photo-top {
  height : 3px;
  background : url("http://www.wwouters.nl/uploads/wwouters/images/bg_portf_top.png") no-repeat scroll left top transparent;
}

div.project-photo-bottom {
  height : 6px;
  background : url("http://www.wwouters.nl/uploads/wwouters/images/bg_portf_bottom.png") no-repeat scroll left top transparent;
}

h1.project-title {
  color : #fe5900;
  background: url("http://www.wwouters.nl/uploads/wwouters/images/bg_proj_title.png") no-repeat scroll left top transparent;
  width : 254px;
  font-weight : normal;
  margin-bottom : 1em;
  padding-top : 12px;
  font-size : 29px;
  padding-bottom : 12px;
  position : relative;
}

h1.project-title span.project-title-bottom {
      background: url("http://www.wwouters.nl/uploads/wwouters/images/bg_proj_title.png") no-repeat scroll left bottom transparent;
    bottom: 0;
    left : 0;
    display: block;
    zoom:1;
    height: 3px;
    position: absolute;
    width: 254px;
}

img.vacature-img {
  position : absolute;
  bottom : 0;
  left : 341px;
}

div#vacature-spacer {
  margin-bottom : 400px;
}

div.contact-left {
  padding-top : 40px;
  color : #ffffff;
  font-size : 1.4em;
}

div.contact-left div {
  padding-left : 60px;
}

img.contact-image {
  position : absolute;
  bottom : 0;
  left : -40px;
}

span.contact-orange {
  width : 30px;
  display : inline-block;
}


/****** contact form ******/

div.contactform label {
  display : block;
  float : left;
  width : 70px;
}

div.contactform input[type=text], div.contactform textarea {
  width : 225px;
  margin-bottom : 6px;
  background: url("http://www.wwouters.nl/uploads/wwouters/images/bg_input.jpg") no-repeat scroll left top transparent;
}

div.contactform textarea {
  height : 225px;
}

div.contactform input[type=text] {
  height : 24px;
}

div.contactform input[type=submit] {
  width : 70px;
  margin-left : 225px;
  margin-top : 16px;
}

div.fb_invalid input, div.fb_invalid textarea {
  border : 1px solid #fe5900;
}

div.error_message {
  color : #fe5900;
  font-weight : bold;
  margin-bottom : 16px;
}