* {
    margin: 0;
    padding: 0;
}

body {
    font-family: Helvetica, Arial, Sans;
}

p, ul {
    font-size: 12px;
    line-height: 1.3;
    margin-bottom: 12px;
}

em {
    font-style: normal;
    font-weight: bold;
}

a img {
    border: none;
}

div#container {
    margin-top: 25px;
    margin-left: 5px;
    width: 1000px;
}

div#header {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 60px;

    /* who to fuck is this hack needed for firefox. If Absent margin-bottom will do a margin-top, too*/
    border: 1px solid white;
 }

#header a {
    text-decoration: none;
    color: black;
}

#header a img {
    border: none;
}

div#navbar {
    float: left;
    width: 200px;
}

#navbar ul {
    list-style: none;
    margin-left: 20px;
}

#navbar a {
    color: #cc0000;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 0.1em;
}

#navbar a:hover {
    text-decoration: underline;
}

#navbar #menu a {
    font-size: 12px;
}

#navbar #submenu a {
    font-size: 11px;
}

ul#menu li {
    margin-bottom: 10px;
}

ul#submenu li {
    margin-bottom: 0px;
}

ul#submenu li {
    margin-top: 3px;
}

#fahrradbilder img {
    margin-bottom: 60px;
}

div#content {
    float: left;
    margin-top: 0px;
    width: 80%;
}

img#bike {
    margin-top: 75px;
    margin-left: 50px;
}

div.row {
    width: 100%;
    float: left;
    padding-bottom: 20px;
}

div.left {
    width: 360px;
    float: left;
    text-align: right;
    margin-right: 30px;
}

div.right a, div.left a {
    text-decoration: none;
    color: black;
    font-weight: bold;
}

div.right a:hover, div.left a:hover {
    text-decoration: underline;
}

div.left a img, div.right a img  {
    border: none;
}

div.right {
    float: left;
    width: 300px;
}

.rightItem {
    float: left;
}

div.uc {
    margin-top: 70px;
    margin-left: 120px;
}

h3 {
    font-size: 12px;
    font-weight: bold;
}

h3.textCaption {
    text-transform: uppercase;
    margin-bottom: 1.0em;
    letter-spacing: 1px;
}

p.ff {
    margin-bottom: 0.0em;
}

h3.eventCaption {
    text-transform: uppercase;
    margin-bottom: 0.0em;
    letter-spacing: 1px;
}

p.zeitangabe {
    font-weight: bold;
    color: #cc0000;
}

#navbar.sammlung #navbarSammlung,
#navbar.eroeffnung #navbarEroeffnung,
#navbar.ort #navbarOrt,
#navbar.ausstellung #navbarAusstellung,
#navbar.fahrraeder #navbarFahrraeder,
#navbar.bilder #navbarBilder,
#navbar.filme #navbarFilme,
#navbar.vortraege #navbarVortraege,
#navbar.aktionen #navbarAktionen,
#navbar.partner #navbarPartner,
#navbar.sponsoren #navbarSponsoren,
#navbar.programm #navbarProgramm,
#navbar.kontakt #navbarKontakt {
    text-decoration: underline;
}

