html, body {

  margin: 0;

  padding: 0;

}



html {

  background-color: #F1F1F1;

}



h1, h2, h3 {

  font-family: BasicCommercial LT, Helvetica Neue, Helvetica, sans-serif;

  color: #606060;

}



/* Head */



#head {

  /* border: 1px solid green; */

  height: 60px;

  background-color: #606060;

  float: left;

  width: 100%;

}



/* Content & Navigation */



#contentContainer {

  width: 100%;

  background-color: #F1F1F1;

}



#contentContainer #navigation {

  /* border: 1px solid red; */

  background-color: transparent;

  width: 16em;

  float: left;

  padding-top: 10px;

}



#contentContainer #content {

  border: 1px solid #FFFFFF;

  background-color: #FFFFFF;

  margin-left: 16em;

}



#contentContainer #text {

  background-color: transparent;

  padding-left: 1em;

  padding-top: 1ex;

  padding-bottom: 1ex;

  min-width: 25em;

  max-width: 35em;

  

}



#contentContainer #search {

  padding-bottom: 1em;

}



/* Footer */



#footer {

  height: 60px;

  clear: both;

  background-color: #606060;

}



#footer #footerContentLeft {}



ul#metaNavigation {

  margin: 0 0 20px 0;

  padding: 10px;

}

ul#metaNavigation li {

  margin: 0;

  padding: 0 1px 0 8px;

  display: inline;

  border-left: 1px solid #D7D7D6;

  font-size: smaller;

}

ul#metaNavigation a {

  text-decoration: none;

  color: #F1F1F1;

}



/* Literature */



#literature{

  /* font-size: medium; */

  /* border: 1px solid red; */

  border-top: 1px solid #606060;

}



#literature h3{

  font-size: medium;

}



/* ###################################################### */

/* ####################### NAVIGATION ################### */

/* ###################################################### */



/* Level 1 */

#navigation ul {

    /* width:230px; */

    margin:0;

    padding:0;

    background-color:transparent;

}

#navigation ul li {

    /* width:220px; */

    margin:0;

    padding:0 0 0 10px;

    list-style-type:none;

}

#navigation ul li a {

    display:block;

    /* width:220px; */

    height:19px;

    line-height:19px;

    margin:0;

    padding:0 0 0 10px;

    font-size: smaller;

    color:#666;

    background-image:url(../images/navi_pfeil_zu.gif);

    background-repeat:no-repeat;

    background-position:210px 3px;

    border-bottom:1px solid #ccc;

    text-decoration:none;

}

#navigation ul li a:hover, #navigation ul li.active a {

    background-image:url(../images/navi_over.gif);

    background-repeat:no-repeat;

    background-position:0 0;

    color:#fff;

}



/* Level 2 */

#navigation ul.subNavigation {

    width:210px;

    margin:0;

    padding:0;

}

#navigation ul.subNavigation li a {

    background-image:url(../images/subnavi_pfeil_zu.gif);

    background-repeat:no-repeat;

    background-position:199px 8px;

    border-bottom:1px dotted #ccc;

    color:#666;

    width:210px;

}

#navigation ul.subNavigation li.active a {

    color:#fff;

}

#navigation ul.subNavigation li a:hover, #navigation ul.subNavigation li.active a {

    background-image:url(../images/subnavi_over.gif);

    background-repeat:no-repeat;

    background-position:0 0;

}



/* Level 3 */

#navigation ul.subSubNavigation {

    width:200px;

    margin:0;

    padding:0;

}

#navigation ul.subNavigation li ul.subSubNavigation li a {

    background-image:none;

    border-bottom:0;

    color:#666;

    width:200px;

}

#navigation ul.subNavigation li ul.subSubNavigation li a:hover, #navigation ul.subNavigation li ul.subSubNavigation li.active a {

    background-image:url(../images/subsubnavi_over.gif);

    background-repeat:no-repeat;

    background-position:0 0;

}

/* ###################################################### */

/* #################### Clustr-Map ###################### */

/* ###################################################### */

#clustr {
   
  margin: 20px 0 0 20px;
  
  background-color: transparent;

}

/* ###################################################### */

/* ####################### SEARCH INPUT ################# */

/* ###################################################### */

#search {

  margin: 20px 0 0 20px;

  background-color: transparent;

}

#search label {

  font-size: smaller;

  display: block;

  float: left;

  padding: 2px 0.5em 0 0;

}

#search input {

  border:1px solid #ccc;

  width: 10em;

}

#search input.sbmt {

  border: 0;

  width: 5px;

  height: 8px;

  margin: 0 0 0 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:14px;

    margin:0 0 5px 0;

    padding:0;

    color:#0060b1;

    font-style:normal;

}



/* ###################################################### */

/* ####################### LINKS ######################## */

/* ###################################################### */

a {

    color:#0060b1;

    text-decoration:none;

}

a:hover {

    text-decoration:underline;

}

