* {
	margin: 0 0 5mm 0;
	padding: 0;
}
body {
	color: #000;
	background-color: #FFFFFF;
	font-size: 100%;
	font-family: Verdana, Helevetica, sans-serif;
}
a:focus {
outline: none;
}
img, fieldset {
border: 0;
}
img {
vertical-align: middle;
}
a {
border: 0;
text-decoration: none;
}
.wrapper {
margin: 0 auto;
width: 100%;
min-width: 320px;
max-width: 1280px;
background: url('bilder/hintergrund.gif') repeat-y 50% top;
background-size: 100%;
}

/* Seitenkopf Logo */

.header { 
margin: 0 auto;
width: 100%;
padding: 28% 0 0 0;
background: url("bilder/RDBlogo.png") top no-repeat;
background-size: 100%;
}

/* Seitennavigation */

.nav {
	width: 100%;
	padding: 2.2% 0 1.5% 10%;
}
.nav ul li {
list-style: none;
}
.nav li {
float: left;
text-align: left;
font-size: 1.4em;
letter-spacing: 1px;
padding-right: 8%;
}
.nav li a {
	display: block;
	color: #000000;
}
.nav li a:hover {
	color: #808080;
	transition: all .6s;
	-moz-transition: all .6s;
}
.nav .aktiv {
	color: #808080;
}
.nav a#pull {
display: none;
}

/* Seiteninhalt */

.section {
width: 100%;
background-color: transparent;
}
.text {
	float: left;
	width: 71.875%;
	padding: 4% 4% 4% 4%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.text a {
	color: #000000;
}
.text a:hover {
	color: #808080;
}
.figure {
float: right;
width: 28.125%;
}
.figure img {
height: auto;
width: 100%;
}
h1 {
font-size: 2.2em;
font-weight: normal;
padding: 3% 0 3% 0;
}
h2 {
font-size: 1.8em;
font-weight: normal;
}
h3 {
font-size: 1.8em;
font-weight: normal;
padding: 5% 0 2% 0;
}
p {
font-size: 1.5em;
line-height: 1.6em;
padding: 2% 0 4% 0;
}
.section ul {
font-size: 1.5em;
line-height: 2.1em;
margin: 0 0 4% 8%;
}
.section li {
	margin: 0 0 5mm 0;
	list-style-type: square;
}
p.list {
	padding-bottom: 0;
}
p.small {
font-size: 1.2em;
padding-bottom: 2%;
line-height: 1.2em;
}

/* Fußzeile */

.footer {
width: 100%;
color: #fff;
background: url('bilder/hintergrundfooter.gif') repeat-y 50% top;
background-size: 100%;
}
.footer p {
font-size: 1.2em;
padding: 1.4% 10% 1.4% 4%;
}
.footer span {
display: block;
float: right;
}
.footer a {
color: #fff;
}
.footer a:hover {
	color: #000000;
	transition: all .6s;
	-moz-transition: all .6s;
}

/*Formularbereiche*/

legend {
font-size: 1.6em;
padding-bottom: 3%;
}
label {
font-size: 1.3em;
width: 34%;
float: left;
font-size: 1.3em;
margin: 2.5% 0 1% 0;
}
select {
font-size: 1.5em;
}
form br {
clear: both;
}

/* div und andere Auflsg */

.cf:after {
content: "";
display: table;
clear: both;
}

/*1140px and lower*/
@media only screen and (max-width : 1140px) {

body {
font-size: 86%;
}

}


/*960px and lower*/
@media only screen and (max-width : 960px) {

body {
font-size: 75%;
}

}

/*800px and lower*/
@media only screen and (max-width : 800px) {


.nav {
	padding: 1.6% 0 2% 0;
	background-color: #962228;
}
.nav ul {
        display: none;
        height: auto;
    }   
    .nav a#pull {
        display: block;
        width: 100%;
        height: 30px;
        position: relative;
        text-align: left;
       font-size: 1.5em;
        padding-left: 8%;
        padding-top: .5%;
        color: #fff;
        -moz-box-sizing: border-box; 
		box-sizing: border-box;
    }    
    .nav a#pull:after {
        content:"";
        width: 30px;
        height: 44px;
        display: inline-block;
        position: absolute;
        right: 12.5%;
        top: 15%;
    }   
    .nav ul li {
    float: none;
    list-style: none;
    }

    .nav li {
     width: 100%;
    }
    .nav li a {
	display: block;
	color: #fff;
	padding: 2% 0 2% 8%;
	text-decoration: none;
	border-bottom: 1px #FFFFFF solid;
	border-radius: 0;
}
    
    .nav li:last-of-type {
		margin-bottom: 2%;
    }    
.nav li a:hover {
	color: #000000;
	transition: all .6s;
	-moz-transition: all .6s;
}
.nav .aktiv {
	color: #000000;
}

}

/*640px and lower*/
@media only screen and (max-width : 640px) {

.wrapper {
	background: none;
	background-color: #FFFFFF;
}
.header { 
padding: 34% 0 0 0;
background: url("bilder/RDBlogomob.png") top no-repeat;
background-size: 100%;
}
.text {
width: 100%;
}
h1 {
padding-top: 5%;
}
p {
line-height: 2em;
}
.figure {
float: left;
width: 100%;
text-align: center;
}
.figure img {
height: auto;
width: 83.333333333%;
padding-bottom: 10%;
}
.footer {
	background: none;
	background-color: #962228;
}
.footer p {
text-align: center
}
.footer span {
display: inline;
float: none;
}

}