/* formate_neu.css (ltr) */

body  
{ direction: ltr; padding: 0px; margin: 0px; }

ul
{ margin: 7px 0 20px 5px;
  padding: 0 0 0 15px; }
  
ol
{ margin: 7px 0 20px 16px;
  padding: 0 0 0 15px; }

html
{ overflow: -moz-scrollbars-vertical; }

select
{ font-family: Verdana, , sans-serif;
  font-size: 11px; }


/*---------------------------------------------*/ 
/*--------------- Hauptbereich ----------------*/
/*---------------------------------------------*/ 

#hauptbereich 
{ position: relative; left: 0px; top: 0px; z-index: -1px;
  width: 822px;
  display: block; clear: left;
  margin: 0px;
  padding: 0px 0px 10px 0px; }
  
.hauptbereichJoker5
{ clear: both; }



/*------------------ Content -----------------------*/  

#content
{ position: relative; left: 0px; top: 17px;
  width: 600px; min-height: 500px; height: 500px;
  display: inline; float: left;
  padding: 150px 0px 0px 0px;
  border-left: 20px solid white;
  border-right: 20px solid white;
  border-bottom: 20px solid white;
  margin: 0px;
  background: url('http://www.goethe.de/css3/projekte/cz_20Jahre-danach/banner-wahlverwandschaften.jpg') no-repeat;}
  
div[id] #content 
{ height: auto; }

#contentTyp1
{ position: relative; left: 0px; top: 17px;
  width: 510px; min-height: 500px; height: 500px;
  display: inline; float: left;
  padding: 0px;
  border-left: 17px solid white;
  border-right: 17px solid white;
  border-bottom: 20px solid white;
  margin: 0px; }
  
div[id] #contentTyp1 
{ height: auto; }


/*--------------- Rechte Spalte ---------------------*/
  
#rechteSpalte  
{ display: none; }

/*---------------------------------------------*/ 
/*------------- Funktionsleiste ---------------*/
/*---------------------------------------------*/ 

.topTyp4, .topTyp3
{ position: absolute; right: 220px; 
  text-align: right;
  width: 220px; }