body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.media{display:flow-root}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}.aspect--9\:16,.responsive.ratio-916{padding-bottom:177.7777%}.aspect--1\:1,.responsive.ratio-11{padding-bottom:100%}
legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}form button,input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}form button,input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}form button:hover,input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}form button:active,input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}form button.blue,input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}form button.blue:active,input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}form button.green,input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}form button.green:active,input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}form button.orange,input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}form button.orange:active,input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}form button.red,input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}form button.red:active,input[type=submit].red:active,.button.red:active{background-color:#be322b}.widget{margin-bottom:12px}.widget>label{display:block;margin-bottom:6px;font-weight:700}.inline-form .widget{display:inline-block;margin-bottom:0;vertical-align:middle}.horizontal-form .widget:after{content:"";display:table;clear:both}.horizontal-form .widget>label{width:20%;float:left;padding:3px 2% 0 0;text-align:right}.horizontal-form .widget>input,.horizontal-form .widget>textarea{width:78%;float:left}.horizontal-form .widget>fieldset{margin-left:20%}


@font-face {
    font-family: 'ubuntubold';
    src: url('../../files/style/css/ubuntu-bold-webfont.woff2') format('woff2'),
         url('../../files/style/css/ubuntu-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ubunturegular';
    src: url('../../files/style/css/ubuntu-regular-webfont.woff2') format('woff2'),
         url('../../files/style/css/ubuntu-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
body {
	background: #171717 url('../../files/style/css/bg.jpg')  repeat-x;
	font-family: 'Ubuntu', sans-serif;
	font-size: 14px;
	background-size: 100%;

}
.sf-menu span.active {
	padding: 9px 16px 0px 16px!important;
}	
.mod_nlsh_guestbook .pagination ul {
	list-style: none;
}
.mod_nlsh_guestbook .pagination, .mod_nlsh_guestbook .pagination a {
	color: #f77600!important;
}

.shop_mobil {
	display: none;
}

a {
	cursor:url('../../files/style/css/Rock.png'), url('../../files/style/css/Rock.gif'), auto;
}

.imagesborder img {
	border: 5px solid #8e8e8e;
}

/* Definition Inhaltselement Galerie */
body.portfolio #main .ce_gallery {
  margin:0;
  padding:0;
  width:102px;
  height:72px;
  overflow:hidden!important;
}

.mod_rocksolid_slider .ce_image {
	margin-top: 0!important;margin-bottom: 0!important;
}

/* Definition Bild innerhalb Inhaltselement Galerie */
body.portfolio #main .ce_gallery .image_container {
  margin:0;
  padding:0;
  border:1px solid #666;
}

.ce_gallery .col_last .image_container {
	padding-right: 0px!important;
}

.bandmodul #bandlogo {
	width: 300px;
	height: 40px;
	overflow: hidden;
	margin: 0;
}

.bandmodul #bandfoto {
	width: 300px;
	height: 225px;
	overflow: hidden;
	margin: 0;
}

.bandmodul #bandfoto .bandpics {
	width: 100%;
}

.bandmodul #bandlogo .bandpics {
	height: 40px;
}

.bandmodul .band_icons {
	width: 30px;
}
.bandmodul img {
	width: 100%;
}
#wrapper {

}

#main .ce_image {
	margin: 10px 0;
}

#Mitte-Links {
	width: 350px;
	float: left;
}

.bands #main table {
	text-align: center;
	margin-top: 15px;
}

.bands #main table td {
	
}

#Mitte-Rechts {
	width: 350px;
	float: right;

}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0px;
	margin-bottom: 0px;
	color: #f77600;

}

h1 {
	font-size: 17px;
}

h2, h3 {
	font-size: 15px;
} 
h4, h5, h6 {
	font-size: 13px;
}

a {
	color: #f77600;
	text-decoration: none;
}

a:hover {
	color: #f77600;
	text-decoration: underline;
}

#rahlogo {

}
#rahlogo img{
	width: 360px;
}

.image_container {
	margin: 0;
}

.layout_full img {
	width: 200px;
}

.layout_short {
	background: #262626;
	padding: 10px;
	margin-bottom: 10px;
	background: url('../../files/style/css/risse2.jpg') bottom repeat;
	border: 1px solid black;

}
.layout_short .info {
	font-size: 11px;
}

.layout_short h2 {
	font-size: 16px;
}
.layout_short .teaser {
	font-size: 13px;
}
#container .mod_article {
	background: black;
	border: 5px solid #525252;
	margin-bottom: 15px;
	padding: 10px;
	color: white;
}

#container .mod_article h1, #container .mod_article h2 {
	padding-bottom: 5px;
	border-bottom: 1px solid white;
}

.startlogo, .slider_start {
	padding: 0px!important;
}


#main .mod_article {
	margin-left: 20px;
	background: #1a1a1a;
}


#willkommen {
}

#header .inside {
	background: url('../../files/style/css/gitarre1.png')  no-repeat;
	width: 1000px;
	height: 240px;
	margin-top: 20px;
}

.mainnav {
	
	position: absolute;
	left: 231px;
	top: 126px;
	width: 770px;
	height: 150px;
	overflow: visible;
}

.mainnav ul {
	list-style: none;
	width: 700px;
	margin-top: 0px;
	margin-left: 90px;
}


.mainnav ul li {
	float: left;
	background: url('../../files/style/css/griffbrett.jpg') repeat-x;
}

.mainnav ul li a, .mainnav ul li span {
	display: block;
	padding: 9px 16px 0px 16px;
	color: white;
	text-decoration: none;
	height: 28px;
	font-size: 15px;
	min-width: 80px;
	text-align: center;
	background: url('../../files/style/css/navbg2.png') repeat-x;

	border-left: 1px solid #8b8b8b;
	border-top: 1px solid #4d4c4c;
	border-bottom: 1px solid #4d4c4c;
}

.mainnav ul li a.last, .mainnav ul li span.last {
	border-right: 1px solid white;
}

.submenu ul li a {
	border-right: 1px solid white!important;
}

.mainnav ul li span,.mainnav ul li a:hover {
	background: #f77600 url('../../files/style/css/nav_overlay.png')  repeat-x;
}


#container {
	margin-top: 10px;
}

#wetter {
	position: absolute;
	left: 700px;

}

#head_black {
	top: 0px;
	position: absolute;
	width: 100%;
	height: 250px;
	background: url('../../files/style/css/header.png') no-repeat;
}


#tagebis {
	position: absolute;
	right: 0px;
	top: 40px;
	height: 40px;
	background: url('../../files/style/css/risse.jpg') center repeat;
	background-size: 100%;
	margin-bottom: 15px;
	color: white;
	overflow: visible;
}

.tagebis {
	position: relative;
	top: -15px;
	font-size: 16px;
	left: 0px;
	color: white;
	padding: 0 15px;
}

.tagebis .tage{
	font-size: 30px;
	color: #f77600;
}

.sponsoren {
	padding-left: 0!important;
	padding-bottom: 0!important;
}

.sponsoren .ce_image {
	width: 118px;
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
	background: url('../../files/style/css/risse2.jpg') center repeat;
	overflow: hidden!important;
	border: 1px solid black;
}
.sponsoren .ce_image:hover {

}


.sponsoren .image_container {
height: 60px;
background-position: top;
position: relative;
}
.sponsoren .image_container:hover {

}
.sponsoren img {
	position: absolute;
	top: 0px;
}
.sponsoren img:hover {
	position: absolute;
	top: -60px;
}

.facebook {
	width: 300px;
	float: right;
}

.news {
	width: 300px;
	float: left;
	padding-bottom: 0!important;
}


#footer {
	width: 100%;
	background: black;
}


#header {
	margin: 0;
	height: 190px;
	width: 100%;
	margin-top: 20px;
	position: relative;
}

#headerbackground {
	background: url('../../files/style/css/risse.jpg') center repeat;
	width: 100%;
	height: 270px;
	position: absolute;
	top: 0;
	border-bottom: 5px solid #262626;

}


#left .startlogo .image_container .caption {
	width: 280px!important;
	text-align: center;
	font-size: 18px;
	padding-bottom: 10px;
}

#left .startlogo .image_container {
	margin-bottom: -5px;
}

.dlh_googlemap  {
	width: 100%!important;
}


#footer .inside, #header .inside {
	width: 1000px;
	margin: 0 auto;
}

#footer {
	color: #585858;
	margin-top: 40px;
	padding: 20px 0 20px 0;

}
#footer a {
		color: #585858;
}

#footer table {
	width: 100%;
}

#footer table td {
	width: 30%;
	vertical-align: top;
}

.slider_start {
	box-shadow: 0px 0px 8px 3px black!important;
	
}

.footer_mobile {
	display: none;
}

#mobilenavlink {
	display: none;
}



.comment_default {
	background: url('../../files/style/css/risse.jpg') center repeat;
	padding: 10px;
	margin-bottom: 10px;
}
.comment_default .info {
	font-size: 11px;
}






.mod_nlsh_guestbook {

}

.mod_nlsh_guestbook .countcommentstext{
    text-align: center;
}

.mod_nlsh_guestbook .pagination,
.mod_nlsh_guestbook .pagination a {
    color: #f77600;}

.mod_nlsh_guestbook .linknewentrie{
    text-decoration:none;
    color: #f77600;
}

.mod_nlsh_guestbook .pagination p{
    display: inline;
}

.mod_nlsh_guestbook .pagination li{
    float: left;
    padding-left: 1em;
}

.mod_nlsh_guestbook .pagination ul{
    float: right;
    margin-bottom: 0px;
}
.mod_nlsh_guestbook .fullcomment {
	padding: 10px;
	background: url('../../files/style/css/risse.jpg') bottom repeat;
	border: 1px solid black;
}
.mod_nlsh_guestbook .odd{
    background: url('../../files/style/css/risse.jpg') bottom repeat;
    border: 1px solid black;
}

.mod_nlsh_guestbook .widget,
.mod_nlsh_guestbook .bbcode,
.mod_nlsh_guestbook .smilies,
.mod_nlsh_guestbook .countcommentstext,
.mod_nlsh_guestbook .pagination,
.mod_nlsh_guestbook .htmllinknewentrie,
.mod_nlsh_guestbook .fullcomment,
.mod_nlsh_guestbook .comment,
.mod_nlsh_guestbook .headlinecomment {
    margin: 10px 10px 10px;
	
}
.countcommentstext {
	display: none;
}
.htmllinknewentrie a {
	display: block;
	background: white;
	padding: 10px;
	color: black!important;
}

.htmllinknewentrie a:hover {
background: #f77600;
}


.mod_nlsh_guestbook .info {
    margin-bottom: 0px;
}

.mod_nlsh_guestbook .headlinecomment{
    font-weight: bold;
    margin-left: 0;
    padding-left: 0;
}

.mod_nlsh_guestbook .nr {
    color: #FFa449;
    margin-right: .5em;
}

.mod_nlsh_guestbook .quote{
    border: 1px solid black;
    padding: 10px;
}

.mod_nlsh_guestbook .quote p{
     font-weight: bold;
     margin-bottom: 0.5em;
}

.mod_nlsh_guestbook .submit_container{
    display: inline;
}

.mod_nlsh_guestbook .cancel_submit{

}

.site_guestbook #main .mod_article {
	background: black;
}


@media only screen and (max-width: 800px) {
	
	
#Mitte-Links , #Mitte-Rechts {
	width: 100%;
} 

.flexslider {
	max-height: auto;
}

#headerbackground  {
	display: none;
}

.footer_desktop {
	display: none;
}

.footer_mobile {
	display: block;
}

	#mobilenavlink {
	display: block;
}
	#mobilenavlink img {
	width: 30%;
}

	.mainnav {
		display: none;
	}
	
	#main .mod_article {
		margin-left: 0px;
	}
	
	.news, .facebook {
		float: none;
		width: 90%;
		height: auto;
		padding: 2%;
	}
	
#header, #header .inside , #footer, #footer .inside {
	width: 100%;
	height: auto;
}

#wrapper {
	width: 97%;
}

#header {
	background: none;
		border-bottom: none;

}
#header .inside {
	background: none;
	text-align:center;
}
#rahlogo {
	position: relative;
	top: 10px;
text-align: center;
}
#rahlogo img{
	width: 70%;
	margin: 0 auto;
}
#container {
}

#container, #wrapper {
	width 100%
}

#container .mod_article {
	box-shadow: none;
	width: 100%;
	padding: 0;
	border: none;
	margin-left: 2%;
	background: none;
}


.slider_start {
	box-shadow: 0px 0px 8px 3px black!important;
	border: none!important;
}

#tagebis {
	position: relative;
	top: -10px;
	height: auto;
	width: 100%;
	
	background: none;
	box-shadow: none;
	margin-bottom: 15px;
	text-align: center;
	color: white;
	overflow: visible;
}
.tagebis {
	position: relative;
	font-size: 16px;
	top: 0px;
	color: white;
}

.tagebis .tage{
	font-size: 30px;
	color: #;
}

.iconmobile {
	
	width: 50%;
	margin-top: -20px;
	padding: 0 25%;
	margin-left: 2%;
	margin-bottom: 10px;
}

	.news, .facebook {
		float: none;
		width: 100%;
		height: auto;
		padding: 0;
		background: none;
	}
	
.facebook {
	text-align: center;
}


#left .startlogo .image_container  {
	width: 100%!important;
	text-align: center;
	font-size: 18px;
	padding-bottom: 10px;
}

.sponsoren {
	padding-left: 0!important;
}

.sponsoren img {
	wi
}
.slider_start {
}

.layout_full {
	background: transparent;
	padding: 5%;
	background: #262626;

}
.layout_short {
	background: url('../../files/style/css/risse.jpg') bottom repeat;
}
.back {
	margin-left: 5%;
}

#news-leser {
			box-shadow: 0px 0px 8px 3px black!important;

}

#main, #header, #footer, #container {
	width: 100%!important;
	margin: 0!important;
	padding: 0!important;
}

}

/* ESSENTIAL STYLES */
.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}
.sf-menu li {
    position: relative;
}
.sf-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    left: -90px;
    z-index: 299;
}
.sf-menu > li {
    float: left;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
    display: block;
}

.sf-menu a {
    display: block;
    position: relative;
}
.sf-menu ul ul {
    top: 0;
    left: 100%;
}


.sf-menu {
        float: left;
        margin-bottom: 1em;
}
.sf-menu ul {
        min-width: 12em; /* allow long menu items to determine submenu width */
        *width: 12em; /* no auto sub width for IE7, see white-space comment below */
       max-width: 100px;
}
.sf-menu a, .sf-menu span.active {
        border-left: 1px solid #fff;
        border-top: 1px solid #dFeEFF; /* fallback colour must use full shorthand */
        border-top: 1px solid rgba(255,255,255,.5);
        text-decoration: none;
        zoom: 1; /* IE7 */
}
.sf-menu a {
        color: #13a;
}
.sf-menu li {
        background: #BDD2FF;
        white-space: nowrap; /* no need for Supersubs plugin */
        *white-space: normal; /* ...unless you support IE7 (let it wrap) */
}
.sf-menu li.active span.active {
    display: block;
}
.sf-menu ul li {
        background: gray;
        min-width: 180px;
}
.sf-menu ul ul li {
        background: #9AAEDB;
}


.sf-menu li:hover,
.sf-menu li.sfHover {
        background: white;
        /* only transition out, not in */
        -webkit-transition: none;
        transition: none;
        color: black;
}

/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
        content: '';
        position: absolute;
        top: 50%;
        right: 1em;
        margin-top: -3px;
        height: 0;
        width: 0;
        /* order of following 3 rules important for fallbacks to work */
        border: 5px solid transparent;
        border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
        border-top-color: rgba(255,255,255,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
        border-top-color: white; /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
        margin-top: -5px;
        margin-right: -3px;
        border-color: transparent;
        border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
        border-left-color: rgba(255,255,255,.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
        border-left-color: white;
}