/* Standard Stylesheet
wandergedanke
Start: 30.10.2008
Letzte Aenderung: 07.11.2008 von Jens

Farben:
grau #696967 

*/
/* Reset all */
*{
	padding: 0;
	margin: 0;
	border: 0;
}

/* Allgemeines */

html {
  height: 100%; 
}

body {
	font-size: 100.1%;
	line-height: 16px;
	color: #fff;
	font-family: "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
  /*font-size: 0.69em; 
  letter-spacing:0.05em; */ 
  width: 100%;
  height: 100%; 
  margin-bottom: 0.1px;
}

a {
  text-decoration: none;
}


/*  Positionierung Div-Boxen */

#container {
  position: relative; 
  margin: 0 auto; 
  margin-top: 34px;
  width: 920px;
}

#content {
  position: absolute;
  z-index: 1;
  width: 920px;
}

#navigation {
  position: absolute;
  z-index: 3;
  right: 0;
  width: 342px;
  height: 380px;
  background-repeat:  no-repeat; 
}

h1 {
  text-indent: -10000px;
  overflow: hidden;
  width: 0;
  height: 0;
}

ul#mainnavi {
  list-style-type: none;
  margin: 166px 0 0 182px;  
}

ul#mainnavi li {
  min-height: 25px; 
  height: auto !important;  /* moderne Browser */
  height: 25px;  /* den IE */
  display: block;
}

ul#mainnavi a {
  font-family: Georgia, Garamond, serif;
  font-size: 1.12em;
  line-height: 1.12em;
  text-decoration: line-through;  
}

ul#mainnavi a.active {
  text-decoration: none;  
}

ul#mainnavi a:hover,active {
  text-decoration: none;
}

ul#subnavi {
  list-style-type: none;
  margin: 21px 0 0 184px;
}

ul#subnavi li { 
  min-height: 12px; 
  height: auto !important;  /* moderne Browser */
  height: 12px;  /* den IE */
  display: block;
}

ul#subnavi a {
  font-size: 0.69em;
  line-height: 1.5em;
  text-decoration: none;
}

ul#subnavi a:hover,active {  
}

#header_pic {
  
}

.trenner {
  height: 5px; 
}

.trenner hr {
  display: none;
}

.content_el {
  /*height: 390px;
  position: relative;
  top: 5px; */
}

.content_el_header {
  width: 406px;
  height: 27px;
  position: relative;
}

.content_el_header .close {
  font-size: 1.12em;
  position: absolute;
  left: 8px;
  top: 8px;
}

.content_el_header h2 {
  font-family: Georgia, Garamond, serif;
  font-size: 1.12em;
  font-weight: normal;
  line-height: 1.12em;
  position: absolute;
  bottom: 3px;
  right: 10px;
  display: block;
}

.content_el_header h3 {
  font-size: 0.69em;
  font-weight: normal;
  position: absolute;
  bottom: 3px;
  left: 33px;
}

.content_el_main {
  height: 358px;
  position: relative;
}

.content_el_main_l {
  background-color: #fafafa;
  width: 406px;
  height: 358px;
  position: absolute;
}

.content_el_main_l img {
  height: 314px;
  width: 364px;
  margin: 10px 0 7px 33px;
  display: block;
}

.content_el_main_l a {
  margin-left: 33px;
  font-size: 0.69em;
  color: #000;
  text-decoration: underline;
  display: block;
}

.content_el_main_r {
  width: 300px;
  height: 358px;
  position: absolute;
  left: 436px;
}

.content_el_main_r h2 {
  font-family: Georgia, Garamond, serif;
  font-size: 1.12em;
  line-height: 1.12em;
  font-weight: normal;
  margin-bottom: 22px;
}

.content_el_main_r p {
  font-size: 0.69em;
}

.content_el_main_r p a {
  color: #000;
  text-decoration: underline;
}

.content_el_main_r p a:hover {
  text-decoration: line-through;
}

.content_el_hidden {
  
}

.outer {
  display: table;
  height: 358px; 
  #position: relative;
  overflow: hidden;
}

.middle {
  #position: absolute;
  #top: 50%;
  display: table-cell;
  vertical-align: middle;
}

.inner {
  #position: relative;
  #top: -50%;
}

#footer {
  height: 30px;
  width: 294px;
  margin: 40px 0 10px 0;
}

.content_el_txt {
  width: 406px;
  margin-top: 25px;
}

.content_el_txt h2 {
  font-family: Georgia, Garamond, serif;
  font-size: 1.12em;
  font-weight: normal;
  margin-bottom: 5px;
}

.content_el_txt p {
  font-size: 0.69em;
  padding-top: 20px;
}

.content_el_txt p a {
  color: #fff;
  text-decoration: underline;
}

.content_el_txt p a:hover {
  text-decoration: line-through;
}