
asd* {
        margin: 0;
        padding: 0;
}

.hide {
        DISPLAY: none;

}

body {
        background: #DADADA url(bg_body.gif) left top repeat-x;
        margin: 0 auto;
        font-family: Arial, Helvetica, sans-serif;
        /* font-style: italic; */
}

/* html {
        height: 100%;
        margin-bottom: 1px;
} */

h1 {
        MARGIN: 1.5em;
        TEXT-ALIGN: center;
}
h2 {
        MARGIN: 1em;
        COLOR: #555;
        PADDING: 0.3em;
        BACKGROUND: #DDD;

}

/* A {
        BACKGROUND: #fd0; 
        COLOR: #888;
	PADDING: 0.1em 0.1em 0.1em 0.1em;
        LINE-HEIGHT: 1.4em;
} */
A {
        COLOR: #888;

}
A:hover {
        COLOR: #000;
}

A.normal {
        BACKGROUND: #fd0; 
        COLOR: #aaa;
        FONT-WEIGHT: bold;
        FONT-STYLE: normal;
        PADDING: 0.2em 0.5em 0.2em 0.5em;
        BORDER: 1px solid gray;
        LINE-HEIGHT: 1.9em;
        WHITE-SPACE: nowrap;
}

A.normal:hover {
        BACKGROUND: #ccc;
        COLOR: #000;
        BORDER: 1px solid red;
}

A.grey {
        BACKGROUND: white;
        COLOR: grey;
        PADDING: 0.1em 0.1em 0.1em 0.1em;
        LINE-HEIGHT: 1.2em;
        FONT-WEIGHT: bold;
        FONT-STYLE: normal;
        BORDER: 1px solid white;
}

A.grey:hover {
        BACKGROUND: #ccc;
        COLOR: #000;
        BORDER: 1px solid red;
}

p.deep1 {
        PADDING-LEFT: 1em;
}


#container {
        margin: 0 auto;
        /* width: 776px; */
        position: relative;
        /* background: transparent url(bg_container.gif) left top repeat-y; */
        background: #FFF url(bg_container.gif) left top repeat-y; 
        margin: 30px 14em 30px 21px;
        /* margin-top: 50px;
        margin-left: 30px;
        margin-bottom: 50px;
        margin-right: 14em; */
        /* padding-right: 14em; */
        padding: 1em;
}

#tuxlogo {
        WIDTH: 4em;
        BORDER: 0px;
        /* PADDING-LEFT: 3.5em; */

}

A.tuxlogo {
        BORDER: 0px;
        PADDING: 0px;
        MARGIN: 0px;
        PADDING-LEFT: 3.5em;
}
A.tuxlogo:hover {
        BORDER: 0.5em solid red;
        PADDING-LEFT: 3em;
}

asd {
        DISPLAY: block; 
        FONT-SIZE: medium; 
        BACKGROUND: #fd0; 
        MARGIN: 0.5em 1.3em 0.5em -1.3em; 
        PADDING: 0.2em 1em 0.2em 1.3em;
        TEXT-INDENT: 0px; 
        BORDER: 0;
        WIDTH: 4em;
        COLOR: #555;
        PADDING: 0;
        MARGIN: 0;
}

#motto {
        FONT-SIZE: x-small;
}

#map {
        RIGHT: 1em;
        BACKGROUND: #fb0;
        LEFT: auto;
        WIDTH: 11em;
        BOTTOM: 1em;
        POSITION: absolute;
        /* POSITION: fixed;  */
        TOP: 30px;
        HEIGHT: auto;
        /* HEIGHT: 50em; */
        /* OVERFLOW: scroll; */
        PADDING-BOTTOM: 1.5em;/* IE6 */
        z-index:10;
}

#map P {
        margin: 0;
        padding: 0; 
        COLOR: #888; 
} 

#map P.menuclass {
  DISPLAY: block; 
  FONT-SIZE: small; 
  /* BACKGROUND: #fd0;  */
  /* MARGIN: 0.5em 0.5em 0.5em 0.5em;  */
  /* PADDING: 0.2em 1em 0.2em 1.3em; */
  MARGIN: 0px;
  PADDING: 0px;
  TEXT-INDENT: 0px; 
  BORDER: 0;
  TEXT-ALIGN: center;
}

#map P A {
  DISPLAY: block; 
  FONT-SIZE: medium; 
  BACKGROUND: #fd0; 
  MARGIN: 0.5em 1.3em 0.5em -1.3em; 
  PADDING: 0.2em 1em 0.2em 1.3em;
  TEXT-INDENT: 0px; 
  BORDER: 0;
  /* LIST-STYLE-TYPE: none; 
  TEXT-ALIGN: left; 
  BORDER-BOTTOM-STYLE: none */
  /* OVERFLOW: visible; */
}

#map P A.sub1 {
  MARGIN: 0.5em 1.3em 0.5em -1.3em;
  PADDING: 0.3em 1em 0.3em 1.3em; 
  FONT-SIZE: small;
  COLOR: yellow;
	/* PADDING-TOP: 0.4em; */
}
#map P A.sub2 {
  MARGIN: 0.5em 1.1em 0.5em -1.1em;
	PADDING: 0.3em 1em 0.3em 1.1em;
	FONT-SIZE: small;
}
#map P A.sub3 {
  MARGIN: 0.5em 0.9em 0.5em -0.9em;
	PADDING: 0.3em 1em 0.3em 0.9em;
	FONT-SIZE: small;
}

#map P A.impressum {
        /* DISPLAY: block; */
        FONT-SIZE: x-small;
        MARGIN: 0 0 0 0;
        /* FLOAT: left; */
        POSITION: absolute;
        BOTTOM: 0;
        LEFT: 0;
}
#map P A.kontakt {
        /* DISPLAY: block;  */
        FONT-SIZE: x-small;
        MARGIN: 0 0 0 0;
        /* TEXT-ALIGN: right;
        FLOAT: right; */
        POSITION: absolute;
        BOTTOM: 0;
        RIGHT: 0;
}

/* #map P.kontimp {
        POSITION: absolute;
        BOTTOM: 0px;
        RIGHT: 0px;
        OUTLINE: 4px solid invert;
} */

#map P A:link {
        COLOR: #999;
        FONT-WEIGHT: bold;
        FONT-STYLE: normal;
        TEXT-DECORATION: none
}
#map P A:visited {
        COLOR: #999;
        FONT-WEIGHT: bold;
        FONT-STYLE: italic;
        TEXT-DECORATION: none
}
#map P A:hover {
        BACKGROUND: #ccc;
        COLOR: #000
}

#map #marke {
        FONT-SIZE: large;
        PADDING: 10px; 
        MARGIN: 0px;
        BACKGROUND: #fd0; 
}

A.sectionlink {
  COLOR: #555;
  TEXT-DECORATION: none;
}
A.sectionlink:hover {
  COLOR: #888;
  TEXT-DECORATION: none;
}

input[type=text] {
        /* width: 70%; */
        background: #FFF url(bg_container.gif) left top repeat-y; 
}

textarea {
        /* width: 95%; */
        background: #FFF url(bg_container.gif) left top repeat-y; 
}

DIV.lastedit {
        FONT-SIZE: x-small;
        MARGIN: 0 0 0 0;
        /* FLOAT: left; */
        POSITION: absolute;
        /* POSITION: fixed; */
        BOTTOM: 0;
        RIGHT: 0;
}
DIV.poweredby {
        FONT-SIZE: x-small;
        MARGIN: 0 0 0 0;
        /* FLOAT: left; */
        POSITION: absolute;
        /* POSITION: fixed; */
        BOTTOM: 0;
        LEFT: 0;
}
DIV.beta {
  COLOR:#AAA;
  POSITION: absolute;
  TOP: 60px;
  LEFT: 60px;
}
DIV.obsolete {
  COLOR:#F55;
  POSITION: absolute;
  TOP: 60px;
  RIGHT: 15em;
  Z-INDEX: 3;
}

.poweredby A {
        COLOR: #555;
}

/* Weil der IE6 das nicht kann, können wir hier dinge bestimmen, die er 
   nicht kann :-) hier also eine sogenannte Browserweiche */
BODY > #map {
        POSITION: fixed;
}
BODY > DIV.lastedit {
    POSITION: fixed
}
BODY > DIV.poweredby {
    POSITION: fixed
}

DIV.section {
    POSITION: relative;
}
DIV.logo {
    POSITION: absolute;
    TOP: -20px;
    RIGHT: 20px;
}

A IMG {
    BORDER: 0px;
}

H2 IMG {
    VERTICAL-ALIGN: bottom;
}

IMG.iconpreview {
    MAX-WIDTH: 20px;
    MAX-HEIGHT: 20px;
    BORDER: 0px;
    MARGIN: 3px;
}
