/* Partybrote 2017 */
/* ---------------- */
/*  15.03.2017		*/
/* ---------------- */

/* Importieren von CSS aus Editor */
@import "styles_content.css";
@import "styles_shopping.css";

/* DIVs */

/*
 font-family: 'Roboto Condensed', sans-serif;
 font-family: 'Baloo Bhaina', cursive;
*/


* {margin:0px; padding:0px;}
a {outline:none;}
a:active {outline:none;}
a img {border: 0;}
a.white {color:#FFF; text-decoration:none}
a.bold {font-weight:bold}
.clearfloat, .clearboth, .clearer {clear:both};
* {margin:0px; padding:0px; box-sizing:border-box}
.hide-desktop {visibility:hidden}
html {overflow-y: scroll;}
body {font: 120%  'Roboto Condensed',  Arial, Helvetica, sans-serif; background-color:#f3953e;color:#483522;}
#header{width:100%; height:110px; background-image:url(UserFiles/structure/stein.png); background-repeat:repeat; background-size:cover;
-webkit-box-shadow: 1px 9px 4px -1px rgba(0,0,0,0.28);
-moz-box-shadow: 1px 9px 4px -1px rgba(0,0,0,0.28);
box-shadow: 1px 9px 4px -1px rgba(0,0,0,0.28);
z-index:2; position:fixed;
}
#NavLogo {width:1230px; max-width:100%; margin:0px auto; position:relative}
#logo{background-image:url(UserFiles/structure/logo_partybrote.png); background-repeat:no-repeat; text-indent:-10000px; display:block; width:300px; height:300px; background-size:contain; float:left; margin-top:0px; margin-left:0px; z-index:10; background-position:-32px 0px}

#container { position:relative; z-index:1;  width:100%; margin:0px auto; clear:both; padding-top:110px}

#inhalt {width:1230px; max-width:100%; position:relative; margin:0px auto;}
#navOuterMobile, #navMobile {display:none}
#navMobile .ulnav {float:right; padding-right:20px; width:calc(100% - 20px); padding-left:0px; padding-right:20px; box-sizing:border-box; list-style-type:none;}
#navMobile .ulnav li {display:block; clear:both; border-bottom:1px solid #000; text-align:right; padding-top:20px; padding-bottom:20px; padding-right:10px}
#navMobile .ulnav li a {text-decoration:none; color:#FFF; font-weight:bold; display:block; width:100%; height:100%}
#navMobile .ulnav li:hover {background-color:#494948}
#navMobile {width:100%; background-color:#f3953e; z-index:100000; margin-top:110px}
#schliessen {background-image:url(/UserFiles/structure/close_icon_black_large.svg); width:80px; height:80px; position:absolute; top:-15px; right:10px; display:none}

#topNav {position:absolute; float:right; color:#FFF;font: 80%  'Roboto Condensed',  Arial, Helvetica, sans-serif; right:20px; top:10px; text-transform:uppercase}


#navOuter {font: 160%  'Baloo Bhaina', cursive; color:#FFF; padding-top:45px}
#navOuter a {color:#fff;text-decoration:none;}
#navOuter a:hover {color:#fff;text-decoration:none;}
#navOuter a.aktiv {color:#fff;text-decoration:none;}
#navOuter a.aktiv span {}
#navOuter .ulnav {float:right}
#navOuter .ulnav li span {}
#navOuter .ulnav li.button0 span {}
#navOuter .ulnav li.buttonlast {}
#navOuter .ulnav {list-style: none outside none; position:relative;}
#navOuter .ulnav li {list-style: none outside none; position:relative;}
#navOuter .ulnav li {float:left; font-weight:bold;  padding-top:2px;  margin-right:20px; text-align:center}
#navOuter .ulnav li:hover {}
#navOuter .ulnav li.aktiv a span {color:#ff8232}
#navOuter .ulnav li.aktiv, #nav .ulnav li.button0 aktiv span {}
#navOuter .ulnav li span, .ulnav li.aktiv span {display:block; height:100%;}


#footer {width:100%; background-color:#494948; min-height:150px;  position:relative; z-index:0; color:#FFF; font: 75%  'Roboto Condensed',  Arial, Helvetica, sans-serif; padding-top:20px}
#footer .inner {width:1230px; max-width:100%; margin:0px auto; padding-left:30px}
#footer .left {width:200px; float:left}
#footer .right {float:left; position:relative; max-width:800px}
#footer ul li {list-style-type:none; margin-left:20px}
#footer a {color:#FFF; text-decoration:none}
#contentText a {color:#FFF;}


#inhaltsbilderAnimationOuter {
    margin: -1px auto 0;
    min-height: 330px;
    overflow: hidden;
    padding-top: 0;
    text-align: center;
    width: 100%;
	position:relative;
	top:0px;
	z-index:0;
}
.inhaltsbilderAnimation {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    clear: both;
    display: block;
    height: 330px;
    left: 0;
    max-height: 330px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 9999999;
}

.flexslider {
    max-width: 100%;
    width: 100%;
}
.flexslider {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    margin: 0;
    position: relative;
}


#teaserHome {}
.teaser {width:280px; height:400px; overflow:hidden;  float:left; margin-right:20px; display:block; background-repeat:no-repeat;}
.teaserbild {background-color:#b26d2d; display:block; height:100%}

.abdecker_teaser {}
.teaser:hover .abdecker_teaser, .abdecker_teaser:hover {}



/*#content {text-align:left; margin-top:0px; background-image:url(UserFiles/structure/bg_total.png); background-repeat:no-repeat; background-position:0px -180px; min-height:500px;}*/
#content {text-align:left; margin-top:0px; padding-left:30px; max-width:100%; width:1230px; padding-top:10px; min-height:500px; padding-bottom:50px}
#content h1 {font: 200%  'Baloo Bhaina', cursive; color:#FFF; margin-top:60px; margin-bottom:20px; line-height:1.2em;}
#content h2 {font: 120%  'Baloo Bhaina', cursive; color:#FFF; margin-top:60px; margin-bottom:20px; line-height:1.2em;}



#layout0 #spalte1 {width:175px;margin-right:20px;float:left;position:relative; padding-top:5px;}
#layout0 #spalte2 {width:430px;float:left;position:relative; margin-top:10px; border:1px solid #e6007e; background-color:#fff; padding:10px; margin-right:13px }
#layout0 #spalte3 {width:155px;float:left;position:relative; padding-top:0px; border:0px solid #e6007e; background-color:#fff; padding:10px; }


#layout1 #spalte1 {width:175px;margin-right:20px;float:left;position:relative; padding-top:5px;}
#layout1 #spalte2 {width:620px;float:left;position:relative; margin-top:10px; border:1px solid #e6007e; background-color:#fff; padding:10px }


#spalte1 ul li a span {text-transform:uppercase;}
#spalte2 ul li {margin-left:10px}







#layout0 #spalte1 ul {list-style: none outside none; position:relative; font:90% Arial, Helvetica, sans-serif;}
#layout0 #spalte1 ul li {color:#9e9e9e;  border-bottom:1px solid #e6007e}
#layout0 #spalte1 ul li:hover {border-bottom:1px solid #d0aeac}
#layout0 #spalte1 ul li a  {color:#9e9e9e; display: block; padding: 8px 20px 6px 2px; text-decoration: none; width: 150px !important;  background-image:url(UserFiles/structure/arrow-right.png); background-position:right; background-repeat:no-repeat }
#layout0 #spalte1 ul li a:hover  {color:#d0aeac; display: block; padding: 8px 20px 6px 2px; text-decoration: none; width: 150px !important; background-image:url(UserFiles/structure/arrow-right-hover.png);}
#layout0 #spalte1 ul li a.aktiv {background-position: 164px -82px; background-image:url(UserFiles/structure/arrow-right-hover.png); background-position:right; color:#d0aeac}
#layout0 #spalte1 ul li a.aktivsub {color:#9e9e9e;   background-image:url(UserFiles/structure/arrow-down-hover.png); background-position: right; background-repeat:no-repeat; display: block;}
#layout0 #spalte1 ul li.subnav {list-style: none outside none; position:relative; font:100% Arial, Helvetica, sans-serif; padding-left:10px; text-align:right; }
#layout0 #spalte1 ul li.subnav a  {color:#9e9e9e; background-image:url(UserFiles/structure/arrow-right.png); background-repeat:no-repeat; background-position: right; display: block; padding: 8px 20px 6px 2px; text-decoration: none; width: 120px !important; }
#layout0 #spalte1 ul li.subnav a:hover, #layout0 #spalte1 ul li.subnavaktiv a  {color:#e77c19; background-image:url(UserFiles/structure/arrow-right.png); background-repeat:no-repeat; display: block; padding: 8px 20px 6px 2px; text-decoration: none; width: 120px !important; }
#layout0 #spalte1 ul li.subnavaktiv a  {color:#e77c19; background-image:url(UserFiles/structure/arrow-right-hover.png); background-repeat:no-repeat; display: block; padding: 8px 20px 6px 2px; text-decoration: none; width: 120px !important; }



#layout1 #spalte1 ul {list-style: none outside none; position:relative; font:90% Arial, Helvetica, sans-serif;}
#layout1 #spalte1 ul li {color:#9e9e9e;  border-bottom:1px solid #e6007e}
#layout1 #spalte1 ul li:hover {border-bottom:1px solid #d0aeac}
#layout1 #spalte1 ul li a  {color:#9e9e9e; display: block; padding: 8px 20px 6px 2px; text-decoration: none; width: 130px !important;  background-image:url(UserFiles/structure/arrow-right.png); background-position:right; background-repeat:no-repeat }
#layout1 #spalte1 ul li a:hover  {color:#d0aeac; display: block; padding: 8px 20px 6px 2px; text-decoration: none; width: 130px !important; background-image:url(UserFiles/structure/arrow-right-hover.png);}
#layout1 #spalte1 ul li a.aktiv {background-position: 164px -82px; background-image:url(UserFiles/structure/arrow-right-hover.png); background-position:right; color:#d0aeac}
#layout1 #spalte1 ul li a.aktivsub {color:#9e9e9e;   background-image:url(UserFiles/structure/arrow-down-hover.png); background-position: right; background-repeat:no-repeat; display: block;}
#layout1 #spalte1 ul li.subnav {list-style: none outside none; position:relative; font:100% Arial, Helvetica, sans-serif; padding-left:10px; text-align:right; }
#layout1 #spalte1 ul li.subnav a  {color:#9e9e9e; background-image:url(UserFiles/structure/arrow-right.png); background-repeat:no-repeat; background-position: right; display: block; padding: 8px 20px 6px 2px; text-decoration: none; width: 120px !important; }
#layout1 #spalte1 ul li.subnav a:hover, #layout0 #spalte1 ul li.subnavaktiv a  {color:#e77c19; background-image:url(UserFiles/structure/arrow-right.png); background-repeat:no-repeat; display: block; padding: 8px 20px 6px 2px; text-decoration: none; width: 120px !important; }
#layout1 #spalte1 ul li.subnavaktiv a  {color:#e77c19; background-image:url(UserFiles/structure/arrow-right-hover.png); background-repeat:no-repeat; display: block; padding: 8px 20px 6px 2px; text-decoration: none; width: 120px !important; }









.subnavhead {font:115% Arial, Helvetica, sans-serif; font-weight:bold; display:block; padding-bottom:5px; border-bottom:#990000 2px solid; text-indent:2px;}

#shadow955 {background-image:url(UserFiles/structure/shadow955.png); background-repeat:no-repeat; text-align:center; width:955px; height:9px}
#toolboxshell {height:50px; width:955px; background-color:#F7F7F7; border-top:1px solid #CCC; margin-top:20px}
#impressumshell {width:955px; margin-top:20px; text-align:center}
#impressumshell a {text-decoration:none; color:#000000; margin-right:5px}
#impressumshell a:hover {text-decoration:underline; color:#000000}
#fbshell {float:left; position:relative; top:10px; margin-left:10px}
#bawaglogoshell {float:left; text-align:center; width:955px; position:relative; top:-20px;}
#bawagblog {float:right; text-align:right;  position:relative; top:-55px; padding-right:10px}
#medienpartnershell {width:955px; text-align:right; font:80% Arial, Helvetica, sans-serif; margin-top:10px;}
#kooperationspartner {width:955px; text-align:left; font:80% Arial, Helvetica, sans-serif; margin-top:-20px;}

.headline {font:130% Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:10px; text-transform:uppercase; color:#e6007e}
.ziehharmonika{border:0px;padding:0px;margin:0px;width:100%;font: 100% Arial, Helvetica, sans-serif;}
.ziehharmonika > thead {margin:0px;padding:0px;cursor:pointer;border:0px;border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0;color:#000;}
.ziehharmonika > thead > tr > td {border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0;	color:#000;	padding:3px; font:110% Arial, Helvetica, sans-serif; font-weight:bold; color:#953543}
.ziehharmonika > thead > tr > td:hover{}
.ziehharmonika > tbody {margin:0px;	padding:0px;	padding-bottom:20px;	border:1px solid #d1d1d1;	vertical-align:top;	display:none;}
.ziehharmonika > tbody > tr > td {padding:10px;}
.downButton{	background-image: url(UserFiles/structure/sliderButtons.gif);	width:18px;	height:10px;	background-repeat:no-repeat;	background-position:0px 2px;	text-indent:20px;}
.downButtonOpen{	background-image: url(UserFiles/structure/sliderButtons.gif);	width:18px;	height:10px;	background-repeat:no-repeat;	background-position:0px -130px;	text-indent:20px;}


.bilderdownloaddiv{margin-top:5px; margin-bottom:5px;}


#contentinnnen a {	color:#e77c19;	text-decoration:underline;}
#contentinnnen a:hover {color:#000;	text-decoration:underline;}



.tablinks {width:100px;  padding:5px; font-weight:bold; float:left; clear:left;}
.tabrechts {width:500px;  padding:5px; float:left}
.tabrechts input {width:95%; height:30px; border:1px solid #999; border-radius:5px; font:110% Arial, Helvetica, sans-serif; padding-left:5px}
.tabrechts input:focus {background-color:#f7f7f7; border:1px solid #990000}
.tabrechts input.checkbox {width:15px; height:15px; border:0px}
.tabrechts button {width:97%; height:30px; border:1px solid #999; border-radius:5px; font:110% Arial, Helvetica, sans-serif;}
.hinweis {font:80% Arial, Helvetica, sans-serif; color:#999999}
.breit {width:250px;}
.breitheadline {width:728px; background-color:#999999; color:#FFF;}
.breit1 {width:450px;}
.gebdatum {width:250px;}
.rahmen {border:1px solid #999; border-radius:5px;}
.clearleft {clear:left;}




	
/* Zoom-Silder */

* .highslide {	cursor: url(/img/zoomin.cur), pointer;	outline: none;}
.highslide img {border: 1px solid black;}
.highslide:hover img {	border: 1px solid gray;}
.highslide-image {	border-bottom: 1px solid black;	cursor: pointer; /* opera */	cursor: url(/img/zoomout.cur), pointer;}
.highslide-image-blur {	cursor: pointer;	cursor: hand;}
/* Ende Zoom */

#ui-datepicker-div {z-index: 9999999;	border:10px solid transparent;	background-color:fff;}
#eform select, #eform input, #eform textarea {	border:1px solid #7e7e80;	background-color:#FFF;	color:#7e7e80;}
#eform select:focus, #eform input:focus, #eform textarea:focus {	border:1px solid #73292c;	background-color:#eee;	color:#7e7e80;}
#eform .achtung {	background-color:#F00;	color:#FFF;}

.infotabelle thead td {background-color:#999999;color:#FFF; padding:2px}
.infotabelle tbody td {border-bottom:1px solid #000; padding:2px}
.infotabelle td.borderright {border-right:1px solid #000}
.infotabelle td.borderbottom {border-bottom:1px solid #000}

.achtung {display:block; padding:5px; background-color:#FF0000; color:#FFFFFF; width:100%; margin-bottom:2px; text-align:left}
.audiogalerie {font-weight:bold;text-decoration:underline;}

.ergebnissediv {margin-top:10px; clear:both;}
.sieger {border:1px solid #990000; background-color:#990000; color:#fff; padding:5px; margin-bottom:2px; font-weight:bold}
.nosieger {border:1px solid #666; color:#000; padding:5px; margin-bottom:2px; background-color:#FFFFFF;}
.headlineergebnisse {padding:10px; font-weight:bold; border-bottom:2px solid #000; margin-bottom:10px; padding-left:2px;}
.zwischenheadline {padding:10px; font-weight:bold; margin-bottom:10px; padding-left:2px;}
.imgborder {border:1px solid #999;}
.rot {border:1px solid #990000; background-color:#990000; color:#fff;font-weight:bold; color:#FFFFFF}
.imagevorschau {width:100px; height:70px; overflow:hidden; float:left; margin-right:6px; margin-bottom:6px; display:block;}


.bilderanimation {position:absolute; top:0px; left:0px; z-index:5}
.bilderanimiert {width:170px; height:175px; vertical-align:top;}
.bilderanimation div.bilderanimiert {display:none}
.bilderanimation div.first {display:block}
.strong {font-weight:bold;}
.zwischenheadline1 {float:left}
.rechts {float:right;}
ul.weit li {margin-bottom:10px;}
.highslide img {border:0px;}
.highslide img:hover {border:0px; margin:0px; padding:0px; top:0px; left:0px; zoom:0;}

.bild-abstand-rundherum {margin:10px}
.bild-abstand-rechts {margin-right:10px;}
.bild-abstand-links {margin-left:10px;}



table.farbwechsel {width:100%; padding:0px; margin:0px; border:0px; background:none; border-collapse:collapse;}
table.farbwechsel {padding:0px;}
table.farbwechsel tr:nth-child(odd) {background:rgba(255,84,177,1);}
table.farbwechsel tr td {padding:5px; vertical-align:text-bottom; border:0px; margin:0px}
table.farbwechsel tr td p {padding:0px; margin:0px; vertical-align:text-bottom}
table.farbwechsel td.first {padding:0px}
table.farbwechsel tr:first-child {background-color:#e6007e; color:#FFF}
table.farbwechsel tr:nth-child(even) {background:rgba(255,255,255,1);}

#layout0 #spalte2 table.farbwechsel tr td p {padding:0px; margin:0px; vertical-align:text-bottom}

a.teaserlink {text-decoration:none; color:#1d1d1b; font: 130%  'Baloo Bhaina', cursive; display:block; margin:0px auto; padding-left:15px; box-sizing:border-box; line-height:1em; margin-top:30px}
a.teaserlink2 {text-decoration:underline; color:#fff; font: 130%  'Baloo Bhaina', cursive; display:block; margin:0px auto; padding-left:15px; box-sizing:border-box; line-height:1em; margin-top:30px}

.mt20px {margin-top:20px}

#loginform {margin-top:20px}

#loginform button {
    background-color: #b26d2d;
    border: 0 none;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: block;
    float: left;
    font: bold 120% "Roboto Condensed",Arial,Helvetica,sans-serif;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 5px 0 0 10px;
    width: 100%;

}

.white {color:#fff}