body {
  margin: 0;
  font-weight: normal;
  padding:0px;
  background-color: #f2f2f2;
}

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

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

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

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

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

@font-face {
    font-family: Roboto Condensed;
    src: url(https://www.hannovers-fahrradscout.de/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;
}







alles {
        margin: 0 auto;
        width: 100%;
         font-size:1.2em;
        background-color: #ff6600;
}

alles2 {
        margin: 0 auto;
        width: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
        font-size:1.2em;
        background-color: #ffffff;
}

back {
        margin: 0 auto;
        width: 70%;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;


}


back1 {
        margin: 0 auto;
        width: 70%;

        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
         background: #ffffff
}

back2 {
        margin: 0 auto;
        width: 80%;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
        font-family: 'Didact Gothic';
}

inhalt{
         margin: 0 auto;
         width: 100%;
         display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
         background: #e6e6e6;
}

links,
mitte,
rechts {
       padding: 10px;
        margin: 10px;
        -webkit-flex: 1 100%;
        flex: 1 100%;
        background: #ffffff;
}

article,
aside,
footer {

         padding: 10px;
        margin: 10px;
        -webkit-flex: 1 100%;
        flex: 1 100%;
}



header {
        background: #F1F3F4;
        border-color: #d5d5d5;
}



section {
        background: #F1F3F4;
        border-color: slateblue;

}

article {


        -webkit-flex: 2 1 0%;
        flex: 2 1 0%;
}

aside {


        -webkit-flex: 2 1 0%;
        flex: 2 1 0%;
}

links {


        -webkit-flex: 2 1 0%;
        flex: 2 1 0%;

}

mitte {


        -webkit-flex: 2 1 0%;
        flex: 2 1 0%;
}

rechts {


        -webkit-flex: 2 1 0%;
        flex: 2 1 0%;
}



footer {
         padding: 10px;
        margin: 10px;
        -webkit-flex: 2 100%;
        flex: 2 100%;
        background: #f2f2f2;

}

#news {
        height: 120px;
        -webkit-align-self: center;
        align-self: center;
}




img {
  max-width: 100%;
  height: auto;

}

#text01 {
color:#4d4d4d;
font-size: 1.2em;
font-weight:bold;
position:absolute;
top:55px;
left:640px;
}

#text02 {
color:#4d4d4d;
font-size: 1.2em;
font-weight:bold;
position:absolute;
top:40px;
left:260px;
}

#text03 {
color:#4d4d4d;
font-size: 1.2em;
font-weight:bold;
position:absolute;
top:85px;
left:440px;
}

#text04 {
color:#4d4d4d;
font-size: 1.2em;
font-weight:bold;
position:absolute;
top:250px;
left:800px;
}

h2 {
font-family: 'Roboto Condensed', sans-serif;
font-style: normal;
color:#4d4d4d;
font-size: 1.0em;
margin: 10px 0px 0px 0px;
padding: 0px 0 0 0;
font-weight:normal;
}

h1 {
font-family: 'Roboto Condensed', bold;
font-size: 1.2em;
color: #4d4d4d;
margin: 0px 0px 0px 0px;
padding: 0px 0 0 0;
font-weight:normal;
}

h3 {
font-family: 'Roboto Condensed', sans-serif;
font-style: normal;
color:#4d4d4d;
font-size: 0.9em;
margin: 0px 20px 0px 0px;
padding: 20px 0 0px 0;
font-weight:normal;
}

p {
font-family: 'Roboto Condensed', sans-serif;
font-style: normal;
color: #ffffff;
margin: 0 20px 0px 10px;
font-size: 1.0em;
line-height: 140%;
font-weight:normal;
width: 200px;
}

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

 a:hover {
   background:#800000;
  color: #ffffff;
}

#header{
clear: both;
height:25px;
width:100%;
margin: 0px;
padding: 0px;
background-repeat: no repeat;
position: fixed;
}

 * {
margin: 0;
padding: 0;
}

#menu {
width: 100%;
height: 25px;
padding: 10px 20px 5px 0;
background-color: #f2f2f2;
font-family: 'Roboto Condensed', light;
font-size: 0.8em;
line-height: 1.5;
float: left;
border-bottom: 1px solid #4d4d4d;
}

#menu ul {
float: left;
width: 160px;
list-style-type: none;
}

/*--definiert die Blocküberschriften--*/
#menu p {
font-size: 1.2em;
text-align: center;
color: #4d4d4d;
}


#menu a.direkt {
font-size: 1.0em;
font-family: 'Roboto Condensed', light;
font-weight: normal;
text-align: center;
color: #4d4d4d;
background: #c4c4c4;
}

/*--definiert einen Einzellink im Hoverzustand, wenn kein Drop-Down erforderlich--*/

#menu a.direkt:hover {
color: #ff0000;
font-size: 15px;
background: #f2f2f2;
}