/*
   hermez.nl
   (c) 2008 Click This! webdevelopment
*/

* {
  margin: 0px;
  padding: 0px;
}

/* commented backslash mac IE hack \*/
html,body {
  height: 100%;
}
/* end hack */

body {
  background: #ffffff;
  font-family: Arial, Tahoma, Verdana, Sans-serif;
  font-size: 62.5%; /* 10px */ 
  color: #ffffff;
}

#picsaver {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent url('px/empty.gif') repeat 0 0;
}

#head {
  position: absolute;
  left: 450px;
  top: 450px;
  width: 525px;
  height: 45px;
  background: transparent url('/px/hermez.png') no-repeat 0 0;
}

#head h1,#head h2 {
  display:none;
}

a {
  text-decoration: none;
  outline: none;
}

#alignment {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 600px;
  min-width: 975px;
  text-align: center;
}

#container {
  text-align: center;
  position: absolute;
  left: 50%;
  top:  50%;
  height: 600px;
  width: 975px;
  margin: 0px auto;
  margin-left: -488px;
  margin-top: -300px;
  background: transparent url('/px/background01.jpg') no-repeat 0 100%;
  border: 1px solid #a7a9ac;
}

#main {
  position: absolute;
  top: 150px;
  left: 450px;
  width: 525px;
  height: 300px;
  background: #f7941e;
  text-align: left;
  overflow: auto;
}

#main h1 {
  font-size: 160%;
  font-weight: normal;
  line-height: 150%;
  padding: 15px 0 0 15px;
}

#main p {
  padding: 15px 15px 0 15px;
  font-size: 110%;
  line-height: 160%;
}

#mainmenu {
  position: absolute;
  top: 0px;
  left: 110px;
  width: 300px;
  height: 270px;
  text-align: right;
  overflow-y: auto;
}

#mainmenu ul {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 300px;
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 110%;
  color: #bcbec0;
}

#mainmenu ul li {
  line-height: 180%;
}

#mainmenu ul li a, #submenu a { color: #bcbec0; }
#mainmenu ul li a:hover, #submenu a:hover, #mainmenu ul li a.selected, #submenu a.selected { color: #808285; }

#submenu {
  position: absolute;
  top: 0;
  right: 1px;
  width: 525px;
  height: 126px;
  text-align: left;
  color: #bcbec0;
  overflow: auto;
}

#submenu table {
  width: 100%;
  height: 100%;
  border: 0;
}

#submenu table tr td {
  font-size: 110%;
  line-height: 180%;
}

#logo {
  position: absolute;
  top: 100px;
  left: 30px;
  width: 59px;
  height: 50px;
  background: transparent url('/px/logo.png') no-repeat 0 0;
}

#pagecount {
  position: absolute;
  right: 40px;
  top: 130px;
  width: 460px;
  text-align: right;
  height: 20px;
  padding-right: 10px;
  color: #bcbec0;  
  line-height: 20px;
}

#pagecount .selected {
  color: #808285;
}

#pagecount a, #pagenav a {
  color: #bcbec0;  
}

#pagecount .big {
  font-size: 150%;
  line-height: 100%;
}

#pagenav {
  position: absolute;
  width: 40px;
  right: 0;
  height: 20px;
  top: 130px;
  text-align: left;
  color: #bcbec0;  
  font-size: 150%;
  line-height: 20px;
}

#main input {
  border: 1px solid #555555;
  font-family: Arial, Tahoma, Verdana, Sans-serif;
  font-size: 100%;
  height: 15px;  
  width: 150px;
}

#main label {
  float: left;
  display: block;
  width: 150px;
  height: 15px;
}

#main textarea.contact {
  border: 1px solid #555555;
  font-family: Arial, Tahoma, Verdana, Sans-serif;
  font-size: 100%;
  width: 300px;
  height: 100px;
}

#main input.submit {
  width: auto;
  padding: 0px 5px;
  height: 20px;
}

.red {
  color: #ff0000;
}

#main ul {
  list-style: square;
  margin: 15px 0 0 35px;
  font-size: 110%;
}

#main ol {
  margin: 15px 0 0 35px;
  font-size: 110%;
}

#main a {
  color: #ffffff;
  text-decoration: underline;
}

#main #image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}