body {
  	font-family: Tahoma;
	font-family: arial;
	font-family: verdana;
	font-size:1.0em;
	line-heightx:1.4em;

	background-colorx: #f3f3f3;
	background-color: #000000;
	
	margin:0px;
	height:100%;
	color: #ffffff;

	}

.ganzaus{display:none;}

#mbmcookie {
	displayx:none;
	position: fixed; 
	width:90%;
	heightx:80%; 
	bottom: 20px;  right: 5%; 
	border-radiusx:15px; 
	background-imagex: url('style/trans3.png') ; 
	background-color: #d5b228; 
	background-color: #eeeeee;
	color:#000000;
	border: 2px solid #000000; 
	padding: 20px; font-size: 16px; font-family: verdana; 
	z-index:900; text-align:center;}

.cookietop{
	float:left;
	width:100%;
	margin-left:0%;
	margin-bottom:40px;
	border: 0px solid #0000ff;}

#mbmcookie a.button {cursor: pointer; background: #000000; padding: 8px 20px; margin-top: 0px; margin-bottom:00px; border-radius: 5px; font-weight: bold; 
		float: left; margin-left:10%; color:#ffffff; width:80%; font-size:18px;}

#mbmcookie a.button:hover {background-color: #aaa; color:#000000;}


#mbmcookie p.cookiemessage {
	display: block; 
	float:left ;
	width:100%; padding: 0; margin-left: 0%; text-align:left; text-shadowx:3px 3px 2px #000000; font-size: 14px;}


.cookielink{cursor: pointer; backgroundx: #666666; padding: 8px 20px; margin-top: 40px; margin-bottom:00px;  font-weight: normal;  color:#000000; display:inline-block; width:100%; float: left; }



a.buttonback:link,a.buttonback:visited{
	position: fixed; 
	width:250px;
	heightx:80%; 
	top: 20px;  right: 15%; 
	border-radiusx:15px; 
	
	text-align		:center;
        text-shadow	:2px 2px 2px #000000;
	padding:3px;
	
        font-weight		x:normal; 
        text-decoration		:none;
        color        		:#ffffff;
	background-color	:#333333;
	border:0px solid #cccccc;
	border-radius:4px;
	font-size: 1.0em;
	z-index:900;
	}

#anzeige {
	position	:relative;
	float		:left;
	margin-top	:0px;
	width		:100%;
	margin-left	:0%;
	min-height:800px;
	height:500px;
	height:100%;
	border:0px;
	border:0px solid #ff0000;
	clearx:both;
	z-index:100;
	}

.videohead{
	position:relative;
	float:left;
	width:200px;
	height:250px;
	margin-right	:20px;}

.videogalerie{
	position:relative;
	float:left;
	width:30%;
	height:250px;
	margin-right	:1%;
	background-colorx:#000000;
	background-size:  100% 100%;}



#abstand{float:left; width:100%; height:40px;}
.blackbg{background-color:#000000;}

#bghead, #bgbeton, #bgartist, #bgdown, #bgego, #bggalerie, #bgbilder, #bgleistung, #bgsession, #headdown, #bgblack, #bgkontakt,  #footer, #bgfeuer{
displayx:none;
	position:relative;
	float:left;
	width:100%;
	margin-left	:0%;
	margin-bottom	:0px;
	border-bottom:0px solid #000000;}

#bggalerie{displayx:none;background-color:#222222;}



#bgblack{	
	background-colorx:#101010;}

#bgfeuer, #bgsession{margin:200px 0px 100px 0px;}

#bgsession{padding:50px 0px 100px 0px;}

#bgfooter{padding:2px 0px 20px 0px;}

#bgleistung{
	background-color:#000000;
	padding:80px 0px 100px 0px;
	border:0px solid #ff6600;
	z-index:100;}

#bgbeton{
	min-height:300px;
	background-color:#000000;
	background-imagex: url("../img/head.jpg");
	background-image: url("../style/bg2.jpg");
	background-size:  100% auto;
	background-position: right top;
	background-repeat:no-repeat;
	border:0px solid #ff6600;
	padding:50px 0px 50px 0px;
	z-index:100;}

#bghead{
	min-height:100vh;
	background-color:#000000;
	background-imagex: url("../img/head.jpg");
	background-imagex: url("../bgs/bg2b.jpg");
	background-size:  auto 250%;
	background-position: center center;
	background-repeat:no-repeat;
	border:0px solid #ff6600;
	z-index:100;}

#bannerhead{
	position:relative;
	width:100%;
	min-height:100px;
	border:0px solid #ff6600;
		}

#wraphead{ 	
	position	:relative;
	float		:left;
	width		:100%;
	margin-left	:0%;
	left	:0%;
	height:100vh;
	clear:both;
	margin-top:0px; 
	margin-bottom:0px;
	border:0px solid #ff0000;
	z-index:400;
	}

#wrap{ 	
	position	:relative;
	float		:left;
	width		:100%;
	margin-left	:0%;
	left	:0%;
	clear:both;
	margin-top:0px; 
	margin-bottom:0px;
	border:0px solid #00ff00;
	z-index:300;
	}


.headgrau{
	position:absolute;
	right:0px; top:0px;
	width:65%;
	height:85%;
	background-color:#202020;
	background-imagex: url("../style/bg3g.jpg");
	background-image: url("../style/bg2.jpg");
	
	background-position: left top;
	background-size:  100%  100% ;
	background-repeat:no-repeat;
	z-index:100;}

.headpic{
	position:absolute;
	right:0%; top:0px;
	width:100%;
	height:100%;
	border:0px solid #ffffff;

	background-image: url("../img/headtest2.png");
	background-image: url("../bgs/head25.png");
	background-imagex: url("../img/egopic4.png");
	background-size:  auto 100%;
	background-position: left bottom;
	background-repeat:no-repeat;
	-webkit-filter: opacity(.9);
    	filter		: opacity(.8);
	z-index:200;}

.headname{
	position:absolute;
	left:0%; top:15vh;
	width:100%;
	height:20vh;
	

	background-image: url("../img/name1.png");
	background-size:  auto 20vh;
	background-size: 90% auto;
	background-position: center top;
	background-repeat:no-repeat;
	border:0px solid #ffffff;
	z-index:300;
	filter		: opacity(.8);}

.headbanner{
	position:relative;
	float:left;
	margin-top:00px;
	heighxt:10vh;
	width:100%; margin-left:0%;
	border:0px solid #66ff00;
	background-imagex: url("../style/red.png");
	
	background-position: left bottom;
	background-size:  30%  1px;
	background-repeat:no-repeat;
	z-index:200;}

.bannerright{
	position:relative;
	float:right;
	margin-right:5%;
	heightx:10vh;
	width:auto; margin-left:0%;
	padding: 10px 20px 10px 20px;
	background-colorx: #ff0000;
	z-index:200;}



.headleft{
	position:relative;
	float:left;
	margin-top:60vh;
	height:30vh;
	width:50%; margin-left:0%;
	border:0px solid #ffffff;
	z-index:300;}

.headright{
	position:absolute;
	right:5%; bottom:0px;
	
	padding:10px;
	
	min-height:20vh;
	width:90%; 
	background-colorx: #ff0000;
filter		: opacity(.8);
	z-index:400;}


.headleftu{
	position:absolute;
	left:0%; bottom:0px;
	width:99%;
	min-height:100px;
	border:0px solid #333333;
	z-index:900;}

#headdown{
	display:none;
	min-height	:30vh;
	color:#ffffff;
	background-color:#ff0000;
	padding-top	:20px;
	padding-bottom	x:50px;
	text-align:center;
	}

.unterschrift{
	float:left; width:40%;
	margin-top:15px;
	}

.box100{
	float:left; width:100%;
	border:0px solid #ffffff;}

#photoboxl, #photoboxr{
	width:90%; 
	position:relative;
	float:left;
	margin-top:50px;
	margin-bottom:100px;
	margin-left:0%;
	padding-top:0px;
	min-height:100px;
	
	border:0px solid #44cc00;
	z-index:100;}

#photoboxl{float:left;}
#photoboxr{float:right;}

.rot{background-color:#a60303;}

.grau{background-colorx:#202020;
	background-image: url("../style/bg2.jpg");
	background-size:   100% 100%;
	background-position: center center;
	background-repeat:no-repeat;}

#textboxr{
	position:relative;
	float:right;
	margin-top:0px;
	margin-bottom:150px;
	margin-left:0%;
	min-height:100px;
	width:90%; 
		
	border:0px solid #cccccc;
	z-index:100;}

#boxartistic{
	position:relative;
	float:right;
	margin-top:100px;
	margin-bottom:150px;
	margin-left:0%;
	min-height:100px;
	width:80%; 
	background-color:#080808;
	background-color:#ff0000;
	background-imagex: url("../style/bg2.jpg");
	background-size:  auto 250%;
	background-position: center center;
	background-repeat:no-repeat;
	border:0px solid #ffffff;
	z-index:100;}

.egopicfeuer{
	position	:absolute;
	right:0px; top:0px;
	width:40%;
	
	height:100%;
	background-colorx:#000000;

	background-image: url("../img/head1.png");
	background-size:  100% auto;
	background-position: left bottom;
	background-repeat:no-repeat;
	border:0px solid #ff6600;
	z-index:200;}

.egopicartist{
	position	:absolute;
	left:0px; top:0px;
	width:45%;
	
	height:100%;
	background-colorx:#000000;

	background-image: url("../img/artistic.png");
	background-image: url("../img/egopic5.png");
	background-size: auto 90% ;
	background-sizex: 100% auto ;
background-size:  150% auto;
	background-position: right bottom;
	background-repeat:no-repeat;
	border:0px solid #ff6600;
	z-index:200;}

.footerpic{
	position	:absolute;
	right:0px; top:0px;
	width:35%;
	
	height:100%;
	background-colorx:#000000;

	background-image: url("../img/artistic.png");
	
	background-size:  100% auto;
	
	background-position: left bottom;
	background-repeat:no-repeat;
	border:0px solid #ffffff;
	z-index:200;}


a.togglelink:link,a.togglelink:visited{
	font-size: 1.2em;
	float			:left;
	display			x:inline-block;
	width			:auto;
	
	margin-top		:20px;
	margin-bottom		:20px;
	margin-right		:0px;
	margin-left		:00%;
	
	text-align		:left;
        text-indent		:0px;
	padding:3px 0px 3px 0px;
	
        font-weight		:normal; 
        text-decoration		:none;
        color        		:#ffffff;
	background-size:  auto 100% ;
	background-position: left  bottom;
	background-repeat:no-repeat;	
	border-bottom:2px solid #cccccc;
	border-radius:3px;
	
	text-shadow	:3px 3px 3px #000000;
	}

a.kontaktlink:link,a.kontaktlink:visited{
	font-size: 1.2em;
	float			:right;
	display			:inline-block;
	width			:80%;
	
	margin-top		:0px;
	margin-bottom		:20px;
	margin-right		:0px;
	margin-left		:00%;
	
	text-align		:left;
        text-indent:40px;
	padding:3px 0px 3px 0px;
	
        font-weight		:normal; 
        text-decoration		:none;
        color        		:#ffffff;
	background-size:  auto 100% ;
	background-position: left  bottom;
	background-repeat:no-repeat;	
	border:0px solid #cccccc;
	border-radius:3px;
	
	text-shadow	:3px 3px 3px #000000;
	}

.shadowtext{text-shadow	:3px 3px 2px #000000;}

#bgego{
	padding:100px 0px 50px 0px;
	background-colorx:#ff0000;
	background-imagex: url("../style/black.png");
	background-size:  100% 90%;
	background-position: left  bottom;
	background-repeat:no-repeat;	
	color:#ffffff;}

#footer{padding:20px 0px 20px 0px; background-color:#000000;}



#kontaktbox{
	width:90%;
	float:left;
	margin-top:50px;
	margin-left:0%;}


#kontaktdaten{
	width:90%;
	float:right;
	padding: 10px 10px 10px 10px; 
	margin-left:0%;
	border:0px solid #ffffff;}

#boxref{
	float:right;
	padding: 10px 10px 10px 10px; 
	width:90%;margin-left:0%;
	border:0px solid #ffffff;}

#footerbox{
	position:relative;
	width:100%;
	float:left;
	padding: 40px 10px 10px 10px; 
	margin-left:0%;
	background-color:#000000;
	color:#787878;}
	
#bgblack, #footer{
	background-colorx:#000000;
	color:#ffffff;}






#wrapleft{
	position	:relative;
	float		:left;
	width		:90%;
	margin-left: 5%;
	border:0px solid #ffffff;
	}

#wrapright{
	position	:relative;
	float		:right;
	width		:45%;
	border:0px solid #ff6600;
	}

#egotext{float:left;
	width:60%;
	margin-left:0%;
	colorx:#000000;
	padding: 140px 0px 140px 0px;
	border:0px solid #ffffff;}

.egopic{
	position	:absolute;
	right:0px; top:0px;
	width:65%;
	
	height:100%;
	background-colorx:#000000;

	background-image: url("../neuebilder/headneu.jpg");
	background-size: auto 100% ;
	background-position: right top;
	background-repeat:no-repeat;
	border:0px solid #ff6600;
	z-index:100;}

#boxleist{
	position	:relative;
	float		:left;
	width		:49%;
	margin-right:0px;
	padding:0px;
	background-colorx:#ff0000;
	border:0px solid #ff0000;
	text-align:left;
	}

.leistpic{
	position	:absolute;
	left:0px; top:0px;
	width:100%;
	
	height:100%;
	background-colorx:#000000;

	background-image: url("../bgs/leistpic1.jpg");
	
	background-size:  auto 100% ;
	background-position: left top;
	background-repeat:no-repeat;
	border:0px solid #ff6600;
	z-index:100;}

.sessionpic{
	position	:absolute;
	right:0px; top:0px;
	width:60%;
	
	height:100%;
	background-colorx:#000000;

	background-image: url("../img/session67.jpg");
	background-size:  auto 100% ;
	background-position: center top;
	background-repeat:no-repeat;
	border:0px solid #ffffff;
	z-index:100;}

.verlaufleft{
	displayx:none;
	position:absolute;
	right:0px; top:0px;
	width:100%;
	height:100%;
	background: rgb(0,0,0);
	background: linear-gradient(270deg, rgba(0,0,0,1) 00%, rgba(0,0,0,0) 100%);
	border:0px solid #44cc00;
	}

.verlaufright{
	position:absolute;
	left:0px; top:0px;
	width:100%;
	height:100%;
	background: rgb(0,0,0);
	background: linear-gradient(90deg, rgba(0,0,0,1) 00%, rgba(0,0,0,0) 100%);
	border:0px solid #00ffff;
	}






#sessiontext{float:left;
	width:59%;
	margin-left:10%;
	color:#ffffff;
	padding: 150px 0px 200px 0px;
	border:0px solid #ffffff;}



.list1{
	display:block;
	width:100%;
	margin-top:5px;
	margin-bottom:7px;
	float:left; position:relative;
	background-image   	:url('bullet1.png') ;
       	background-position	:left center;
	background-repeat	:no-repeat;
	background-size		:12px auto;
	text-indent:18px;
	font-size:x20px;
	colorx:#e6e6e6;
	color:#ffffff;
	text-shadow	x:3px 3px 3px #000000;
	}

.preview1l, .preview1r{
	position:relative;
	
	width:31%; height:140px;
	
	margin-top:10px;
	margin-bottom:10px;
	
	background-size:  100% auto;
	background-size:  auto 105%;
	background-position: center top;
	background-repeat:no-repeat;
	border:0px solid #d5b228;
	}

.preview1l{float:left; margin-left:1%; margin-right:0%;}

.preview1r{float:right; margin-left:0%; margin-right:1%;}

.preview2{
	position:relative;
	float:left;
	width:25%; height:240px;
	background-size: 100% auto;
	background-position: center top;
	background-repeat:no-repeat;
	border:0px solid #d5b228;
	}

#wechselbild {
	displayx:none;
	position:absolute;
	left:0px; top:0px;
	positionx: fixed;
	width: 60%; height:100%;
	
	min-heightx: 100%;
	min-widthx: 1024px;

	heightx: 90vh;
	min-heightx: 500px;

	z-index:100;
	border:0px solid #ff0000;
	background-size:100% auto;
	background-position: left top ;
	background-repeat:no-repeat;
	}






#additional-info{background-color: #ffffff; widthx:80%; }



#additional-info1, #additional-info2, #additional-info3, #additional-info4, #additional-info5 {
  margin: 2rem auto;
	background-colorx: #ff0000; width:80%; height:90%; border:1px solid#666666;;
}

.button1{background-color: #ffffff;
	border:0px;
	float:right;
	width:100%;}

.titel, .titelblack{
	position:relative;
	float:left;
	width:100%; height:60px;
	margin-bottomx:20px;
	font-size:1.8em;
	font-family:verdana;
	font-familyx:tahoma;
	font-weight:bold;
	color:#555555;


	background-colorx:#f9c001;
	text-transformx:uppercase;
	text-shadowx: 1px 1px 0 #ffffff, 1px -1px 0 #ffffff, -1px 1px 0 #ffffff, -1px -1px 0 #ffffff, 1px 0px 0 #ffffff, 0px 1px 0 #ffffff, -1px 0px 0 #ffffff, 0px -1px 0 #ffffff, 1px 1px 1px rgba(255,255,255,0);
	text-shadowx: 2px 2px 0 #666666, 2px -2px 0 #666666, -2px 2px 0 #666666, -2px -2px 0 #666666, 2px 0px 0 #666666, 0px 2px 0 #666666, -2px 0px 0 #666666, 0px -2px 0 #666666, 2px 2px 2px rgba(102,102,102,0);
	text-shadowx: 1px 1px 0 #666666, 1px -1px 0 #666666, -1px 1px 0 #666666, -1px -1px 0 #666666, 1px 0px 0 #666666, 0px 1px 0 #666666, -1px 0px 0 #666666, 0px -1px 0 #666666, 1px 1px 1px rgba(102,102,102,0);
	border-bottomx:1px solid #555555;
	}

.titelblack{background-color: #000000;
	padding-bottomx:40px;
	text-alignx:right;}

.rechts{text-align:right;}



.galerybild100p{
	position:relative;
	float:left;
	width:100%;
	height:200px;
	margin-leftx:1%;
	margin-topx:10px;
	
	
	background-size: 100% auto;
	background-position: center;
	background-repeat:no-repeat;
		}
a.menulink:link,a.menulink:visited{
	float			:right;
	display			:inline-block;
	width			x:100%;
	
	margin-top		:0px;
	margin-bottom		:0px;
	margin-right		:0%;
	margin-left		:00%;
	
	text-align		:center;
        text-shadow	:3px 3px 3px #000000;
	padding:3px;
	
        font-weight		x:normal; 
        text-decoration		:none;
        color        		:#ffffff;
	background-color	x:#ffffff;
	border:0px solid #cccccc;
	border-radiusx:3px;
	font-size: 1.1em;
	}

a.impresslink:link,a.impresslink:visited{
	float			x:left;
	display			x:inline-block;
	width			x:100%;
	
	margin-top		:0px;
	margin-bottom		:0px;
	margin-right		:0%;
	margin-left		:00%;
	
	text-align		:center;
        text-shadow	x:3px 3px 3px #000000;
	padding:3px;
	
        font-weight		x:normal; 
        text-decoration		:none;
        color        		:#ffffff;
	background-color	x:#ffffff;
	border:0px solid #cccccc;
	border-radiusx:3px;
	font-size: 0.9em;
	}

a.footerlink:link,a.footerlink:visited{
	float			x:left;
	display			x:inline-block;
	width			x:100%;
	
	margin-top		:0px;
	margin-bottom		:0px;
	margin-right		:0%;
	margin-left		:00%;
	
	text-align		:center;
        text-shadow	x:3px 3px 3px #000000;
	padding:3px;
	
        font-weight		x:normal; 
        text-decoration		:none;
        color        		:#787878;
	background-color	x:#ffffff;
	border:0px solid #cccccc;
	border-radiusx:3px;
	font-sizex: 1.1em;
	}


.iconsocial{width:auto; height:40px;}

.mobilaus{display:none;}


/* orange Ansicht für landscape phones, 576px and up */
@media (min-width: 576px) {

#anzeige {border:0px solid #f1900e;}


#wrapleft{
	position	:relative;
	float		:left;
	width		:60%;
	border:0px solid #ffffff;
	}


.preview1l, .preview1r{
	position:relative;
	
	width:31%; height:140px;
	
	margin-top:10px;
	margin-bottom:10px;
	
	background-size:  100% auto;
	background-sizex:  auto 105%;
	background-position: center top;
	background-repeat:no-repeat;
	border:0px solid #d5b228;
	}



}




/*grün Medium devices (tablets, 768px and up) */

@media (min-width: 768px) {

#anzeige {border:0px  solid #00ff00;}



#headdown{
	
	min-height	:20vh;
	color:#ffffff;
	background-color:#ff0000;
	padding-top	:20px;
	padding-bottom	x:50px;
	text-align:center;
	}



#wrapleft{
	position	:relative;
	float		:left;
	width		:75%;
	border:0px solid #ffffff;
	}

#boxleist{
	position	:relative;
	float		:left;
	width		:auto;
	margin-right:0px;
	padding:20px;
	background-colorx:#ff0000;
	border:0px solid #ff0000;
	}

.leistpic{
	position	:absolute;
	left:0px; top:0px;
	width:100%;
	
	height:100%;
	background-colorx:#000000;

	background-image: url("../bgs/leistpic1.jpg");
	
	background-size:  auto 120% ;
	background-position: left top;
	background-repeat:no-repeat;
	border:0px solid #ff6600;
	z-index:100;}






.sessionpic{
	position	:absolute;
	right:0px; top:0px;
	width:60%;
	
	height:100%;
	background-colorx:#000000;

	background-image: url("../img/session67.jpg");
	background-size:   120% auto;
	background-position: center top;
	background-repeat:no-repeat;
	border:0px solid #ffffff;
	z-index:100;}


}

/* blau Ansicht für Large devices (desktops, 992px and up) */

@media (min-width: 992px) { 


#anzeige {border:0px solid #0000ff;}

.unterschrift{
	float:left; width:30%;
	margin-top:15px;
	}


.mobilaus{display:block;}

.videogalerie{
	position:relative;
	float:left;
	width:15%;
	height:380px;
	margin-right	:1%;
	background-colorx:#000000;
	background-size:  100% 100%;}


a.kontaktlink:link,a.kontaktlink:visited{
	font-size: 1.2em;
	float			:right;
	display			:inline-block;
	width			:90%;
	
	margin-top		:20px;
	margin-bottom		:0px;
	margin-right		:0px;
	margin-left		:00%;
	
	text-align		:left;
        text-indent:40px;
	padding:3px 0px 3px 0px;
	
        font-weight		:normal; 
        text-decoration		:none;
        color        		:#ffffff;
	background-size:  auto 100% ;
	background-position: left  bottom;
	background-repeat:no-repeat;	
	border:0px solid #cccccc;
	border-radius:3px;
	
	text-shadow	:3px 3px 3px #000000;
	}

#wraphead{ 	
	position	:relative;
	float		:left;
	width		:90%;
	margin-left	:5%;
	left	:0%;
	height:100vh;
	clear:both;
	margin-top:0px; 
	margin-bottom:0px;
	border:0px solid #ff0000;
	z-index:400;
	}

#wrap{ 	
	position	:relative;
	float		:left;
	width		:90%;
	margin-left	:5%;
	left	:0%;
	clear:both;
	margin-top:0px; 
	margin-bottom:0px;
	border:0px solid #00ff00;
	z-index:300;
	}

#wrapleft{
	position	:relative;
	float		:left;
	width		:75%;
	margin-left: 0px;
	border:0px solid #ffffff;
	}

#wrapright{
	position	:relative;
	float		:right;
	width		:45%;
	border:0px solid #ff6600;
	}

.headright{
	position:absolute;
	right:5%; bottom:0px;
	
	padding:20px;
	
	min-height:35vh;
	width:30%; 
	background-colorx: #ff0000;
	z-index:400;}

.headname{
	position:absolute;
	left:0%; top:15vh;
	width:100%;
	height:40vh;
	

	background-image: url("../img/name1.png");
	background-size:  auto 20vh;
	background-size: 60% auto;
	background-position: left top;
	background-repeat:no-repeat;
	border:0px solid #ffffff;
	z-index:300;
	filter		: opacity(.8);}

.headpic{
	position:absolute;
	right:0%; top:0px;
	width:90%;
	height:100%;
	border:0px solid #ffffff;

	
	background-size:  auto 100%;
	background-position: left center;
	background-repeat:no-repeat;
	-webkit-filter: opacity(.9);
    	filter		: opacity(.8);
	z-index:200;}

.egopicfeuer{
	position	:absolute;
	right:0px; top:0px;
	width:35%;
	
	height:100%;
	background-colorx:#000000;

	
	background-size: auto 100% ;
	background-position: left center;
	background-repeat:no-repeat;
	border:0px solid #ff6600;
	z-index:200;}

.egopicartist{
	position	:absolute;
	left:0px; top:0px;
	width:45%;
	
	height:100%;
	background-colorx:#000000;

	background-image: url("../img/artistic.png");
	background-image: url("../img/egopic5.png");
	background-size: auto 90% ;
	background-sizex: 100% auto ;
	background-position: left bottom;
	background-repeat:no-repeat;
	border:0px solid #ff6600;
	z-index:200;}

.footerpic{
	position	:absolute;
	right:0px; top:0px;
	width:35%;
	
	height:100%;
	background-colorx:#000000;

	background-image: url("../img/artistic.png");
	
	background-size: auto 100% ;
	
	background-position: left bottom;
	background-repeat:no-repeat;
	border:0px solid #ffffff;
	z-index:200;}

#photoboxl, #photoboxr{
	width:75%; 
	position:relative;
	
	margin-top:50px;
	margin-bottom:100px;
	margin-left:0%;
	padding-top:0px;
	min-height:100px;
	
	border:0px solid #44cc00;
	z-index:100;}

#textboxr{
	position:relative;
	float:right;
	margin-top:150px;
	margin-bottom:150px;
	margin-left:0%;
	min-height:100px;
	width:20%; 
		
	border:0px solid #cccccc;
	z-index:100;}

.preview1l, .preview1r{
	position:relative;
	
	width:21%; height:140px;
	
	margin-top:10px;
	margin-bottom:10px;
	
	background-size:  100% auto;
	background-position: center top;
	background-repeat:no-repeat;
	borderx:2px solid #d5b228;
	}

.preview1l{float:left; margin-left:1%; margin-right:0%;}
.preview1r{float:right; margin-left:0%; margin-right:1%;}


#kontaktbox{
	width:70%;
	float:left;
	margin-top:80px;
	margin-left:0%;}


#kontaktdaten{
	width:49%;
	float:left;
	padding: 10px 10px 10px 10px; 
	margin-left:0%;}

#boxref{
	float:right;
	padding: 10px 10px 10px 10px; 
	width:49%;margin-left:0%;}


}


/* gelb  Ansicht für Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {


#anzeige {
	border:0px solid #555555;
	
	width:80%; margin-left:10%;
	margin-bottom:0px;
	-moz-box-shadow		:8px 8px 8px rgba(00,00,00,0.8);
	-webkit-box-shadow	:8px 8px 8px rgba(00,00,00,0.8);
	box-shadow		:8px 8px 8px rgba(00,00,00,0.8);}


#headdown{
	
	min-height	:10vh;
	color:#ffffff;
	background-color:#ff0000;
	padding-top	:20px;
	padding-bottom	x:50px;
	text-align:center;
	}










.preview2{
	position:relative;
	float:left;
	width:20%; height:180px;
	background-size:120% auto;
	background-sizex:auto 100%;
	background-position: center top;
	background-repeat:no-repeat;
	border:0px solid #d5b228;
	}

}


/* grau Ansicht für Desktop-Monitore */
@media screen and (min-width: 1600px) {


#anzeige {border:0px  solid #888888;}



}