html, body, div, p, td, a, input, textarea, select {
    font-family:Verdana, Arial, sans-serif;
    color:#111111;
}

p{
    font-size: 12px;
    line-height: 18px;
}

hr {
   height: 1px;
   color: #DDD;
   background-color: #DDD;
}
ul li {
  font-family:Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 14px;
}

html, body{
  padding:0;
  margin: 0;
}

html {
  height: 100.01%;
}

img {
  border:0;
}

body {
  background-image:url(../images/backgr_body.jpg);
  background-repeat:repeat-x;
  height: 100.01%;
}
#content {
  width: 960px;
  min-height: 100.00%;
  background-image:url(../images/backgr_content.jpg);
  overflow: auto;
}
#left {
  width: 232px;
  float: left;
}
#left_logo {
  height: 120px;
  background-image:url(../images/logo.jpg);
}
#left_navi {
  height: 218px;
  background-image:url(../images/backgr_nav.jpg);
}
#left_footer {
  height: 360px;
  background-image:url(../images/backgr_left_footer.jpg);
  text-align: right;
  padding: 40px 33px 0 20px;
}
#left_footer p {
  font-size: 9px;
  line-height: 12px;
  color: #999999;
}
#right {
  width: 728px;
  float: right;
}
#right_header {
  width: 728px;
  height: 68px;
  padding: 0;
}
#header_block {
  width: 50px;
  height: 68px;
  float: left;
  background-image:url(../images/header_block.gif);
  margin: 0;
  padding: 0;
}
#header_search {
  width: 678px;
  height: 38px;
  float: right;
  background-color: white;
  margin: 0;
  padding: 0;
}
#header_navi {
  width: 678px;
  height: 30px;
  float: right;
  background-image:url(../images/backgr_header_navi.gif);
  margin: 0;
  padding: 0;
}
#contentarea {
  width: 728px;
}
#content_left {
  width: 698px;
  float: left;
}
#content_r {
  width: 30px;
  height: 500px;
  background-image:url(../images/backgr_con_right_head.jpg);
  float: right;
}
#content_header_img {
  width: 698px;
  height: 270px;
}
#content_txt {
  width: 674px;
  padding: 15px 12px 15px 12px;
}

ul#metaNavigation {
    margin: 5px 29px 0 0;
    padding: 0;
    color: #FFFFFF;
    float: right;
}
ul#metaNavigation a {
    color: #FFFFFF;
    text-decoration:none;
}
ul#metaNavigation li {
    margin: 0 0 0 8px;
    padding: 0;
    display:inline;
    color: #FFFFFF;
}
ul#metaNavigation li a:hover, ul#metaNavigation li a:active  {
    color: orange;
}

/* ###################################################### */
/* ####################### NAVIGATION ################### */
/* ###################################################### */

/* Level 1 */
#left_navi ul {
    width:200px;
    margin: 0;
    padding: 118px 0 0 0;
    /*background-color:#F2F2F2;*/
    background-color:transparent;
}
#left_navi ul li {
    width:200px;
    padding:0;
    list-style-type:none;
}
#left_navi ul li a {
    display:block;
    width:200px;
    height:19px;
    line-height:19px;
    padding:0;
    font-size:13px;
    font-weight: bold;
    color:#444444;
    text-decoration:none;
    text-align: right;
}
#left_navi ul li a:hover, #left_navi ul li.active a {
    color:#fff;
}


/* good old clearfix - remember to use conditional comment for ie6 with .clearfix {height:1px;} */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* ###################################################### */
/* ####################### MAIN CONTENT ################# */
/* ###################################################### */

#content_txt h1, #content_txt h2 {
    margin:0 0 10px 0;
    padding:0;
    color:#111111;
}
#content_txt h1 {
  font-size: 14px;
    line-height:20px;
}

#content_txt h2 {
    font-size:12px;
}

#content_txt ul {
  margin-top: 5px;
}
#content_txt li {
  padding-left:0px;
  color:#111111;
  list-style-type:square;
  font-size: 12px;
  margin-bottom: 5px;
}

/* ###################################################### */
/* ####################### Kontakt Form ################# */
/* ###################################################### */
div.kontaktformular label {
    float: left;
    width: 150px;
}

div.kontaktformular input {
    vertical-align: middle;
}

div.kontaktformular p.abschicken {
    margin: 0 0 10px 220px;
}

div.kontaktformular p {
    margin: 5px 0 3px 0;
}

div.kontaktformular p.abschicken input {
    font-size: 11px;
}

div.kontaktformular input.eingabe,
div.kontaktformular textarea {
    width: 300px;
    font-family:Arial;
    color: #444444;
    font-size:12px;
    border: 1px solid #888888;
    background-color:#EEEEEE;
    padding: 2px;
}

div.kontaktformular textarea {
    height: 70px;
}

/* ###################################################### */
/* ####################### SEARCH INPUT ################# */
/* ###################################################### */
#search {
    margin:8px 0 0 480px;
    padding: 0;
    font-size:11px;
    height: 35px;
}
#search label {
    font-size:11px;
    display:block;
    float:left;
    width:44px;
    padding:2px 0 0 0;
}
#search input {
    border:1px solid #BBBBBB;
    width:120px;
    height:13px;
    font-size:10px;
}

/* ###################################################### */
/* ####################### SEARCH OUTPUT ################ */
/* ###################################################### */
#searchResults {
    margin:0 0 10px 0;
}
#searchResults p.message {
    margin:20px 0 30px 0;
}
#searchResults div.searchResultItem {
    border-bottom:1px solid #ccc;
    margin:0 0 10px 0;
    padding:0 0 10px 0;
}
#searchResults div.searchResultItem h2 {
    font-size:12px;
    margin:0 0 5px 0;
    padding:0;
    color:#0060b1;
    font-style:normal;
}
