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:7px; }
#footer { width:17cm; }

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

#title  { font-family:FreeSerif; font-size:2.0em; margin-bottom:0px; }
#menu   { font-family:FreeSans; position:relative; top:10px; }
#menu01 { position:relative; top:-20px; right:0px; float:right; }
#menu02 { position:relative; top:-80px; right:0px; float:right; }
#menu03 { position:relative; top:-30px; right:-152px; float:right; }

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:active, a:hover                    { -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; }
a.menu:active, a.menu:hover          { color:#afad02; text-decoration:underline; -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; }

.mitte           { text-align:center; position:relative; top:10px; }
.rechts          { text-align:right; }
.kleiner         { font-size:85%; }
.groesser        { font-size:1.5em; color:#e2ffd8; font-family: FreeSerif; }
.groesser2       { font-size:1.25em; color:#9c9; font-family:FreeSerif; }
.kursiv          { font-style:italic; }
.fett            { font-weight:bold; }
.durchgestrichen { text-decoration:line-through; }
.unterstrichen   { text-decoration:underline; }
.tief            { vertical-align:sub; font-size:smaller; }
.fixed           { position:fixed; bottom:0; }
.normal_link     { font-size:100%; text-decoration:none; }
.rot             { color:red; }
.gruen           { color:green; }
.maximalbreite   { width:17cm; }
.bild_abstand    { margin-bottom:10px; border-style:dotted; }
.bildumfluss     { float:left; margin-top:4px; margin-right:10px; }
.noborder        { border:0px solid; border-color:#003333; }
.logo            { float:right; border:0px solid; border-color:#003333; }
.links           { vertical-align:super; font-size:75%; }
.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"; }