* {
border:0 none;
margin:0;
padding:0;
}

html {
font-family: Georgia, serif;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
text-decoration:none;


}

@font-face {
	font-family: Futura1;
	                 	                                 
	src: url(futumdit.ttf);     
	                                  
	}


body{
    text-align: center;
    
	overflow-x: hidden;
}

/*
img, a img {
border:0 none;
margin:0;
}
*/


/*--------- GERÜST ------------ */



img.hintergrundbild, #bg {
min-height: 1750px;        /*  Diese zwei Zeilen setzen die Regeln um den Hintergrund zu füllen  */

min-width: 100%;             /*  Die Regeln, welche für die Skalierung sorgen  */
/* height: auto;*/
position: relative;         /*  Die Positionierung  */
top: 0;
left: 0;

z-index:0;
float:left;
}


@media screen and (max-width: 1200px) {
img.hintergrundbild  {
left: 50%;                /*  Ohne diese Angaben funktioniert es nicht  */
margin-left: -600px; }
}










/*
#bg_img {

    margin: 0;
     margin: 0;
    z-index: 0;
    background: url("../bilder/bg1.jpg");
   	height:500px;
    position: absolute;
}

#bg_img img {
    border: 0 solid;
    bottom: 0;
    margin: 0;
    width: 100%;
}
*/

#content {
position: inline;
text-align:left;
display: block;
width:930px;
background: rgba(255, 255, 255, .8);
float:left;

}



a#video {
background: url("video-hansgeorghaus_web.png") no-repeat scroll 0 0;
width:153px;
height:127px;
margin-left:7px;
display:block;
position: absolute;
}

a#video:hover {
background: url("video-hansgeorghaus_web.png") no-repeat scroll 0 -127px;
}


#wrapper {
width:930px;
margin: 0 auto;
text-align: left;
position: absolute;
min-height:100%;
	margin-left:-465px;
	left:50%;
}



#head {
display:block;
position: relative;
float:left;
margin:0;
height:215px;
width:930px;
text-align: left;

}


#head ul a {
font-family: Futura1, Futura, Helvetica, Arial, sans-serif;
text-transform: uppercase;

font-size: 12px;
font-weight: normal;
color: rgba(0, 0, 0, .8);
border:none;
text-decoration: none;

}

#head ul a:hover, #head a.aktiv {





border-bottom:1px solid;
background:rgba(255, 255, 255, .8);
}



#head ul
{
  list-style: none;
  margin: 0;
  padding: 0;
  text-align-last: justify;
  text-align: justify;
  padding:10px 15px 0px 15px;
}

#head ul li {
        list-style-type:none;
        display:inline-block;
}

#head ul::after
{
        content: "\A0";
        display: inline-block;
        height: 0;
        width: 100%;
}





#meta {
display:block;
background: green;
width:930px;
height:40px;
position:absolute;
bottom:0;

}

#verlauf {
position: relative;
display: block;
width:930px;
background: url("verlauf.png");
float:left;
height:250px;
}

#footer {
    position: absolute;
    margin-top:0;
    
	/* background: url("../bilder/verlauf_footer.png");  */
	background: rgba(255, 255, 255, .8);
	width:930px;
	height:30px;
    text-align:center;
	
	bottom:0;
	margin-left:-465px;
	left:50%;
	

	
}

#footer p {
margin: 5px 0 0 0;
}



#sprache {
text-align: right;
top:20px;
right:15px;

position: absolute;

color: rgba(255, 255, 255, .8);
line-height: 20px;
font-size: 9px;
}

#sprache a, span.current {
font-size:11px;
color: rgba(255, 255, 255, .8);
text-decoration: none;
font-style: italic;
font-weight: bold;
}

span.current {

border-bottom: 1px solid;
cursor: default;
}

#sprache a:hover {
color: rgba(0, 0, 0, .8);

}

/* ------------- BILDER -------------------- */

img.rand {
border:7px solid white;
margin:0px;
display:block;
}

span.rand {
display:block;
border:solid 1px #999;
margin:0px;
float:left;
}

a.thumb {
cursor:pointer;
width:96px;
height:96px;
display:block;
border:solid 1px #999;
margin:0px;
float:left;
overflow: hidden;
margin:0 15px 15px 0;
}

a.thumb:hover {
border:solid 1px black;
}

span.thumb {
border:7px solid white;
margin:0px;
display:block;
height: 82px;
overflow: hidden;
}

/* ------------- Schrift Gliederung -------------- */
.spalte_nur_links {
margin: 45px 0 0 100px;
width:340px;

display:block;
clear:both;
}
.spalte_links_randlos {
margin: 45px 0 0 0px;
width:340px;
float:left;
display:block;
}

.spalte_links {
margin: 45px 0 0 100px;
width:340px;
float:left;
display:block;
}
.spalte_rechts {
margin: 45px 0 0 50px;
width:340px;
float:left;
display:block;
}
.spalte_voll {
margin: 45px 0 0 100px;
width:730px;
float:left;
display:block;
}


/*---------- schrift--------------*/


#content a, #footer a {
font-size:12px;
text-decoration: none;
color: #666;
font-style: italic;
border-bottom:1px solid;
font-weight: bold;
}


#sprache a:hover, #content a:hover, #footer a:hover {
color:black;

}




p {
font-style: normal;
line-height: 20px;
font-size: 13px;
color: #888;
font-weight:normal;
clear:both;

letter-spacing: 0.02em;
white-space: pre-wrap;
}

p.team {
float:left;
clear:none;
width:196px;
margin: 0 0 55px 20px;
}



.orange {
color:#f88a50;
}
.blau {
color:#0775af;
}
.dunkel {
color:#555;
}

.umbruch {
display: block;
height: 10px;
}

.deaktiv {
color:#999;
cursor: default;
}

h1 {
font-family: Futura1, Futura, Helvetica, Arial, sans-serif;
line-height: 20px;
font-size: 14px;
color: black;
font-weight:normal;
margin-bottom:55px;
clear:both;
text-transform: uppercase;

}

h1.intext {
margin-bottom:0px;
clear:none;
}

h2 {

font-family: Futura1, Futura, Helvetica, Arial, sans-serif;
line-height: 26px;
font-size: 12px;
color: #0775af;
font-weight:normal;

clear:both;
text-transform: uppercase;
padding: 0px 10px 0px 10px;
margin-left:-10px;
border-top:1px solid #ccc;
}

div.highlight h2 {
color:black;
}


h2.aktiv {
cursor: pointer;

}


h2.aktiv:hover {
color:black;
}

.name {
font-family: Futura1, Futura, Helvetica, Arial, sans-serif;
color:#0775af;
text-transform: uppercase;
font-weight:normal;

}

h4 {
font-style: italic;
}





/*----------- Formular ------------------ */

.formgen {
font-style: normal;
line-height: 20px;
font-size: 13px;
color: #0775af;

margin: 45px 0 0 100px;
width:730px;
float:left;
display:block;
}


.formspalte1 {
float:left;
display:inline;

margin:0 25px 0 0;
}

.formspalte2 {
float:left;

}

#seitentext {    /* Div für Absende Button */

float:left;
height:30px;
width:300px;
display:block;
margin-bottom: 175px;

}

#seitentext p {
margin:0;
padding:0;
}

.textblock {
display:block;
height:130px;
}


input {   /* alle Eingabe Felder */
width:219px;
height:20px;
border:solid 1px #aaa;

padding: 2px 0 0 5px;
margin-bottom:20px;

font-family: Georgia, serif;
background-color:#fff;    /* inaktive Farbe  */
font-size: 13px;
line-height: 22px;

color:#555;

}


input:focus, textarea:focus {    /* AKTIVE Farben  */
background-color: rgba(255, 255, 255, .0);
color:#000;
border-color: #888;
}



#el_12 {   /* Betreff Feld */
width:721px;

}





textarea {       /* Textfeld */
font-family: Georgia, serif;
border:solid 1px #aaa;
width:721px;
float:left;

height:146px;
color:#555;


font-size:13px;
line-height: 18px;
letter-spacing: 0.02em;

resize: none;
padding: 2px 0 0 5px;
background-color:#fff;  /* inaktive Farbe  */
margin-bottom: 29px;

}




.formsubmit {
font-family: Georgia, serif;
border:1px solid #aaa;
height:25px;
background-color: #fff; 
position:relative;
bottom:0;
color: #f88a50;

display:inline;
cursor: pointer;
display:block;
width:219px;
padding:0 0 2px 0;
margin-bottom: 70px;
}

.formsubmit:hover {
color:#555;
background-color: rgba(255, 255, 255, .0);
border-color: #888;
}








label {
font-size:13px;
color:#0775af;
clear:both;
line-height: 18px;
margin-bottom: 10px;
display:block;
letter-spacing: 0.02em;
}

.formreq {
color: #003366;
}





.formheadline {
color:#003366;
font-weight:bold;
font-size:12px;
margin:2px 0 22px 0;
}


.formblock {
float:left;
}


.formhinweis {
font-size:13px;
color: #CC1735;
line-height: 20px;
}


.forminfo {
font-family: Georgia, serif;

font-size:13px;

line-height: 20px;
color: #f88a50;
margin: 45px 0 0 100px;
display:block;
line-height: 20px;
}

#form-module-thanks {
margin: 45px 0 0 100px;
width:390px;
float:left;
font-size:13px;
color: #0775af;
line-height: 20px;
}