body, html, div, table, td, span, p, a, form, h1, h2, h3, h4, h5, h6, img, ul, li, object, embed, input, select {
	padding: 0;
	margin: 0;
	border: none;
	-webkit-text-size-adjust: none;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

body {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
}

body {
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight:400;
	font-size: 12px;
	line-height: 17px;
	color: #6c6c6c;
	text-align: center;
	background-color: #c5c7c8;

	background-image: url(../fotos/background.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	background-attachment:fixed;
	
	
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}

div {
	background-repeat: no-repeat;
	background-position: left top;
}

p {
	padding-bottom: 5px;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td {
text-align: left;
vertical-align: top;
}

img {
	max-width: 100%;
	height: auto;
	-ms-interpolation-mode: bicubic;
}

strong, b {
	font-weight: 700;
}

a {
	color:#6c6c6c;
	outline: none; /* kein Rahmen bei Firefox */
}

a:hover {
	color: #255b8a;
}

h1, h2, h3, h4, h5 {
	font-size: 12px;
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight:700;
	padding-bottom: 5px;
}


h1 {
	font-weight:700;
}

h2{
display: block;
padding-bottom: 5px;
color: #000;
text-transform: uppercase;
}

.textSup {
font-size:9px;
vertical-align:text-top;
line-height: normal;
}

.textRosa{
color: #e1007c;
}

.textKlein {
	font-size: 11px;
	line-height: 16px;
}
.textNormal {
	font-size: 12px;
	line-height: 17px;
}
.textGross {
	font-size: 14px;
	line-height: 19px;
}

.zeilenAbstandGross {
	line-height: 24px;
}
.zeilenAbstandKlein {
	line-height: 15px;
}


.clearfloat { 
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height: 0px;
}


a.buttonLila{
	background-color: #804389;
	color: #fff;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration: none;
	-webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
	padding: 5px;
}

a.buttonLila:hover{
	background-color: #000;
}


/* ---------- Gallery ------------- */

.ngg-breadcrumbs {
	display: none;
} 

.rahmenGallery {
	position: relative;
} 

.spalteMansonry {
	padding-bottom: 120px;
}

.spalteMansonry .shareaholic-canvas {
	position: absolute;
	bottom: 0px;
}



/* ---------- Haupt Divs ------------- */




#rahmen {
	width: 1000px;
    margin: 0 auto;
	text-align: left;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #6c6c6c;
	margin-bottom: 0px;
} 



/* ---------- Header ------------- */


#headerAbstand {
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 15px;
} 
#headerMobile {
	display: none;
} 

#header {
	width: 100%;
	height: 70px;
	background-color: #fff;
	position:relative;
	
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	 -khtml-border-bottom-right-radius: 7px;
	-khtml-border-bottom-left-radius: 7px;
    -moz-border-bottom-right-radius: 7px;
	-moz-border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
} 

#headerLogo {
	width: 140px;
	height: 50px;
	position: absolute;
	right: 10px;
	top: 10px;
} 

#headerLogo img {
	width: 100%;
	height: auto;
	-ms-interpolation-mode: bicubic;
}


@media only screen and (max-width: 610px) {
#header {
	display: none;
} 
#headerMobile {
	display: block;
} 
#headerAbstand {
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#headerLogo {
	width: 250px;
	height: 85px;
	position: relative;
	right: auto;
	top: auto;
	margin: 0 auto;
} 


}


/* ---------- Navi ------------- */

#naviAbstand {
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 15px;
} 

#navi {
	background-color: #fff;
	-webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;	
} 
#naviMobile {
	display:none;
	color: #fff;
	text-align:center;
}
#naviMobile a {
	color: #fff;
	font-size: 14px;
	text-decoration:none;
}

/* ---------- Spalten ------------- */

#spaltenRahmen {
	margin-left: 5px;
	margin-right: 5px;
	width: 990px;
} 

#spalteMain{
	margin-left: 5px;
	margin-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #fff;
	-webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;	
	min-height: 100px;
	font-size: 13px;
    line-height: 18px;
}


.spalteMainAbstand{
margin: 5px;
}
.spalteMainInnen{

}



#spalteMainLinks{
 	width: 594px;
	float:left;
}

#spalteMainRechts{
 	width: 396px;
	float:left;
}


.spalteMainLinksContainer{
 	width: 594px;
}

.spalteMainRechtsContainer{
 	width: 396px;
}


.inhaltLinks{
	width: 584px;
}

.inhaltRechtsScroll{
	width: 386px;
	height: 250px;
	overflow:auto;
}
.inhaltRechts{
	width: 386px;
}



@media only screen and (max-width: 1001px) {
#rahmen {
	width: 604px;
} 
#spaltenRahmen {
	margin-left: 5px;
	margin-right: 5px;
	width: 594px;
} 


#spalteMainLinks{
 	width: 594px;
	float: none;
}
.spalteMainLinksContainer{
 	width: 594px;
}

#spalteMainRechts{
 	width: 594px;
	float:none;
}
.spalteMainRechtsContainer{
 	width: 594px;
}


.inhaltLinks{
 	width: 584px;
}
.inhaltRechtsScroll{
 	width: 584px;
	height: auto;
	overflow: visible;
}
.inhaltRechts{
 	width: 584px;
}
.spalteMansonryKlein{
 	width: 516px !important;
	margin: 0 auto;
}

}

@media only screen and (max-width: 610px) {


#navi {
	display:none;
}

#naviMobile {
	display:block;
}


/* Seiten */

#rahmen {
	width: 410px;
} 
#spaltenRahmen {
	margin-left: 5px;
	margin-right: 5px;
	width: 400px;
} 


#spalteMainLinks{
 	width: 400px;
	float: none;
}
.spalteMainLinksContainer{
 	width: 400px;
}

#spalteMainRechts{
 	width: 400px;
	float:none;
}
.spalteMainRechtsContainer{
 	width: 400px;
}


.inhaltLinks{
 	width: 390px;
}
.inhaltRechtsScroll{
 	width: 390px;
	height: auto;
	overflow: visible;
}
.inhaltRechts{
 	width: 390px;
}
.spalteMansonryKlein{
 	width: 390px !important;
	margin: 0 auto;
}



}




@media only screen and (max-width: 411px) {
#rahmen {
	width: 320px;
} 
#spaltenRahmen {
	margin-left: 5px;
	margin-right: 5px;
	width: 310px;
} 


#spalteMainLinks{
 	width: 310px;
	float: none;
}
.spalteMainLinksContainer{
 	width: 310px;
}

#spalteMainRechts{
 	width: 310px;
	float:none;
}
.spalteMainRechtsContainer{
 	width: 310px;
}


.inhaltLinks{
 	width: 300px;
}
.inhaltRechtsScroll{
 	width: 300px;
	height: auto;
	overflow: visible;
}
.inhaltRechts{
 	width: 300px;
}
.spalteMansonryKlein{
 	width: 260px !important;
	margin: 0 auto;
}

}


.spalteAbstand{
margin-left: 5px;
margin-right: 5px;
}


.spalteMainHeadlineAbstand{
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
}

.spalteMainHeadline{
	height: 28px;
	position: relative;
	line-height: 28px;
	background-color: #fff;
	-webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;	
	text-align: center;
	font-weight: 700;
}

.closeButton {
	width: 24px;
	height: 24px;
	position: absolute;
	top: 2px;
	right: 5px;
}

.zurueckButton {
	width: 200px;
	height: 24px;
	position: absolute;
	top: 0px;
	left: 15px;
	text-align:left;
}
.zurueckButton2 {
	width: 200px;
	height: 24px;
	text-align:left;
	position: relative;
	z-index: 10000;
	top: -43px;
	left: 15px;
}


/* ---------- Spalten Links ------------- */

.inhaltLinksAbstand {
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
}

.inhaltLinksRahmen{
	background-color: #fff;
	-webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;	
	min-height: 50px;
	padding-top: 10px;
	padding-bottom: 5px;
}




/* ---------- salvattore ------------- */

.column {
	float:left;
	display:inline;
}

.size-1of3 {
    width: 190px;
}
.size-1of3 .box1 {
	float:left;
	display:inline;
}

.size-1of2 {
    width: 190px;
}
.size-1of2 .box1 {
	float:left;
	display:inline;
}


#salvatoregrid[data-columns]::before {
	content: '3 .column.size-1of3';
}
#salvatoregrid2[data-columns]::before {
	content: '2 .column.size-1of2';
}

/* Be sure to hide the element containing the configuration */
[data-columns]::before {
    visibility: hidden;
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}


/* ---------- Spalten Boxen ------------- */

.box1{
 	width: 190px;
	float: left;
    top: 0;
    left: 0;
    margin-left: 0;
    margin-top: 0;
    position: relative;
    z-index: 1;
}




@media only screen and (max-width: 1001px) {
#salvatoregrid2[data-columns]::before {
	content: '3 .column.size-1of3';
}
}




@media only screen and (max-width: 610px) {
#salvatoregrid[data-columns]::before {
	content: '2 .column.size-1of2';
}
#salvatoregrid2[data-columns]::before {
	content: '2 .column.size-1of2';
}

.size-1of3, .size-1of2 {
    width: 190px;
	float:left;
	display:inline;
}
.box1{
 	width: 190px;
}

.boxEventInfos{
	display:none;
}

}


@media only screen and (max-width: 411px) {
#salvatoregrid[data-columns]::before {
	content: '2 .column.size-1of2';
}
#salvatoregrid2[data-columns]::before {
	content: '2 .column.size-1of2';
}
.size-1of3, .size-1of2 {
    width: 150px;
	float:left;
	display:inline;
}
.box1{
 	width: 150px;
}

.boxEventInfos{
	display:none;
}

}




.boxInnen{
	margin-left: 6px;
	margin-right: 4px;
	margin-bottom: 14px;
	background-color: #fff;
	-moz-box-shadow: 0px 1px 2px #a6a6a6;
	-webkit-box-shadow: 0px 1px 2px #a6a6a6;
	box-shadow: 0px 1px 2px #a6a6a6;
}


.inhaltRechts .boxInnen {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}



.boxInnenAbstand {
	padding:5px;
}

/* ---------- Start Boxen ------------- */


.boxInnen .boxImage img{
 	width: 100%;
	display: block;
}

.boxInnen .boxHeadline{
display: block;
padding-bottom: 5px;
color: #000;
}

.boxInnen .boxBeschreibung{
color: #6c6c6c;
}



.boxInnen p{
padding-bottom:0px;
}
.boxInnen a {
display:block;
text-decoration:none;
}



.boxHeadlineKlein{
display: block;
font-size:11px;
line-height: 14px;
padding-top:2px;
}




/* ---------- Inhalt ------------- */

.inhaltAbstand {
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 14px;
}

.inhaltRahmen{
	padding:15px;
	background-color: #fff;
	-webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;	
	min-height: 100px;
	
	font-size: 13px;
    line-height: 18px;
}

.inhaltFotoRahmen{
	text-align: center;
}

.inhaltFotoRahmen img{
	text-align: center;
}


.inhaltPlakatRahmen{
	text-align: center;
}

.inhaltPlakatRahmen img{
	width: 300px;
	max-width: 100%;
	text-align: center;
}


.inhaltRahmen ul{
	margin:0;
	padding:0;
	padding-top: 5px;
}
.inhaltRahmen li{
	margin:0;
	padding:0;
	margin-left: 20px;
	padding-left: 10px;
	padding-bottom: 5px;
}




/* ---------- Inhalt rechte Spalte ------------- */

.inhaltRechtsAbstand {
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;
}

.inhaltRechtsRahmen{
	background-color: #fff;
	-webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;	
	min-height: 100px;
	padding-top: 10px;
	padding-bottom: 5px;
}

/* Scrollbalken */




#ascrail2000 {
    display: block !important;
    opacity: 0.7 !important;
	cursor:pointer;
}

@media only screen and (max-width: 1001px) {
#ascrail2000 {
	display: none !important;
}

}





.inhaltRechts a{
	text-decoration:none;
}


/* ---------- Boxen DJ ------------- */

.boxDJ{
	width: 87px;
	height: 87px;
	float: left;
	margin: 5px;
	background-color:#CCCCCC;
	overflow: hidden;
}
.boxDJ.boxDJMega{
 	width: 281px;
	height: 281px;
}

.boxDJ.boxDJGross{
 	width: 184px;
	height: 184px;
}
.boxDJ.boxDJMittel{
 	width: 184px;
	height: 87px;
}
.boxDJ.boxDJKlein{
 	width: 87px;
	height: 87px;
}

.boxDJInnen {
	position: relative;
	width: 100%;
	left: 0px;
	top: 0px;
}


.boxDJInnen img{
 	width: 100%;
	display: block;
}

.boxDJInnen img.grau{
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url(desaturate.svg#greyscale);
filter: gray;
-webkit-filter: grayscale(1);
}



.boxDJInnen .boxDJHeadline{
display: block;
padding-bottom: 5px;
margin-bottom: 5px;
color: #000;
border-bottom: 1px solid #333333;
}

.boxDJInnen .boxDJBeschreibung{
color: #6c6c6c;
}




/* ---------- Rechts Events ------------- */



.inhaltRechtsBox{
	margin: 4px;
	margin-left: 5px;
	margin-right: 3px;
	width:120px;
	float: left;
	background-color: #fff;
}
.inhaltRechtsBox a{
	text-decoration:none;
}
.inhaltRechtsBox img{
	width: 100%;
	display:block;
}




/* ---------- Pop Up Reservierung ------------- */

#popupReservierung{
	width: 930px;
	max-width: 100%;
	height: 808px;
	background-color:#fff;
	overflow: hidden;
	position:absolute;
	z-index: 10000;
	left: 25px;
	top: 0px;
	
	-moz-box-shadow: 0 0 4px 5px #a6a6a6;
	-webkit-box-shadow: 0 0 4px 5px #a6a6a6;
	box-shadow: 0 0 4px 5px #a6a6a6;
	filter: progid:DXImageTransform.Microsoft.Shadow(strength=3,color=#888888,direction=135);
	
	-webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;	
	
	display: none;
	
}




/* Events Zusatzinfos ausblenden */

.inhaltEvents .boxInnenAbstand {
	display:none;
}

@media only screen and (max-width: 610px) {
	
/* Startseite / Rechte Spalte */

.home #naviAbstand, .home #spalteMainLinks, .home .spalteMainHeadlineAbstand{
	display:none;
}



.inhaltEvents .spalteMainRechtsContainer, .inhaltEvents .boxInnen {
    background-color: transparent;
}
 

.inhaltEvents .inhaltRechtsRahmen {
    background-color: transparent;
    border-radius: 0px;
    min-height: 0px;
    padding-bottom: 5px;
    padding-top: 5px;
}


}



/* ---------- Footer ------------- */

#footer {
width: 100%;
margin-top: 30px;
border-top: 0px solid #fff;
color: #fff;
font-size: 11px;
} 

#footerLinks {
width: 45%;
float: left;
text-align:left;
} 
#footerRechts {
width: 45%;
float: right;
text-align:right;
} 

.footerAbstand {
	padding:10px;
	padding-bottom:10px;
}
#footerRechts .footerAbstand {
text-align:right;
} 

#footer a {
	color: #fff;
	text-decoration: none;
	font-size: 11px;
}
#footer a:hover {
	color: #fff;
}



@media only screen and (max-width: 610px) {
	
#footerLinks {
width: 100%;
float: none;
text-align:center;
} 
#footerRechts {
width: 100%;
float: none;
text-align:center;
} 

#footerRechts .footerAbstand {
text-align:center;
} 

}


 /* Use clearfix in parent div  */
.clearfix:before, .clearfix:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; 
}
.clearfix:after {
      clear: both; 
}
.clearfix {
  zoom: 1; 
}



/* ---------- Navi Main  ------------- */


#navi ul {
padding:0;
margin:0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left: 10px;
}

#navi ul:before, #navi ul:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; 
}
#navi ul:after {
      clear: both; 
}

#navi li {
padding:0;
margin:0;
list-style-image:none;
list-style-position:outside;
list-style-type:none;

float:left;
height: 34px;
font-size: 13px;
line-height: 34px;
}


/* style the links for the top level */

#navi a {
display:block;
color: #6c6c6c;
font-size: 13px;
line-height: 34px;
height:auto;


margin-left: 10px;
margin-right: 7px;

padding-left: 8px;
padding-right: 8px;


text-align: left;
text-decoration: none;
}

#navi li:last-child a
{
padding-right: 0px;
margin-right: 0px;
}



/* sub level */
#navi li ul {
	width: 150px;
	position: absolute;
	z-index: 150000;
	margin-left: 0px;
	left: -999em;
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	 -khtml-border-bottom-right-radius: 7px;
	-khtml-border-bottom-left-radius: 7px;
    -moz-border-bottom-right-radius: 7px;
	-moz-border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
-webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5);
box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5);
}
#navi li:hover ul, #navi li.sfhover ul {
	left: auto;
	background-color: #fff;
}

#navi li li {
	width: 150px;
	z-index: 170;
	text-align: left;
	height: 26px;
	line-height: 26px;
}

#navi li li a, #navi li:hover li a, #navi li.sfhover li a {
	display:block;
	text-align: left;
	height: 26px;
	line-height: 26px;
}







/* style the top level hover */
div#navi li a:hover {
color:#255b8a;
}

div#navi li.current-menu-item a {
color:#000;
}
div#navi li.current-menu-parent a, div#navi li.current-menu-ancestor a {
color:#000;
}

div#navi li.current-menu-parent li a, div#navi li.current-menu-ancestor li a {
	color: #6c6c6c;
}

div#navi li.current-menu-parent li a:hover, div#navi li.current-menu-ancestor li a:hover {
	color:#255b8a;
}

div#navi li.current-menu-parent li.current-menu-item a, div#navi li.current-menu-ancestor li.current-menu-item a {
color:#000;
}



@media only screen and (max-width: 610px) {
#navi li, #navi a {
height: 26px;
line-height: 26px;
}

}


/* ---------- Wordpress  ------------- */


.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #6c6c6c; text-align:center; background:#ccc; padding:10px; margin:10px }
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 }