﻿body, html {
  	font-family: arial;
	font-size: 1.0em;
	color: #bdbdbd;
	color: #ffffff;
	background-color: #202020;
	background-colorx: #ffffff;
	margin:0;
	height:100%;
	font-sizex: inherit;
	}

.desktopaus{display:block;}

.textfeld{colorx: #0000ff;
	borderx: 1px solid #ff6600; 
	font-size:1.2em;}

.ganzaus{display:none;}

.mobilaus{display:none;}

#mbmcookie {
	displayx:none;
	position: fixed; 
	width:96%;
	
	heightx:100%; 
	bottom: 40px;  right: 2%; 
	border-radiusx:15px; 
	background-imagex: url('style/trans3.png') ; 
	background-colorx: #9ed474; 
	background-color: #a21410;

	background-colorx: #4b4b4c;
	background-colorx: #161616;

	background-image: url("melstyle/verlauf_rot2.png");
	background-repeat: no-repeat;
	background-size: 100% 100% ;

	color:#ffffff;
	border: 1px solid #000000; 
	border-radius:10px;
	paddingx: 20px; 
	font-sizex: 0.9em; font-family: verdana; 
	z-index:900; text-align:center;}

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

#mbmcookie a.button {
		cursor: pointer; 
		background: #e81f1a; 
		background: #000000; 
		padding: 20px; margin-top: 0px; margin-bottom:40px; border-radius: 5px; 
		font-weightx: bold; 
		float: left; 
		margin-left:5%; color:#ffffff; width:90%; 
		font-size:1.2em;}

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


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


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

#next2{font-sizex: 2.6em;}








#anzeige{
	position:relative;
	float:left;
	width:100%;
	margin-left:0%;
	min-height:20px;
	
	background-color:#0a0a0a;
	background-color:#000000;
	margin-top:0px;
	border	:0px solid#ffffff;
	font-sizex: inherit;
	-moz-box-shadow		x:6px 6px 6px rgba(00,00,00,0.8);
	-webkit-box-shadow	x:6px 6px 6px rgba(00,00,00,0.8);
	box-shadow		x:6px 6px 6px rgba(00,00,00,0.8);
	}





#box100{
	position:relative;
	float:left;
	width:100%;
	margin-bottomx:30px;
	border	:0px solid #e89d2c;
	font-sizex: inherit;
	colorx:#ff6600;
	min-height:10px;
	}

.zentriert{
	text-align:center;}

.introtext{padding: 0px 20px 150px 20px;
	color:#000000;
	font-size: 2.0em;}

#abstand{
	width:100%;
	height:20px;}

#bgkontakt, #bghead, #bgevent, #bgsfb, #bgintro, #bgleistung, #bgplan, #bgpartner,  #bggalerie, #bgrot, #bgnext, #bgdown, #bglaufschrift{
	position:relative;
	float:left;
	width:100%;
	margin-left:0%;
	min-height:20px;
	border	:0px solid #cccccc;
	font-sizex: inherit;
	}

#bgevent, #bgsfb, #bgplan, #bggalerie, #bgpartner{
	margin-bottom:100px;
	border	x:1px solid #cccccc;}

#bgkontakt{
	min-heightx:500px;
	background-imagex: url("melbilder/bgkontakt1.jpg");
	background-repeat: no-repeat;
	background-size: auto 100% ;
	background-size: 100% auto  ;
	background-position: right center;
	padding:80px 0px 100px 0px;}

#bgpartner{
	background-size: 100% auto  ;
	background-size: auto 100%  ;

	padding:50px 0px 50px 0px;
	background-image	: url("melbilder/bg69.jpg");
	background-repeat: no-repeat;
	background-position: right center;}



#bgsfb{
	background-image: url("melbilder/bg68.jpg");
	background-repeat: no-repeat;
	background-size: auto 105% ;
	background-sizex: 105% auto  ;
	background-position: right bottom;
	padding:50px 0px 100px 0px;
	}

#bgdown{
	background-color:#000000;
	padding:10px 0px 10px 0px;
	}

.headpic{
	display:none;
	position:relative;
	float:left;
	width:100%;
	min-height:70vh;
	background-imagex: url("melbilder/head24_1dark.jpg");
	background-repeat: no-repeat;
	background-size: auto 100% ;
	background-sizex: 105% auto  ;
	background-position: right top;
	background-colorx:#d60216;
	border-bottom:0px solid #a60303;
	}

#bghead{
	width:100%;
	min-height:100vh;
	background-imagex: url("melbilder/head24_1dark.jpg");
	background-image: url("melbilder/headpic1b.png");
	background-repeat: no-repeat;
	background-size: auto 105% ;
	background-sizex: 105% auto  ;
	background-position: center bottom;
	background-colorx:#d60216;
	border:0px solid #ff6600;
	}

#headdown{
	displayx:none;
	position:relative;
	float:left;
	width:100%;
	min-height:10vh;
	margin-top:0px;
	background-colorx:#ff6600;
	background-imagex: url("melstyle/black.png");
	background-repeat: no-repeat;
	background-sizex: auto 100% ;
	background-size: 100% 100%  ;
	background-position: right top 40px;
	border:0px solid #41cc00;}







a.headicon:link,a.headicon:visited{
	displayx:block;
	float:left;
	width:100%;
	min-height:40px;
	color:#ffffff;
	text-decoration:none;
	margin-bottom:20px;
	margin-right:40px;
	padding:10px 0px 15px 55px;
	border:		0px solid#ff0000;
	background-position: left center;
	background-repeat: no-repeat;
	background-size:auto 40px;
	}

#bglaufschrift{
	display:none;
	position:absolute;
	let:0px; bottom:40px;
	width:100%; min-height:20px;
	background-colorx:#000000;
	color:#ffffff;}

#bglaufschriftxx{
	position:relative;
	float:left;
	width:100%;
	min-height:25vh;
	background-color:#000000;
	color:#ffffff;}

.verlaufhead{
	display:none;
	position:absolute;
	let:0px; bottom:0px;
	width:100%; height:60%;
	backgroundx: rgb(10,10,10);
	background: linear-gradient(0deg, rgba(10,10,10,1) 0%, rgba(10,10,10,0) 100%);
	border:0px solid #ffffff;
	z-index:200;}

.verlaufhead-schwarz{
	displayx:none;
	position:absolute;
	let:0px; bottom:0px;
	width:100%; height:60%;
	backgroundx: rgb(0,0,0);
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	border:0px solid #ffffff;
	z-index:200;}

.boxlogo{
	margin-top:10vh;
	text-align:center;
	position:relative;
	display:block;
	float:left;
	width:100%;
	border	:0px solid #ffcccc;}

.logotest{width:60%;}

#headleft{
	position:relative;
	float:left;
	width:80%;
	border:1px solid #ff0000;
}

#headtext{
	position:relative;
	float:left;
	width:95%;
	margin-left:5%;
	text-alignx:center;
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:40px;
	
	color:#999999;
	margin-top:00px;
	text-shadowx:3px 3px 2px #000000;
	border:0px solid #00ff00;}


#headkontakt{
	position:relative;
	float:left;
	width:59%;
	margin-left:5%;
	background-colorx:#000000;
	border	:0px solid #666666;
	z-index:500;}

#logor4k{float:right;
	width:30%;
	position:relative;
	border	:0px solid #666666;}

#headname{
	padding-top:0px;
	position:relative;
	float:left;
	width:100%;
	margin-bottom:10px;
	text-alignx:center;
	font-sizex:1.2em;
	font-weight:bold;
	color:#a60303;}

.whitebox{
	float:right;
	width:auto%;
	text-align:left;
	
	margin-topx:10px;
	
	background-color:#a60303;
	background-color:#000000;
	
	color:#ffffff;
	text-align:left;
	padding:20px 30px 20px 30px;
	font-size:1.2em;
	border-radius:0px;
	-moz-box-shadow		:6px 6px 6px rgba(00,00,00,0.8);
	-webkit-box-shadow	:6px 6px 6px rgba(00,00,00,0.8);
	box-shadow		:6px 6px 6px rgba(00,00,00,0.8);
	z-index:800;}

#whitebox:hover{background-color:#ff0000; color:#ffffff;
	}

#bgevent{padding:60px 0px 60px 0px;
	background-colorx:#ffffff;
	colorx:#000000;
	}

#bgplan{padding:50px 0px 150px 0px;
	

	background-size		:100% auto ;
	background-size		:auto 100% ;
	background-position	: left bottom ;
	
	background-image	: url("melbilder/bg66.jpg");
	background-repeat	: no-repeat;
	}

#bggalerie{
	background-image: url("melstyle/spur10.png");
	background-imagex: url("melbilder/bg12.jpg");
	background-repeat: no-repeat;
	background-sizex:auto 100% ;
	background-size:100% auto ;
	background-position: right top 150px;
	background-positionx: right top 150px;
	padding:80px 0px 0px 0px;}

#abstandbig{
	float:Left; width:100%;
	height:200px;}



#partnertext1{
	position:relative;
	float:left;
	width:100%;
	text-align:left;
	colorx:#999999;
	margin-top:0px;
	border:0px solid #ffffff;
	}

.picpartner{
	display:block;
	position:relative; 
	float:left;
	width:100%;
	margin-top:40px;
	margin-bottom:40px;
	border:0px solid #ffffff;}


#partnerrot{
	position:relative;
	float:left;
	width:80%;
	margin-left:10%;
	text-align:left;
	borderx:0px solid#ff0000;
	border-radius:6px;
	color:#ffffff;
	padding:10px;
	margin-top:20px;
	background-color:#a60303;
	background-size		:100% 100% ;
	background-position	: left center ;
	
	background-image	: url("melstyle/verlauf_rot2.png");
	background-repeat	: no-repeat;
	}

#partnerliste{
	position:relative;
	float:right;
	width:80%;
	margin-right:0%;
	text-align:left;
	border:0px solid#ff0000;
	color:#ffffff;
	paddingx:20px;
	background-colorx:#a60303;
	}





#galerieaus{display:none;}




#bgintro{
	displayx:none;
	min-height:35vh;
	}


#bgnext{
	
	background-color:#181818;

	backgroundx: rgb(214,2,22);
	backgroundx: linear-gradient(180deg, rgba(214,2,22,1) 0%, rgba(153,0,15,1) 100%);
	}





h9{	font-size:1.1em;
	width:100%;
	float:left;
	position:relative;
	
	font-weight:bold;
	margin-bottom:15px;
	color:#999999;}







.pic10p{
	position	:relative;
	float		:left;
	displayx:inline-block;
	width		:25%;
	margin-right	:0%;
	height		:90px;
	margin-top:0px;
	
	background-size		:110% auto;
	background-size		:auto 100%;
	background-position	:center  ;
	background-repeat	:no-repeat;
	background-colorx: #ff0000;
	border:0px solid #0000ff;
 	outline: 4px solid #101010; 
	}

.iconsocial{float:right;}



.verlauf{
	display:none;
	position:absolute;
	let:0px; top:0px;
	width:100%; height:100%;
	backgroundx: rgb(0,0,0);
	background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	border:2px solid #ff0000;}



#banner{
	position:fixed;
	display:none;
	positionx:relative;
	float:left;
	width:80%;
	left:10%;
	min-height:20px;
	z-index:900;
	background-colorx:#000000;
	background-imagex: url("melstyle/black.png");
	background-image: url("melstyle/trans_black.png");
	background-size		x:100% 70%;
	background-size		:100% 100%;
	background-position	:left top  ;
	background-repeat	:no-repeat;
	border:0px solid #ff6600;}

#bannermob{
	position:fixed;
	displayx:block;
	
	float:left;
	width:100%;
	left:0%;
	min-height:20px;
	z-index:900;
	background-color:#000000;
	background-imagex: url("melstyle/black.png");
	background-image: url("melstyle/trans_black.png");
	background-size		x:100% 70%;
	background-size		:100% 100%;
	background-position	:left top  ;
	background-repeat	:no-repeat;
	border-top:0px solid #000000;}



.logobanner{
	float:left;
	margin-left:0%;
	margin-top:5px;
	height:65px;}

.socialtop{
	floatx:right;
	margin-right:20px;
	height:35px;}



#logohead{
	position:relative;
	display:block;
	float:left;
	width:100%;
	height:20vh;
	margin-left:0%;
	margin-top:15vh;
	margin-bottom:5vh;
	border	:2px solid #cccccc;

	background-image: url("melstyle/logo25b.png");
	background-size		:auto 100%;
	background-position	:center center  ;
	background-repeat	:no-repeat;
	}



#headmenu{
	float:right;
	margin-right:15%;
	margin-top:15px;}

#bannerdown{
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	min-height:50px;
	background-color:#161616;}




#next2{
	
	float:left;
	width:100%;
	min-height:20px;
	
	margin-top:0px;
	margin-bottom:0px;
	padding:15px 0px 15px 0px;
	overflow:auto;
	background-image: url("melstyle/verlauf_rot.png");
	background-repeat: no-repeat;
	background-size:100% 100% ;

	text-align:right;
	color:#ffffff;	
	border:0px solid #ffffff;
	border-radiusx:5px;
	}



.nextevent{
	width:15%;
	margin-top:280px;
	margin-bottom:100px;
	float:right; 
	margin-right:0%;}



#bgleistung{
	padding-top:00px;	padding-bottom:200px; border:0px solid #ffcc00;
	background-imagex: url("melbilder/oldcar2.png");
	background-repeat: no-repeat;
	background-sizex:auto 60% ;
	background-size:45% auto ;
	background-position: left top ;}


.box100{
	position:relative; float:left;
	width:100%;
	}

#wrap{
	width		:90%;
	margin-left	:5%;
	left		:auto;
	position	:relative;
	float		:left;
	border:0px solid #0000ff;
	z-index:200;
	font-sizex: inherit;
	clear		:both;
	min-height	:20px;
	z-index:200;
	font-sizex: inherit;}

.r4k{
	background-image: url("melstyle/logo_r4k2.png");
	background-repeat: no-repeat;
	background-size:auto 40% ;
	
	background-position:right bottom;}



#boxsfb{
	float:left;
	width:100%;
	position	:relative;
	borderx:1px solid #ffffff;
	}

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

#boxgalerie{
	margin-bottom:50px;
	float:left;
	width:100%;
	position	:relative;
	border:0px solid #ffffff;
	}

#wrapbanner{
	position:relative;
	float:left;
	width:96%;
	margin-left:2%;
	text-align:right;
	border:0px solid #ffffff;}

#navright{
	position:relative;
	float:right;
	width:60%;
	text-align:right;
	background-colorx:#333333;
	border:1px solid #e10600;}

#wraphead{
	position:relative;
	float:left;
	width		:70%;
	margin-left	:20%;
		
	min-heightx:75vh;
	border:2px solid #ff0000;
	}





#wrapgalerie{	
	float		:left;
	width		:90%;
	margin-left	:5%;
	}









.linedown{
	background-image: url("melstyle/rot.png");
	background-repeat: no-repeat;
	background-size:100% 1px ;
	
	background-position:left bottom;

border-bottom: 1px solid #c60202;}


.kalender{width:30%;}


#planright{
	position: relative;
	float: right;
	width: 80%;
	border:0px solid #cccccc;
	}






#boxfarbe{
	position:relative;
	float:left;
	width:95%;
	padding:5px;
	margin-top:10px;
	margin-bottom:20px;
	background-color:#a60303;
	border:0px solid #ffffff;
	color:	#ffffff;
	}

#boxrot{
	position: relative;
	float:left;
	widthx:auto;
	min-height:10px;
	padding:20px 10px 20px 10px;
	margin-top:20px;
	border:0px solid #404040;
	border-radius:5px;
	background-color:#a60303;

	backgroundx: rgb(214,2,22);
	backgroundx: linear-gradient(180deg, rgba(214,2,22,1) 0%, rgba(153,0,15,1) 100%);
	}

#kontaktleftx{
	position: relative;
	float:left;
	width:90%;
	margin-left:0%;
	
	text-align:left;
	min-height:10px;
	padding:20px;
	margin-top:0px;
	border:2px solid #a60303;
	border-radiusx:5px;
	background-color:#a60303;
	background-colorx:#161616;
	background-colorx:#000000;
	color:#ffffff;
	-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);
	}

#kontaktright{
	position: relative;
	float:right;
	width:100%;
	min-height:10px;
	margin-top:20px;
	border:0px solid #a60303;
	
	background-colorx:#ff6600;
	
	color:#ffffff;
	}

#downright{
	position: relative;
	float:right;
	width:100%;
	min-height:10px;
	margin-top:20px;
	border:0px solid #a60303;
	
	background-colorx:#ff6600;
	
	color:#cccccc;
	}


.kontakttop{
	position: relative;
	float:left;
	width:100%;
	min-height:10px;
	border-bottom:2px solid #a60303;
	margin-bottom:50px;
}

.kontaktdown{
	position: relative;
	float:left;
	width:100%;
	text-align:center;
	min-height:10px;
	border:0px solid #ff6600;

	background-image: url("melstyle/rot.png");
	background-repeat: no-repeat;
	background-size:100% 1px ;
	background-position:left center;
	margin-bottom:0px;
}

.sociallink{width:40px;
	margin: 15px 10px 0px 0px;}

a.downlink:link,a.downlink:visited{
	display:inline-block;	
	padding: 10px;
         font-weight		x:bold; 
        text-decoration		:none;
       color: #666666;
	
	background-color	:#000000;
	border-bottom:		0px solid#ff0000;
	
	text-decoration: none;
	}

a.pertnerlink:link,a.pertnerlink:visited{
	margin-bottom:20px;
	display:block;	
	padding: 0px;
         font-weight		:normal; 
        text-decoration		:none;
       color: #ffffff;
	
	background-color	x:#000000;
	border-bottom		:0px solid#ff0000;
	
	text-decoration: none;
	}

.partnerlinktop{
	 color: #999999;
	font-weight:bold;
	}

a.buttonlink:link,a.buttonlink:visited{
	font-sizex:1.0em;
	display:inline-block;	
	width:auto;
	padding:3px 10px 2px 10px;
        font-weight		x:bold; 
        text-decoration		:none;
       	color: #999999;
	margin-top:20px;
	background-color	x:#303030;
	border:		1px solid#999999;
	border-radius:4px;
	text-decoration: none;
	}

a.buttonlink2:link,a.buttonlink2:visited{
	font-sizex:1.1em;
	display:inline-block;	
	width:auto;
	padding:3px 10px 2px 10px;
        font-weight		x:bold; 
        text-decoration		:none;
       	color: #ffffff;
	margin-top:20px;
	background-color	x:#303030;
	border:		1px solid#999999;
	border-radius:4px;
	text-decoration: none;
	}

a.footericon:link,a.footericon:visited{
	displayx:block;
	float:left;
	width:100%;
	min-height:40px;
	color:#787878;
	text-decoration:none;
	margin-bottom:20px;
	margin-right:40px;
	padding:10px 0px 15px 55px;
	border:		0px solid#ff0000;
	background-position: left center;
	background-repeat: no-repeat;
	background-size:auto 40px;
	
	}

#footerbox1{
	position: relative;
	float:left;
	width:50%;
	margin-left:0%;
	margin-right:0%;
	min-height:10px;
	margin-bottom:0px;
	border:0px solid #ffffff;
	background-colorx:#333333;
	color:#787878;
	}

#footerbox2{
	position: relative;
	float:left;
	width:50%;
	margin-left:0%;
	margin-right:0%;

	min-height:10px;
	
	margin-bottom:0px;
	border:0px solid #ffffff;
	background-colorx:#333333;
	colorx:#ffffff;
	}



#footerbox3{
	display:none;
	position: relative;
	float:left;
	width:auto;
	margin-left:0%;
	margin-right:0%;

	min-height:10px;
	
	margin-top:0px;
	border:0px solid #ffffff;
	
	colorx:#ffffff;
	}


#footerbox4{
	display:none;
	position: relative;
	float:right;
	width:100%;
	margin-left:0%;
	margin-right:0%;

	min-height:10px;
	
	margin-top:0px;
	border:0px solid #ffffff;
	border-radiusx:5px;
	color:#787878;
	}



#framebox{
	position: relative;
	float:left;
	width:95%;
	min-height:10px;
	padding:10px 10px 10px 10px;
	margin-top:20px;
	border:2px solid #404040;
	border-radius:5px;
	
	}



#box33{
	position: relative;
	float:left;
	width:99%;
	margin-right:0%;
	min-height:60px;
	margin-bottom:20px;
	border:0px solid #44cc00;
	background-colorx:#333333;
	}


.bigicon{
	width:60px;
	float:left; margin-right:10px;
	margin-top:8px;}

#bigicontext{float:left; width:auto;
	padding:0px 0px 0px 0px;
	text-align:left;}

.bigtext{font-weight:bold;}




#box25a{
	position: relative;
	float:left;
	width:99%;
	margin-right:0%;
	min-height:60px;
	
	margin-top:20px;
	border:0px solid #555555;
	text-align:center;
	}

#box25b{display:none;	}

#box25c{
	position: relative;
	float:left;
	width:59%;
	margin-right:0%;
	min-height:60px;
	
	margin-top:20px;
	border:0px solid #555555;
	text-align:left;
	}

#box25d{
	position: relative;
	float:right;
	width:40%;
	margin-right:0%;
	min-height:60px;
	
	margin-top:20px;
	border:0px solid #555555;
	text-align:center;
	}




.picpartner2{
	display:block;
	position:relative; 
	float:right;
	width:30%;
	margin-bottom:20px;}








.width100{width:100%;}

.width33{width:24%; margin-right:6%;}

#frame{
	position:absolute;
	right:0px; bottom:0px;
	width:90%;
	height:85%;
	border:3px solid #ffffff;
	background-colorx:#ffffff;
	z-index:100;}


	

#inframebox{
	position: relative;
	float:left;
	background-color:#a60303;
	color:#ffffff;
	padding:10px;
	margin-right:10px;
	margin-bottom:10px;
	z-index:200;
}

#eventleft{
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 0px;
	border: 0px solid #ff0000;
	font-sizex: 1.2em;
	
	z-index:200;
	}

#boxevent{
	margin-bottom:50px;
	float:right;
	width:100%;
	position	:relative;
	border:0px solid #ffffff;
	}

#wechselbg{
	position: relative;
	float: right;
	width: 100%;
	height:350px;
	margin-topx: 10px;
	margin-bottom: 20px;
	background-image: url("melbilder/wechsel/wechsel_66.jpg");
	background-repeat: no-repeat;
	
	background-size: auto 100%;
	background-size: 100% auto;
	background-position:center top;	
	border:0px solid #ff6600;
	border-radiusx:50%;
	filterx: brightness(75%);
	z-index:800;}

#eventbild{
	position: relative;
	float: right;
	width: 30%;
	height:300px;
	margin-top: 40px;
	background-image: url("melbilder/head9xx.jpg");
	background-repeat: no-repeat;
	
	background-size: auto 100%;
	background-sizex: 100% auto;
	background-position:right top;	
	border-radiusx:50%;
	border:4px solid #ff6600;
	-moz-box-shadow		x:6px 6px 6px rgba(00,00,00,0.8);
	-webkit-box-shadow	x:6px 6px 6px rgba(00,00,00,0.8);
	box-shadow		x:6px 6px 6px rgba(00,00,00,0.8);
	z-index:800;}



#listbox{
	display:none;
	float:left;
	
	width:30%;
	margin-right:40px;
	
	border:1px solid #0000ff;
	margin-bottomx:10px;
	font-sizex: inherit;}

#listboxl{
	float:left;
	display:block;
	width:48%;
	margin-left:1%;
	
	border:0px solid #0000ff;
	margin-bottomx:10px;
	font-sizex: inherit;}

#listboxr{
	
	float:right;
	display:block;
	width:48%;
	margin-left:1%;
	
	border:0px solid #0000ff;
	margin-bottomx:10px;
	font-sizex: inherit;}

#list{
	text-indent:25px;
	
	color:#ffffff;
	margin-top:14px;
	margin-bottom:0px;
	background-image: url("melstyle/haken.png");
	background-repeat: no-repeat;
	background-size:auto 12px;
	background-position:left center ;
	}

#listpoint{
	width:99%;
	display:inline-block;
	float:left;
	color:#888888;
	font-sizex:28px;
	margin-bottom:20px;
	margin-top:20px;
	padding: 0px 0px 0px 20px;
	background-image: url("melstyle/bullet_red.png");
	background-repeat: no-repeat;
	background-size:auto 20px;
	background-position:left top 4px ;
border:0px solid #0000ff;
	}


#textintro{
	margin-top:80px;
	margin-bottom:80px;
	
	width:90%;
	color:#ffffff;s
	margin-left:5%;
	text-align:center;
	}

#leistbox{
	position: relative;
	float:left;
	width:100%;
	margin-left:0%;
	margin-right:0%;
	text-align:left;
	min-height:10px;
	paddingx:10px;
	margin-bottom:40px;
	border:0px solid #a60303;
	border-radiusx:5px;
	}

#leistboxtop{
	float:left;
	width:100%;
	margin-bottom:20px;
	background-colorx:#ff0000;
	background-image: url("melstyle/rot.png");
	background-repeat: no-repeat;
	background-size:100% 2px;
	background-position:left center ;
	color:#ffffff;
	}

.leisttext{
	float:left;
	width:100%;}

#titelicon{
	font-size:1.3em;
	position:relative;
	float:left;
	widthx:100%;
	heightx:50px;
	text-indent:65px;
	padding:10px 10px 10px 0px;
	
	margin-bottomx:20px;
	font-sizex:1.6em;
	font-weight:bold;
	text-transform:uppercase;
	
	border:0px solid #cccccc;
	colorx:#ffffff;
	text-align:left;
	background-repeat: no-repeat;
	background-size: auto 50px;
	background-position: left center;
	background-color:#000000;
	}





.verlauftitel{
	displayx:none;
	position:absolute;
	lett:0px; bottom:0px;
	width:100%; height:80%;
	backgroundx: rgb(0,0,0);
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
	border:0px solid #ff0000;
	}


.titelhead, .titelevent, .titelsfb, .titelvorschau, .titelrueck, .titelleist, .titelpartner, .titelkontakt{
	display:none;
	position:absolute;
	left:0%; bottom:0px;
	width:100%;
	height:300px;
	background-position: right top;
	background-repeat: no-repeat;
	background-size: 90% 250px ;
	
	-webkit-filter	: opacity(.5);
    	filter		: opacity(.5);
	border:0px solid #44cccc;
	}

.titelhead{
	background-image: url("melstyle/tesname2.png");
	
	-webkit-filter	x: opacity(.3);
    	filter		x: opacity(.3);
	}

.titelsfb{
	left:0%; bottom:0px;
	background-image: url("melstyle/titel_sfb.png");
		
	-webkit-filter	x: opacity(.6);
    	filter		x: opacity(.6);
	}

.titelevent{
	display:none;
	
	background-image: url("melstyle/titel_leist.png");
	background-position: left  bottom;
	}

.titelpartner{
	right:0%; bottom:00px;
	background-image: url("melstyle/titel_partner.png");
	
	-webkit-filter	x: opacity(.3);
    	filter		x: opacity(.3);
	}

.titelkontakt{
	left:0%; bottom:0px;
	background-image: url("melstyle/titel_kontakt.png");
	background-position: right bottom;
	-webkit-filter	: opacity(.6);
    	filter		: opacity(.6);
	}



.titelvorschau{	
	right:0%; top:0px;
	background-image: url("melstyle/titel_vorschau.png");
	background-position: left  top;
	}

.titelrueck{	
	right:0%; top:0px;
	background-image: url("melstyle/titel_rueck.png");
	background-position: left  top;
	}


#titel, #titelz{	position:relative;
	float:left;
	width:99%;
	margin-bottom:40px;
	padding-left:0px;
	borderx:1px solid #44cc00;
	text-align:left;
	}

 #titelz{
	text-align:center;
	}


h1{	font-size:2.2em;
	color:#cccccc;
	font-weight:bold;
	text-transform:uppercase;
	margin:0px;
	border:0px solid #ff6600;
	text-shadow		:3px 3px 4px #000000;
	}

h2{	font-size:1.4em;
	color:#888888;
	margin:0px;
	border:0px solid #ff6600;
	text-shadow		:3px 3px 4px #000000;}

#titelbig, #titelbighell{
	font-size:2.0em;
	
	font-weight:bold;
	
	background-colorx:#ff6600;
	text-transform:uppercase;
	border:0px solid #ff6600;
	}

#titelbig{color:#e0e0e0;}

#titelbighell{color:#ffffff;}

#titelsmall, #titelsmallz{
	font-size:1.3em;	
	position:relative;
	float:left;
	width:100%;
	color:#666666;
	margin-bottom:0px;
	font-family:arial;
	font-weight:bold;
	
	border:0px solid #00ff00;}

#titelbig, , #titelbighell{font-sizex:2.0em;}
#titelsmall, #titelsmallz{font-sizex: 1.4em;}




.farbe{color: #a60303;}

#buttonblack{
	displayx:none;
	width:60%;
	margin-left:20%;
	float:left;
	background-color:#000000;
	border:1px solid #ffffff;
	border-radius:8px;
	color:#ffffff;
	text-align:center;
	padding:10px;
	margin-top:10px;
	margin-bottom:10px;
	
	}



a.backlink:link,a.backlink:visited{
	display:inline-block;	
	text-align		:left;
         font-weight		x:bold; 
        text-decoration		:none;
        color        		:#ffffff;
	background-color	x:#303030;
	border:		1px solid#ff0000;
	border-radius:6px;
	margin:20px;
	padding:10px;
	text-decoration: none;
	}


a.textlink:link,a.textlink:visited{
		
	text-align		:left;
         font-weight		x:bold; 
        text-decoration		:none;
        color        		:#999999;
	background-color	x:#303030;
	border-bottom:		1px solid#ff0000;
	
	text-decoration: none;
	}

a.menulink:link,a.menulink:visited{
	display:inline-block;	
	text-align		x:left;
         font-weight		x:bold; 
	font-size		x:1.1em;
        text-decoration		:none;
       	color			:#cccccc;

	margin-top:15px;
	margin-right		:40px;
	background-color	x:#303030;
	border-bottom		:1px solid#ff0000;
	text-transformx: uppercase;
	text-decoration: none;
	}


a.footerlink:link,a.footerlink:visited{
	display:block;	
	width:auto;
	text-align		:left;
         font-weight		x:bold; 
        text-decoration		:none;
      	color:#787878;
	margin-bottom:20px;
	background-color	x:#303030;
	border-bottom:		0px solid#ff0000;
	
	text-decoration: none;
	}



a.toplink:link,a.toplink:visited, .topicon{
	display:block;
	float:left;
	width:100%;
	min-height:30px;
	text-indent:50px;
	text-align		:left;
	font-sizex:1.2em;
         font-weight		:bold; 
        text-decoration		:none;
        color        		:#ffffff;
	background-color	x:#303030;
	margin-bottom		:10px;
	margin-left		:0px;
	padding			:10px 0px 0px 0px;
	border-bottom		:0px solid#ff0000;
	background-position: left top;
	background-repeat: no-repeat;
	background-size:auto 100%;
	
	}

.topiconx{
	float:left;
	
	text-align		:left;
         font-weight		x:bold; 
        text-decoration		:none;
        color        		:#000000;
	background-color	x:#303030;
	text-indent:0px;
	padding:0px 0px 0px 30px;
	border-bottom:		0px solid#ff0000;
	background-position: left center;;
	background-repeat: no-repeat;
	background-size:25px auto;
	margin-right:40px;
	
	}



a.kontaktlink:link,a.kontaktlink:visited, .kontakticon{
	displayx:block;
	float:left;
	width:100%;
	min-height:30px;
	text-indent:60px;
	text-align		:left;
         font-weight		x:bold; 
	font-sizex:1.2em;
        text-decoration		:none;
        color        		:#ffffff;
	background-color	x:#303030;
	margin-right:60px;
	margin-bottom:5px;
	padding:15px 0px 10px 0px;
	border:		0px solid#ff0000;
	background-position: left center;
	background-repeat: no-repeat;
	background-size:auto 70%;
	
	}

#flyerbox{
	text-align:center;
	float:left;
	width:80%;
	margin-top:0px;
	margin-bottom:40px;
	margin-left:10%;
	margin-right:3%;
	padding:15px 15px 30px 15px;

	background-imagex: url("melstyle/verlauf_grau.png");
	background-repeat: no-repeat;
	background-size: auto 100% ;
	background-size: 100% 100%  ;
	background-position: right center;

	background-color:#000000;
	color		:#ffffff;
	border		:0px solid#ff0000;
	border-radius	:6px;
	-webkit-filterx	:opacity(.6);
    	filter		x: opacity(.6);
	}

#flyersmall{
	float:left;
	display:inline-block;
	width:100%;
	height:180px;
	margin-left:0%;
	margin-right:00px;
	margin-bottom:0px;
	background-color	:#181818;
	background-repeat	: no-repeat;
	background-size		:100% auto;
	background-position	:center top ;
	filter			: brightness(85%);
	border-right	xx:2px solid #a60303;
	border-bottom	:2px solid #ffffff;
	border	:0px solid #00ff00;
	}

#flyertext{
	position:relative;
	float:left;
	text-align:center;
	width:100%;
	min-height:20px;
	overflow:auto;
	padding-topx:30px;
	margin-top:20px;
	background-colorx: #cccccc;
	border	:0px solid #e89d2c;
	font-sizex: inherit;}

#flyertitel{
	float:left; width:100%;
	padding:0px 10px 0px 0px;
	font-size:1.3em;
	font-weight:bold;
	background-color:#000000;
	color:#a60303;
	}




a.bannerlink:link,a.bannerlink:visited, .bannerlink{
	font-sizex:1.0em;
	display			:inline-block;
	widthx:100%;
	height			x:30px;
	padding-top		:0px;
	margin-top		:15px;
	margin-bottom		:20px;
	margin-right		:0px;
	margin-left		:20px;
	text-align		:left;
        background-position	:left center;
	background-repeat	:no-repeat;
	background-size		:auto 70%;
	text-indent		:25px;
        font-family		:arial;
	font-weight		x:bold; 
        text-decoration		:none;
        color        		:#cccccc;
	text-shadow		x:2px 2px 2px #000000;
	padding-top:6px; padding-bottom:6px;
	border		:0px solid #a60303;
	}
a.bannerlink:hover{color:#bd0012;}

a.iconlink:link,a.iconlink:visited{
	
	display			:inline-block;
	width:100%;
	height			x:30px;
	padding-top		:0px;
	margin-top		:0px;
	margin-bottom		:20px;
	margin-right		:0px;
	margin-left		:0px;
	text-align		:left;
        background-position	:left center;
	background-repeat	:no-repeat;
	background-size		:22px auto;
	text-indent		:40px;
        font-family		:arial;
	font-weight		x:bold; 
        text-decoration		:none;
        color        		:#ffffff;
	text-shadow		:2px 2px 2px #000000;
	padding-top:8px; padding-bottom:8px;
	border-bottom		:2px solid #a60303;
	}


.pic20p{
	position	:relative;
	float		:left;
	displayx:inline-block;
	width		:20%;
	margin-right	:0%;
	height		:100px;
	margin-top:0px;
	
	background-size		:110% auto;
	background-size		:auto 100%;
	background-position	:center  ;
	background-repeat	:no-repeat;
	border:0px solid #0000ff;
 	outline: 4px solid #000000; 
	}

.picevent{
	position	:relative;
	float		:left;
	displayx:inline-block;
	width		:23%;
	margin-right	:1%;
	height		:140px;
	margin-top:0px;
	
	background-size		:110% auto;
	background-size		x:auto 100%;
	background-position	:center  ;
	background-repeat	:no-repeat;
	border:0px solid #0000ff;
	border-radius:0px;
 	outline: 1px solid #000000; 
filter: brightness(75%);
	}

.pic25p{
	position	:relative;
	float		:left;
	displayx:inline-block;
	width		:25%;
	margin-right	:0%;
	height		:85px;
	margin-top:0px;
	
	background-size		:110% auto;
	background-size		:auto 100%;
	background-position	:center  ;
	background-repeat	:no-repeat;
	border:0px solid #0000ff;
 	outline: 1px solid #000000; 
	}


.picgalerie{
	position	:relative;
	float		:left;
	displayx:inline-block;
	width		:32%;
	margin-right	:0%;
	height		:160px;
	margin:0px;
	
	background-size		:110% auto;
	background-size		x:auto 110%;
	background-position	:center  ;
	background-repeat	:no-repeat;
	border:0px solid #0000ff;
 	outline: 4px solid #000000; 
	}

#galeriebox{
	position:relative;
	float:left;
	width:100%;
	margin-top:20px;
	padding-bottom:20px;
	border-bottom	:2px solid #750202;
	font-sizex: inherit;}

a.testlink:link, a.testlink:visited{
	color        		:#ff0000;
	float			:left;
	display			:block;
	width			:100%;
	background-color:#333333;
	

	}

a.togglelink:link, a.togglelink:visited{

	color        		:#ff0000;
	float			:left;
	display			:block;
	width			:100%;
	
	text-align		:left;
         font-weight		x:bold; 
        text-decoration		:none;
	text-indent:0px;
        color        		:#cccccc;
	
	border	:0px solid #bd0012;
	background-image: url("melstyle/arrow_down.png");
	background-repeat: no-repeat;
	background-size:auto 30px;
	background-position:right 10px top ;

	}

a.biggerlink:link{
	display:none;
	position:absolute;
	right:6px; bottom:6px;
	width:90%;
	height:22px;
	
	border:0px solid #ff0000;
	border-radiusx:10px;

	background-image: url("melstyle/button_bigger.png");
	background-position: right  bottom;
	background-repeat: no-repeat;
	background-size:auto 100% ;
	background-repeat:no-repeat;}


.respoaus{display:none;}

.ankerlink{border			:1px solid #ff0000;
	visibility: hidden;
    height: 0px !important;
    position: absolute;
    margin: -150px;}



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

#anzeige {borderx:6px solid #ff6600;}

#bgheadx{
	width:100%;
	min-heightx:100vh;
	background-imagex: url("melbilder/head24_1dark.jpg");
	background-image: url("melbilder/headpic1.png");
	background-repeat: no-repeat;
	background-sizex: auto 100% ;
	background-sizex: 100% auto  ;
	background-position: right bottom;
	background-colorx:#d60216;
	border:0px solid #ff6600;
	}

.boxlogo{
	margin-top:10vh;
	text-align:center;
	position:relative;
	display:block;
	float:left;
	width:100%;
	border	:0px solid #ffcccc;}

.logotest{width:50%;}



.pic10p{width		:25%;
	height		:90px;
	background-size		:110% auto;
	background-size	x	:auto 100%;
	}



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

@media (min-width: 768px) {

#anzeige {borderx:6px solid #00ff00;}

.boxlogo{
	margin-top:10vh;
	text-align:center;
	position:relative;
	display:block;
	float:left;
	width:100%;
	border	:0px solid #ffcccc;}

.logotest{width:40%;}

.leisttext{
	float:left;
	width:80%;}


#boxevent{
	margin-bottom:50px;
	float:right;
	width:100%;
	position	:relative;
	border:0px solid #ffffff;
	}

#eventleft{
	position: relative;
	float: left;
	width: 65%;
	margin-bottom: 0px;
	border: 0px solid #ff0000;
	font-sizex: 1.2em;
	
	z-index:200;
	}


#wechselbg{
	position: relative;
	float: right;
	width: 30%;
	height:auto;
	margin-right: 0%;
	aspect-ratio: 1;
	heightx:300px;
	margin-topx: 40px;
	backgroundx-image: url("melbilder/wechsel/wechsel_01.jpg");
	background-repeat: no-repeat;
	
	background-size: auto 100%;
	background-sizex: 100% auto;
	background-positionx:left center;

	z-index:800;}

#flyerbox{
	text-align:center;
	float:left;
	width:70%;
	margin-top:0px;
	margin-bottom:40px;
	margin-left:15%;
	margin-right:3%;
	padding:15px 15px 30px 15px;

	background-imagex: url("melstyle/verlauf_grau.png");
	background-repeat: no-repeat;
	background-size: auto 100% ;
	background-size: 100% 100%  ;
	background-position: right center;

	background-color:#000000;
	color		:#ffffff;
	border		:0px solid#ff0000;
	border-radius	:6px;
	-webkit-filterx	:opacity(.6);
    	filter		x: opacity(.6);
	}

#flyersmall{
	float:left;
	display:inline-block;
	width:100%;
	height:250px;
	margin-left:0%;
	margin-right:00px;
	margin-bottom:0px;
	background-color	:#181818;
	background-repeat	: no-repeat;
	background-size		:100% auto;
	background-position	:center top ;
	filter			: brightness(85%);
	border-right	xx:2px solid #a60303;
	border-bottom	:2px solid #ffffff;
	border	:0px solid #00ff00;
	}

.picpartner{
	display:block;
	position:relative; 
	float:left;
	width:80%;
	margin-left:10%;
	margin-top:40px;
	margin-bottom:40px;
	border:0px solid #ffffff;}




}

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

@media (min-width: 992px) { 

#bghead{
	width:100%;
	min-height:105vh;
	background-imagex: url("melbilder/head24_1dark.jpg");
	background-image: url("melbilder/headpic1b.png");
	background-repeat: no-repeat;
	background-sizex: auto 100% ;
	background-size: 105% auto  ;
	background-position: right center;
	background-colorx:#d60216;
	border:0px solid #ff6600;
	}

#respomenu{display:none;}

h1{font-size:2.6em;}
h2{font-size:2.0em;
	font-weight:normal;}

.boxlogo{
	margin-top:20vh;
	margin-bottom:60px;
	text-align:left;
	position:relative;
	display:block;
	float:left;
	width:100%;
	border	:0px solid #ffcccc;}

.logotest{width:15%;
	margin-left:5%;}

#headtext{
	margin-top:0px;
	position:relative;
	float:left;
	width:60%;
	margin-left:5%;
	text-alignx:center;
	font-sizex:1.4em;
	font-weight:bold;
	margin-bottom:40px;
	text-shadowx:3px 3px 2px #000000;
	}


#headkontaktx{
	position:relative;
	float:left;
	width:80%;
	margin-left:0%;
	background-colorx:#000000;
	borderx	:0px solid #666666;
	z-index:500;}

a.headicon:link,a.headicon:visited{
	widthx:auto;}



#bgplan, #bgpartner, #bgsfb{
	background-size		:120% auto ;
	}

.titelhead, .titelevent, .titelsfb, .titelvorschau, .titelrueck, .titelleist, .titelpartner, .titelkontakt{
	display:block;}


#flyerbox{
	text-align:center;
	float:left;
	width:30%;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0%;
	margin-right:3%;
	padding:15px 15px 30px 15px;

	background-imagex: url("melstyle/verlauf_grau.png");
	background-repeat: no-repeat;
	background-size: auto 100% ;
	background-size: 100% 100%  ;
	background-position: right center;

	background-color:#000000;
	color		:#ffffff;
	border		:0px solid#ff0000;
	border-radius	:6px;
	-webkit-filterx	:opacity(.6);
    	filter		x: opacity(.6);
	}

#flyersmall{
	float:left;
	display:inline-block;
	width:100%;
	height:180px;
	margin-left:0%;
	margin-right:00px;
	margin-bottom:0px;
	background-color	:#181818;
	background-repeat	: no-repeat;
	background-size		:auto 100%;
	background-position	:center top ;
	filter			: brightness(85%);
	border-right	xx:2px solid #a60303;
	border-bottom	:2px solid #ffffff;
	border	:0px solid #00ff00;
	}

#boxevent{
	margin-bottom:50px;
	float:right;
	width:70%;
	position	:relative;
	border:0px solid #ffffff;
	}

#boxsfb{
	float:left;
	width:80%;
	position	:relative;
	borderx:1px solid #ffffff;
	}

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

#boxgalerie{
	margin-bottom:50px;
	float:left;
	width:80%;
	position	:relative;
	border:0px solid #ffffff;
	}
.at-item {display:none;}

#mbmcookie {
	displayx:none;
	position: fixed; 
	width:60%;
	
	heightx:100%; 
	bottom: 40px;  right: 5%; 
	border-radiusx:15px; 
	}

.desktopaus{display:none;}

.mobilaus{display:block;}




#wechselbg{
	position: relative;
	float: right;
	width: 30%;
	height:auto;
	margin-right: 0%;
	aspect-ratio: 1;
	heightx:300px;
	margin-topx: 40px;
	background-imagex: url("melbilder/wechsel/wechsel_01.jpg");
	background-repeat: no-repeat;
	
	background-size: auto 100%;
	background-sizex: 100% auto;
	background-positionx:left center;

	z-index:800;}





#banner{
	position:fixed;
	display:block;
	positionx:relative;
	float:left;
	width		:100%;
	margin-left	:0;
	left	:0%;
	min-height:20px;
	z-index:900;
	background-colorx:#000000;
	background-imagex: url("melstyle/black.png");
	background-imagex: url("melstyle/trans1.png");
	background-size		x:100% 70%;
	background-size		x:auto 100%;
	background-position	:left top  ;
	background-repeat	:no-repeat;}


a.toplink:link,a.toplink:visited, .topicon{
	display:block;
	float:left;
	width:auto;
	min-height:30px;
	text-indent:50px;
	text-align		:left;
	font-sizex:1.2em;
         font-weight		:bold; 
        text-decoration		:none;
        color        		:#ffffff;
	background-color	x:#303030;
	margin-bottom		:10px;
	margin-left		:20px;
	padding			:10px 0px 0px 0px;
	border-bottom		:0px solid#ff0000;
	background-position: left top;
	background-repeat: no-repeat;
	background-size:auto 100%;
	
	}

#bglaufschrift{display:none;}



h9{	font-sizex:1.1em;}

#anzeige{ borderx:6px solid #0000ff;}









#headtextx{
	float:left;
	width:100%;
	text-alignx:center;
	font-sizex:2.0em;
	font-weight:bold;
	margin-topx:10px;
	
	
	padding-top:00px;
	text-shadowx:3px 3px 2px #000000;
	}

#headname{
	padding-topx:300px;
	position:relative;
	float:left;
	width:100%;
	text-alignx:center;
	font-sizex:1.1em;
	font-weight:bold;
	}

#logoheadx{
	display:none;
	float:left;
	width:70%;
	margin-left:15%;
	margin-top:0vh;
	border	:1px solid #cccccc;
	}




#leistbox{
	position: relative;
	float:left;
	width:33%;
	margin-left:0%;
	margin-right:0%;
	text-align:left;
	min-height:10px;
	paddingx:10px;
	margin-top:0px;
	border:0px solid #a60303;
	border-radiusx:5px;
	}





a.kontaktlink:link,a.kontaktlink:visited, .kontakticon{
	displayx:block;
	float:left;
	width:auto;
	min-height:30px;
	text-indent:60px;
	text-align		:left;
         font-weight		:normal; 
	font-sizex:1.4em;
        text-decoration		:none;
        color        		:#ffffff;
	background-color	x:#303030;
	margin-right:60px;
	margin-bottom:5px;
	padding:15px 0px 15px 0px;
	border:		0px solid#ff0000;
	background-position: left top;
	background-repeat: no-repeat;
	background-size:auto 90%;
	}


#introbox{
	position: relative;
	float:left;
	width:30%;
	margin-left:0%;
	margin-right:0%;

	min-height:10px;
	padding:10px;
	margin-top:40px;
	border:0px solid #a60303;
	border-radiusx:5px;
	}







#partnertext1{
	position:relative;
	float:left;
	width:80%;
	text-align:left;
	colorx:#999999;
	margin-bottom:20px;
	border:0px solid #ffffff;
	}

.picpartner{
	display:block;
	position:relative; 
	float:left;
	margin-left:0;
	width:45%;
	margin-bottom:0px;
	border:0px solid #ffffff;}


#partnerrot{
	position:relative;
	float:left;
	width:45%;
	margin-left:0%;
	text-align:left;
	borderx:1px solid#ff0000;
	color:#ffffff;
	paddingx:20px;
	margin-top:20px;
	background-color:#a60303;
	}

#partnerliste{
	position:relative;
	float:right;
	width:50%;
	text-align:left;
	border:0px solid#ff0000;
	color:#ffffff;
	paddingx:20px;
	background-colorx:#a60303;
	}

#footerbox1{
	position: relative;
	float:left;
	width:25%;
	margin-left:0%;
	margin-right:0%;
	min-height:10px;
	margin-bottom:0px;
	border:0px solid #ffffff;
	background-colorx:#333333;
	color:#787878;
	}

#footerbox2{
	position: relative;
	float:left;
	width:30%;
	margin-left:0%;
	margin-right:0%;

	min-height:10px;
	
	margin-bottom:0px;
	border:0px solid #ffffff;
	background-colorx:#333333;
	colorx:#ffffff;
	}



#footerbox3{
	display:block;
	position: relative;
	float:left;
	width:auto;
	margin-left:0%;
	margin-right:0%;

	min-height:10px;
	
	margin-top:0px;
	border:0px solid #ffffff;
	
	colorx:#ffffff;
	}


#footerbox4{
	display:block;
	position: relative;
	float:right;
	width:25%;
	margin-left:0%;
	margin-right:0%;

	min-height:10px;
	
	margin-top:0px;
	border:0px solid #ffffff;
	border-radiusx:5px;
	color:#787878;
	}




}




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


body, html {font-size: 1.1em;}

#anzeige{ borderx:6px solid #fff205;}

#bgnext{
	displayx:none;}


.boxlogo{
	margin-top:20vh;
	margin-bottom:60px;
	text-align:left;
	position:relative;
	display:block;
	float:left;
	width:100%;
	border	:0px solid #ffcccc;}

.logotest{width:15%;}

#headtext{
	border	:0px solid #ffcccc;
	margin-top:0px;
	position:relative;
	float:left;
	width:70%;
	margin-left:0%;
	text-alignx:center;
	font-sizex:1.4em;
	font-weight:bold;
	margin-bottom:40px;
	text-shadowx:3px 3px 2px #000000;
	}

#logor4k{width:20%;
	margin-top:40px;}

#headkontakt{
	position:relative;
	float:left;
	width:80%;
	margin-left:0%;
	background-colorx:#000000;
	borderx	:0px solid #666666;
	z-index:500;}

a.headicon:link,a.headicon:visited{
	width:auto;}

.logoheadx{
	display:none;
	float:left;
	width:70%;
	margin-left:15%;
	margin-top:10vh;
	}

#mbmcookie {
	displayx:none;
	position: fixed; 
	width:30%;
	
	heightx:100%; 
	bottom: 40px;  right: 5%; 
	border-radiusx:15px; 
	}




a.biggerlink:link{
	display:block;}



#titelbig,  #titelbighell{font-size:2.8em;font-weight		:bold; }
#titelsmall, #titelsmallz{font-size: 2.0em;}


a.toplink:link,a.toplink:visited, .topicon{
	display:block;
	float:left;
	width:auto;
	min-height:30px;
	text-indent:50px;
	text-align		:left;
	font-sizex:1.2em;
         font-weight		:bold; 
        text-decoration		:none;
        color        		:#ffffff;
	background-color	x:#303030;
	margin-bottom		:10px;
	margin-left		:40px;
	padding			:10px 0px 0px 0px;
	border-bottom		:0px solid#ff0000;
	background-position: left top;
	background-repeat: no-repeat;
	background-size:auto 100%;
	
	}



#introbox{
	position: relative;
	float:right;
	width:100%;
	margin-left:0%;
	margin-bottom:40px;

	min-height:10px;
	padding:10px;
	margin-top:0px;
	
	}




.pic10p{
	position	:relative;
	float		:left;
	displayx:inline-block;
	width		:10%;
	margin-right	:0%;
	height		:100px;
	margin-top:0px;
	
	background-size		:110% auto;
	background-size		:auto 100%;
	background-position	:center  ;
	background-repeat	:no-repeat;
	border:0px solid #0000ff;
 	outlinex: 4px solid #000000; 
	}

.pic20p{
	position	:relative;
	float		:left;
	displayx:inline-block;
	width		:20%;
	margin-right	:0%;
	height		:100px;
	margin-top:0px;
	
	background-size		:110% auto;
	background-size		:auto 100%;
	background-position	:center  ;
	background-repeat	:no-repeat;
	border:0px solid #0000ff;
 	outline: 4px solid #000000; 
	}

#eventleft{
	position: relative;
	float: left;
	width: 70%;
	margin-bottom: 0px;
	borderx: 3px solid #ff0000;
	text-align:left;
	z-index:200;
	}

#wechselbg{
	border: 0px solid #ff0000;
	position: relative;
	floatx: right;
	width: 25%;
	height:auto;
	margin-left: 1%;
	aspect-ratio: 1;
	heightx:300px;
	margin-topx: 40px;
	background-imagex: url("melbilder/wechsel/wechsel_01.jpg");
	background-repeat: no-repeat;
	
	background-size: auto 100%;
	background-sizex: 100% auto;
	background-positionx:left center;
	}
}

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

#anzeige{
	width		:100%;
	margin-left	:0px;
	left	:0%;
	borderx:6px solid#555555;
	}

#bgevent, #bgsfb, #bgplan, #bggalerie, #bgpartner{
	margin-bottom:400px;
	border	x:1px solid #cccccc;}

#wrap{
	width		:1300px;
	margin-left	:-650px;
	left		:50%;}

#bgsfb{
	background-size:  105% auto ;
	}

#bannerx{
	position:fixed;
	display:block;
	positionx:relative;
	float:left;
	width		:1300px;
	margin-left	:-650px;
	left	:50%;
	min-height:20px;
	z-index:900;
	background-colorx:#000000;
	background-imagex: url("melstyle/black.png");
	background-imagex: url("melstyle/trans1.png");
	background-size		x:100% 70%;
	background-size		x:auto 100%;
	background-position	:left top  ;
	background-repeat	:no-repeat;}

#bannermob{
	position:fixed;
	displayx:block;
	
	width		:1300px;
	margin-left	:-650px;
	left	:50%;
	min-height:20px;
	z-index:900;
	
	background-imagex: url("melstyle/black.png");
	background-imagex: url("melstyle/trans_black.png");
	background-size		x:100% 70%;
	background-size		:100% 100%;
	background-position	:left top  ;
	background-repeat	:no-repeat;
	border-top:20px solid #000000;}



  
}
