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

body {
    font-family: Arial, Sans-Serif;
    color: #000;
    font-size: 13px;
}

html {
    background: #D6D3CE;
}


/* {{ Page body }} */

div#main {
    width: 800px;
    background: #000 url("http://www.oblibene.info/img/back.gif") repeat-y;
    margin: auto;
    text-align: left;
    border-bottom: 1px solid #FFF;
}

div#header {
    width: 786px;
    height: 80px;
    background: #000 url("http://www.oblibene.info/img/head.gif") repeat-x;
    margin: auto;
    text-align: left;
    color: #FFF;
}

div#header-links {
    position: absolute;
    font-size: 10px;
    line-height: 18px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #CCC;
}


div#header-links a {
  text-decoration: none;
  color: #CCC;
}

div#header-links a:hover {
  text-decoration: underline;
  color: #CCC;
}

div#header-links a:visit {
  text-decoration: none;
  color: #CCC;
}

img#header-logo {
    position: absolute;
    margin-left: 10px;
    margin-top: 20px;
}

div#header-items {
    position: absolute;
    margin-left: 607px;
    width: 156px;
    height: 43px;
    margin-top: 27px;
    background: #444;
}

div#footer {
    width: 786px;
    height: 23px;
    background: #000;
    margin: auto;
    text-align: right;
    border-top: 1px solid #FFF;
    color: #FFF;
    line-height: 23px;
    font-weight: bold;
}

div#footer span .login {
  color: #FFF;
  text-align: left;
  padding-left: 20px;
}

div#footer a {
  text-decoration: none;
  color: #FFF;
}
div#footer a:hover {
  text-decoration: none;
  color: #FFF;
}
div#footer a:visit {
  text-decoration: none;
  color: #FFF;
}

div#footer span {
    padding: 0 7px;
}

div#contents {
    margin-right: 7px;
    margin-left: 20px;
    min-height: 500px;
    height: expression(this.scrollHeight < 500 ? "500px" : "auto");   
}

div#panel-green {
    float: right;
    width: 205px;
}

div#panel-blue {
    float: right;
    width: 198px;
    margin-left: 3px;
}

div#panel-main {
    float: right;
    width: 367px
}

div#panel-main-holder{
    padding: 5px;
    padding-left: 30px;
    padding-top: 20px;
}

div#panel-main-holder{
  color: #656565;
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 10px;
}

div#panel-main-holder input{
  border: 1px #000000 solid;
  border-width: 1px;
}

div#panel-main-holder select{
  border: 1px #000000 solid;
  border-width: 1px;
}

div#panel-main-holder label{
  padding-bottom: 15px;
}

div#panel-main-holder textarea{
  border: 1px #000000 solid;
}

div#panel-main-holder .error{
  color: red;
}

div#panel-main-holder a {
  text-decoration: none;
  color: #FF8C3F;
}

div#panel-main-holder .kategorie {
  text-decoration: none;
  color: #000000;
  font-size: 13px;
}

div#panel-main-holder a:hover {
  text-decoration: underline;
  color: #FF8C3F;
}
div#panel-main-holder a:visit {
  text-decoration: none;
  color: #FF8C3F;
}

div.panel-main-header{
    font-family: serif;
    text-align: left;
    font-weight: bold;
    font-size: 20px;
    color: #d60052;
}

div#panel-green-holder {
    padding-top: 5px;
    min-height: 400px; 
    height: expression(this.scrollHeight < 400 ? "400px" : "auto");      
    background: transparent url('http://www.oblibene.info/img/green-back.gif') repeat-x top;
}

div#panel-green-holder a {
  text-decoration: none;
  color: #FFFFFF;
  padding-left: 20px; 
}

div#panel-green-holder .sipka {
  text-decoration: none;
  color: #FFFFFF;
  padding-left: 25px; 
}

div#panel-green-holder .sub {
  text-decoration: underline;
  color:  #FFD9D9;
  padding-left: 5px; 
}

div#panel-green-holder a:hover {
  text-decoration: none;
  color: #FFD9D9;
}

div#panel-green-holder a:visit {
  text-decoration: none;
  color: #FFD9D9;
}

div#panel-blue-holder {
    padding-top: 5px;
    min-height: 400px; 
    height: expression(this.scrollHeight < 400 ? "400px" : "auto");  
    background: transparent url('http://www.oblibene.info/img/blue-back.gif') repeat-x top;
}

div#panel-blue-holder a {
  text-decoration: none;
  color: #FFFFFF;
}

div#panel-blue-holder a:hover {
  text-decoration: none;
  color: #FFD9D9;
}

div#panel-blue-holder a:visit {
  text-decoration: none;
  color: #FFD9D9;
}

div.panel-green-header {
  height: 33px;
  line-height: 33px;
  background:#003602;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: #FFFFFF;
  text-align: left;
  padding-left: 20px;
}      

div.panel-blue-header {
  height: 33px;
  line-height: 33px;
  background:#0A2359;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: #FFFFFF;
  text-align: left;
  padding-left: 20px;
}  

div.panel-green-content {
  padding-left: 20px;
  font-weight: bold;
  color: #CCC;
  padding-top: 2px;
  padding-bottom: 2px;
}

div.panel-blue-content {
  padding-left: 20px;
  font-weight: bold;
  color: #FFFFFF;
  padding-top: 2px;
  padding-bottom: 2px;
}

div#add-note {
  text-align: right;
  color: #23549B;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 10px;
}

div#add-note a {
  text-decoration: none;
  color: #2C5CA1;
}
div#add-note a:hover {
  text-decoration: underline;
  color: #2C5CA1;
}
div#add-note a:visit {
  text-decoration: none;
  color: #2C5CA1;
}