* {margin:0; padding:0}







									/* CSS-Styles, die nur auf Bildschirmen bis 960 Pixel Breite angewendet werden */

@media screen and (max-width: 900px) {

body {
width: 100%;
margin:auto;
background-color:#ffffff;
font-famIly: sans-serif;
color:#B18904;
font-size: 0.9em;
background-image: url(images/);background-repeat:no-repeat;
background-position: top left; 
background-attachment: fixed;
}

.header {
width: 100%;
height: 4em;
clear:left;
padding: 0.1em 0 0.1em 0;
margin: 0 0 0.5em 0;
background-color: rgba(0,0,0,0.8);
border-bottom: 2px solid #B18904;
}

.bau {
clear: right;
width: 100%;
text-align: center;
margin: auto;
}

.logo {
width: 22%;
float:left;
margin: auto;
opacity:0.9;
}

.navigation {
width: 298px;
clear: left;
margin:auto;
}


.media {
max-width: 70%;
}


h5 {
clear: left;
width: 100%;
font-size: 1.1em;
}


h3  {
float: left;
font-size: 1.1em;
color: #ffffff;
margin: 0.3em 0  0.3em 0.7em;
}


h4  {
float: left;
font-size: 0.8em;
color: #848484;
margin: 0.2em;
}


h2  {
font-size: 1.4em;
padding: 0.3em;
}

h1  {
clear: left;
width: 100%;
margin: 2.5em 0 1em 0;
font-size: 1.3em;
}


.icon {
float:right;
margin: 0.1em;
}




p#unne  {
vertical-align: text-bottom;
margin: 0.15em;
}


a.navi {
display: inline;
margin: 0.2em;
width: 141px;
height: 20px;
float:right;
color: #ffffff;
border: 1px solid white;
text-decoration: none;
text-align: center;
letter-spacing: 0.05em;
opacity: 0.9;
transition: background-color .20s ease-in;
}

a.navi_act {
display: inline;
margin: 0.2em;
width: 141px;
height: 20px;
float:right;
color: #585858;
background-color: #c0c0c0;
border: 1px solid white;
text-decoration: none;
text-align: center;
letter-spacing: 0.05em;
font-weight: 700;
opacity: 1;
}

a:hover.navi  {
display: inline;
margin: 0.2em;
width: 141px;
height: 20px;
color: #ffffff;
border: 1px solid white;
font-weight: bold;
opacity: 0.8;
transition: background-color 0.01s;
background-position: 0px -40px;overflow:hidden;
}

#hello{
clear: right;
width: 99%;
height: 50%;
margin: auto;
padding: 0.1em;
text-align: left;
}

.p1 {
clear: left;
border: 1px solid #B18904;
margin: auto;
width: 100%;
}


.intro{
width: 100%;
clear: right;
margin: 2em 0 2.6em 0;
text-align: center;
background-color: rgba(0,0,0,0.7);
}

.inf {
float:left;
margin: 0.2em;
}

p.inx {
font-size:0.8em;
color: #B18904;
letter-spacing: 0.03em;
}

p.inx0 {
font-size: 1.2em;
font-weight: 500;
color: #B18904;
letter-spacing: 0.03em;
}

p.inx1 {
clear: right;
font-size: 1.1em;
font-weight:500;
letter-spacing: 0.03em;
color: #B18904;
}

p.work {
width:100%;
clear:right;
font-size: 1em;
font-weight: bold;
}



.start{
margin: auto;
float: right;
}


.info {
clear: left;
margin: auto;
}


.headline {
width: 95%;
height: 2em;
clear: left;
margin: auto;
text-align: center;
background-color: rgba(0,0,0,0.8);
border-top: 1px solid #B18904;
border-bottom: 1px solid #B18904;
}


.box{
width: 100%;
clear:left;
margin: auto;
}


.boxen{
width: 95%;
clear:left;
margin: auto;
background-color: rgba(0,0,0,0.8);
border-top: 1px solid #B18904;
border-bottom: 2px solid #B18904;
}

.headline_tec {
width: 95%;
height: 2em;
clear: left;
margin: auto;
text-align: center;
background-color: rgba(0,0,0,0.8);
border-top: 1px solid #B18904;
border-bottom: 1px solid #B18904;
}

.boxen_tec {
width: 95%;
clear: left;
margin: auto;
background-color: rgba(0,0,0,0.8);
border-top: 1px solid #B18904;
border-bottom: 2px solid #B18904;
}

.arbtx {
clear: left;
margin-top: 0.3em;
}

p.btr {
width: 95%;
clear:left;
font-size: 1.1em;
color: #ffffff;
font-weight: 500;
letter-spacing: 0.04em;
margin: 0.5em 0 0.8em 0;
}

.arbeit_li {
clear: left;
width: 100%;
}


.imgbox {
margin: auto;
clear:left;
width: 98%;
}


.grafik_kl{
margin: auto;
width: 100%;
border: 1px solid #c0c0c0;
}

.grafik{
margin: auto;
width: 100%;
border: 1px solid #c0c0c0;
}

.grafiker{
width: 290px;
border: 1px solid #c0c0c0;
}

p.btrimg {
width: 95%;
clear:left;
font-size: 0.95em;
font-weight: 400;
letter-spacing: 0.05em;
color: #ffffff;
margin: 0.2em 0 0.8em 0.3em;
}

.space {
width:100%;
height: 0.5em;
clear: left;
}

.sprungbox {
width: 20%;
clear: right;
margin: auto;
}

a.sprung {
font-size: 1em;
color: #7a1c00;
text-decoration: none;
font-weight: 700;
}




ul {
margin: 1em;
}

li.txt {
font-size: 0.8em;
margin: 0.4em;
font-weight: bold;
letter-spacing: 0.05em;
}



#underline {
width: 100%;
clear: left;
margin: 1.6em 0 0 0;
text-align: center;
background-color: rgba(0,0,0,0.6);
border-top: 1px solid #B18904;
border-bottom: 1px solid #B18904;
}

p.line{
visibility: visible;
clear: right;
font-size: 0.7em;
text-decoration:none;
margin: 0.1em;
color: #ffffff;
}

p.noline{
visibility: hidden;
clear: right;
font-size: 0.7em;
text-decoration:none;
margin: 0.1em;
color: #ffffff;
}

							/*impressum*/


.links {
padding: 5em 0 0 0;
}	   
	   
.worker {
font-size: 1.4em;
margin: 0.4em;
font-weight: bold;
}	   
	   
p.imp {
margin: 0.4em;
font-size: 1em;
}

.i_img {
clear:left;
border: 1px solid grey;
margin: 0;
}

p.imp_img {
margin: auto;
float:right;
}

p.imp1{
margin: 0.4em;
font-size: 1.3em;
}

p.imp0 {
margin: 0.4em;
font-size: 1.5em;
}

.impressum {
margin:auto;
clear:right;
width: 100%;
height:18em;
font-size: 1em;
}

a.back {
font-weight:700;
text-decoration:none;
color:#5F4C0B;
margin:auto;
}

a:hover.back  {
text-decoration:none;
color:#ffa500;
}

							/*kontakt*/
	
.contact_all {
clear:right;
width: 297px;
margin: auto;
background-color: rgba(0,0,0,0.6);
border-top: 1px solid #B18904;
border-bottom: 1px solid #B18904;
}

.contact_left {
width: 100%;
float:right;
}

.contact_txt  {
clear:right;
width:100%;
margin: auto;
}

p.date {
font-size: 1.1em;
padding: 0.3em 0 0.1em 0.8em;
color: #ffffff;
}

p.dates {
font-size: 1em;
padding: 0.2em 0 0.8em 0.8em;
color: #ffffff;
}

.fpix {
margin: auto;
width: 290px;
clear: left;
}

.contact_form  {
clear:right;
width: 297px;
margin: auto;
background-color: rgba(0,0,0,0.7);
border-top: 1px solid #B18904;
border-bottom: 1px solid #B18904;
}
         
a.contact_link {
text-decoration:none;
color:#424242;
}

a.contact_link:hover {
text-decoration:none;
color:#DF7401;
}


 
.left_stuff_contact {
width: 65%;
clear:left;
margin: 0.2em;
}

.feld_oben  {
clear:left;
margin: 0.2em;
width: 20em;
}

.feld_unten  {
clear:left;
margin: 0.2em;
width: 20em;
}

.right_stuff_contact {
clear:right;
margin: 0.2em;
}

.lab_contact {
margin: 0.3em;
width: 20%;
float:left;
font-size: 1em;
letter-spacing: 0.07em;
color: #ffffff;
}
	           
.inpt_contact {
margin: 0.2em 0 0.5em 0.2em;
width: 55%;
height: 1.4em;
float:right;
font-size: 0.9em;
background-color:#ffffff;
color: #000000;
border:1px solid grey;
}    


.label_news {
margin: 0.2em;
font-size: 1em;
letter-spacing: 0.07em;
}

.text  {
width: 100%;
clear:left;
font-family:verdana, sans serif;
font-size: 0.9em;
border:1px solid grey;
}

.report {
clear:left;
color:#ff8000;
font-size: 0.8em;
}
   

.button_contact_box {
width:95%;
clear: right;
margin: auto;
}

.button_contact  {
width:47%;
float:right;
font-size: 0.8em;
border:1px solid grey;
}

.thanx {
font-size: 1.1em;
margin: 5em;
color:#424242;
}

}




									/* CSS-Styles, die nur auf Bildschirmen ab 961 und bis 1250 Pixel Breite angewendet werden */

@media screen and (min-width: 900px) and (max-width: 1250px){

body {
width: 100%;
margin:auto;
background-color:#ffffff;
font-famIly: sans-serif;
color:#7a1c00;
font-size: 0.9em;
background-image: url(images/);background-repeat:no-repeat;
background-position: top left; 
background-attachment: fixed;
}

.header {
width: 100%;
height: 7em;
clear:right;
margin:auto;
}

.bau {
float: left;
font-size: 0.9em;
width: 25em;
margin: 0 0 0 2em;
text-align: left;
}

.navigation {
width: 100%;
float: right;
margin: 2em 0 0 0;
background-color: rgba(0,0,0,0.8);
background-blend-mode: multiply;
border-top: 1px solid #B18904;
border-bottom: 1px solid #B18904;
}

.logo {
width:15em;
float:left;
margin: 0 0.5em 0 2em;
opacity:0.9;
}




h5  {
font-size: 1.1em;
padding: 1.1em;
}


h3  {
float: left;
font-size: 1em;
color:#ffffff;
margin: 0.5em 0 0.5em 1.2em;
}


h4  {
float: left;
font-size: 0.9em;
color: #A4A4A4;
margin: 0.2em 0 0.1em 0.5m;
}


h2  {
font-size: 1.4em;
padding: 0.3em;
}

h1  {
font-size: 1.3em;
padding: 1em;
}


								/* NAVIGATION */

.icon {
margin: 0.1em;
float:right;
}

p#unne  {
vertical-align: text-bottom;
margin: 0.2em;
}



a.navi {
margin:  0 0.7em 0 0;
width: 120px;
height: 20px;
float: right;
color: #000000;
font-size: 0.9em;
text-decoration: none;
text-align: center;
opacity: 0.9;
transition: background-color .20s ease-in;
background-image: url(images/bt_mid.png);background-repeat:no-repeat;
background-position: 0px 0px; overflow:hidden;
}

a.navi_act {
margin:  0 0.7em 0 0;
width: 120px;
height:20px;
float: right;
font-size: 0.9em;
color: #ffffff;
text-decoration: none;
text-align: center;
opacity: 0.7;
background-image: url(images/bt_mid.png);background-repeat:no-repeat;
background-position:0px -20px;overflow:hidden;
}


a:hover.navi  {
width: 120px;
height: 20px;
font-size: 0.9em;
color: #000000;
opacity: 0.8;
transition: background-color 0.02s;
background-position: 0px -40px;overflow:hidden;
}


#hello{
clear: right;
width: 80%;
margin: auto;
padding: 0.1em;
text-align: left;
}

.p1 {
width:60%;
float: right;
border: 1px solid #B18904;
margin: 0.2em;
}


.intro {
clear: right;
width: 100%;
margin: 4em 0 15em 0;
text-align: center;
}

.info {
width:80%;
float:right;
}

.inf {
width: 35%;
float: left;
color: #000000;
}

.start {
opacity:0.9;
float: right;
}



p.inx {
width:100%;
font-size: 1em;
font-weight: 500;
letter-spacing: 0.04em;
}

p.inx0 {
width: 100%;
margin: 0.8em 0 0.5em 0;
font-size: 1.1em;
font-weight: 600;
letter-spacing: 0.06em;
}

p.inx1 {
width: 100%;
margin: 0.8em 0 0.5em 0;
font-size: 1em;
font-weight: 500;
letter-spacing: 0.04em;
}


p.work {
clear:left;
font-size:1.1em;
font-weight: 600;
}

.headline {
width: 70%;
height: 3em;
clear: left;
margin: auto;
background-color: rgba(0,0,0,0.8);
border-top: 1px solid #B18904;
border-bottom: 1px solid #B18904;
}


.box{
clear:right;
margin:auto;
width: 100%;
}

.boxen{
width: 70%;
height: 16em;
margin: auto;
clear: right;
background-color: rgba(0,0,0,0.8);
border-top: 1px solid #B18904;
border-bottom: 1px solid #B18904;
}

.headline_tec {
width: 70%;
height: 3em;
clear: left;
margin: auto;
background-color: rgba(0,0,0,0.8);
border-top: 1px solid #B18904;
border-bottom: 1px solid #B18904;
}

.boxen_tec {
width: 70%;
height: 16em;
clear: right;
margin: auto;
background-color: rgba(0,0,0,0.8);
border-top: 1px solid #B18904;
border-bottom: 1px solid #B18904;
}


.space {
clear: right;
width:100%;
height: 1em;
}

.arbtx {
width: 10em;
clear: left;
margin: 0.2em 0 0 1em;
}

p.btr {
font-size: 1em;
color: #ffffff;
font-weight: 500;
letter-spacing: 0.02em;
margin: 0.6em 0 0 0.4em;
}

.imgbox {
clear: left;
margin: auto;
}

.arbeit_li {
display:block;
float: left;
margin: 0.2em 0.7em 0 0;
}

p.btrimg {
clear: left;
font-size: 0.8em;
font-weight: 500;
letter-spacing: 0.03em;
margin: 0 0 0 0.2em;
color: #ffffff;
}

.grafik_kl {
margin: 0.2em;
width: 220px;
float: left;
border: 1px solid grey;
}

.grafik{
clear: left;
border: 1px solid grey;
}

.grafiker{
clear: left;
border: 1px solid white;
}

.sprungbox {
width: 60px;
height: 25px;
clear: right;
margin: auto;
padding: 0.7em;
}

a.sprung {
clear: right;
font-size: 1.1em;
color: #ffffff;
text-decoration: none;
font-weight: 700;
margin: 1em;
background-color: rgba(0,0,0,0.7);
}






ul {
margin: 1em;
}

li.txt {
font-size: 0.8em;
margin: 0.4em;
font-weight: bold;
letter-spacing: 0.05em;
}


#underline {
width: 100%;
clear: right;
margin: 0.5em 0 0 0;
text-align: center;
background-color: rgba(0,0,0,0.6);
border-top: 1px solid #B18904;
border-bottom: 1px solid #B18904;
}

p.line{
visibility: visible;
clear: right;
font-size: 0.7em;
text-decoration:none;
margin: 0.1em;
color: #ffffff;
}

p.noline{
visibility: hidden;
clear: right;
font-size: 0.7em;
text-decoration:none;
margin: 0.1em;
color: #ffffff;
}


									/*impressum*/

	   
	   
.links {
clear:left;
margin: 1em;
font-size: 1em;
text-align: center;
}

p.imp_img {
margin: 0.2em;
float:left;
}

.worker {
font-size: 1.4em;
margin: 0.2em;
font-weight: bold;
}	   
	   
p.imp {
margin: 0.2em;
font-size: 1em;
}

.i_img {
border: 1px solid grey;
clear: left;
}



p.imp1{
margin: 0.4em;
font-size: 1.3em;
}

p.imp0 {
margin: 0.4em;
font-size: 1.5em;
}

.impressum {
clear:right;
width: 90%;
height: 15em;
margin: auto;
padding: 2em 0 0 0.3em;
font-size: 0.9em;
color: #000000;
}

a.back {
font-weight:700;
text-decoration:none;
color:#5F4C0B;
margin:auto;
}

a:hover.back  {
text-decoration:none;
color:#ffa500;
}

							                                 	/*KONTAKT*/
	
.contact_all {
float: right;
width: 20em;
margin: 0.2em;
background-color: rgba(0,0,0,0.5);
border-top: 1px solid #B18904;
border-bottom: 1px solid #B18904;
}

.fpix {
border-top: 1px solid #B18904;
width: 25em;
float: left;
opacity: 0.6;
}

.contact_txt {
clear: right;
padding: 1.1em;
}

p.date {
font-size: 1em;
color: #ffffff;
font-weight: 500;
letter-spacing: 0.03em;
margin: 0.1em 0 0.3em 0;
}

p.dates {
font-size: 0.9em;
color: #ffffff;
font-weight: 500;
letter-spacing: 0.03em;
margin: 1em 0 1.7em 0;
}

.contact_form  {
float: right;
width: 38em;
margin: 0.2em 0.2em 2em 0;
background-color: rgba(0,0,0,0.5);
border-top: 1px solid #B18904;
border-bottom: 1px solid #B18904;
}
         
a.contact_link {
text-decoration:none;
color:#424242;
}

a.contact_link:hover {
text-decoration:none;
color:#DF7401;
}


 
.left_stuff_contact {
width:15em;
float:left;
margin: 0.5em;
}

.feld_oben  {
clear:left;
margin: 0.5em;
width: 100%;
}

.feld_unten  {
clear:left;
margin: 0.5em;
width: 100%;
}

.right_stuff_contact {
float:right;
width: 20em;
margin: 0.5em;
}

.lab_contact {
margin: 0.25em;
width: 4em;
float:left;
font-size: 1em;
font-weight: 500;
color: #ffffff;
letter-spacing: 0.07em;
}
	           
.inpt_contact {
margin: 0.2em;
width: 10em;
height: 1.4em;
float:right;
font-size: 0.9em;
background-color:#ffffff;
color:#000000;
border:1px solid grey;
}    


.label_news {
font-size: 1em;
letter-spacing: 0.07em;
}

.text  {
width:100%;
clear:left;
font-family:verdana, sans serif;
font-size: 0.9em;
border:1px solid grey;
}

.report {
clear:left;
color:#ff8000;
font-size: 0.8em;
}
   

.button_contact_box {
width:100%;
clear: right;
margin:  0.1em;
}

.button_contact  {
width:50%;
float:right;
font-size: 0.8em;
border:1px solid grey;
}

.thanx {
font-size: 1.1em;
margin: 5em;
color:#424242;
}

}




									/*   Gross  */

@media screen and (min-width: 1251px){

body {
width: 100%;
margin:auto;
background-color:#ffffff;
font-famIly: sans-serif;
color: #7a1c00;
font-size: 0.9em;
background-image: url(images/);background-repeat:no-repeat;
background-position: top left; 
background-attachment: fixed;
}

.header {
width: 100%;
height: 8em;
clear:left;
}

.bau {
float: left;
font-size: 0.9em;
width: 25em;
margin: 0 0 0 2em;
text-align: left;
}


.top  {
padding:2em;
}


.navigation {
width: 100%;
height: 1.6em;
float: right;
margin: 4em 0 0 0;
background-color: rgba(0,0,0,0.8);
border-top: 1px solid #B18904;
border-bottom: 1px solid #B18904;
}


.logo {
width: 20em;
float:left;
margin: 0 0.5em 0 2em;
opacity:0.9;
}



.media{
margin: 5em 15em 0 0;
float:right;
opacity:0.7;
}




.icon {
margin:0.2em;
}

p#unne  {
vertical-align: text-bottom;
margin: 0.3em;
}


a.navi {

margin: 0 3.5em 0 0;
width: 127px;
height:23px;
float:right;
font-size: 1em;
color: #c0c0c0;
letter-spacing: 0.05em;
text-decoration: none;
text-align: center;
opacity: 1;
}

a:hover.navi {

width: 127px;
height:23px;
font-size: 1em;
color: #c0c0c0;
letter-spacing: 0.05em;
opacity: 0.7;
}

a.navi_act {

margin: 0 3.5em 0 0;
width: 127px;
height:23px;
float:right;
font-size: 1em;
color: #ffffff;
letter-spacing: 0.05em;
font-weight: bold;
text-decoration: none;
text-align: center;
opacity: 1;
}





h1  {
font-size: 1.6em;
margin:0.3em;
letter-spacing: 0.02em;
}

h2  {
font-size: 1.4em;
margin: 2.5em;
letter-spacing: 0.05em;
}


h3  {
float: left;
font-size: 1.1em;
color:#ffffff;
margin: 0.5em 0 0.5em 1em;
letter-spacing: 0.05em;
}


h4  {
float: left;
font-size: 0.9em;
color: #A4A4A4;
margin: 0.2em 0 0.2em 3.5em;
}

h5 {
font-size: 1.4em;
margin:0.2em;
}



.p1 {
width: 60%;
float: right;
border: 1px solid #B18904;
margin: 0.2em;
}


.intro {
float:left;
width: 99%;
margin: 4em 0 2.7em 0;
padding: 0.5em;
text-align: center;
}


.inf {
width: 35%;
color: #000000;
font-weight: 500;
float: left;
}


p.work {
width:100%;
float:left;
font-size: 1.2em;
font-weight: 600;
margin: 0 0 0.2em 0;
}

p.inx0 {
width: 100%;
margin: 4em 0 1em 0;
font-size: 1.4em;
letter-spacing: 0.05em;
}

p.inx1 {
width: 100%;
margin: 1em 0 1em 0;
font-size: 1.3em;
letter-spacing: 0.05em;
}

p.inx {
width:100%;
margin:0 0 0.5em 0;
font-size: 1em;
letter-spacing: 0.04em;
}





.info {
float: right;
margin: 0.5em;
}


.start {
float: right;
margin:0.5em;
}




.box{
width: 100%;
clear:right;
}

.headline {
height: 3em;
clear: left;
margin: auto;
background-color: rgba(0,0,0,0.7);
}

.boxen {
width: 60em;
height: 17em;
clear: left;
margin: auto;
background-color: rgba(0,0,0,0.8);
border-top: 1px solid #B18904;
border-bottom: 1px solid #B18904;
}

.headline_tec {
width: 65em;
height: 2.7em;
clear: left;
margin: auto;
background-color: rgba(0,0,0,0.8);
border-top: 1px solid #B18904;
border-bottom: 1px solid #B18904;
}

.boxen_tec {
width: 65em;
height: 13em;
clear: left;
margin: auto;
background-color: rgba(0,0,0,0.8);
border-top: 1px solid #B18904;
border-bottom: 1px solid #B18904;
}

.space {
clear:left;
width: 100%;
height: 1em;
}

.spaceer {
clear:right;
width:100%;
height: 1.5em;
}

.arbtx {
clear: left;
width: 10em;
margin: 0 0 0 0.5em;
}

p.btr{
width: 100%;
clear:left;
margin: 0.8em 0 0em 0.5em;
font-size: 1em;
color: #ffffff;
font-weight: 400;
letter-spacing: 0.07em;
}

.imgbox {
clear:left;
margin: 0 0 0 0.4em;
}

.arbeit_li {
float: left;
height:14em;
margin: 0.55em;
}

.grafik_kl{
width: 290px;
border: 1px solid white;
float: left;
}

.grafik{
border: 1px solid white;
float: left;
}

.grafik_dk{
border: 1px solid #3B0B17;
float: left;
}

.grafiker{
border: 1px solid #3B0B17;
float: left;
}

p.btrimg {
width: 100%;
clear:left;
font-size: 0.8em;
color: #ffffff;
font-weight: 400;
letter-spacing: 0.03em;
padding: 0.3em 0 0 0.1em;
}



.sprungbox {
width: 60px;
height: 25px;
clear: right;
margin: auto;
padding: 0.7em;
}

a.sprung {
clear: right;
font-size: 1.1em;
color: #ffffff;
text-decoration: none;
font-weight: 700;
margin: 1em;
background-color: rgba(0,0,0,0.8);
}



.info {
width: 25%;
float:left;
margin: 1.8em 0 0 1.1em;
}


ul {
margin:0.5em 0 0 1.2em;
list-style: square;
}

li.txt {
font-size: 0.9em;
margin: 0.5em;
font-weight: bold;
letter-spacing: 0.07em;
}



									/*impressum*/

p.worker {
width:100%;
margin: 0 0 0.5em 0;
float:left;
font-size: 1.3em;
font-weight: 600;
}
	   
p.imp {
width:100%;
font-size: 1.025em;
font-weight:500;
letter-spacing: 0.04em;
}

p.imp1 {
width:90%;
font-size: 1.2em;
font-weight:600;
letter-spacing: 0.06em;
}

p.imp0 {
width:90%;
font-size: 1.4em;
font-weight:700;
letter-spacing: 0.06em;
}

.imp_img {
float: left;
margin: 0.5em;
}

.i_img {
margin: 1em;
}

.impressum {
width: 900px;
height: 20em;
clear: left;
margin:auto;
}

.links {
float:left;
width:100%;
height: 11em;
margin: 12em 0 0 1em;
font-size: 1em;
color: #ffffff;
}


a.back {
font-weight:700;
text-decoration:none;
margin:auto;
letter-spacing: 0.05em;
}

a:hover.back  {
text-decoration:none;
letter-spacing: 0.05em;
}


											/* KONTAKT */
	
		
         
a.contact_link {
text-decoration:none;
color:#424242;
}

a.contact_link:hover {
text-decoration:none;
color:#DF7401;
}

.contact_all {
float:left;
width: 22em;
margin: 0 0 2em 0.1em;
background-color: rgba(0,0,0,0.7);
border-top: 1px solid #B18904;
border-bottom: 1px solid #B18904;
}

.contact_form  {
float: right;
width: 39em;
margin: 0 0.2em 2em 0;
padding: 0.2em;
background-color: rgba(0,0,0,0.7);
border-top: 1px solid #B18904;
border-bottom: 1px solid #B18904;
}

.contact_txt {
float: left;
margin: 0.8em 0 3em 2em;
}

p.date {
font-size: 1em;
color: #ffffff;
font-weight: 600;
letter-spacing: 0.07em;
margin: 0.4em 0 0.8em 0.2em;
}

p.dates {
font-size: 0.95em;
color: #ffffff;
font-weight:500;
letter-spacing: 0.08em;
margin: 0.5em 0 1.3em 0.2em;
}


.fpix {
margin: auto;
float: right;
opacity: 0.7;
}


.report {
clear:left;
color:#ff8000;
font-size: 0.9em;
}
    
.left_stuff_contact {
float:left;
width: 230px;
margin-left: 30px;
padding-top: 25px;
}

.feld_oben  {
clear:left;
}

.feld_unten  {
clear:left;
}

.right_stuff_contact {
float:right;
margin: 0.3em;
}

.lab_contact {
margin: 0.25em;
width: 48px;
float:left;
font-size: 1em;
font-weight: bold;
letter-spacing: 0.06em;
color: #ffffff;
}
	           
.inpt_contact {
margin: 0.2em;
width: 150px;
height: 1.4em;
float:right;
font-size: 0.9em;
background-color:#ffffff;
color:#5F4C0B;
border:1px solid grey;
}    

.label_text {
margin-left: 5px;
font-size: 0.9em;
border:1px solid grey;
}

.label_news {
margin-left: 5px;
font-size: 1em;
letter-spacing: 0.07em;
}

.text  {
width:100%;
font-family:verdana, sans serif;
font-size: 0.9em;
border:1px solid grey;
}

.button_contact_box {
margin: auto;
clear:right;
width:100%;
}

.button_contact  {
width:50%;
float:right;
font-size: 0.8em;
}

.thanx {
width: 30em;
font-size: 1.6em;
margin: auto;
color:#424242;
}


										/*FOOTER*/

#underline {
width: 100%;
clear: right;
margin: auto;
text-align: center;
background-color: rgba(0,0,0,0.7);
border-top: 1px solid #B18904;
border-bottom: 1px solid #B18904;
}

p.line{
color: #ffffff;
visibility: visible;
clear: right;
font-size: 0.75em;
text-decoration:none;
margin: 0.3em;
}

p.noline{
visibility: hidden;
clear: right;
font-size: 0.75em;
text-decoration:none;
margin: 0.3em;
}