body {
  font-family: arial, helvetica, sans-serif;
  font-size:   12px;
  color:  #444;
  margin:		2em 0;
  background-color:   #EEE;
}
#banner {
  margin:          1em auto;
  max-width:       1000px;
  position:        relative;
}
#topmenue {
  font-size:      18px;
  position:       absolute;
	left:		        11.5em;
	bottom:		      .5em;
  margin-bottom:  0.3em;
  text-shadow:     #000 0 0 5px;
  min-width: 450px;
}
#topmenue li{
	float:		left;
}
#topmenue a {
	text-decoration:	none;
  color:            #EEE;
	padding:		      0.4em;
  background-color:     rgba(255,255,255,0.2);
}
#topmenue ul, #footer ul {
	list-style-type:	none; /* entfernt die Punkte vor den Links */
	margin:				0;
	padding:			0;
}

#topmenue a:hover {
	color:              #239bd5;
  border-color:       #239bd5;
  background-color:   rgba(255,255,255,0.8);
  text-shadow:     none;
}

#container {
  border:		1px solid #BBB;
  margin:		0 auto; /* vertikale und horiz. Abstände */
  width:		1000px;
  padding:    1em 0;
  background-color: #FFF;
}
#column {
  float:      left;
  padding:    0 0.5em;
  width:      200px;
}
#weatherbox {
  float:    left;
  width:    17em;
  color:    #888;
}
#weatherbox a {
	text-decoration:	none;
  color:              #888;
}

#content {
  margin-left:    18em;
  padding:        0 2em;
  border-left:   1px solid #CCC;
}
#thumbl, #thumbr, #thumb { /* Thumbnails (gemeinsam fuer links/rechts float und default) */
  margin:             1em 1em 0 0;
  font-size:          12px;
  font-style:         italic;
  max-width:          200px;
}
#thumbl {
  float:  left;
  padding: 1em;
}
#thumbr {
  float:  right;
  padding:  0.8em;
}
#footer {
  clear:         left;
  padding:       1em;
  border-top:    1px solid #CCC;
}
#footer li {
  float:    left;
}
.column {
  float: left;
  width: 50%;
  padding: 5px;
}
.row::after {
  content: "";
  clear: both;
  display: table;
} 
h1, h2 {
  color:        #36940c;
  text-shadow: #CCC 3px 3px 3px;
}
big{
  font-size:  50px;
  font-weight: 100;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
a {
  color: #239bd5;
}

pre{
  font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
  margin-bottom: 10px;
  overflow: auto;
  width: auto;
  padding: 5px;
  background-color: #cec;
  width: 650px!ie7;
  padding-bottom: 20px!ie7;
  max-height: 300px;
}

table {
  border-top: 2px solid #000;
  border-bottom: 2px solid #000;
  border-collapse: collapse;
  width: 100%;
}

caption, figcaption {
	padding:	1em;
	font-style:	italic;
	font-size:	12px;
	text-align: left;
}

td, th {
  /*border: 1px solid #aea;*/
  text-align: left;
  vertical-align: top;
  padding: 8px;
}

th {
	border-bottom: 1px solid #000;
}

tr:nth-child(even) {
  background-color: #cec;
}

/* Uhrzeitformatierung fürs Javascript-Uhr*/
#Uhr { position:absolute; top:10px; left:10px; }
.Uhr { font-family:Arial; font-size:24px; color:blue; }