body {
margin: 0  auto;
font-family: Roboto Condensed;
background-image: url('abstrakt/pic057.jpg');
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
}

/* RobotoCondensed */
@font-face {
    font-family: Roboto Condensed;
    src: url(https://hannovers-fahrradscout.de/malerei/fonts/RobotoCondensed-Bold.ttf) format('truetype');
    font-weight: bold;
    font-style: normal
}

@font-face {
    font-family: Roboto Condensed;
    src: url(https://hannovers-fahrradscout.de/malerei/fonts/RobotoCondensed-BoldItalic.ttf) format('truetype');
    font-weight: bold;
    font-style: italic
}

@font-face {
    font-family: Roboto Condensed;
    src: url(https://hannovers-fahrradscout.de/malerei/fonts/RobotoCondensed-Italic.ttf) format('truetype');
    font-weight: normal;
    font-style: italic
}

@font-face {
    font-family: Roboto Condensed;
    src: url(https://hannovers-fahrradscout.de/malerei/fonts/RobotoCondensed-Light.ttf) format('truetype');
    font-weight: lighter;
    font-style: normal
}

@font-face {
    font-family: Roboto Condensed;
    src: url(https://hannovers-fahrradscout.de/malerei/fonts/RobotoCondensed-LightItalic.ttf) format('truetype');
    font-weight: lighter;
    font-style: italic
}

@font-face {
    font-family: Roboto Condensed;
    src: url(https://hannovers-fahrradscout.de/malerei/fonts/RobotoCondensed-Regular.ttf) format('truetype');
    font-weight: normal;
    font-style: normal
}

h1, h2, h3, h4, h5, h6, p, ul, li, ol, a, .linkbutton, table, tr, td {
    font-family: 'Roboto Condensed' !important;
}

h1 {
color:#0000ff;
font-size: 1.8em;
margin: 0px 20px 0px 20px;
padding: 0px 0 0 0;
font-weight:normal;
}

h2 {
color:#4d4d4d;
font-size: 1.1em;
margin: 10px 20px 10px 20px;
padding: 0px 0 0 0;
font-weight:normal;
}

h3 {
color:#4d4d4d;
font-size: 1.0em;
margin: 10px 0px 10px 20px;
padding: 0px 0 0px 0;
font-weight:normal;
}

p {
color:#ffffff;
font-size: 3.0em;
margin: 0px 20px 0px 20px;
padding: 0px 0 0px 0;
font-weight:normal;
}

back2 {
        margin: 0 auto;
        width: 50%;
        background-color: #f2f2f2;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;

        font-weight: normal;

}



header {
        background: #d23d24;

}



rechts {
        background: #ffffff;
        padding: 10px;
        margin: 10px 0 0 0;
        -webkit-flex: 2 1 10%;
        flex: 2 1 10%;

}

mitte {
         background: #ffffff;
         padding: 10px;
        margin: 10px 0 0 0px;
         border-right: 1px solid #0000ff;
         -webkit-flex: 2 1 60%;
        flex: 2 1 60%;
        img max-width: 80%;
        height: auto;
}




#menu {
clear: left;
float: left;
margin: 0 0 0 0;
padding: 0px;
background-color:#FAFAFA;
}

#menu ul {
list-style: none;
width: 160px;
margin: 0 0 0 0;
padding: 0;
}

#menu li {
margin-bottom:1px;
}


#menu li a {
font-size: 1.1em;
font-weight:normal;
height: 20px;
line-heght:130%;
text-decoration: none;
color:#4d4d4d;
display: block;
padding: 5px 0px 0px 5px;
background:#FAFAFA;
border-bottom: 1px solid #BFBFBF;
}

#menu li a:hover {
background:#b3b3b3;
color:#0000ff;
border-bottom: 1px solid #666666;
border-right: 1px solid #666666;
}

img {
  max-width: 80%;
  height: auto;
  box-shadow: 5px 20px 30px grey;
}

#fett{
weight: auto;
height: auto;
background: #ff0000;
color: #ffffff;
border-bottom: 2px solid #666666;
border-right: 2px solid #666666;
}

a{
text-decoration: none;
color: #4d4d4d;
}

hr{
color:#0000ff;
size: 1px;
}