@media all {

/********************************************************************
*** Einstellungen fuer Kompabilitaet mit verschiedenen Browsern
********************************************************************/

/* Hiermit werden die Randabstände und border aller HTML-Elemente auf
   Null gesetzt. Damit wird das Aussehen der Webseite in unterschiedlichen
   Browsern vereinheitlicht. */
* {
    margin: 0;
    padding: 0;
}

/* Das zurücksetzen der Innen- und Außenabstände verursacht zu kleine
   Selectboxen. Dies wird korrigiert */
option {
    padding-left: 0.4em;
}

/* Die nachfolgenden Angaben entstammen dem Artikel 'Useful Code Snippets'
   von Mike Foskett
   [http://www.websemantics.co.uk/tutorials/useful_css_snippets/] */

/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies
   verhindert, dass zentrierte Layouts um 10 Pixel springen wenn der
   Seiteninhalt kleiner wird als die Höhe des Browserfensters. */
html {
    height: 100%;
} 
body {
    min-height: 101%;
    /* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie
       Standardformatierungen */
    font-size: 100.01%; 
    /* FIX: Verhindert, dass positionierte Elemente nicht verschoben
       werden when die Größe des Browser Fensters geändert wird. */
    position: relative;
    /* Vorgabe der Standardfarben und Textausrichtung */
    color: #000000;
    background: #FFFFFF;
    text-align: left;
}

/* Standardrahmen zurücksetzen */
fieldset, img {
    border: 0;
}

/* Anpassung für Safari Browser. font-size:100% ist für den Safari in
   Formularen zu groß */ 
select, input, textarea {
    font-size: 99%;
}


/********************************************************************
*** Vorgaben fuer alle Seiten
********************************************************************/

body {
    background: #FEF9F0;
    padding: 10px;
    font-size: 81.25%;
    font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
}

h1, h2, n4, h3, h4 {
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    font-weight: normal;
}
h1 {
    font-size: 1.6em;
    color: #006;
    margin: 0 0 0.25em 0;
    padding-top: 1.5em;
}
h2 {
    font-size: 1.4em;
    color: #600;
    margin: 0 0 0.25em 0;
    padding-top: 0.5em;
    border-bottom: 2px #ddd solid;
}

n4 {
    font-size: 1.0em;
    color: #888;
    margin: 0 0 0.30em 0;
    padding-top: 1em;
    font-weight: bold;
}

h3 {
    font-size: 1.2em;
    color: #006;
    margin: 0 0 0.25em 0;
    padding-top: 0.5em;
    font-weight: bold;
}
h4 {
    font-size: 1.0em;
    color: #888;
    margin: 0 0 0.30em 0;
    padding-top: 1em;
    font-weight: bold;
    border-bottom: 1px #ddd solid;
}
h5 {
    font-size: 1.0em;
    color: #888;
    margin: 0 0 0.30em 0;
    font-style: italic;
}
h6 {
    font-size: 1.0em;
    color: #888;
    margin: 0 0 0.30em 0;
    font-style: italic;
}

p, ul, dd, dt {
    line-height: 1.5em;
}
p {
    line-height: 1.5em;
    margin: 0 0 1em 0;
}

ul, ol, dl {
    margin: 0 0 1em 1em;
}
li {
    margin-left: 1.5em;
    line-height: 1.5em;
}

dt {
    font-weight: bold;
}
dd {
    margin: 0 0 1em 2em;
}

blockquote, cite {
    margin: 0 0 1em 1.5em;
    font-size: 0.93em;
    width: auto;
}
strong, b {
    font-weight: bold;
}
em, i {
    font-style: italic;
}
pre, code {
    font-family: "Courier New", Courier, monospace;
}
address {
    font-style: normal;
    line-height: 1.5em;
    margin: 0 0 1em 0;
}

hr { 
    color: #aaa; 
    background: transparent; 
    margin: 0 0 0.5em 0; 
    padding: 0 0 0.5em 0; 
    border: 0;
    border-bottom: 1px #eee solid; 
}

acronym, abbr {
    letter-spacing: .07em;
    border-bottom: 1px dashed #c00;
    cursor: help;
}

form {
    overflow:hidden;
}

a {
    color: #900;
    text-decoration: none;
    background: transparent;
}
a:hover {
    text-decoration: underline;
    background-color: transparent;
}
a:focus {
    text-decoration: underline;
    background-color: transparent;
}


/********************************************************************
*** Elemente fuer das allgemeine Seitenlayout
********************************************************************/

/* Umlaufender Rand um die gesamte Webseite */
#page {
    border: 1px #D2DCA0 solid;
    background: #FEF9F0;
}
#page_margins {
    border: 1px #2887B9 solid;
    min-width: 756px;
    max-width: 100em;
    margin: auto;
}

/* Kopfbereiches */
#header {
    width: 100%;
    color: #2887B9;
    background-color: #D2DCA0;
}
#toplogo {
    float: left;
    width: auto;
    padding: 0em 0em 0em 0.5em;
}
#toplogin {
    margin-left: 200px;
    text-align: right;
}
#toplogin a {
    color: #2887B9;
}

#toptext {
    float:       left; 
    margin-top: 2px;     
    margin-left: 75px;     
    text-align:  left;
}
#toptext a {
    color: #2887B9;
}
#topnav {
    margin-left: 200px;
    padding: 1em 0em 0em 0em;
    font-size: 1.3em;
    text-align: left;
}
#topnav_mbb {
    font-size: 1.3em;
}
#topnav a {
    color: #2887B9;
}

/* Hauptinhalt */
#main {
    clear: both;
    width: auto;
    background: #FEF9F0;
    padding: 1em;
}

/* Titelzeile */
#title {
    font-size: 1.4em;
    color: #600;
    text-align: center;
}

/* Inhaltsblock welcher die ganze Breite verwendet. */
.block {
    clear: both;
    width: 100%;
    overflow: hidden;
    padding: 0 1px 0 1px;
    margin: 0 -1px 0 -1px;
}

/* Aufteilung eines Inhaltsblocks in Spalten. */
.column20, .column30, .column40, .column50, .column60, .column70, .column80, .columnauto {
    float: left;
    overflow: hidden;
}
.column20 {
    width: 19%;
}
.column30 {
    width: 29%;
}
.column40 {
    width: 39%;
}
.column50 {
    width: 49%;
}
.column60 {
    width: 59%;
}
.column70 {
    width: 69%;
}
.column80 {
    width: 79%;
}
.columnauto {
    width: auto;
}

/* Fusszeile */
#footer {
    clear: both;
    color: #FFFFFF;
    background: #2887B9;
    padding: 0.5em 0;
    border-top: 1px #ddd solid;
    text-align: center;
}
#footer a {
    color: #FFFFFF;
}

/* relativ geaenderte Schriftgroesse */
.smaller {
    font-size: 80%;
}


/********************************************************************
*** Konkrete Elemente
********************************************************************/

#navigation { 
  
	margin-right: 0.5em;
	border-right: 1px #ddd solid;
	
}

#regionauswahl {
}

#kategorien {
}

.katgrpbtn {
    border: 0;
    background: transparent;
    width: 1em;
}

.katgrpdiv {
    margin-left: 2em;
}

#benutzertags {
}

#alletags {
}

#events {
}

#events_content {
    padding-left: 1em;
}

#news {
}

/*#news_content {
    padding-left: 1em;
}*/

#left_content {
	border-right: 1px #ddd solid;
    padding-right: 1em;
}

#right_content {
    padding-left: 1em;
}

#register {
}

#register_content {
    padding-left: 15em;
    padding-right: 15em;
}

#bottom {
    margin-top: 1em;
}

#wetter {
    margin-right: 1em;
}

#fahrplan {
    margin-right: 1em;
}

#stadtplan {
    margin-right: 1em;
}

#routenplaner{
    margin-right: 1em;
}

#werbunglinks {
}

#werbungunten {
    margin-top: 1em;
    text-align: center;
}

.bbcode_buttons {
    padding: 0 0.2em;
}

.quotetitle {
    margin-left: 2em; 
    margin-top: 0.5em;
}

.quotecontent{
    margin-left: 2em; 
    margin-bottom: 1em; 
    border-style: inset; 
    border-width: 2px; 
    padding: 4px;
}


}   /* @media all */