/* Definition of boxes, positions and more */

html, body {
    height : 100.1%;
  }


body {
    margin:0;
    padding:5px 0 0 0;
  }


/*ermöglicht das zentrieren des Layouts auch für Internet Explorer*/
#aussen {
	display:table;
	width:100%;
	height:100%;
	margin:0;
	/*margin:0 10px 0 0;*/
	padding:0;
}

#innen {
	display:table-cell;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}

#page {
    min-height : 100.1%;
    /*position : relative; ohne diese Option funktionieren "Sliding Doors auch mit IE vielleicht kann man das Stylesheet noch mal vereinfachen, da IE nicht mehr in den Quirksmode schaltet*/
    margin-left:auto;
    margin-right:auto;
    width:80em;
    }


#header {
    width : 80em;
  }

/*Im Header die gleiche Struktur, wie für das Haupt-Dokument. So kann der Header passend zum Content strukturiert werden.*/

#header-top {
    height : 3em;
  }

.f-switcher {
	background:#ffffff;
	/*border:solid 1px #000000;*/
	padding:0.4em;
	}

.header-top-wrapper {
	text-align:right;
	padding:0.5em;
}

#header-content {
    padding-top:0;
    padding-right:0;
    padding-left:0;
    /* padding-bottom:1em;*/
     /*entspricht der Höhe header-bottom*/ width:80em;
  }


#header-left {
    position : relative;
    float : left;
    width : 40%;
    height:13em;
  }

.header-left-wrapper {
	padding:0.5em;
}

#latestnews {
	height:3em;
}

#header-center {
    position : relative;
    float : left;
    width : 80em;
	margin:0;
  }

.header-center-wrapper {
	/*padding:0em;*/
	margin-left:auto;
	margin-right:auto;
}

#header-right {
    position : relative;
	overflow:hidden;
    float : left;
    width : 60%;
  }

.header-right-wrapper {
	float:left;
	}

#header-bottom {
    /*height : 2.3em;*/
  }

#styleswitcher {
	position:relative;
	float:right;
	padding:0.5em;
	}

#content {
    padding-top:0;
    padding-right:0;
    padding-left:0;
    padding-bottom:2em;
    /*entspricht der Höhe des Footers*/ width:80em;
  }

#browse-menu {
	border-top:1px solid silver;
	padding-top:0.5em;
	margin-top:2em;
	text-align:center;
	}

#sidebar-left {
    position : relative;
    float : left;
    width : 20em;
	padding-bottom:2em;
  }

#search {
	display:table;
	border-bottom:1px solid #000000;
	width:100%;
	padding-bottom:0.5em;
	}

/*#suchenzeile {
	margin:0;
	padding:0;
	}*/

#main-content {
    /*position : relative; ohne diese Option funktionieren "Sliding Doors auch mit IE*/
    float : left;
    width : 45em;
  }


#sidebar-right {
    position : relative;
    float : left;
    width : 15em;
  }


#footer {
 /*    position : absolute;*/
   position : relative;
  /*  bottom : 2em;*/
    height : 2em;
    width : 80em;
  }


#lastfooter {
   /* position : absolute;*/
    position : relative;
  /*  bottom : 0;*/
	border-top:solid 5px #888888;
    height : 2em;
    width : 80em;
  }


.clearer {
    font : 0px/0px serif;
    clear : both;
    height : 0;
    padding:0;
    margin:0;
    border:0;
  }

.wrapper, .main-wrapper {
    margin:1em 0.8em;
  }


/*.main-wrapper {
    margin:0;
    padding:0 1em 0 2em;
  }*/

.footer-wrapper {
    margin:0;
    padding:0.5em;
	text-align:left;
}

.outline-footer-wrapper {
    margin:0;
    padding:0.5em;
    text-align:right;
  }


.inhalt {
    /* Damit IE den gesamten Inhaltsbereich mit Hintergrundfarbe füllt. */
    height:100%;
    margin:0;
    padding:2em 2em 3.5em 2em;
  }
 
 .langswitch {
 	float:right;
 }
 
 .langswitch ul {
     list-style: none;
     padding:0;
     margin:0;
 }
 
 .langswitch ul > li {
     float:left;
     padding:0.2em;
 }