body {
  background-color: #fff;
  font-size: 64.5%;
  font-family: Arial, Sans-Serif;
  color: #000;
  padding: 0;
  margin:0;
  text-align: center;
}

div{
  padding: 0;
  margin: 0;
}

a, a:link, a:visited {
	color: #000;
	background-color: transparent;
	text-decoration: none;
}

a:hover {
	color: #d2232a;
	background-color: transparent;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

h1{
 font-size: 30px;
 text-transform: uppercase;
 text-align: left;
 margin-bottom: 0.9em;
}

h1.banner{
  font-size: 2.5em;
  font-weight: 700;
  padding: 0.25em;
  background: #d2232a;
  color: #000;
}

h2{
 font-size: 1.1em;
 margin-top: 0;
 margin-bottom: 0.8em;
}


h3{
 font-size: 1em;
}

h4{
 font-size: 1em;
 font-weight: normal;
}

h5{
 font-size: 1em;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

br {
  clear: both;
}

img{
		border: none;
}

/* Rahmen Layout */
#frame {
  text-align: left;
  vertical-align: middle;
  margin: 0px auto;
  padding: 10px;
  width: 946px;
  height: 556px;
  background: #fff;
  /*border: 1px solid #000;  Bitte nach Test entfernen */
  color: #000;
}

/**
* Kopfbereich
*/
#masthead{
 width: 946px;
 height: 70px;
 margin: 0;
 position: relative;
 z-index: 1;
 }


#starthead{
 width: 946px;
 height: 80px;
 margin: 0;
 position: relative;
}

#menuhead{
 width: 946px;
 height: 80px;
 margin: 0;
 position: relative;
 z-index: 1;
}

.breadcrumb{
  margin-top: 1em;
  clear: both;
  height: 10px;
  padding-bottom: 10px;
  font-size: 1.1em;
  text-transform: uppercase;
  border-bottom: 10px solid #000;
}

.breadcrumbflash{
  margin-top: 1em;
  float: left;
  height: 10px;
  padding-bottom: 10px;
  font-size: 1.1em;
  text-transform: uppercase;
  overflow: visible;
}


#logo {
  padding: 0;
  margin: 0;
  width: auto;
  position: absolute;
  right: 0;
}





/**
* Inhaltsbereich
*/
.wrapper {
 width: 946px;
 height: 390px;
 overflow: hidden;
}

.wrappermenu {
 width: 946px;
 height: 421px;
 overflow: hidden;
}


#left{
  float: left;
  position: relative;
  height: 100%;
  width: 280px;
  margin: 0;
  padding-top: 20px;
  overflow: hidden;
}

#left h1{
 font-size: 30px;
 line-height: 1em; /* sIFR Calculate Fix */
 margin-bottom: 0.5em;
}

#content{
  width: 440px;
  height: 340px;
  margin-top: 10px;
  overflow: hidden;
  padding-top: 20px;
  padding-left: 30px;
  padding-right: 10px;
  font-size: 1.1em;
  line-height: 1.3em;
  text-align: justify;
  float: left;
 }

 #content h1{
 line-height: 1em; /* sIFR Calculate Fix */
 z-index: 10;
 height: auto;
}

#content a{
  text-decoration: underline;
}


/**
* Flash Bereiche
*/

/* Kopfbereich Siedlung */
#mastheadplan{
 width: 946px;
 height: 51px;
 margin: 0;
 position: relative;
 }

 /* Kopfbereich Haus */
#mastheadhaus{
 width: 946px;
 height: 31px;
 margin: 0;
 padding:0;
 position: relative;
 }


/* Rahmen Siedlung */
.wrapperplan {
 width: 946px;
 height: 500px;
 clear: both;
 overflow: hidden;
 z-index: -1;
}

/* Rahmen Häuser */
.wrapperhaus {
 width: 946px;
 height: 510px;
 clear: both;
 overflow: hidden;
 z-index: -1;
 border-bottom: 10px solid #000;
}

#lefthaus {
  float: left;
  position: relative;
  height: 100%;
  width: 215px;
  padding-top: 35px;
  overflow: hidden;
}

/** Staionskurzbeschreibung Museum */
 .station_number{
 height: 50px;
 }

 .station_number h3{
  color: #d2232a;
  display: block;
  font-size: 40px;
  font-weight: 700;
 }

 .station_headline{
  border: 2px solid #000;
  margin-bottom: 0.5em;
  padding: 0.2em;
  font-size: 14px;
 }

 .station_headline h4{
    text-transform: uppercase;
 }

 .station_desc{
   border: 2px solid #000;
   padding: 0.2em;
   margin-bottom: 0.5em;
   height: 120px;
   overflow: hidden;
 }

 .station_img{
   border: 2px solid #000;
   padding: 0.2em;
   margin-bottom: 0.5em;
   overflow: hidden;
   text-align:center;
 }



 #contenthaus{
  width: 550px;
  height: 490px;
  margin: 0;
  overflow: hidden;
  font-size: 1.1em;
  line-height: 1.3em;
  float: left;
 }


#startcontent{
  width: 440px;
  height: 370px;
  padding: 0;
  margin: 0;
  overflow: auto;
  font-size: 1.1em;
  line-height: 1.4em;
  text-align: justify;
  float: left;
 }


#right{
  float: right;
  padding: 0;
  margin: 0;
  width: 180px;
  background: transparent;
  position: relative;
  height: 390px;
}

#righthaus{
  float: right;
  padding: 0;
  margin: 0;
  width: 160px;
  background: transparent;
  position: relative;
  height: 490px;
}


.menuback{
  background: #fff url('../images/menu01.jpg') bottom right no-repeat;
  color: #000;
}

/* Überschrift bzw. LAbel im Inhaltsbereich */
#content h3 { margin: 10px 0 0 0; }

 /**
* Footerbereich
*/
.footer {
  clear: both;
  width: 946px;
  height: 40px;
  margin: 0;
  border-bottom: 10px solid #000;
 }



/* Copyright */

#copyright {padding: 0; margin: 10px 0; font-size: 0.8em;}
#copyright a {border: none;}


 /* kein Rahmen */
 .noborder{
  border: none;
 }

 .maxheight{
  height: 100%;
 }

 .nopadding{
  padding: 0;
 }


 .navi {
    font-size: 1em;
    height: 21px;
    text-transform: uppercase;
    margin-bottom: 5px;
 }

  .navi ul { margin: 0; padding: 0.3em; border-top: 1px solid #000;
    border-bottom: 1px solid #000;}
  .navi li { list-style: none; display: inline;	padding-right: 1em;}
  .navi li.actnavi a {color: #d2232a;}


  .navi ul ul  {float: left; margin-top: 6px; padding:0; border: none;}
  .navi li.actnavi li a {color: #000;}
  .navi li.actnavi li.actsubnavi a {color: #d2232a;}


   .navimenu {
    font-size: 1em;
    height: 19px;
    overflow: hidden;
    text-transform: uppercase;
    margin-bottom: 5px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
 }


  .navimenu ul { margin: 0; padding: 0.3em;}
  .navimenu li { list-style: none; display: inline;	padding-right: 1em;}
  .navimenu li.actnavi a {color: #d2232a;}

  .logostuttgart {
  margin: 0;
  padding-top: 0.1em;
  float: right;
 }

/**
* Language Selector
*
*/
  #language {
   float: right;
   margin-top: 280px;
   margin-right: 40px;
   padding: 0;
  }
  #language ul { margin: 0; padding: 0;}
  #language li {
      display: block;
      list-style: none;
      padding: 0;
      margin-bottom: 1em;
     /* background: url('../images/kreis.gif')  right bottom no-repeat;*/
  }


/**
* Spezial Templates mit Bilderlinks
*
*/

  #imagelinks {
    position: absolute;
    bottom: 50px;
    right: 0;
    padding: 0;
    margin: 0;
    text-align: right;
  }

  #imagelinks ul {
    margin: 0;
    padding: 0;
    display: inline;
    list-style: none;
    text-indent: 0;
  }

  #imagelinks li {
      display: block;
      list-style: none;
      margin: 0;
      padding: 0;
      text-indent: 0;
  }


/**
* Spezial Templates mit Literaturbestellung
*
*/
  #orderlinks {
    position: absolute;
    bottom: 150px;
    right: 40px;
    padding: 0;
    margin: 0;
    text-align: right;
  }

  #orderlinks ul {
    margin: 0;
    padding: 0;
    display: inline;
    list-style: none;
    text-indent: 0;
  }

  #orderlinks li {
      display: block;
      list-style: none;
      margin: 0;
      padding: 0;
      text-indent: 0;
  }


  /**
  * Scroll Buttons
  *
  **/
  .scrollup{
    position: absolute;
    top: 10px;
    left: 0;
  }

  .scrolldown{
    position: absolute;
    bottom: 15px;
    left: 0;
  }



/**
* Hauptmenu
*
*/
  .menu {
   text-transform: uppercase;
   font-weight: 700;
   margin-left: 50px;
  }
  .menu ul { margin: 0; padding: 0;}
  .menu li {
      display: block;
      float: left;
      border-left: 10px solid #000;
      text-align: left;
      padding-left: 0.5em;
      padding-top: 0.1em;
      height: auto;
      width: 300px;
      margin-bottom: 1em;
      margin-right: 2em;
      font-size: 2.5em;
      line-height: 1.3em;
  }


 /**
  * Formatierung Listen
  **/
  /* Listen (Hyperlinks) */
  .linkliste { margin: 0; padding: 0; text-align: left; }
  .linkliste li { list-style: none; padding-right: 0.5em; display: inline;}
  /* Listen (keine Hyperlinks) */
  .nolinkliste { margin: 0; text-align: left; }
  .nolinkliste li { list-style: none; }

  .ergebnisliste { margin: 0; padding: 0; text-align: left; }
  .ergebnisliste li { list-style: none; padding-right: 0.5em;}

  /**
 * Portlet-Listen
 */
#portletmanageredit{
  width: 300px;
  padding: 0.3em;
  margin: 0;
  float: left;
  border: 1px dashed #ccc;
  position: relative;
  z-index: 2;
}

#portletmanageredit input {
  color: #000;
  font-size: 1.1em;
  border: 2px solid #000;
  background: #fff;
}

.portletlist {
  margin:0px;
  padding:0px;
  list-style-type: none;
}


.portletlist li {
  margin-bottom: 1em;
  display: block;
}


  /**
 * Portlet-Listen
 */
#layoutmanager{
  float: left;
  padding: 0.3em;
  margin: 0;
  position: relative;
  z-index: 2;
  border: 1px dashed #ccc;
}

#layoutmanager button {
  color: #000;
  font-size: 1.1em;
  border: 2px solid #000;
  background: #fff;
}


/**
* Pager
*
**/


#pager {
  padding: 0;
  margin-top: 20px;
  text-align: right;
  color: #d2232a;
}

#pagertop {
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #d2232a;
  text-align: right;
  color: #d2232a;
}

#pager .curpage{
  color: #fff;
  border-bottom: 1px solid #fc0;
  background-color: #d2232a;
  padding: 0 0.5em;
  margin-right: 0.25em;
}

#pager .pages {
  float: left;
}


#pager .pages a {
  padding: 0 0.5em;
  margin-right: 0.25em;
}


/**
* Sitemap
**/

#content ul.sitemap {
  margin: 0;
  padding: 0;
}

#content ul.sitemap li {display: block; list-style-type: none; margin-top: 0.3em;}
#content ul.sitemap li a, #content ul.sitemap li a:link, #content ul.sitemap li a:visited {text-decoration: none;}
#content ul.sitemap li a:hover, #content ul.sitemap ul a:active {text-decoration: underline;}

/**
* Suche
**/

/* Label */
#left label{
  display: block;
  margin-top: 2em;
  padding-bottom: 0.2em;
}

#left input{
  border: 5px solid #000;
  color: #000;
  width: 215px;
}


/* Formulare */
#formularright{
  float: right;
  padding: 0;
  margin: 0;
  width: 50px;
  background: #fff;
  position: relative;
  height: 390px;
}


#content input{
  border: 5px solid #000;
  color: #000;
  width: 250px;
}

#content label{
  font-weight: 700;
  display: block;
  margin-top: 0.5em;
  padding-bottom: 0.2em;
  width: 250px;
  text-align: left;
}


#content .checkbox{
  width: auto;
}

#content button{
    border: none;
    background: transparent;
    float: right;
  }

#content select{
  color: #000;
  margin-bottom: 0.5em;
  border: 1px solid #4e5d91;
  background: #eee;
  text-align: left;
  }

#content textarea{
  width: 250px;
  border: 5px solid #000;
}


/* Medien-DB */
dl dd { margin: 0; font-style:italic; }