@charset "utf-8";
body {
	font: 95% Arial, Helvetica, sans-serif;
	color: #000000;
	background: rgb(255,255,255);
	font-size: 1.1em;
	width: 85%;
	margin: 0 7.5%;
	float: left;
}




*{
padding: 0;
margin: 0;
}




header {
float: left;
width:100%;
background: rgb(129,0,0);
background: url(http://www.ra-ww.com/images/header.jpg) no-repeat;
background-size: 100%;
background-position: center;
box-shadow: 0 60px 30px rgb(200,200,200);

}


	/*   Kontaktlinks oben Rechts   */

header ul {
width: 50%;
background: ;
float: right;
margin: 30px 0 0 0;
padding: 0 15px 0 0;
list-style-type: none;
letter-spacing: 1px;
}

header ul li{
width: 100%;
height: auto;
background: ;
text-align: right;
margin: 5px 0;
padding: 7px 0;
color: #fff;
}

header ul li a{
text-decoration: none;
color: #fff;
}

header ul li img{
height: 30px;
margin: 0 0 0 10px;
float: right;
display: none;
}


	/*   LOGO MIT UNTERSCHRIFTEN   */

header figure {
width: 290px;
float: left;
background: white;
margin: 0 0 0 10%;
padding: 70px 20px; 
}


header figcaption h1{
font-size: 1.3em;
text-align: center;
width: 100%;
float: left;
color: rgb(55,55,55);
letter-spacing: 3.5px;
}

header figcaption h2{
font-size: 0.9em;
text-align: center;
width: 100%;
float: left;
color: rgb(129,0,0);
}


header figure img {
float: right;
width: 75%;
margin: 0 12.5%
}

	/*    BEGRÜSSUNGSBILD RECHTS    */

header picture {
float: right;
width: 50%;
margin: 50px 40px 0;

}

header picture img {
height: 200px;
float: right;
}



	/*   NAVIGATION UNTER DEM HEADER   */


nav {
width: 100%;
margin: 0;
float: right;
border-bottom: 2px solid rgb(129,0,0);
background: rgb(129,0,0);
position: relative;
}

nav.sticky {
position: fixed;
width: 85%;
margin: 0;
float: right;
border-bottom: 2px solid rgb(129,0,0);
background: rgb(129,0,0);
box-shadow: 0 0 20px rgb(110,110,110);
z-index: 5;
}



nav ul {
width: 90%;
margin: 0 0 0 10%;
background: #fff;
float: left;
-webkit-transition: all 0.3s linear; /* Safari */
transition: all 0.3s linear;
}

nav ul li{
margin: 0 20px;
float: right;
background: ;
display: inline;
}

nav ul li a{
float: left;
color: #000;
padding: 10px;
text-decoration: none;
border-bottom: 0px solid rgb(129,0,0);
-webkit-transition: all 0.3s linear; /* Safari */
transition: all 0.3s linear;
}

nav ul li a:hover{
border-bottom: 10px solid rgb(129,0,0);
-webkit-transition: all 0.2s linear; /* Safari */
transition: all 0.2s linear;
padding: 10px 10px 0px 10px;
}

nav a.active {
border-bottom: 10px solid rgb(129,0,0);
padding: 10px 10px 0px 10px;
}



	/*    MAIN PART   */

main {
width: 100%;
float: right;
}

main article {
width: 100%;
float: left;
margin: 120px 0 0 0;
}


.normal {
width: 85%;
margin: 25px 0 0 7.5%;
}

main h1 {
text-align: center;
width: 100%;
margin: 0 0 30px 0;
letter-spacing:1px;
font-size: 2.2em;
padding: 0 0 40px 0;
border-bottom: 1px solid rgb(129,0,0);
font-weight: 500;
}


#help h2 {
text-align: center;
width: 100%;
margin: 0 0 0 0;
letter-spacing: 3px;
font-size: 1.6em;
padding: 0 0 20px 0;
border-bottom: 1px solid rgb(129,0,0);
color: #000;
}

#help img {
width: 30%;
float: left;
border: 1px solid rgb(129,0,0);
border-top: hidden;
}

#help p {
float: left;
margin: 30px 0 0 40px;
width: 55%;
}

main h3 {
text-align: center;
width: 100%;
margin: 0 0 0 0;
letter-spacing: 3px;
font-size: 1.6em;
padding: 0 0 20px 0;
border-bottom: 1px solid rgb(129,0,0);
}



	/*    RECHTSGEBIETE   */

main #lawi {
width: 80%;
float: left;
}

main figure img {
	width: 100%;
	margin: 0;
}


main figure {
width: 40%;
margin: 0 0 0 6.9%;
float: left;
border: 1px solid rgb(129,0,0);
border-top: hidden;
padding: 0;
-webkit-transition: all 0.2s linear; /* Safari */
transition: all 0.2s linear;
}

main figure:hover {
opacity: 1;
box-shadow: 0 10px 20px rgb(110,110,110);
-webkit-transition: all 0.2s linear; /* Safari */
transition: all 0.2s linear;
}


main article figcaption {
float: left;
width: 100%;
margin: 0;
padding: 0;
}


main #more_right {
width: 15%;
float: right;
background: ;
padding: 0;
margin: 120px 0 0 0;
}

main #more_right h2 {
text-align: right;
width: 100%;
letter-spacing: 0px;
font-size: 0.9em;
padding: 25px 0 10px 0;
margin: 0 0 20px 0;
color: #000;
border-bottom: 1px solid rgb(129,0,0);
}

#more_right a {
text-align: right;
float: right;
width: 90%;
font-size: 0.9em;
padding: 5px 0 0 0;
margin: 0;
color: #000;
-webkit-transition: all 0.2s linear; /* Safari */
transition: all 0.6s linear;
}

#more_right a:hover {
color: rgb(129,0,0);
-webkit-transition: all 0.2s linear; /* Safari */
transition: all 0.2s linear;
}




	/*   TEXT ARTICLE MAIN INDEX   */


main article h2 {
color: rgb(129,0,0);
margin: 50px 0 30px 0;
padding: 0;
float: left;
width: 50%;
font-weight: normal;
letter-spacing: 2px;
}

main article p {
color: #000;
font-size: 1.2em;
}

main article p.define {
color: #000;
width: 50%;
float: left;
margin: 0 5% 0 3%;
font-size: 1.2em;
}



main article a {
color: rgb(129,0,0);
text-decoration: none;
-webkit-transition: all 0.2s linear; /* Safari */
transition: all 0.2s linear;
}


main article img.small {
width: 30%;
padding: 0;
margin: 0 5% 0 0;
float: right;
border: 1px solid rgb(129,0,0);
border-top: hidden;
}

main article p.undpic {
width: 30%;
padding: 0;
margin: 40px 5% 0 0;
float: right;
border: none;
border-top: hidden;
}



.form {
clear: borh;
flloat: left;
margin: 0 0 0 5%;
padding: 0;
width: 50%;
height: auto;
}

.form h2 {
font-weight: 500;
font-size: 1.7em;
float: left;
width: 100%;
margin: 40px 0 20px 0;
text-align: center;
color: #000;
 }

form {
float: left;
width: 100%;
border: 1px solid rgb(129,0,0);
border-radius: 15px;
padding: 20px 0 0px 0;
}

label{
clear: both;
width: 20%;
float: left;
margin: 20px 0 0 5%;
font-size: 0.8em;
}

input, textarea, select {
float: left;
width: 60%;
margin: 20px 0 0 0;
height: 40px;
}

legend {
width: 95%;
background: white;
float: left;
margin: 20px 0 20px 5%;
font-size: 1.5em;
}

#submit {
clear: both;
float: left;
width: 20%;
margin: 30px 0 30px 40%;
padding: 0;
border-radius: 20px;
border: 1px solid rgb(129,0,0);
background: #fff;
color: rgb(129,0,0);
font-size: 0.9em;
transition: all 0.1s linear;
}

#submit:hover {
color: #000;
border-color: #000;
background: rgba(0,0,0,0.1);
cursor: pointer;
transition: all 0.1s linear;
}


.daten {
float: right;
width: 30%;
margin: 40px 0 0 0;
padding: 0;
}

.daten h3 {
font-weight: 500;
color: #000;
font-size: 1.7em;
}

.daten iframe {
float: left;
width: 100%;
border: none;
height: 250px;
margin: 50px 0 0 0;
}

.daten ul {
list-style-type: none;
margin: 50px 0 0 0;
}

.daten ul li {
border-left: 5px solid rgb(129,0,0);
padding: 10px 0 10px 20px;
margin: 20px 0;
}
	/*   FOOTER   */

footer {
clear: both;
float: left;
width: 100%;
text-align: left;
color: white;
margin: 80px 0 0 0;
border-top : 1px solid rgb(129,0,0);
}

footer article {
float: left;
width: 15%;
margin: 0 9.16%;
padding: 15px 0;
background:  ;
}


footer article a {
width: 80%;
float: left;
padding: 0 0 0 5%;
margin: 10px 0 0 0;
background: ;
color: rgb(0,0,0);
text-decoration: none;
-webkit-transition: all 0.8s linear; /* Safari */
transition: all 0.8s linear;
}

footer article a:hover {
color: rgb(129,0,0);
-webkit-transition: all 0.2s linear; /* Safari */
transition: all 0.2s linear;

}

.footer {
text-align: center;
font-size: 0.8em;
float: left;
width: 100%;
padding: 15px 0;
margin: 40px 0 0 0;
background: rgb(129,0,0);
}


#hidden{
visibility: hidden;
}



.built {
float: left;
width: 60%;
margin: 50px 0 0 0;
}



.listing {
float: left;
margin: 0 0 20px 5%;
padding: 0;
font-size: 1.2em;
width: 50%;
}

.listing li {
border: none;
margin: 10px 0 0 15%;
padding: 0;
width: 85%;
list-style-type: circle;

}

main article p.center {
color: #000;
width: 55%;
float: left;
margin: 20px 0 0 5%;
text-align: left;
font-size: 1.2em;
}

.listhead {
color: #000;
width: 55%;
float: left;
margin: 50px 0 0 5%;
text-align: left;
font-size: 1.2em;
}




#help .noborder img{
border: none;
}