/******************** Reset Css ********************/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/******************** Main styles ********************/

html {
  overflow-x: hidden;
  overflow-y: scroll;
}

body {
  color:#4a4a4a;
  background-color:#ffffff;
  font-family:tahoma,arial,verdana;
  background-image:url('../images/background.jpg');
  background-position:0px 165px ;
  background-repeat:repeat-x;
  overflow-x: hidden;
  overflow-y: hidden;
}

body, html {
  margin: 0;
  padding: 0;
}

body {
  margin-bottom: 20px;
}

h1 {
  color:#ffffff;
  font-size:28px;
  font-weight:400;
  margin-left:20px;
}
h1.red {
  color: #861a1c;
}
h1.black {
  color: #000;
}
h2 {
  color:#9c2a22;
  font-size:20px;
  font-weight:400;
}
p {
  line-height:22px;
  font-size:14px;
  margin:10px 0px 10px 0px;
}

a { color:#b0b0b0; cursor: pointer;}
a:hover {color:#9c2a22;  }

a.rel, a.rel-ext {color:#000; border-bottom: 1px solid #000; }
a.rel:hover, a.rel-ext:hover { border-bottom: 0px solid #000; }

a.opvallen {color:#000; border:0 !important;}
a.opvallen img {border:0 !important;}
a.opvallen:hover { text-decoration: none; }

/******************** jQuery container ********************/

div#container-content {
  width:999px;
  margin:0px auto 0px auto;
  padding:10px 0px 0px 0px;
}

div#body-do-not-scroll {
  width:100%;
  margin:0;
  padding:0;
  overflow: hidden;
}

/******************** position styles ********************/

div#container-top {
  width:999px;
  margin:0px auto 0px auto;
}

div#header {
  width:999px;
  height:165px;
  display:block;
  
}
div#header ul#main-menu {
  margin:0px 0px 0px 20px;
  padding:130px 0px 0px 0px;
  width:500px;
  height:30px;
  list-style:none;
}
div#header ul#main-menu li {
  display:block;
  float:left;
}
div#header ul#main-menu li a {
  margin:0px 30px 0px 0px;
  color:#9c2a22;
  text-decoration:none;
  float:left;
  font-size:18px;
  outline:none;
}

div#header ul#main-menu li a#menuswitch {
  width:119px;
  height:28px;
  background-image:url('../images/menu-switch.png');
  background-position:top left;
  background-repeat:no-repeat;
  margin:-2px 0px 0px 0px;
  display:none;
}


div#logoenzo {
  margin:15px 23px 0px 0px;
  width: 425px;
  height: 140px;
  float: right;
}
div#logoenzo img#logo {
  float:right;
  border:0px;
}
div#logoenzo span#adres {
  font-size:11px;
  color:#b6b6b6;
  float:right;
}


/******************** Icons Menu ********************/

div#icons-menu {
  height:175px;
  width: 999px;
  display: block;
  padding:25px 0px 0px 0px;
  margin:0px 0px 0px -11px;
}
div#icons-menu ul#sub-menu {
  width:999px;
  height:180px;
  list-style:none;
}

div#icons-menu ul#sub-menu li {
  display:block;
  float:left;
}

div#icons-menu ul#sub-menu li a {
  margin:-5px 0px 0px 12px;
  padding:140px 0px 0px 0px;
  color:#4a4a4a;
  text-decoration:none;
  float:left;
  font-size:18px;
  width:186px;
  height:4px;
  border:0px solid #4a4a4a;
  text-align:center;
  outline:none;
}
div#icons-menu ul#sub-menu li a.last {
  margin-right: 0px;
}
div#icons-menu ul#sub-menu li a.first {
  margin-left: 20px; 
}

div#icons-menu ul#sub-menu li a#app {background-image:url('../images/icons-menu-app.png'); background-position:top left; background-repeat:no-repeat;}
div#icons-menu ul#sub-menu li a#app:hover {background-image:url('../images/icons-menu-app.png'); background-position:-186px 0px; background-repeat:no-repeat;}

div#icons-menu ul#sub-menu li a#databases {background-image:url('../images/icons-menu-databases.png'); background-position:top left; background-repeat:no-repeat;}
div#icons-menu ul#sub-menu li a#databases:hover {background-image:url('../images/icons-menu-databases.png'); background-position:-186px 0px; background-repeat:no-repeat;}

div#icons-menu ul#sub-menu li a#ontwerp {background-image:url('../images/icons-menu-ontwerp.png'); background-position:top left; background-repeat:no-repeat;}
div#icons-menu ul#sub-menu li a#ontwerp:hover {background-image:url('../images/icons-menu-ontwerp.png'); background-position:-186px 0px; background-repeat:no-repeat;}

div#icons-menu ul#sub-menu li a#mailings {background-image:url('../images/icons-menu-mailings.png'); background-position:top left; background-repeat:no-repeat;}
div#icons-menu ul#sub-menu li a#mailings:hover {background-image:url('../images/icons-menu-mailings.png'); background-position:-186px 0px; background-repeat:no-repeat;}

div#icons-menu ul#sub-menu li a#hosting {background-image:url('../images/icons-menu-hosting.png'); background-position:top left; background-repeat:no-repeat;}
div#icons-menu ul#sub-menu li a#hosting:hover {background-image:url('../images/icons-menu-hosting.png'); background-position:-186px 0px; background-repeat:no-repeat;}



/******************** Content ********************/

div.content-main {
  margin:20px 0px 15px 20px;
  width:950px;
  display:block;
}
div.content-links center {
  width: 960px;
  text-align: center;
}
div.content-links {
  margin:20px 0px 15px 20px;
  width:545px;
  float:left;
  display:block;
}
div.content-links-small {
  margin:20px 0px 15px 20px;
  width:395px;
  float:left;
  display:block;
}
div.content-rechts {
  margin:20px 0px 15px 24px;
  width:390px;
  float:left;
  display:block;
}
div.content-rechts-small {
  margin:20px 0px 15px 24px;
  width:290px;
  float:left;
}
div.content-rechts-big {
  margin:20px 0px 15px 30px;
  width:550px;
  float:left;
  display:block;
}

/******************** Portfolio ********************/

div.portfolio-item {
  width:575px;
  float:left;
  display:block;
}
div.portfolio-item h2 {margin:0px 0px 0px 0px;}
div.portfolio-item a.site {font-size:13px;} 
div.portfolio-item a:hover {}
div.portfolio-item p {margin:5px 15px 10px 0px; width:520px;}
div.portfolio-item div.skills {
  background-image:url('../images/skills-bg.jpg');
  background-position:top left;
  background-repeat:no-repeat;
  height:31px;
  display:block;
  float:left;
  background-color:#efefef;
  margin-top: 5px;
  padding:0px 0px 0px 10px;
}
div.portfolio-item div.skills span {margin:5px 7px 0px 7px; position:relative; z-index:2; height:26px; display:block; float:left; font-size:14px; color:#9c2a22;}
div.portfolio-item div.skills img {margin:0px 0px 0px -20px; position:relative; z-index:1;}

img.portfolio-img {
  margin:0px 0px 0px 11px;
}

/******************** Contact ********************/

form {
  position:relative;
  left:-10px;
  top:10px;
}

label {
  width:130px;
  height:26px;
  float:left;
  color:#9c2a22;
  font-size:17px;
  font-family:tahoma,arial;
  text-align:right;
  padding:4px 10px 0px 0px;
  /*border:1px solid black;*/
}

div.input, div.input-nobg {
  height:31px;
  width:530px;
  margin:0px 0px 10px 0px;
  display:block;
  float:right;
  /*border:1px solid green;*/
}

div.input {
  background-image:url('../images/bg-input.png');
  background-position: 142px 0px;
  background-repeat:no-repeat;
}

div#onderwerp {
  font-weight: normal;
  height: 24px;
  width: 254px;
  padding:7px 0px 0px 85px;
  float:left;
  font-size:14px;
  font-family:tahoma,arial;
  border:none;
  background-image: url('http://vakantieperiode.ipublications.net/janee.png');
  cursor: pointer;
}

.input .nulzes {
  position: relative;
  height: 0px;
  width: 0px;
  overflow: visible;
  white-space: nowrap;
  margin-top: 7px;
  margin-left: 155px;
  font-size:14px;
  font-family:tahoma,arial;
  color: #000;
}

.input .telefoonlabel {
  margin-top: -6px !important;
  white-space: nowrap;
}

.nietsover {
  display: none;
  font-weight: bold;
  color: #9c2a22;
}

input#telefoon {
 /* width: 320px !important; */
 /* margin-left: 43px !important; */
 /* margin-top: -1px !important; */
}

input#naam , input#email , input#telefoon , input#onderwerp {
  float:left;
  width:345px;
  height:18px;
  margin:5px 0px 0px 15px;
  font-size:14px;
  font-family:tahoma,arial;
  font-weight:bold;
  background-color:transparent;
  border:0px;
  outline:none;
}

div.textarea {
  height:161px;
  width:530px;
  margin:0px 0px 10px 0px;
  display:block;
  float:right;
  background-image:url('../images/bg-textarea.png');
  background-position: 142px 0px;
  background-repeat:no-repeat;
}

textarea#opmerking {
  width:345px;
  height:141px;
  margin:10px 15px 10px 15px;
  font-size:14px;
  font-family:tahoma,arial;
  font-weight:bold;
  background-color:transparent;
  overflow:auto;
  resize:none;
  outline:none;
  border:0px;
}

input#button {
  width:131px;
  height:40px;
  background-image:url('../images/bg-button.png');
  background-position:top left;
  background-repeat:no-repeat;
  border:0px;
  background-color:#ffffff;
  outline:none;
  margin:-3px 5px 0px 0px;
  font-size:14px;
  font-weight:bold;
  float:right;
  cursor:pointer;
}
input#button:hover {
  width:131px;
  height:40px;
  background-image:url('../images/bg-button.png');
  background-position:0px -41px;
  background-repeat:no-repeat;
  border:0px;
  color:#ffffff;
  outline:none;
  margin:-3px 5px 0px 0px;
  font-size:14px;
  font-weight:bold;
  float:right;
  cursor:pointer;
}

.clear {
  clear: both;
}

acronym {
  border-bottom: 1px dotted #999;
}

dl {
  
}

dt span {
  margin-right: 5px;
  float: left;
  display: block;
  width: 15px;
  clear: both;
  color: #999;
}

dt {
  font-weight: bold;
  cursor: pointer;
  display: block;
  margin-top: 4px;
}
.rel-ext {
  text-decoration: none;
}
dt:hover {
  color: #ca0000;
}

dd {
  margin-left: 20px;
  border: 1px solid #ccc;
  background-color: #f2f2f2;
  padding: 5px;
  font-size: 13px;
  margin-bottom: 10px;
}

#sent {
  display: none;
}

#sent .spaceleft, #doel .spaceleft  {
  margin-left: 200px;
  white-space: nowrap;
}

.adr {
  margin-left: 10px;
  padding-left: 10px;
  border-left: 4px solid #ccc;
}

ul.nul {
  margin: 0;
  padding: 0;
  margin-left: 20px;
}

ul.nul li {
  margin: 0;
  font-size: 14px;
  padding: 0;
  margin-left: 30px;
  margin-bottom: 8px;
}

.rechts {
  text-align: right;
}


.show {
  display: block !important;
}

.no-menu {
  background-position:0px -37px !important;
  background-repeat:repeat-x;

}