/* General page properties */                            

HTML {

  align: center;
  height: 100%;
}

BODY {
  
  align: center;
  margin: 0;
  font-family: Georgia;
  font-size:12px;
  height: 100%; 
  min-width:950px;
}

IMG {

  border: none;
}

A {

  color: #000000;
  font-weight: bold;
  text-decoration: none;
}

A:hover {

  text-decoration: underline;
}

.copyrightbox {

  display: block;
  width: 100%;
  position: absolute;
  top: -30px;
}

.copyright {

  float: right;
  display: block;
  width: 437px;
  text-align: center;  
}

/* Main lay-out properties */

#container {

  width: 950px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

#content {

  width: 950px;
  background-image: url("../img/stok.jpg");  
}

#content_wrapper {

  float: right;
  width: 708px;
}

#thumbs_column {

  float:left;
  width:270px; 
  z-index: 2;  
}

#content_column {

  float:right;
  width:437px;
}

#letter_p {

  position: absolute;
  top:0px;
  left:0;
  width:310px;
  height: 330px;
  margin:0;
  padding:0;
  background-image: url("../img/p1.jpg");
}

#header {

  position: absolute;
  top:0px;
  right:0;
  width:437px;
  height: 146px;
  margin:0;
  padding:0;
  background-image: url("../img/header.jpg");
}

#footer {

  clear: both;
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  height:41px;
  padding:0;
  text-align:center;
  z-index: 1;
}

#footer_content {

  width: 950px;
  margin-left: auto;
  margin-right: auto;
  min-height: 41px;
  position: relative;
  background-image: url("../img/footer.gif");   
  background-repeat: no-repeat;
}

/* Specific content properties */

.bloc {

  margin-bottom:0px;
  margin-top: 24px;
  margin-left: 0px;  
  text-align: left;
  cursor: pointer;
}

#contact_and_login {

  width: 437px;
  margin-top: 24px;  
}

.contact-bloc {

  width: 274px; 
  float: left;
  cursor: pointer;  
}

.portfolio-text-bloc {

  width: 270px; 
  float: left;
  cursor: pointer;  
}

.login-bloc {

  float: right;  
  text-align: left;
  cursor: pointer;
}

.bloc-portfolio {

  float: left;  
  text-align: left;
  cursor: pointer;  
}


#bloc-title {

  width: 100%  - 5px;
  color: #9d9d9d; 
  display: block;
  font-size: 14px;
  height: 18px;  
  position: relative;
  padding-left: 6px;
  padding-top: 1px;
  background: transparent url("../img/pijl.gif") no-repeat right top;  
}

#bloc-title:hover {

  background-color: #d4d4d4; 
}

#filter {

  display: block;
  height: 18px;
  width: 429px;
  margin-top: 24px;
  background-color: #e2e2e2;
  color: #a09d9d;  
  padding-left: 6px;
  padding-top: 1px;
}


#filter A {

  font-size: 14px;
  color: #9d9d9d;
  font-weight: normal;
}

#filter A:hover {

  color: #000000;
  font-weight: normal;
  text-decoration: underline;
}

#emptybar {

  display: block;
  width: 454px;
  height: 19px;
  position: absolute;
  top: 0px;
  right: 0px;
  text-align: right;
  background-color: #e2e2e2;  
  color: #000000;
  font-size: 16px;
  padding-right: 8px;
  font-weight: bold;
}

#emptybar A {

  font-weight: normal;
  font-size: 14px;
}

.image {

  position: absolute;
  top: 43px;
  right: 0px;
}

#thumbnails {

  display: block;
  height: 84px;  
  width: 247px;
  text-align: right;
}

.thumbnail {

  display: block;
  width: 66px;
  height: 66px;
  background-color: #e2e2e2;
  margin-top: 24px;
  margin-left: 24px;
  float: right;
}

.thumbnail-left {

  display: block;
  width: 66px;
  height: 66px;
  background-color: #e2e2e2;
  margin-top: 24px;
  float: right;
}

#image_inside_info_left {

  float: left;
  margin-right: 15px;
  margin-bottom: 5px;
}

#image_inside_info_right {

  float: right;
  margin-left: 15px;
  margin-bottom: 5px;  
}


/* General admin page properties */

#admin_body {

  float: right;
  width: 650px;
  text-align: right;
}

TABLE.overview {

  float:right;
  width:600px;
  margin-top: 24px;
  text-align: left;
}

TH.overview {

  font-size: 24px;
  text-align: center;  
}

#addlink {

  clear: both;
  float: right;
  display: block;
  width: 600px;
  text-align: left;
  margin-top: 24px;
}


/* Admin login form and basic form properties */

#login {

  float:right;
  display: block;  
  height: 400px;
  width:437px;
  margin-top: 24px;
  text-align: left;  
}

.form-mainbody {

  display: block;  
  height: 400px;
  width:437px;
}

.extratext {

  margin-bottom: 24px;
}

.back-link {

  clear: both;
}

.form-label {

  display: block;
  float: left;
  width: 110px;
  margin-bottom: 8px;  
}

.form-inputfield-box, .form-textarea {

  display: block;
  float: right;
  width: 327px;
  padding: 0;
  margin: 0;
  margin-bottom: 8px;
}

.errormsg {

  margin-top: 24px;
  color: red;
}

.bottom_of_form {

  clear: both;
}


/* Admin modify project form properties */

#modifyproject {

  float:right;
  display: block;  
  height: 400px;
  width:600px;
  margin-top: 24px;
  text-align: left;  
}

#date, #label, #title, #text, #type, #client, #show_project, #url, #sort_order {

  clear: both;
}

#modifyproject .small {

  font-size: 10px;
}

/* Admin modify content form properties */

#modifycontent {

  float:right;
  display: block;  
  height: 400px;
  width:600px;
  margin-top: 24px;
  text-align: left;  
}

#titel, #contenttext {

  clear: both;
}


/* Contact form */

#contactform {

  width: 250px;
  height: 250px;
}

#contactform .form-mainbody {

  display: block;  
  min-height: 250px;
  width:250px;
}

#contactform .extratext {

  margin-bottom: 24px;
}

#contactform .back-link {

  clear: both;
}

#contactform .form-label {

  width: 250px;
  float: none;
  margin-bottom: 8px;  
}

#contactform .form-inputfield-box {

  float: none;
}

#contactform .form-textarea {

  float: none;
}

#name INPUT, #email INPUT, #bericht TEXTAREA {

  width: 248px;
  background-color: #e2e2e2;
  border: solid 1px #000000;
}

#contactform TEXTAREA {

  height: 80px;
}

#contactform .errormsg {

  margin-top: 0px;
  color: red;
}