/* --------------------------------------------------------------------------
Style Sheet
 __  __           _____ _____ _______      ________            _____ _______ 
|  \/  |   /\    / ____/ ____|_   _\ \    / /  ____|     /\   |  __ \__   __|
| \  / |  /  \  | (___| (___   | |  \ \  / /| |__       /  \  | |__) | | |   
| |\/| | / /\ \  \___ \\___ \  | |   \ \/ / |  __|     / /\ \ |  _  /  | |   
| |  | |/ ____ \ ____) |___) |_| |_   \  /  | |____   / ____ \| | \ \  | |   
|_|  |_/_/    \_\_____/_____/|_____|   \/   |______| /_/    \_\_|  \_\ |_|   
                                                                             
Site:       Dr. Grimm
Author:     Hueseyin Oener <hueseyin.oener@massiveart.com>
Version:    1.0
-------------------------------------------------------------------------- */

/* -----------------------
    General */

body {
  background-color: #fff;
  background-image: url("/website/themes/grimm/images/bg_tree.gif");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: -140px -120px;
  font-family: Verdana,Helvetica,sans-serif;
  font-size: 12px;
  line-height: 1.2em;
  color: #000;
}
 

.inner {
  width: 912px;
}

h1 {
  color: #b8c88e;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5em;
}

h2 {
  color: #000;
  font-size: 11px;
  line-height: 1.5em;
  font-weight: bold;
}
  
h3 {
  font-size: 12px;
  font-weight: bold;
  color: #e60004;
}

p {
  font-size: 12px;
  color: #000;
  padding-bottom: 1.2em;
}


/* -----------------------
    Main Container construct */
    
.main {
  height: 550px;
  border: 4px solid #fff;
  margin: 55px 0 0 68px;
  position: relative;
  z-index: 0;
}

.footer {
  margin: 0 0 0 68px;
}

/* -----------------------
    Navigation Container */
    
.nav {
  width: 146px;
  height: 550px;
  float:left;
  border-right: 4px solid #fff;
  background-image: url("/website/themes/grimm/images/pixel_trans.png");
  background-repeat: repeat;
}

.nav div {
  padding: 5px;
}

.nav .headerNav {
  margin: 30px 0 40px;
  padding: 0;
}

.nav .headerNav a {
  color: #b8c88e;
  padding: 5px 20px 5px 10px;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  display: block;
}

.nav .headerNav:hover a,
.nav .headerNav a:hover {
  background-color: #b8c88e;
  color: #fff;
}

.nav ul {
  list-style-type: none;
  padding: 5px 0 0;
}

.nav .subnavi {
  display: none;
}

.nav ul li {
  padding-top: 0.5em;
}

.nav ul li a {
  text-decoration: none;
  color: #000;
  font-weight: bold;
}

.nav ul li.selected div {
  background-color: #b8c88e;
}

.nav ul li.selected div a:hover  {
  color: #fff;
}

.nav ul li ul {
  list-style-type: none;
}

.nav ul li ul li {
  font-size: 11px;
  border-bottom: 4px solid #b8c88e;
  padding-top: 0.2em;
  padding-left: 1em;
  padding-bottom: 0.5em;
}

.nav li.selected .subnavi {
  display: block;
}

.nav ul li a:hover {
  color: #b8c88e;
}

.nav .footerNav {
  bottom: 0;
  color: #000;
  font-size: 11px;
  line-height: 1em;
  padding: 0 0 5px 5px;
  position: absolute;
  left: 0;
  z-index: 5;
}

.nav .footerNav li {
  padding: 10px 0 5px;
}

.nav .footerNav a {
  font-size: 11px;
}

/* -----------------------
    main Container */
    
.content {
  float: left;
  height: 550px;
  overflow: hidden;
  width: 762px;
}

.wrapper {
  height: 550px;
  width: 762px;
  background: url("/website/themes/grimm/images/wrap_bg.jpg") no-repeat 0 0;  
}

.content a {
  color: #fff;
  text-decoration: none;
  font-size: 12px;
}

.content .bg {
  position: absolute;
  height: 550px;
  width: 762px;
  z-index: 15;
}

/* -----------------------
    main Container Header */

.content .header {
  float: left;
  width: 146px;
  height: 550px;
  position: relative;
  border-right: 4px solid #fff;
  z-index: 20;
}

.content .header #logo {
  padding: 10px;
}


.content .header #info {
  bottom: 0;
  color: #fff;
  padding: 0 0 5px 5px;
  position: absolute;
  font-size: 9px;
  line-height: 1.2em;
}

/* -----------------------
    main Container tenor */

.content .tenor {
  float: left;
  width: 462px;
  height: 550px;
  border-right: 4px solid #fff;
  position: relative;
  z-index: 15;
}

.content .tenor .headline {
  background-color: #ebefd4;
  margin-top: 25px;
  margin-bottom: 20px;
  padding: 5px 10px;
}

.content .tenor .inner {
  width: 442px;
  padding: 0 10px;
}

.content .tenor .goahead {
  position: absolute;
  right: 10px;
  bottom: 5px;
}

.content .tenor .goahead a {
  color: #000;
}  

.content .formContainer {
  padding-left: 5px;
  padding-top: 10px;
}

.content .formContainer label {
  display: block;
  padding-bottom: 5px;
}

.content .tenor select {
  margin-bottom: 10px;
}

.content .tenor input {
  width: 125px;
}

.content .tenor textarea {
  width: 414px;
  padding: 2px;
  height: 100px;
  font-family: Verdana,Helvetica,sans-serif; 
}
  
.content .tenor .itemLeft,
.content .tenor .itemMiddle {
  float: left;
  padding-right: 14px;
  padding-bottom: 10px;
}

.content .tenor .itemRight {
  float: left;
  padding-bottom: 10px;
}

.missing {
  color: red;
}

/* -----------------------
    main Container sidebar */
    
.content .sidebar {
  float: left;
  width: 146px;
  height: 550px;
  position: relative;
  z-index: 15;
}

.content .sidebar .headline {
  background-color: #ebefd4;
  margin-top: 25px;
  padding: 5px 10px;
}

.content .sidebar .sideImage {
  margin-top: 245px;
}

.content .sidebar .divGalleryItem {
  float: left;
  overflow: hidden;
  padding: 0;
}

.content .sidebar p {
  font-size: 9px;
  padding: 30px 5px 10px;
  float: left;
}

table {
  width: 100%;
  margin-bottom: 15px;
}

table td {
  padding-right: 5px;
  vertical-align: top;
  padding-left: 5px;
  padding-bottom: 2px;
}

.invisibleTable {
  border: medium none;
}

.infoText {
  font-size: 10px;
}

/* -----------------------
    footer Container */

.footer h3 {
  padding: 5px 0 0 10px;
}