body { width:17cm; margin:15px auto; font-family:sans-serif; background-color:#003333; cursor:url(../graphics/icons/mutbuerger_klein.png), move; }

/* font-family FreeSans complete:  */
@font-face { font-family: 'FreeSans';  src: local('?'), url('FreeSans.woff')            format('woff'); font-weight: normal; font-style: normal;  }
@font-face { font-family: 'FreeSans';  src: local('?'), url('FreeSansOblique.woff')     format('woff'); font-weight: normal; font-style: oblique; }
@font-face { font-family: 'FreeSans';  src: local('?'), url('FreeSansBold.woff')        format('woff'); font-weight: bold;   font-style: normal;  }
@font-face { font-family: 'FreeSans';  src: local('?'), url('FreeSansBoldOblique.woff') format('woff'); font-weight: bold;   font-style: oblique; }

/* font-family FreeSerif complete:  */
@font-face { font-family: 'FreeSerif'; src: local('?'), url('FreeSerif.woff')           format('woff'); font-weight: normal; font-style: normal;  }
@font-face { font-family: 'FreeSerif'; src: local('?'), url('FreeSerifItalic.woff')     format('woff'); font-weight: normal; font-style: oblique; }
@font-face { font-family: 'FreeSerif'; src: local('?'), url('FreeSerifBold.woff')       format('woff'); font-weight: bold;   font-style: normal;  }
@font-face { font-family: 'FreeSerif'; src: local('?'), url('FreeSerifBoldItalic.woff') format('woff'); font-weight: bold;   font-style: oblique; }

/* font-family FreeMono complete:  */
@font-face { font-family: 'FreeMono';  src: local('?'), url('FreeMono.woff')            format('woff'); font-weight: normal; font-style: normal;  }
@font-face { font-family: 'FreeMono';  src: local('?'), url('FreeMonoOblique.woff')     format('woff'); font-weight: normal; font-style: oblique; }
@font-face { font-family: 'FreeMono';  src: local('?'), url('FreeMonoBold.woff')        format('woff'); font-weight: bold;   font-style: normal;  }
@font-face { font-family: 'FreeMono';  src: local('?'), url('FreeMonoBoldOblique.woff') format('woff'); font-weight: bold;   font-style: oblique; }

#header            { clear:left; border-bottom:1px solid #e2ffd8; }
#logo              { position:relative; top:-15px; }
#mutbuerger        { list-style-type:none; background-image:url('../graphics/icons/mutbuerger_klein.png'); background-repeat:no-repeat; background-position:0px 3px; padding-left:0.45cm; margin-left:-40px; }
#content_menue     { position:relative; top:-125px; float:both; }
#impressum         { position:relative; top:10px; float:right; }
#footer            { width:17cm; }
#footer_alternativ { border-top:1px solid #e2ffd8; position:absolute; height:10px; width:17cm; vertical-align:bottom; }

h1     { font-family:FreeSerif; margin-bottom:0px; color:#e2ffd8; }
h2, h3 { font-family:FreeSerif; color:#afad02; }
h4     { font-family:FreeSans; color:#afad02; text-align:center; }
p      { font-family:FreeSans; color:#eeeeee; }
ul     { list-style-type:square; }
li     { font-family:FreeSans; margin-bottom:10px; color:#e2ffd8; }
hr     { width:100%; }
img    { border:1px solid; border-color:#e2ffd8; }

#title { font-family:FreeSerif; font-size:2.0em; margin-bottom:0px; }
#menu  { font-family:FreeSans; position:relative; top:10px; }

a:link, a:visited, a:active, a:hover { font-weight:bold; color:#eeeeee; text-decoration:none; -moz-transition: all 0.25s ease-in; -o-transition: all 0.25s ease-in; -webkit-transition: all 0.25s ease-in; -ms-transition: all 0.25s ease-in; transition: all 0.25s ease-in; }
a.menu:link, a.menu:visited          { color:#ffffff; text-decoration:underline; }

.mitte           { text-align:center; }
.links           { text-align:left; }
.oben            { vertical-align:top; }
.eingerueckt     { text-indent:0.5cm; }
.fett            { font-weight:bold; }
.durchgestrichen { text-decoration:line-through; }
.kleiner         { font-size:85%; }
.groesser        { font-size:150%; color:#e2ffd8; font-family:FreeSans; }
.kursiv          { font-style:italic; }
.normal_link     { font-size:100%; text-decoration:none; }
.weiss           { color:white; }
.schwarz         { color:black; }
.hellgruen       { color:e2ffd8; }
.rot             { color:lightcoral; }
.grau            { color: grey; }
.bild_abstand    { margin-bottom:10px; border-style:dotted; }
.bildumfluss     { float:left; margin-top:4px; margin-right:10px; }
.textumfluss     { float:right; margin-left:4px; margin-bottom:4px; }
.noborder        { border:0px solid; border-color:#003333; }
.logo            { float:right; border:0px solid; border-color:#003333; }
.links           { vertical-align:super; font-size:75%; }
.achtung         { font-weight:bold; color:#e2ffd8; }
.copy-left       { display: inline-block; text-align: right; padding: 0px; position:relative; top:1px; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; }