/*******************************************************************************
  Formatierung für die Hauptelemente
  Guter Code ist wie Poesie.
*******************************************************************************/


body {
      background: #fff url("navigation/hg_hauptseite.png") top center repeat-y fixed;
      cursor: default;
      padding: 0;
      text-align: center;
    font-family : Georgia, "Times New Roman", Times, serif;
    font-size : 12px;
    color : #464646;
}

body * {
  border: none;
  font-size: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
}

#logo {
margin: 0;
text-align:center;

}

textblock {
    text-align:left;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:12px;
    letter-spacing: 1px;
    color:#333333;
    border-bottom: 1px dotted #f0f0e7;
    clear: both;
    margin: 0.5em 0.5em 0 0;
    padding-bottom: 0.2em;
    visibility: visible;
}

.h1 {

    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:24px;
    font-weight:bold;
    color:#6C90D2;
    line-height : 150%;
    letter-spacing: 1px;
}

h2 {
    background-color : #363636;
    width : 681px;
    color : #cccccc;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 10px;
    font-weight : normal;
    padding : 9px;
    margin : 0 auto;
    text-align : left;
}

/*********************************/
#navwrap {
    background-color : #7A7764;
    height: 25px;
    width : 698px;
    margin : 0 auto;
    padding : 0;
}
.break {
    clear:both;
}
/*********************************/

#container {
    background-color : #D9D5BF;
    padding : 0;
    margin : 0 auto;
    width : 698px;
    text-align : left;
    position : relative;
    border-bottom: 1px solid #848484;
}

#nav {
    text-align : center;
    margin : 0 auto;
    padding : 0;
    background-color : #7A7764;
    list-style-type : none;
}

#nav li {
    display : inline;
}

#nav li a {
    padding : 5px 17px;
    border-top : 1px solid #9E9C8C;
    border-left : 1px solid #9E9C8C;
    border-right : 1px solid #4F4D3B;
    background-color : #7A7764;
    color : #e8e8e8;
    font-weight : bold;
    text-decoration : none;
    float : left;
}

#nav li a:hover {
    border-top : 1px solid #4F4D3B;
    border-left : 1px solid #4F4D3B;
    border-right : 1px solid #7A7764;
}


/**** SECONDARY NAV ******/
#secondarynav {
    width : 180px;
    float : left;
}

#secondarynav ul {
    list-style : none;
    padding : 0;
    margin : 0;
    border : 0;
    border-right : 9px solid #B1A985 0 0;
}

#secondarynav ul li {
    padding : 8px 0px 8px 9px;
    margin : 1px 0;
    background-color : #C8C2A5;
    border-bottom : 1px solid #B1A985;
    border-right : 9px solid #B1A985;
}

#secondarynav ul li.selected {
    background-color : #C0B998;
    border-bottom : 1px solid #C0B998;
    border-right : 9px solid #C0B998;
    text-decoration: none;
}

#secondarynav ul li a {
    width : 100%;
    color : #464646;
    font-weight : bold;
    font-size : 12px;
}

#secondarynav ul li a:hover {
    width : 100%;
    color : #464646;
    font-weight : bold;
    font-size : 12px;
    text-decoration : none;
}

#secondarynav ul li.secondaryheading {
    background-color : #B1A985;
    border-bottom : 1px solid #B1A985;
    border-right : 9px solid #B1A985;
    font-family : Georgia, "Times New Roman", Times, serif;
    font-size : 12px;
    font-weight : bold;
}
/* */


#content {
    margin : 0;
    margin-left : 210px;
    padding : 16px;
    text-align : left;
    font-size : 14px;
    line-height : 135%;
    letter-spacing: 0.6px;
}

/******** GENERAL SITE STYLING *********/
a {
    color : #333333;
}

textarea {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 11px;
    border : 1px solid #999999;
}

input, select {
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size  : 11px;
    border : 1px solid #999999;
}

.fieldname {
    background-color : #C8C2A5;
    font-weight : bold;
    text-align : right;
}

.notes {
    color : #777777;
    font-style : italic;
}
