body
	{
	font-family:Georgia, sans-serif;
	font-size: 15px;
 	height:100%; 
 	width:100%;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
	color: #000000;
	text-decoration:none;
	letter-spacing: normal;
	background-color: #FFFFFF;
	white-space: normal;
	margin-left:0px; 
	margin-right:0px; 
	margin-top:0px; 
	margin-bottom:0px;
	padding:0px;
	margin:0px;
	hyphens: auto;
	}
		


#back0, #back1c, #back1, #back2, #back3, #back4, #back5, #backc{  
display:none;	}
	

	


html { 
	-webkit-text-size-adjust: 100%; 
} 
html, body{
	vertical-align:baseline;
	text-align:justify;
	-webkit-font-smoothing: antialiased;
	font-family:Georgia, sans-serif;
	font-size: 15px;
	margin:0;
	padding: 0;
	border: 0;
	text-decoration:none;
	}
	
body{
	overflow-y:scroll;
	}


#backback
	{  
	width:100%;
	height:100%; 
	position:fixed;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:#222222;
    z-index:-2;
    top:0px;
	}


	

		
.elastic-video {
	position: relative;
    padding-bottom: 55%;
 	padding-top: 15px;	
 	height: 0;
	overflow: hidden;
  	}


.elastic-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
   height: 100%;
	}


		
#divtext
 	{
 	position:relative; 
 	top:-50px; 
 	left:0px; 
 	width:90%; 
 	bottom: 400px;
 	height:*; 
  	padding-left:20px;
  	padding-right:20px;
  	padding-top:0px;
  	padding-bottom:20px;
 	margin-left:0px; 
	margin-right:0px; 
	margin-top:0px; 
	margin-bottom:0px;
 	background-color: #FFFFFF;
	text-align: justify;
	text-decoration:none;
	z-index:1; 
	}
	
#divtextw
 	{
 	position:relative; 
 	top:-130px; 
 	left:0px; 
 	width:90%; 
 	bottom: 400px;
 	height:*; 
  	padding-left:20px;
  	padding-right:20px;
  	padding-top:0px;
  	padding-bottom:20px;
 	margin-left:0px; 
	margin-right:0px; 
	margin-top:0px; 
	margin-bottom:0px;
 	background-color: #FFFFFF;
	text-align: justify;
	text-decoration:none;
	z-index:1; 
	}
	
	
#namemobil
 	{
 	position:relative; 
 	top:50px; 
 	left:00px; 
 	width:100%; 
 	height:40px; 
  	padding-left:00px;
  	padding-right:00px;
  	padding-top:0px;
  	padding-bottom:20px;
 	margin-left:0px; 
	margin-right:0px; 
	margin-top:0px; 
	margin-bottom:0px;
	text-align: center;
	text-decoration:none;
	z-index:5; 
	}



	
#divmtop
 	{
 	display: none;
	}



	
a
	{text-decoration: none;
	}
	
.menuehead
	{
	font-family:Helvetica, sans-serif;
	font-weight: 900;
	vertical-align:bottom;
	color: #000000;
	text-decoration: none;
	font-size: 45px;
	text-transform:uppercase;
	letter-spacing:-4px;
	}

.menuehead:hover
	{
	font-family:Helvetica, sans-serif;
	font-weight: 900;
	vertical-align:bottom;
	color: #FF0000;
	text-decoration: none;
	font-size: 45px;
	text-transform:uppercase;
	letter-spacing:-4px;
	}
	
.menueheadmob
	{
	font-family:Helvetica, sans-serif;
	font-weight: 900;
	vertical-align:bottom;
	text-align: center;
	color: #000000;
	text-decoration: none;
	font-size: 45px;
	text-transform:uppercase;
	letter-spacing:-4px;
	}
	
	
.menueheadcut
	{
	font-family:Helvetica, sans-serif;
	font-weight: 900;
	vertical-align:bottom;
	color: #CCCCCC;
	text-decoration: none;
	font-size: 60px;
	text-transform:uppercase;
	letter-spacing:-4px;
	}
	
.menueheadcut:hover
	{
	font-family:Helvetica, sans-serif;
	font-weight: 900;
	vertical-align:bottom;
	color: #EEEEEE;
	text-decoration: none;
	font-size: 65px;
	text-transform:uppercase;
	letter-spacing:-4px;
	}


.textr
	{
	font-family:Helvetica, sans-serif;
	font-weight: 700;
	vertical-align:bottom;
	color: #FF0000;
	text-decoration: none;
	font-size: 25px;
	background-color:#000000;
	text-transform:uppercase;
	letter-spacing:-2px;
	}

.textrcut
	{
	font-family:Helvetica, sans-serif;
	font-weight: 700;
	vertical-align:bottom;
	color: #CCCCCC;
	text-decoration: none;
	font-size: 25px;
	background-color:#000000;
	text-transform:uppercase;
	letter-spacing:-2px;
	}
	
.textb
	{
	font-family:Helvetica, sans-serif;
	font-weight: 570;
	vertical-align:bottom;
	color: #000000;
	text-decoration: none;
	font-size: 20px;
	text-transform:uppercase;
	letter-spacing:-0.8px;
	}

.workname
	{
	font-family:Helvetica, sans-serif;
	font-weight: 570;
	vertical-align:bottom;
	color: #000000;
	text-decoration: none;
	font-size: 17px;
	font-weight: bold;
	text-align: left;
	text-transform:uppercase;
	letter-spacing:-0.8px;
	}

.worknamekl
	{
	font-family:courier, sans-serif;
	font-weight: bold;
	text-align: left;
	color: #000000;
	text-decoration: none;
	font-size: 12px;
	text-transform:normal;
	letter-spacing:-0.5px;
	}
	
.topmenue
	{
	font-family:courier, sans-serif;
	font-weight: normal;
	text-align: right;
	color: #000000;
	text-decoration: none;
	font-size: 17px;
	text-transform:uppercase;
	letter-spacing:-0.5px;
	}

.topmenueh
	{
	font-family:courier, sans-serif;
	font-weight: normal;
	text-align: right;
	color: #000000;
	text-decoration: none;
	font-size: 15px;
	text-transform:uppercase;
	letter-spacing:-0.5px;
	}
	
.topmenueh:hover
	{
	font-family:courier, sans-serif;
	font-weight: normal;
	text-align: right;
	color: #111111;
	text-decoration: none;
	font-size: 15px;
	text-transform:uppercase;
	letter-spacing:-0.5px;
	background-color: #FF0000;
	}
	
.topmenuehb
	{
	font-family:courier, sans-serif;
	font-weight: normal;
	text-align: right;
	color: #000000;
	text-decoration: none;
	font-size: 15px;
	text-transform:uppercase;
	letter-spacing:-0.5px;
	}
	
.topmenuehm
	{
	font-family:courier, sans-serif;
	font-weight: normal;
	text-align: center;
	color: #000000;
	text-decoration: none;
	font-size: 15px;
	text-transform:uppercase;
	letter-spacing:-0.5px;
	}
	
.topmenuehm:hover
	{
	font-family:courier, sans-serif;
	font-weight: normal;
	text-align: center;
	color: #111111;
	text-decoration: none;
	font-size: 15px;
	text-transform:uppercase;
	letter-spacing:-0.5px;
	background-color: #FF0000;
	}
	
.topmenuehmred
	{
	font-family:courier, sans-serif;
	font-weight: normal;
	text-align: center;
	color: #ff0000;
	text-decoration: none;
	font-size: 15px;
	text-transform:uppercase;
	letter-spacing:-0.5px;
	}
	
.topmenuehmred:hover
	{
	font-family:courier, sans-serif;
	font-weight: normal;
	text-align: center;
	color: #000000;
	text-decoration: none;
	font-size: 15px;
	text-transform:uppercase;
	letter-spacing:-0.5px;
	background-color: #FF0000;
	}


.wlink
	{
	font-family:courier, sans-serif;
	font-weight: normal;
	text-align: right;
	color: #000000;
	text-decoration: none;
	font-size: 15px;
	text-transform:uppercase;
	letter-spacing:-0.5px;
	}
	
.wlink:hover
	{
	font-family:courier, sans-serif;
	font-weight: normal;
	text-align: right;
	color: #777777;
	text-decoration: none;
	font-size: 15px;
	text-transform:uppercase;
	letter-spacing:-0.5px;
	}


.topmenuekl
	{
	font-family:courier, sans-serif;
	font-weight: normal;
	text-align: right;
	color: #000000;
	text-decoration: none;
	font-size: 12px;
	text-transform:none;
	letter-spacing:-0.5px;
	line-height: 90%;
	}
	
.topmenuekl:hover
	{
	font-family:courier, sans-serif;
	font-weight: normal;
	text-align: right;
	color: #111111;
	text-decoration: none;
	font-size: 12px;
	text-transform:none;
	background-color: #FF0000;
	letter-spacing:-0.5px;
	line-height: 90%;
	}

.topmenuevsm
	{
	font-family:courier, sans-serif;
	font-weight: normal;
	text-align: right;
	color: #000000;
	text-decoration: none;
	font-size: 12px;
	text-transform:none;
	letter-spacing:-0.5px;
	line-height: 120%;
	}
	
.topmenuevsm:hover
	{
	font-family:courier, sans-serif;
	font-weight: normal;
	text-align: right;
	color: #111111;
	text-decoration: none;
	font-size: 12px;
	text-transform:none;
	background-color: #FF0000;
	letter-spacing:-0.5px;
	line-height: 120%;
	}

.topmenuecut
	{
	font-family:courier, sans-serif;
	font-weight: normal;
	text-align: right;
	color: #000000;
	text-decoration: none;
	font-size: 15px;
	text-transform:uppercase;
	letter-spacing:-0.5px;
	}
	
.topmenuecut:hover
	{
	font-family:courier, sans-serif;
	font-weight: normal;
	text-align: right;
	color: #111111;
	text-decoration: none;
	font-size: 15px;
	text-transform:uppercase;
	background-color: #BBBBBB;
	letter-spacing:-0.5px;
	}


.topmenue2
	{
	font-family:Helvetica, sans-serif;
	font-weight: normal;
	text-align: right;
	color: #000000;
	text-decoration: none;
	font-size: 40px;
	text-transform:uppercase;
	letter-spacing:-0.8px;
	}
	
.topmenue2:hover
	{
	font-family:Helvetica, sans-serif;
	font-weight: normal;
	text-align: right;
	color: #111111;
	text-decoration: none;
	font-size: 40px;
	text-transform:uppercase;
	background-color: #FF0000;
	letter-spacing:-0.8px;
	}
	

.menuegr
	{
	font-family:Helvetica, sans-serif;
	font-weight: 800;
	vertical-align:bottom;
	color: #FF0000;
	text-decoration: none;
	font-size: 30px;
	background-color:#000000;
	text-transform:uppercase;
	letter-spacing:-2px;
	}
	
.menuegr:hover
	{
	font-family:Helvetica, sans-serif;
	font-weight: 800;
	vertical-align:bottom;
	color: #555555;
	text-decoration: none;
	font-size: 30px;
	background-color:#000000;
	text-transform:uppercase;
	letter-spacing:-2px;
	}
	
.titelgr
	{
	font-family:Helvetica, sans-serif;
	font-weight: 800;
	vertical-align:bottom;
	color: #FF0000;
	text-decoration: none;
	font-size: 30px;
	background-color:#000000;
	text-transform:uppercase;
	letter-spacing:-2px;
	}

.worktitelo
	{
	font-family:Helvetica, sans-serif;
	font-weight: 570;
	vertical-align:bottom;
	color: #000000;
	text-decoration: none;
	font-size: 17px;
	text-transform:uppercase;
	letter-spacing:-0.8px;
	}

.worktitel
	{
	font-family:Helvetica, sans-serif;
	font-weight: 570;
	vertical-align:bottom;
	color: #000000;
	text-decoration: none;
	font-size: 17px;
text-align: left;
	text-transform:uppercase;
	letter-spacing:-0.8px;
	}
	
.worktitel:hover
	{
	font-family:Helvetica, sans-serif;
	font-weight: 570;
	vertical-align:bottom;
	color: #111111;
	text-decoration: none;
	font-size: 17px;
	text-transform:uppercase;
	letter-spacing:-0.8px;
	background-color:#FF0000;
	}
	
.worktitelcut
	{
	font-family:Helvetica, sans-serif;
	font-weight: 570;
	vertical-align:bottom;
	color: #000000;
	text-decoration: none;
	font-size: 35px;
	text-transform:uppercase;
	letter-spacing:-0.8px;
	}
	

.cv
	{
	font-family:Helvetica, sans-serif;
	font-weight: 570;
	color: #000000;
	text-decoration: none;
	font-size: 20px;
	text-transform:uppercase;
	letter-spacing:-0.8px;
	}
	
.cv:hover
	{
	font-family:Helvetica, sans-serif;
	font-weight: 570;
	color: #111111;
	text-decoration: none;
	font-size: 20px;
	text-transform:uppercase;
	background-color:#FF0000;
	letter-spacing:-0.8px;
	}
	
	
	
.titel
	{
	font-family:Helvetica, sans-serif;
	font-weight: 570;
	vertical-align:bottom;
	color: #000000;
	text-decoration: none;
	text-align: left;
	font-size: 17px;
	text-transform:uppercase;
	letter-spacing:-0.8px;
	}
	
.text
	{
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
	color: #000000;
	text-decoration:none;
	text-align: justify;
	letter-spacing: normal;
	white-space: normal;
	line-height:140%;
	}

.textho
	{
	font-family: Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
	color: #000000;
	text-decoration:none;
	text-align: justify;
	letter-spacing: normal;
	white-space: normal;
	line-height:140%;
	}
	
.textho:hover
	{
	font-family: Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
	color: #000000;
	text-decoration:none;
	text-align: justify;
	letter-spacing: normal;
	white-space: normal;
	line-height:140%;
	background-color:#FF0000;
	}
	
.textl
	{
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-variant: normal;
	font-style: bold;
	color: #000000;
	text-decoration:none;
	text-align: justify;
	letter-spacing: normal;
	white-space: normal;
	line-height:140%;
	}
	
.textl:hover
	{
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-variant: normal;
	font-style: bold;
	color: #777777;
	text-decoration:none;
	text-align: justify;
	letter-spacing: normal;
	white-space: normal;
	line-height:140%;
	}
	
#divlmen
 	{
display: none
	}

.textcut
	{
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
	color: #000000;
	text-decoration:none;
	text-align: justify;
	letter-spacing: normal;
	white-space: normal;
	line-height:140%;
	}

.textred
	{
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-variant: normal;
	font-style: italic;
	color: #000000;
	text-decoration:none;
	text-align: justify;
	letter-spacing: normal;
	white-space: normal;
	line-height:140%;
	background-color:#FF0000;
	}





.textsm
	{
	font-family: Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
	color: #000000;
	text-decoration:none;
	text-align: justify;
	letter-spacing: normal;
	white-space: normal;
	line-height:100%;
	}


.textar
	{
	font-family:arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	font-variant: normal;
	font-style: normal;
	color: #000000;
	text-decoration:none;
	text-align: justify;
	letter-spacing: normal;
	white-space: normal;
	}	

.textdate
	{
	font-family:helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-variant: normal;
	font-style: bold;
	color: #000000;
	vertical-align:super;
	text-align: justify;
	letter-spacing: normal;
	white-space: normal;
	line-height:120%;
	}	
	

	
	
	
	
	
	
	
.thumbnail{
position: relative;
z-index: 0;
	font-family:Georgia, sans-serif;
	font-weight: normal;
	vertical-align:bottom;
	color: #000000;
	text-decoration: none;
	font-size: 23px;
	text-transform:uppercase;
	letter-spacing:-0.8px;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: 10px;
border: 1px black;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -30px;
left: 500px; /*position where enlarged image should offset horizontally */

}









#divmobilemenue
	{
	position:fixed; 
	right:0px; 
	top:0px; 
	width:100%; 
	height:0px;
	text-align:left; 
	z-index:10;
	}




/*Menuebalken*/ 

    .bar1, .bar2, .bar3 {
  width: 50px;
  height: 4px;
  background-color: black;
  margin: 6px 2px;
  transition: 0.4s;
}
    
.menue-button {
    display: block;
    position: absolute;
    top: 15px;
    right: 10px;
    background-color: white;
    color: black;
    cursor: pointer;
}

/*aufpassen, falls du es ausprobierst, siehst du es vielleicht nicht, weil es bei mir WEIß ist (wegen des schwarzen Balkens) bei mir war es andersrum und hat mich 2 stunden gekostet, zu kapieren, dass es daran liegt, schon die ganze zeit da war, ich es nur nicht gesehen habe, weil schwarz auf schwarz*/

.menue-button:hover {
    color: white;
    background: white;
}

a.bereichlogo {
    width: 100%;
}

a {
    color: whitesmoke;
    text-decoration: none;
}

a:link {
    color: whitesmoke;
}

a:visited {
    color: whitesmoke;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

nav.navi li {
    list-style: none;
    top: 7px;
    right: 10px;
    float: left;
    width: 90%;
    padding-left: 15px;
    background-color: white;
    font-size: 20px;
}

nav.navi ul {
    float: left;
    width: 100%;
}

nav.navi {
    display: none;
}

#nav-menue:target #steuerung {
    display: block;
}

#nav-menue:target .menue-button-beschr-open {
	display: none; 
}


#divcvdesk
 	{
 	display:none;
	}

#divcvmobil
 	{
 	position:relative; 
 	top:0px; 
 	right:0px; 
 	width:100%; 
 	height:*; 
 	text-align: left;
 	vertical-align: top;
  	padding-left:0px;
  	padding-right:0px;
  	padding-top:0px;
  	padding-bottom:0px;
 	margin-left:0px; 
	margin-right:0px; 
	margin-top:0px; 
	margin-bottom:0px;
	text-decoration:none;
	z-index:2; 
	}


.topmenuehbred
	{
	font-family:courier, sans-serif;
	font-weight: normal;
	text-align: right;
	color: #ff0000;
	text-decoration: none;
	font-size: 15px;
	text-transform:uppercase;
	letter-spacing:-0.5px;
	}

.topmenuehbred:hover
	{
	font-family:courier, sans-serif;
	font-weight: normal;
	text-align: right;
	color: #000000;
	text-decoration: none;
	font-size: 15px;
	text-transform:uppercase;
	letter-spacing:-0.5px;
	background-color: #FF0000;
	}