<html>

<head>


<title>Presse | Mojo Riot 'damn hot music' from Kiel/Germany</title>

<link rel="shortcut icon" type="image/jpg" href="https://mojoriot.de/onewebstatic/75f90fefb8-Logo%20Orange%208x8b.jpg">

<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">


<script type="text/javascript">

// When the user scrolls down 150px from the top of the document, show the button
window.onscroll = function() {scrollFunction()};

function scrollFunction() {
    if (document.body.scrollTop > 150 || document.documentElement.scrollTop > 150) {
        document.getElementById("myBtn").style.display = "block";
    } else {
        document.getElementById("myBtn").style.display = "none";
    }
}

// When the user clicks on the button, scroll to the top of the document
function topFunction() {
    document.body.scrollTop = 0; // For Chrome, Safari and Opera 
    document.documentElement.scrollTop = 0; // For IE and Firefox
}







<!--

// hier die Abmessungen eintragen

ImageArr = new Array()

// hier die Grafiken eintragen
ImageArr[ImageArr.length] = "http://mojoriot.de/ftp%20design/bgs/bg2%20small%20pano%20wf%20nb.png";
ImageArr[ImageArr.length] = "http://mojoriot.de/ftp%20design/bgs/wsbg2.png";
ImageArr[ImageArr.length] = "http://mojoriot.de/ftp%20design/bgs/bgabe2.png";
ImageArr[ImageArr.length] = "http://mojoriot.de/bilda/New%20Bg1.png";
ImageArr[ImageArr.length] = "http://mojoriot.de/bilda/sfp.png";
ImageArr[ImageArr.length] = "http://mojoriot.de/bilda/BG1kiwo.png";
ImageArr[ImageArr.length] = "http://mojoriot.de/bilda/bg2nms.png";

var xAnzahl = ImageArr.length;

var Zufallnow = new Date()
var ZufallZahl = (Zufallnow.getTime() % xAnzahl);

function ZufallsBildStart() {
document.write('<style> #top-picture { background-image: url(' + ImageArr[ZufallZahl] + ');  } </style>');
}


//-->
</script>


<script type="text/javascript">

function toggle(control){
	var elem = document.getElementById(control);
	
	if(elem.style.display == "none"){
		elem.style.display = "block";
	}else{
		elem.style.display = "none";
	}
}
    
</script>




<style type="text/css">
.news-text a:link {color:#fe7d00; text-decoration:none;}
.news-text a:visited {color:#fe7d00; text-decoration:none;}
.news-text a:active {color:#fe7d00; text-decoration:none;}
.news-text a:hover {color:#fe7d00; text-decoration:none;}

#header-links a:link {color:black; text-decoration:none}
#header-links a:visited {color:black; text-decoration:none}
#header-links a:active {color:black; text-decoration:none}
#header-links a:hover {color:black; text-decoration:underline}
</style>

<style type="text/css">








body {
	
	word-wrap:break-word !important;
	font-family: 'Open Sans', sans-serif;
	}

.toggle {	
	cursor: pointer;
	}

#toggle1 {
	background-color: #FE7D00;
	border: 0px solid white;
	height: 19px;
	width: 30px;
	}

#toggle1 img {
	margin-left: -1px;
	margin-top: -2px;
	}

#toggle1:hover {
	background-color: #000000;
	}


[id^=drop] {
	display: none;
}

/* Giving a background-color to the nav container. */
nav { 
	margin:0;
	padding: 0;
	background-color: #FE7D00;
	width: 98%;
	text-align: left;
	
}

#logo {
	display: none;
	padding: 0 30px;
	float: left;
	font-size:20px;
	line-height: 75px;
}

/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. */

nav:after {
	content:"";
	display:table;
	clear:both;
}

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
	float: right;
	padding:0;
	margin:0;
	list-style: none;
	position: relative;
	}
	
/* Positioning the navigation items inline */
nav ul li {
	margin: 0px;
	display:inline-block;
	float: left;
	background-color: #FAC864;
	}

/* Styling the links */
nav a {
	display:block;
	padding:14px 20px;	
	color:#FFF;
	font-size:17px;
	text-decoration:none;
}


nav ul li ul li:hover { background: #000000; }

/* Background color change on Hover */
nav a:hover { 
	background-color: #000000; 
}

/* Hide Dropdowns by Default
 * and giving it a position of absolute */
nav ul ul {
	display: none;
	position: absolute; 
	/* has to be the same number as the "line-height" of "nav a" */
	top: 60px; 
}
	
/* Display Dropdowns on Hover */
nav ul li:hover > ul {
	display:inherit;
}
	
/* Fisrt Tier Dropdown */
nav ul ul li {
	width:170px;
	float:none;
	display:list-item;
	position: relative;
}

/* Second, Third and more Tiers	
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/
nav ul ul ul li {
	position: relative;
	top:-60px;
	/* has to be the same number as the "width" of "nav ul ul li" */ 
	left:170px; 
}

	
/* Change ' +' in order to change the Dropdown symbol */
li > a:after { content:  ' +'; }
li > a:only-child:after { content: ''; }

















#lightbox {
    position:fixed; /* keeps the lightbox window in the current viewport */
    top:0; 
    left:0; 
    z-index: 2000;
	
    background:url(http://mojoriot.de/bilda/overlay.png) repeat; 
    text-align:center;
	
	vertical-align: middle;
	
}


#lightbox img {
	
	vertical-align: middle;
    box-shadow:0 0 25px #111;
    -webkit-box-shadow:0 0 25px #111;
    -moz-box-shadow:0 0 25px #111;
}


@media only screen and (min-width: 740px) {
   /* PC Ansicht */

nav {
	display:none;
}




#lightbox {
	
    width:100%; 
    height:100%; 
	}

#lightbox img {
	max-height: 570px;


		}

#lightbox p {
    text-align:right; 
    color:#fff; 
    margin-right:30px; 
	
    font-size:22px; 
	margin-top: 12px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}


body {
	
        background-position: center top;
	background-color: white;
	overflow: auto;
	margin: 0px;
	padding: 0px;
	}

#body-all {
	width: 956px;
	margin-left:auto;
        margin-right:auto;
	position: relative;
	padding-left: 15px;
	padding-top: 15px;
	top: 75px;

	
	margin-bottom: 0px;
	padding-bottom: 0px;
	overflow: hidden;
	height: 1100px;
	}

#header {
	position:fixed; 
	z-index: 3; 
	height: 75px; 
	width: 100%; 
	background-color: #fe7d00;
	margin-top: 0px;
	text-align: center;
	font-size: 1.4em;
	font-family: georgia;
	color: black;
	vertical-align: middle;
	}

#headin {
	width: 950px;
	margin-left:auto;
        margin-right:auto;
	}

#header-links {
	position:relative;
	top: 20px;
	left: -58px;
	}

#startbild {
	width: 137px; 
	margin-top: 2px;
	margin-right: 47px;
	margin-left: -47px;
	}

#top-picture {
	width: 956px; 
	height: 342px;
	margin-top: 0px; 
	padding-top: 0px; 
	background-image: url(); 
	background-size: 956px 342px; 
	display: block;
	background-repeat:no-repeat;
	margin-left:auto;
        margin-right:auto;
	}


#topschrift {	
	position: relative; 
	left: -3px; 
	}

#topschrift2 {
	position: relative; 
	left: 136px; 
	top: -36px;
	}

#inlay-all {
	margin-left:auto;
        margin-right:auto;
	width: 960px;
	}

#news-all {
	float: left;
	width: 685px;
	padding: 15px;
	padding-left: 5px;
	padding-right: 10px;
	padding-top: 0px;
	line-height: 1,4;
	}

#righty-all {
	float:right;
	width: 250px;
	height: 1820px;
	padding-top: 15px;
	}

#nextgig {
	display: block;
	margin-left: 2px;
	padding-bottom: 5px; 
	background-image: url(http://mojoriot.de/ftp%20design/ngbg.png);
	background-size: 245px 127px; 
	background-repeat:no-repeat;
	border: 0px;
	padding-top: 0px;
	}

#nextgig-inlay {
	position: relative; 
	top: -2px;
	}

#musicplayer {
	margin-top: 10px;
	margin-left: 5px;
	width: 240px;
	}


#musicfindlinks {
	margin-top: -25px;
	padding-top: 0px;
	margin-left:auto;
        margin-right:auto;
	font-size: 20px; 
	color:black; 
	width: 240px; 
	}

#beginstrich {
	width: 685px;
	margin-top: 15px;
	margin-bottom: 15px; 
	border: 2px solid #fe7d00; 
	margin-left: 0px;
	}

.trennstrich {
	width: 685px;
	margin-top: 15px;
	margin-bottom: 15px; 
	border: 2px solid #fe7d00; 
	margin-left: 0px;
	}

.news-headline {	
	padding-bottom: 15px;
	margin-bottom: 15px;
	height: 15px;	
	}

.news-titel {
	font-family: tahoma; 
	font-size: 28px; 
	color: black;
	float: left;
	}

.news-date {
	font-family: tahoma; 
	font-size: 14px; 
	color: black; 
	float: right;
	position: relative;
	top: 7px;
	left: 3px;
	}

.news-text {
	font-family: georgia; 
	font-size: 16px; 
	color: #262626; 
	display: inline-block;
	line-height: 1,4;
	width: 100%;
	margin: 0px;
	}

.right-item {
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;

	margin-right: -4px;
	}



.left-item {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;

	}



.gig-item {
	width: 270px;
	}

.gig-item-i {
	width: 266px;
	border: 2px solid #fe7d00; 
background-color: black; 
	}

.flyerpic {
	max-width: 165px;
	display: block;
	}

.fbitem350r {
	width: 350px;
	height: 250px;
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
	}

#news-links1 {
	border-top: 4px solid #fe7d00; 
	padding-top: 0px;
	padding-left: 7px;
	margin-top: 18px;
	margin-bottom: 17px;
	font-family: Century Gothic;
	color: white;
	background: 2px 2px #fe7d00;
	height: 25px;
	width: 685px;
	}

#news-links1 a:link {color:white; text-decoration:none}
#news-links1 a:visited {color:white; text-decoration:none}
#news-links1 a:active {color:white; text-decoration:none}
#news-links1 a:hover {color:white; text-decoration:underline}


#news-links2 {
	display: none;
	}

.thechosenlink {
	color: black;
	}

#endstrich {
	width: 946px; 
	margin-top: 15px;
	border-top: 0px ridge darkgrey; 
	margin-left: 0px;
	padding-bottom: 0px;
	}


#footer {
	margin: 0px;
	padding: 0px;
	padding-bottom: 15px;
	margin-left:auto;
        margin-right:auto;
	}


#endinhalt {
	display: none;
	padding: 0px;
	margin-left:auto;
        margin-right:auto;
	}


#endbild {
	right: 00px;
	width: 0px;
	display: none;
	}

#credits-box {
	width: 0px;
	display: none;
	}

#credits {
	}

#creditsfull {
	padding-bottom: 5px;
	margin-top: 19px;
	padding-top: 4px;
	padding-left: 1px; 
	font-family: georgia; 
	font-size: 9pt; 
	line-height: 2; 
	display: inline-block; 
	float: left; 
	text-align: left; 
	border-top: 1px ridge grey; 
	width: 98%;
	}

.icon-unten {
	width: 39px;
	height: 39px;
	}



#myBtn img:last-child { display: none; }

#myBtn {
    display: none; /* Hidden by default */
     bottom: 30px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #fe7d00; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding-left: 0px; /* Some padding */
    padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-radius: 0px; /* Rounded corners */
}

#myBtn:hover {
    background-color: black; /* Add a dark-grey background on hover */
}





					}






@media only screen and (max-width: 480px) {
    /* For standard mobile phones: */
    



a {
text-decoration: none;
}







	nav {
		margin: 0;
		max-height: 98vh;
		overflow: auto;		
	background-color: #FE7D00;
	}

	/* Hide the navigation menu by default */
	/* Also hide the  */
	.toggle + a,
	.menu {
		display: none;
	}

	/* Stylinf the toggle lable */
	.toggle {
		display: block;
		background-color: #FAC864;
		padding:14px 20px;	
		color:#FFF;
		font-size:17px;
		text-decoration:none;
		border:none;
	}

	.toggle:hover {
		background-color: #000000;
	}

	/* Display Dropdown when clicked on Parent Lable */
	[id^=drop]:checked + ul {
		display: block;
	}

	/* Change menu item's width to 100% */
	nav ul li {
		display: block;
		width: 100%;
		}

	nav ul ul .toggle,
	nav ul ul a {
		padding: 0 40px;
	}

	nav ul ul ul a {
		padding: 0 80px;
	}

	nav a:hover,
 	nav ul ul ul a {
		background-color: #000000;
	}
  
	nav ul li ul li .toggle,
	nav ul ul a,
  nav ul ul ul a{
		padding:14px 20px;	
		color:#FFF;
		font-size:17px; 
	}
  
  
	nav ul li ul li .toggle,
	nav ul ul a {
		background-color: #FAC864;
		margin-left: 25px; 
	}

	/* Hide Dropdowns by Default */
	nav ul ul {
		float: none;
		position:static;
		color: #ffffff;
		/* has to be the same number as the "line-height" of "nav a" */
	}
		
	/* Hide menus on hover */
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}
		
	/* Fisrt Tier Dropdown */
	nav ul ul li {
		display: block;
		width: 100%;
	}

	nav ul ul ul li {
		position: static;
		/* has to be the same number as the "width" of "nav ul ul li" */ 

	}









#lightbox {
	left: 0px;
	width: 100%;
	height: 120%;
	}


#lightbox img {
	max-width: 100%;
}


#lightbox p {
    text-align:center; 
    color:#fff; 
	
    font-size:12px; 
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
}


body {
	background-color: black;
   	background-position: center top;
	overflow: auto;
	margin: 0px;
	padding: 0px;
	width: 100%;
	display: block;
	}

#body-all {
	display: block;
	width: 100%;
	margin-left:auto;
        margin-right:auto;
	padding-top: 15px;
	margin: 0px;
	padding: 0px;
	position: relative;
	top 50px;
	float: center;
	}

#header {
	position:fixed; 
	z-index: 3; 
	width: 100%;
	height: 50px;
	background-color: #fe7d00;
	margin-top: 0px;
	text-align: center;
	font-size: 1em;
	font-family: georgia;
	color: black;
	vertical-align: middle;
	margin: 0px;
	padding: 5px;
	}

#headin {
	width: 100%;
	margin-left:auto;
        margin-right:auto;
	
	}

#header-links {
	position:relative;
	left: 0px;
	top: 5px;
	display: none;
		
	}

#startbild {
	dsiplay: none;
	width: 0px; 
	margin-top: 2px;
	margin-right: 47px;
	margin-left: -47px;
	}

#top-picture {
	width: 100%;
	height: auto;
	margin-top: 0px; 
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 0px; 
	background-image: url(http://mojoriot.de/ftp%20design/bg2%20small%20pano%20-%20mobile%20small.png); 
	background-size: 100% auto;
	display: block;
	background-repeat:no-repeat;
	position: relative;
	top:55px;
	margin-left:auto;
        margin-right:auto;
	}

#topschrift {	
	width: 93%;
	position: relative;
	top: 0vw;
	}

#topschrift2 {
	display: none;
	position: relative; 
	left: 0px; 
	top: 0px;
	}

#inlay-all {
	padding: 0px;
	margin: 0px;
	margin-left:auto;
        margin-right:auto;
	width: 100%;
	padding-top: 25px;
	}

#righty-all {
	width: 100%;
	padding-top: 0px;
	padding-bottom: 15px;
	margin-left:auto;
        margin-right:auto;
	}

#nextgig {
	border: 2px solid #FE7D00;
	background-color: black;
	margin-left:auto;
        margin-right:auto;
	padding-top: 0px;
	margin-top: 20px;
	margin-bottom: 3px;
	padding-bottom: 3px;
	height: 128px; width: 245px;
	}		

#musicplayer {
	display: none;
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 0px;
	width: 0px;
	height: 0px;
	}

#musicfindlinks {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 10px;
	margin-left:auto;
        margin-right:auto;
	font-size: 20px; 
	color:white; 
	width: 100%; 
	}

#news-all {
	border-left: 2px solid #fe7d00;
	border-right: 2px solid #fe7d00;
	border-top: 2px solid #fe7d00;
	border-bottom: 2px solid #fe7d00;
	padding-top: 17px;
	background-color: white;
	position: relative;
	z-index: 2;
	}

#beginstrich {
	background-color: white;
	padding-bottom: 0px;
	height: 0px;
	}

.trennstrich {
	height: 1px;
	border-top: 4px solid #fe7d00; 
	background-color: white;
	padding-bottom: 15px;
	margin-left: 0px;
	width: 100%;
	z-index: 2;
	}

.news-item {
	margin-bottom: 0px;
	position: relative;
	width: 94%;
	background-color: white; 
	padding-left: 3%; 
	padding-right: 3%; 
	padding-bottom: 3%;
	margin-left:auto;
        margin-right:auto;
	}

.news-headline {	
	padding-top: 0px;
	padding-bottom: 15px;
	height: 30px;	
	width: 100%;
	margin-bottom: 15px;
	}

.news-titel {
	font-family: tahoma; 
	font-size: 20px; 
	color: #fe7d00;
	width: 100%;
	}

.news-date {
	font-family: tahoma; 
	font-size: 14px;  
	color: #fe7d00; 
	position: relative;
	top: 7px;
	left: 3px;
	width: 100%;
	}

.news-text {
	font-family: georgia; 
	font-size: 14px; 
	color: #262626; 
	padding-top: 5px;
	line-height: 1,4;
	width: 100%;
	margin: 0px;
	
	margin-top: -10px;
	}

.right-item {
	width: 100%;
	padding-bottom: 10px;
	}

img.left-item {
	width: 100%;
	}

img.right-item {
	width: 100%;
	}

.fbitem350r {
	max-width: 100%;
	height: 250px;
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
	}

.flyerpic {
	max-width: 100%;
	display: block;
	}

.left-item {
	width: 100%;
	padding-bottom: 10px;
	}


.gig-item {
	max-width: 100%;
	margin-left:auto;
        margin-right:auto;
	}

.gig-item-i {
	width: 99%;
	max-width: 300px;
	border: 2px solid #fe7d00; 
background-color: black; 
	
	margin-left:auto;
        margin-right:auto;
	}

#news-links1 {	
	display: none;
	height: 0px;
	}

#news-links2 {
	display: none;
	border-top: 0px solid #fe7d00; 
	margin-left:auto;
        margin-right:auto;
	margin-top: -18px;
	margin-bottom: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-family: Century Gothic;
	color: white;
	text-align: center;
	background: 2px 2px #fe7d00;
	}


#news-links2 a:link {color:white; text-decoration:none}
#news-links2 a:visited {color:white; text-decoration:none}
#news-links2 a:active {color:white; text-decoration:none}
#news-links2 a:hover {color:white; text-decoration:underline}

.thechosenlink {
	color: black;
	}

#endstrich {
	display: none;
	width: 0px;
	height: 0px; 
	border: 0px ridge darkgrey; 
	margin-left: 0px;
	position: relative;
	top: 0px;
	font-size: 0.00000001px;
	color: white;
	}

#footer {
	width: 100%;
	margin: 0px;
	padding: 0px; 
	height: auto;	
	background-color: #fe7d00;
	}


#endinhalt {
	width: 100%;
	padding: 0px;
	margin: 0px,
	margin-left:auto;
        margin-right:auto;
	}

#endbild {
	margin-left: 3%;
	margin-top: 2%;
	width: 116px;
	
	}

#credits-box {	
	display: none;
	width: 0px;
	height: 0px;
	}

#credits {
	
	color: white;
	margin-top: 2%;
	margin-left: 4%;
	background-color: #fe7d00;
	}

#creditsfull {
	display: none;
	width: 0px;
	}

.icon-unten {
	width: 16vw;
	}



#myBtn img {
	width: 65%;
	}

#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 30px; /* Place the button at the bottom of the page */
    right: 20px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: 2px solid white; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #fe7d00; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding-left: 10px; /* Some padding */
    padding-right: 10px;
	padding-top: 15px;
	padding-bottom: 20px;
	border-radius: 15px; /* Rounded corners */
}

#myBtn:hover {
    background-color: black; /* Add a dark-grey background on hover */
}





				}

@media only screen and (min-width: 481px) and (max-width: 739px) {
    /* For mobile phones schräg: */



a {
text-decoration: none;
}



	nav {
		margin: 0;
		max-height: 98vh;
		overflow: auto;
		
	background-color: #FE7D00;
	}

	/* Hide the navigation menu by default */
	/* Also hide the  */
	.toggle + a,
	.menu {
		display: none;
		}

	/* Stylinf the toggle lable */
	.toggle {
		display: block;
		background-color: #FAC864;
		padding:14px 20px;	
		color:#FFF;
		font-size:17px;
		text-decoration:none;
		border:none;
	}

	.toggle:hover {
		background-color: #000000;
	}

	/* Display Dropdown when clicked on Parent Lable */
	[id^=drop]:checked + ul {
		display: block;
		
		
	}


	

	/* Change menu item's width to 100% */
	nav ul li {
		display: block;
		width: 100%;
		}

	nav ul ul .toggle,
	nav ul ul a {
		padding: 0 40px;
	}

	nav ul ul ul a {
		padding: 0 80px;
	}

	nav a:hover,
 	nav ul ul ul a {
		background-color: #000000;
	}
  
	nav ul li ul li .toggle,
	nav ul ul a,
  nav ul ul ul a{
		padding:14px 20px;	
		color:#FFF;
		font-size:17px; 
	}
  
  
	nav ul li ul li .toggle,
	nav ul ul a {
		background-color: #FAC864;
		margin-left: 25px; 
	}

	/* Hide Dropdowns by Default */
	nav ul ul {
		float: none;
		position:static;
		color: #ffffff;
		/* has to be the same number as the "line-height" of "nav a" */
	}
		
	/* Hide menus on hover */
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}
		
	/* Fisrt Tier Dropdown */
	nav ul ul li {
		display: block;
		width: 100%;
		
	}

	nav ul ul ul li {
		position: static;
		/* has to be the same number as the "width" of "nav ul ul li" */ 

	}








#lightbox {
	
    width:100%; 
    height:150%; 
	}

#lightbox img {
	max-height: 55%;
	max-width: 90%;
}


#lightbox p {
    text-align:center; 
    color:#fff; 
	
    font-size:12px; 
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
}
    

body {
	background-color: black;
   	background-position: center top;
	overflow: auto;
	margin: 0px;
	padding: 0px;
	width: 100%;
	display: block;
	}

#body-all {
	display: block;
	width: 100%;
	margin-left:auto;
        margin-right:auto;
	padding-top: 15px;
	margin: 0px;
	padding: 0px;
	position: relative;
	top 50px;
	float: center;
	}

#header {
	position:fixed; 
	z-index: 3; 
	width: 100%;
	height: 50px;
	background-color: #fe7d00;
	margin-top: 0px;
	text-align: center;
	font-size: 1.2em;
	font-family: georgia;
	color: black;
	vertical-align: middle;
	margin: 0px;
	padding: 5px;
	
	}

#headin {
	width: 100%;
	margin-left:auto;
        margin-right:auto;
	vertical-align: middle;
	
	}

#header-links {
	position:relative;
	top: 2px;
	left: 0px;
	vertical-align: middle;	
	display: none;
	}

#startbild {
	dsiplay: none;
	width: 0px; 
	margin-top: 2px;
	margin-right: 47px;
	margin-left: -47px;
	}

#top-picture {
	width: 100%;
	height: auto;
	margin-top: 0px; 
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-top: 0px; 
	background-image: url(http://mojoriot.de/ftp%20design/wsbg2.png); 
	background-size: 100% auto;
	display: block;
	background-repeat:no-repeat;
	position: relative;
	top:55px;
	z-index: -3;
	margin-left:auto;
        margin-right:auto;
	}


#topschrift {	
	width: 93%;
	position: relative;
	top: 1vw;
	}

#topschrift2 {
	display: none;
	position: relative; 
	left: 0px; 
	top: 0px;
	}

#inlay-all {
	padding: 0px;
	margin: 0px;
	margin-left:auto;
        margin-right:auto;
	width: 100%;
	padding-top: 25px;
	}

#righty-all {
	width: 100%;
	padding-top: 0px;
	padding-bottom: 15px;
	margin-left:auto;
        margin-right:auto;
	}

#nextgig {
	border: 2px solid #FE7D00;
	background-color: black;
	margin-left:auto;
        margin-right:auto;
	padding-top: 0px;
	margin-top: 20px;
	margin-bottom: 3px;
	padding-bottom: 3px;
	height: 128px; width: 245px;
	}		

#musicplayer {
	display: none;
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 0px;
	width: 0px;
	height: 0px;
	}

#musicfindlinks {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 10px;
	margin-left:auto;
        margin-right:auto;
	font-size: 20px; 
	color:white; 
	width: 100%;
	}

#news-all {
	border-left: 2px solid #fe7d00;
	border-top: 2px solid #fe7d00;
	border-right: 2px solid #fe7d00;
	border-bottom: 2px solid #fe7d00;
	padding-top: 0px;
	background-color: white;
	}

#beginstrich {
	background-color: white;
	padding-bottom: 15px;
	}

.trennstrich {
	height: 1px;
	border-top: 4px solid #fe7d00; 
	background-color: white;
	padding-bottom: 15px;
	margin-left: 0px;
	width: 100%;
	z-index: 2;
	}

.news-item {
	margin-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	position: relative;
	width: 94%;
	background-color: white; 
	padding-left: 3%; 
	padding-right: 3%; 
	padding-bottom: 3%;
	margin-left:auto;
        margin-right:auto;
	}

.news-headline {	
	padding-top: 0px;
	width: 100%;
	margin-bottom: 15px;
	}

.news-titel {
	font-family: tahoma; 
	font-size: 26px; 
	color: #fe7d00;
	width: 100%;
	}

.news-date {
	font-family: tahoma; 
	font-size: 14px; 
	color: #fe7d00; 
	position: relative;
	top: 7px;
	left: 3px;
	width: 100%;
	}

.news-text {
	font-family: georgia; 
	font-size: 16px; 
	color: #262626; 
	line-height: 1,4;
	width: 100%;
	margin: 0px;
	}


.right-item {
	float: right;
	padding-left: 10px;
	max-width: 100%;
	padding-bottom: 10px;
	}


.left-item {
	float: left;
	padding-right: 10px;
	max-width: 100%;
	padding-bottom: 10px;
	}


.gig-item {
	width: 250px;
	}

.gig-item-i {
	border: 2px solid #fe7d00; 
background-color: black; 
	
	margin-left:auto;
        margin-right:auto;
	}

.flyerpic {
	max-width: 165px;
	display: block;
	}

.fbitem350r {
	width: 350px;
	height: 250px;
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
	}

#news-links1 {	
	display: none;
	}

#news-links2 {
	display: none;
	border-top: 0px solid #fe7d00; 
	margin-left:auto;
        margin-right:auto;
	margin-bottom: 17px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-family: Century Gothic;
	color: white;
	text-align: center;
	background: 2px 2px #fe7d00;
	}


#news-links2 a:link {color:white; text-decoration:none}
#news-links2 a:visited {color:white; text-decoration:none}
#news-links2 a:active {color:white; text-decoration:none}
#news-links2 a:hover {color:white; text-decoration:underline}

.thechosenlink {
	color: black;
	}

#endstrich {
	display: block;
	heigt: 0px;
	width: 0px; 
	border: 0px ridge darkgrey; 
	margin-left: 0px;
	position: relative;
	top: 0px;	
	font-size: 0.00000001px;
	color: white;
	}


#footer {
	width: 100%;
	margin: 0px;
	padding: 0px; 
	height: auto;	
	background-color: #fe7d00;
	}


#endinhalt {
	width: 100%;
	padding: 0px;
	margin: 0px,
	margin-left:auto;
        margin-right:auto;
	}

#endbild {
	margin-left: 3%;
	margin-top: 2%;
	width: 116px;
	
	}

#credits-box {	
	display: none;
	width: 0px;
	height: 0px;
	}

#credits {
	
	color: white;
	margin-top: 2%;
	margin-left: 4%;
	background-color: #fe7d00;
	}

#creditsfull {
	display: none;
	width: 0px;
	}


.icon-unten {
	width: 17vw;
	}



#myBtn img {
	width: 65%;
	}

#myBtn {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 36px; /* Place the button at the bottom of the page */
    right: 20px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: 2px solid white; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #fe7d00; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding-left: 10px; /* Some padding */
    padding-right: 10px;
	padding-top: 15px;
	padding-bottom: 20px;
	border-radius: 15px; /* Rounded corners */
}

#myBtn:hover {
    background-color: black; /* Add a dark-grey background on hover */
}




				}




</style>







</head>

<body>



<div id="header">

	<div id="headin">
		
		<img id="startbild" src="http://mojoriot.de/onewebmedia/pics/rrlngb.png" align="right">

		
		<div id="header-links">		

		<a href="http://mojoriot.de">News</a> | <a href="http://mojoriot.de/ftp%20design/2/band.html">Band</a> | <a href="http://mojoriot.de/ftp%20design/2/music.html">Music</a> | <a href="http://mojoriot.de/ftp%20design/2/live.html">Live</a> | <a href="http://mojoriot.de/ftp%20design/2/bilder.html">Bilder</a> | <a href="http://mojoriot.de/ftp%20design/2/videos.html">Videos</a> | <font color="white"><u>Presse</u></font> | <a href="http://mojoriot.de/ftp%20design/2/contact.html">Kontakt</a>



		</div>
		
		 	<nav>
       

        <label for="drop" class="toggle" id="toggle1"><img src="http://mojoriot.de/bilda/icons/menu.png"></label>
        <input type="checkbox" id="drop" />
            <ul class="menu">
               
                <li>
                    <!-- First Tier Drop Down -->
                    <label for="drop-1" class="toggle">News</label>
                    <a href="#">News</a>
                    <input type="checkbox" id="drop-1"/>
                    <ul>
                        <li><a href="http://mojoriot.de/">2021</a></li>
			<li><a href="http://mojoriot.de/ftp%20design/2/news2020.html">2020</a></li>
                        <li><a href="http://mojoriot.de/ftp%20design/2/news2019.html">2019</a></li>
                        <li><a href="http://mojoriot.de/ftp%20design/2/news2018.html">2018</a></li>
			<li><a href="http://mojoriot.de/ftp%20design/2/news2017.html">2017</a></li>
			<li><a href="http://mojoriot.de/ftp%20design/2/news2016.html">2016</a></li>
			<li><a href="http://mojoriot.de/ftp%20design/2/news2015.html">2015</a></li>
                    </ul> 

                </li>
               
                <li><a href="http://mojoriot.de/ftp%20design/2/band.html">Biography</a></li>
                <li><a href="http://mojoriot.de/ftp%20design/2/music.html">Music</a></li>
                <li><a href="http://mojoriot.de/ftp%20design/2/live.html">Live</a></li>
                <li><a href="http://mojoriot.de/ftp%20design/2/bilder.html">Fotos</a></li>
		<li><a href="http://mojoriot.de/ftp%20design/2/videos.html">Videos</a></li>
		<li><a href="http://mojoriot.de/ftp%20design/2/press.html">Press</a></li>
		<li><a href="http://mojoriot.de/ftp%20design/2/contact.html">Contact</a></li>
            </ul>
			</nav>


	</div>

</div>

<div id="body-all">

<div id="top-picture">


	<script type="text/javascript" language="JavaScript">
	<!--
	ZufallsBildStart()
	//-->
	</script>

	


	<img id="topschrift" src="http://mojoriot.de/onewebmedia/pics/schrif1.png">

			<br>

			<br>
			<div id="topschrift2"><i><font color="white" face="georgia">'damn hot music'</font></i>
			</div>


</div>

<div id="inlay-all">



	<div id="news-all">

		
			<div id="beginstrich"></div>

<div class="news-item">

<a href="https://www.ndr.de/wellenord/sendungen/nachmittag/Kieler-Band-mit-ordentlich-Mojo,musikszenesh776.html" target="_blank">
				
			<div class="news-headline">

				
				<div class="news-titel">
			    								 
        			 Kieler Band mit ordentlich Mojo

				</div>
				<div class="news-date">

				</div>						
			</div>

			<div class="news-text">
								
	
Von Jens Zacharias | NDR 1 Welle Nord | April 2018

<br><br>
[zum Artikel]

		</div>
</a>
		</div>

			
			<div class="trennstrich"></div>



			

		<div class="news-item">

<a href="http://mojoriot.de/ftp%20design/2/press-gb18.html">
				
			<div class="news-headline">

				
				<div class="news-titel">
			    								 
        			 Mojo Riot - Mojo Town Review
				</div>
				<div class="news-date">

				</div>						
			</div>

			<div class="news-text">
								
	
Von Arnd Müller | Gitarre und Bass | April 2018

<br><br>
[zum Artikel]

		</div>
</a>
		</div>

			
			<div class="trennstrich"></div>
			<div class="news-item">

<a href="http://mojoriot.de/ftp%20design/2/press-KN915.html">
				
			<div class="news-headline">

				
				<div class="news-titel">
			    								 
        			 Energie und Mitsing-Potenzial

				</div>
				<div class="news-date">

				</div>						
			</div>

			<div class="news-text">
								
	
Von Thomas Bunjes | Kieler Nachrichten | September 2015

<br><br>
[zum Artikel]

		</div>
</a>
		</div>

			
			<div class="trennstrich"></div>
	<div class="news-item">

<a href="http://mojoriot.de/ftp%20design/2/press-KN815.html">
				
			<div class="news-headline">

				
				<div class="news-titel">
			    								 
        			Mit viel Furore auf die Zielgerade
				</div>
				<div class="news-date">

				</div>						
			</div>

			<div class="news-text">

			

Kieler Nachrichten | August 2015

<br><br>
[zum Artikel]

					</div>
</a>
		</div>

			
			<div class="trennstrich"></div>
	<div class="news-item">
<a href="http://mojoriot.de/ftp%20design/2/press-m814.html">

				
			<div class="news-headline">

				
				<div class="news-titel">
			    								 
        			Kieler Soundcheck

				</div>
				<div class="news-date">

				</div>						
			</div>

			<div class="news-text">

Von Maschine | Marlowski Magazin | August 2014

<br><br>
[zum Artikel]
				</div>
</a>
		</div>

			
			

	
	<div id="endstrich"></div>

	</div>

	

	<div id="righty-all">
					
					
<div id="nextgig">
<center>
<iframe id="nextgig-inlay" src="https://mojoriot.de/ftp design/2/next-gig.html" style="border: 0px; height: 132px; width: 245px; overflow: hidden;margin-left:auto; margin-right:auto; margin-top: 0px; margin-bottom: 0px; padding: 0px;">
</center>
</iframe>
</div>


					<div id="musicplayer">
						
					</div>
						

					<div id="musicfindlinks" style="text-align: center; padding: 0px; padding-top: 25px;">

    						
    						<div>
        
       			   		       
     			   		<a href="http://www.amazon.de/s/ref=ntt_srch_drd_B012802WDW?ie=UTF8&field-keywords=Mojo%20Riot&index=digital-music&search-type=ss" target="_blank"><img src="http://mojoriot.de/bilda/icons/a-black.png" style="padding-right: 7px;" class="icon-unten"></a>

<a href="http://facebook.com/mojoriot" target="_blank"><img src="http://mojoriot.de/bilda/icons/f-black.png" style="padding-right: 7px;" class="icon-unten"></a>
        
        
                
      			   		<a href="https://itunes.apple.com/de/artist/mojo-riot/id1021279687" target="_blank"><img src="http://mojoriot.de/bilda/icons/i-black.png" style="padding-right: 7px;" class="icon-unten"></a>
                                    
      			   		    
       			   		<a href="https://play.spotify.com/artist/6OxLlRPgTnIwLdoCTtZb9q?play=true&utm_source=open.spotify.com&utm_medium=open" target="_blank"><img src="http://mojoriot.de/bilda/icons/s-black.png" style="" class="icon-unten"></a>
        
        <a href="https://www.instagram.com/mojoriot/" target="_blank"><img src="http://mojoriot.de/bilda/icons/instalogobw.png" style="" class="icon-unten"></a>
        
        


<div id="creditsfull">
			
						
				© <script>
         var dt = new Date();
         document.write(dt.getFullYear() );
      </script>
				by Mojo Riot

				<br>

				✉ kontakt@mojoriot.de

				
				


			</div>

  						</div>

					</div>

		
		</div>


	<div id="footer">

		

		<div id="endinhalt">

			
			
			<img id="endbild" src="http://mojoriot.de/onewebmedia/pics/rrlngb.png" style="padding-right: 0%; background-color: #fe7d00; margin-bottom: 2px;"><br>

			<div id="credits" style="padding-bottom: 5px; font-family: georgia; font-size: 9pt; line-height: 2; display: inline-block;">
			
			<div id="credits-box"></div>
				
© 
<script>
         var dt = new Date();
         document.write(dt.getFullYear() );
      </script>

by Mojo Riot

				<br>

				✉ kontakt@mojoriot.de

				
				


			</div>

		</div>

	</div>
</div>




<script src="https://code.jquery.com/jquery-1.6.2.min.js"></script>

<script>
jQuery(document).ready(function($) {
	
	// Our script will go here

});
</script>

<script>
jQuery(document).ready(function($) {
	
	$('.lightbox_trigger').click(function(e) {
		
		//prevent default action (hyperlink)
		e.preventDefault();
		
		//Get clicked link href
		var image_href = $(this).attr("href");
		
		/* 	
		If the lightbox window HTML already exists in document, 
		change the img src to to match the href of whatever link was clicked
		
		If the lightbox window HTML doesn't exists, create it and insert it.
		(This will only happen the first time around)
		*/
		
		if ($('#lightbox').length > 0) { // #lightbox exists
			
			//place href as img src value
			$('#content').html('<img src="' + image_href + '" />');
		   	
			//show lightbox window - you could use .show('fast') for a transition
			$('#lightbox').show();
		}
		
		else { //#lightbox does not exist - create and insert (runs 1st time only)
			
			//create HTML markup for lightbox window
			var lightbox = 
			'<div id="lightbox">' +
				'<p>Click to close</p>' +
				'<div id="content">' + //insert clicked link's href into img src
					'<img src="' + image_href +'" />' +
				'</div>' +	
			'</div>';
				
			//insert lightbox HTML into page
			$('body').append(lightbox);
		}
		
	});
	
	//Click anywhere on the page to get rid of lightbox window
	$('#lightbox').live('click', function() { //must use live, as the lightbox element is inserted into the DOM
		$('#lightbox').hide();
	});

});
</script>

<button onclick="topFunction()" id="myBtn" title="Go to top"><img src="http://mojoriot.de/bilda/icons/above.png"></button>
	
</body>