/*
   style.css
   CopyKlik.nl
   
   Created by Ruby Libre on 2010-11-16.
   Copyright 2010 Ruby Libre. All rights reserved.
*/
/* body */
body {
  background: url(../images/hd_bg.jpg) repeat-x scroll 0 0 #fff;
  color:#4d5350;
  font-size:12px;
  line-height:18px;
  margin: 0px;
}
/* @end */

/* container */
#container {
  margin-left: auto;
  margin-right: auto;
  width:900px;
}
/* @end */

/* header */
#header {
  height: 460px;
  position: relative;
}

h1 {
  text-align: center;
  padding:6px 0;
  margin: 0px;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 12px;
  color:#FFF;
}

h2 {
  background:url(../images/logo_ck.png) no-repeat  0 0 transparent;
  text-indent:-999em;
  height: 380px;
  width:615px;
  margin: 22px 0 28px 143px;
  position:absolute;
}

h3 {
  float: right;
  text-indent:-999em;
}

.mail {
  height:41px;
  width:86px;
  position:absolute;
  top: 372px;
  right:299px;
  margin:0px;
}

.mail a {
  background:url(../images/mail.png) no-repeat;
  float:left;
  display:block;
  width:100%;
  height:100%;
}

#twitter {
  height:41px;
  width:151px;
  position:absolute;
  top: 372px;
  right:142px;
  margin:0px;
}

#twitter a {
  background:url(../images/twitter.png) no-repeat;
  float:left;
  display:block;
  width:100%;
  height:100%;
}
/* @end */

/* teasers */

#teasers {
  height: 105px;
  width: 899px;
  margin-top: 40px;
}
/* @end */

/* diensten */

#diensten {	
  width:480px;
  border-top: 1px dotted #000;
  border-bottom: 1px dotted #000;
  margin: 38px 0 38px 203px;
  height:260px;
}

#d_top {
  background:url(../images/bg_diensten_top.jpg) no-repeat #4d5350;
  width:100%;
  height:8px;
  margin-top: 22px;
}

#online {
  background: #4d5350;
  width:150px;
  float:left;
  padding-left:10px;
}

#offline {
  background: #4d5350;
  width:150px;
  float:left;
  padding-left:10px;
}

#extra {
  background: #4d5350;
  width:140px;
  float:left;
  height:198px;
  padding-left:20px;
}

h4 {
  margin:0px;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight:bold;
  font-size:14px;
  color:#fff;
  padding-left:15px;
}

ul {
  margin:0px;
  padding:0 0 0 28px;
  color:#fff;
}

li {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

#d_bottom {
  background:url(../images/bg_diensten_bottom.jpg) no-repeat #4d5350;
  width:480px;
  height:8px;
  margin-bottom: 22px;
  float:left; 
}
/* @end */

/* over */

#over {	
  width:480px;
  height:280px;
  margin: 0 0 18px 203px;
}

#info {
  width:315px;
  margin-right:5px;
  float:left;
}

#contact {
  width:130px;
  margin-left:30px;
  float:right;
}


h5 {
  margin:0px;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight:bold;
  font-size:24px;
}	

/* @end */

/* footer */

#footer {
  border-top: 1px dotted #000;
  height:50px;
  font-size:11px;
}

#footer p a {
  text-decoration:none;	
  color:#4d5350;
  font-size:11px;
}

#footer a:hover {
  text-decoration:underline;
  color:#a2d4e0;
}

#footer .copyright {
  float:left;
}
#footer .courtesy {
  float:right;
}
/*@end */

/* misc */

p {
  margin:0px;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  padding-top:10px;
}

a {
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size:12px;
  color: #4d5350;
  text-decoration: underline;
}

a:hover {
  text-decoration:underline;
  color:#a2d4e0;
}
/*@end */