/* Hauptstyle der Seite */

body, html {
font-family: Comic Sans Ms;
	color:#D0B16D;
	margin:0;
	padding:0;
	width:100%;
	height:100%;
        background: #000000 url("../hbws_hgbilder/Haupt.svg?38803");
        background-size: 100% 100%;
        background-repeat: no-repeat;
	overflow: auto;
}

a:link { 
	text-decoration: none; color: #D0B16D;
}
a:visited { 
	text-decoration: none; color: #D0B16D;
}
a:active { 
	text-decoration: none; color: #D0B16D;
}
a:hover { 
	text-decoration: none; color: #FF0000;
}


.hbAinput {
	color:#D0B16D;
	font-size: 15px;
	font-weight: bold;
	background-color:transparent;
	border-color:#A77C4E;
	border-width:2px;
	border-style:solid;
}

.hbAinput:hover {
	color:#D0B16D;
	font-weight: bold;
	font-size: 15px;
	background-color:transparent;
	border-color:#ECC33F;
	border-width:2px;
	border-style:solid;
}

.hb_normbutton {
	background:#0C0503;
	-webkit-border-radius:5;
	-moz-border-radius:5;
	border-radius:5px;
	font-family:Comic Sans Ms;
	color:#D0B16D;
	font-size:11px;
	font-weight:normal;
	padding:1px 5px 1px 5px;
	border:solid #D0B16D 1px;
	text-decoration:none;
}
.hb_normbutton:hover {
	color:#0C0503;
	background:#D0B16D;
	border:solid #ff0000 1px;
	text-decoration: none;
}

.hbAbuttLogin {
        background: transparent url("../hbws_hgbilder/hbws_bilder/hp-login.png");
	background-size: 101px 26px;
        background-repeat: no-repeat;
	border:0px solid #D0B16D;
	width: 101px;
	height: 26px;
	cursor: pointer;
}

.hbAbuttLogin:hover {
        background: transparent url("../hbws_hgbilder/hbws_bilder/hp-login-over.png");
	background-size: 101px 26px;
        background-repeat: no-repeat;
	border:0px solid #D0B16D;
	width: 101px;
	height: 26px;
	cursor: pointer;
}

.hbAbuttLogout {
        background: transparent url("../hbws_hgbilder/hbws_bilder/hp-logout.png");
	background-size: 85px 26px;
        background-repeat: no-repeat;
	border:0px solid #D0B16D;
	width: 85px;
	height: 26px;
	cursor: pointer;
}

.hbAbuttLogout:hover {
        background: transparent url("../hbws_hgbilder/hbws_bilder/hp-logout-over.png");
	background-size: 85px 26px;
        background-repeat: no-repeat;
	border:0px solid #D0B16D;
	width: 85px;
	height: 26px;
	cursor: pointer;
}

.hbAbuttReg {
        background: transparent url("../hbws_hgbilder/hbws_bilder/hp-regis.png");
	background-size: 110px 26px;
        background-repeat: no-repeat;
	border:0px solid #D0B16D;
	width: 110px;
	height: 26px;
	cursor: pointer;
}

.hbAbuttReg:hover {
        background: transparent url("../hbws_hgbilder/hbws_bilder/hp-regis-over.png");
	background-size: 110px 26px;
        background-repeat: no-repeat;
	border:0px solid #D0B16D;
	width: 110px;
	height: 26px;
	cursor: pointer;
}

.hbAbuttVergess {
        background: transparent url("../hbws_hgbilder/hbws_bilder/hp-passvergess.png");
	background-size: 61px 30px;
        background-repeat: no-repeat;
	border:0px solid #D0B16D;
	width: 61px;
	height: 30px;
	cursor: pointer;
}

.hbAbuttVergess:hover {
        background: transparent url("../hbws_hgbilder/hbws_bilder/hp-passvergess-over.png");
	background-size: 61px 30px;
        background-repeat: no-repeat;
	border:0px solid #D0B16D;
	width: 61px;
	height: 30px;
	cursor: pointer;
}

.hbAbuttUnaktiv {
        background: transparent url("../hbws_hgbilder/hbws_bilder/unaktiv.png");
	background-size: 30px 25px;
        background-repeat: no-repeat;
	border:0px solid #D0B16D;
	width: 30px;
	height: 25px;
	cursor: pointer;
	display: inline-block;
}

#hb-hp-system-box {
	text-align: center;
	width: 80%;
	margin-top: 15px;
        background: transparent url("../bilder/login_hg.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
	border:0px solid #33ffff;
	-moz-border-radius: 20px; /* Firefox */
	-webkit-border-radius: 20px; /* Safari, Chrome */
	-khtml-border-radius: 20px; /* Konqueror */
	border-radius: 20px; /* CSS3 */


}


@keyframes blink {
    0% { box-shadow: 0px 0px 20px 0px rgba(255,204,102,1); }
    50% { box-shadow: 0px 0px 10px 0px rgba(255,204,102,1); }
    100% { box-shadow: 0px 0px 20px 0px rgba(255,204,102,1); }
}

@-webkit-keyframes blink {
    0% { box-shadow: 0px 0px 20px 0px rgba(255,204,102,1); }
    50% { box-shadow: 0px 0px 10px 0px rgba(255,204,102,1); }
    100% { box-shadow: 0px 0px 20px 0px rgba(255,204,102,1); }
}

.blink {
    -webkit-animation: blink 2.5s linear infinite;
    -moz-animation: blink 2.5s linear infinite;
    -ms-animation: blink 2.5s linear infinite;
    -o-animation: blink 2.5s linear infinite;
    animation: blink 2.5s linear infinite;
}


#hb-hp-system-boxoben {
	text-align: center;
	width: 100%;
	height: 180px;
        background: transparent url("../hbws_hgbilder/Header.svg?38803");
        background-size: 100% 100%;
        background-repeat: no-repeat;

	-moz-border-radius-topleft: 20px; /* Firefox */
	-moz-border-radius-topright: 20px; /* Firefox */
	-webkit-border-top-left-radius: 20px; /* Safari, Chrome */
	-webkit-border-top-right-radius: 20px; /* Safari, Chrome */
	-khtml-border-radius-topleft: 20px; /* Konqueror */
	-khtml-border-radius-topright: 20px; /* Konqueror */
	border-top-left-radius: 20px; /* CSS3 */
	border-top-right-radius: 20px; /* CSS3 */

	border-top: 5px double #FFCC66;
	border-left: 2px double #FFCC66;
	border-right: 2px double #FFCC66;
	border-bottom: 1px double #FFCC66;
}

#hb-hp-system-boxmitte {
	text-align: center;
	width: 100%;
	height: 100%;
	background: transparent;
	padding:5px 1px 5px 1px;
        background: transparent url("../hbws_hgbilder/Header.svg?38803");
        background-size: 100% 100%;
        background-repeat: no-repeat;

	border-top:0px solid #FFCC66;
	border-left:2px solid #FFCC66;
	border-right:2px solid #FFCC66;
	border-bottom:0px solid #FFCC66;

}

#hb-hp-system-Head-Modibox {
	width:400px;
	height:100px;
        background: transparent url("../hbws_hgbilder/Modibox.svg?38803");
        background-size: 100% 100%;
        background-repeat: no-repeat;
	border:2px groove #FFCC66;
	-moz-border-radius: 20px; /* Firefox */
	-webkit-border-radius: 20px; /* Safari, Chrome */
	-khtml-border-radius: 20px; /* Konqueror */
	border-radius: 20px; /* CSS3 */
	margin-left:0px;
}

#hb-hp-system-navioben {
	text-align: center;
	width: 100%;
	height: 50px;
        background: transparent url("../hbws_hgbilder/Navoben.svg?38803");
        background-size: 100% 100%;
        background-repeat: no-repeat;
	border-top:1px groove #FFCC66;
	border-left:2px groove #FFCC66;
	border-right:2px groove #FFCC66;
	border-bottom:1px groove #FFCC66;

	-moz-border-radius: 1px; /* Firefox */
	-webkit-border-radius: 1px; /* Safari, Chrome */
	-khtml-border-radius: 1px; /* Konqueror */
	border-radius: 1px; /* CSS3 */
}


/* Navigations Buttons Oben anfang */

.mld_tab_navioben {
        font-family: Comic Sans Ms;
        font-size: 15px;
	font-weight: bold;
	width: 200px;
	height: 35px;
	border: none;
	outline: none;
	color: #FF9933;
        background: transparent url("../hbws_hgbilder/Footer.svg?38803");
        background-size: 100% 100%;
        background-repeat: no-repeat;
	cursor: pointer;
	position: relative;
	z-index: 0;
	border: 1px solid #FFCC66;
	border-radius: 10px;
}

.mld_tab_navioben:before {
	content: '';
	background: linear-gradient(45deg, #00FF33,#FF6633,#CCFF00,#FF0000);
	position: absolute;
	top: -2px;
	left:-2px;
	background-size: 400%;
	z-index: -1;
	filter: blur(5px);
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	animation: glowing 20s linear infinite;
	opacity: 0;
	transition: opacity .3s ease-in-out;
	border-radius: 10px;
}

.mld_tab_navioben:active {
	color: #000;
	font-family: Comic Sans Ms;
	font-size: 15px;
	font-weight: bold;
}

.mld_tab_navioben:active:after {
	background: transparent;
}

.mld_tab_navioben:hover:before {
	opacity: 1;
}

.mld_tab_navioben:after {
	z-index: -1;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
        background: transparent url("../hbws_hgbilder/Footer.svg?38803");
        background-size: 100% 100%;
        background-repeat: no-repeat;
	left: 0;
	top: 0;
	border-radius: 10px;
}

/* Navigations Buttons Oben ende */


/* Navigations Buttons Seite anfang */

.mld_tab_navseite {
        font-family: Comic Sans Ms;
        font-size: 10px;
	font-weight: bold;
	width: 180px;
	min-height: 20px;
	border: none;
	outline: none;
	color: #FF9933;
        background: transparent url("../hbws_hgbilder/Footer.svg?38803");
        background-size: 100% 100%;
        background-repeat: no-repeat;
	cursor: pointer;
	position: relative;
	z-index: 0;
	border: 1px dashed #FFCC66;
	border-radius: 10px;
	padding:4px;
}

.mld_tab_navseite:before {
	content: '';
	background: linear-gradient(45deg, #669900,#FF0066,#00CCCC,#FF9900);
	position: absolute;
	top: -2px;
	left:-2px;
	background-size: 400%;
	z-index: -1;
	filter: blur(5px);
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	animation: glowing 20s linear infinite;
	opacity: 0;
	transition: opacity .3s ease-in-out;
	border-radius: 10px;
}

.mld_tab_navseite:active {
	color: #000;
	font-family: Comic Sans Ms;
	font-size: 10px;
	font-weight: bold;
}

.mld_tab_navseite:active:after {
	background: transparent;
}

.mld_tab_navseite:hover:before {
	opacity: 1;
}

.mld_tab_navseite:after {
	z-index: -1;
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
        background: transparent url("../hbws_hgbilder/Footer.svg?38803");
        background-size: 100% 100%;
        background-repeat: no-repeat;
	left: 0;
	top: 0;
	border-radius: 10px;
}

/* Navigations Buttons Seite ende */


/* Funktion Glow anfang */

@keyframes glowing {
	0% { background-position: 0 0; }
	50% { background-position: 400% 0; }
	100% { background-position: 0 0; }
}
/* Funktion Glow ende */



#hb-hp-system-laufband {
	text-align: center;
	width: 100%;
	height: 80px;
        background: transparent url("../hbws_hgbilder/Laufband.svg?38803");
        background-size: 100% 100%;
        background-repeat: no-repeat;
	border-top:1px solid #FFCC66;
	border-left:2px solid #FFCC66;
	border-right:2px solid #FFCC66;
	border-bottom:1px solid #FFCC66;

	-moz-border-radius: 1px; /* Firefox */
	-webkit-border-radius: 1px; /* Safari, Chrome */
	-khtml-border-radius: 1px; /* Konqueror */
	border-radius: 1px; /* CSS3 */
}

#hb-hp-system-boxtdlinks {
	text-align: center;
	width: 200px;
	height: 100%;
        background: transparent url("../hbws_hgbilder/Haupt.svg?38803");
        background-size: 100% 100%;
        background-repeat: no-repeat;
	border-top:0px solid #FFCC66;
	border-left:0px solid #FFCC66;
	border-right:1px solid #FFCC66;
	border-bottom:0px solid #FFCC66;
	padding: 3px 3px 3px 3px;

	-moz-border-radius: 6px; /* Firefox */
	-webkit-border-radius: 6px; /* Safari, Chrome */
	-khtml-border-radius: 6px; /* Konqueror */
	border-radius: 6px; /* CSS3 */
}

#hb-hp-system-boxtdmitte {
	text-align: center;
	width: 100%%;
	height: 100%;
	background: ;
	border: 0px solid #ff0000;
	padding: 3px 3px 3px 3px;

}

#hb-hp-system-boxtdrechts {
	text-align: center;
	width: 200px;
	height: 100%;
        background: transparent url("../hbws_hgbilder/Haupt.svg?38803");
        background-size: 100% 100%;
        background-repeat: no-repeat;
	border-top:0px solid #FFCC66;
	border-left:1px solid #FFCC66;
	border-right:0px solid #FFCC66;
	border-bottom:0px solid #FFCC66;
	padding: 3px 3px 3px 3px;

	-moz-border-radius: 6px; /* Firefox */
	-webkit-border-radius: 6px; /* Safari, Chrome */
	-khtml-border-radius: 6px; /* Konqueror */
	border-radius: 6px; /* CSS3 */
}


#hb-hp-system-boxtbinhL {
	text-align: center;
	width: 100%;


        background: transparent url("../hbws_hgbilder/Header.svg?38803");
        background-size: 100% 100%;
        background-repeat: no-repeat;


	border-top:1px solid #FFCC66;
	border-left:1px solid #FFCC66;
	border-right:1px solid #FFCC66;
	border-bottom:1px solid #FFCC66;

	-moz-border-radius: 4px; /* Firefox */
	-webkit-border-radius: 4px; /* Safari, Chrome */
	-khtml-border-radius: 4px; /* Konqueror */
	border-radius: 4px; /* CSS3 */
}

#hb-hp-system-boxtdinhL {
	text-align: center;
	width: 100%;
	padding:5px 0px 5px 0px;
}




#hb-hp-system-boxtbinhM {
	text-align: center;
	width: 100%;


        background: transparent url("../hbws_hgbilder/Header.svg?38803");
        background-size: 100% 100%;
        background-repeat: no-repeat;


	border-top:1px solid #FFCC66;
	border-left:1px solid #FFCC66;
	border-right:1px solid #FFCC66;
	border-bottom:1px solid #FFCC66;

	-moz-border-radius: 4px; /* Firefox */
	-webkit-border-radius: 4px; /* Safari, Chrome */
	-khtml-border-radius: 4px; /* Konqueror */
	border-radius: 4px; /* CSS3 */
}

#hb-hp-system-boxtdinhM {
	text-align: center;
	width: 100%;
	padding:5px 0px 5px 0px;
}




#hb-hp-system-boxtbinhR {
	text-align: center;
	width: 100%;


        background: transparent url("../hbws_hgbilder/Header.svg?38803");
        background-size: 100% 100%;
        background-repeat: no-repeat;


	border-top:1px solid #FFCC66;
	border-left:1px solid #FFCC66;
	border-right:1px solid #FFCC66;
	border-bottom:1px solid #FFCC66;

	-moz-border-radius: 4px; /* Firefox */
	-webkit-border-radius: 4px; /* Safari, Chrome */
	-khtml-border-radius: 4px; /* Konqueror */
	border-radius: 4px; /* CSS3 */
}

#hb-hp-system-boxtdinhR {
	text-align: center;
	width: 100%;
	padding:5px 0px 5px 0px;
}


#hb-hp-system-boxunten {
	text-align: center;
	width: 100%;
	height: 75px;
        background: transparent url("../hbws_hgbilder/Footer.svg?38803");
        background-size: 100% 100%;
        background-repeat: no-repeat;

	-moz-border-radius-bottomleft: 20px; /* Firefox */
	-moz-border-radius-bottomright: 20px; /* Firefox */
	-webkit-border-bottom-left-radius: 20px; /* Safari, Chrome */
	-webkit-border-bottom-right-radius: 20px; /* Safari, Chrome */
	-khtml-border-radius-bottomleft: 20px; /* Konqueror */
	-khtml-border-radius-bottomright: 20px; /* Konqueror */
	border-bottom-left-radius: 20px; /* CSS3 */
	border-bottom-right-radius: 20px; /* CSS3 */

	border-top:1px double #FFCC66;
	border-left:2px double #FFCC66;
	border-right:2px double #FFCC66;
	border-bottom:5px double #FFCC66;
}

#hb-hp-system-boxunteninh {
	text-align: center;
	width: 80%;
}

#hb-hp-system-boxlogin {
	text-align: center;
	width: 60%;
	height: 50px;
        background: transparent url("../hbws_hgbilder/Footer.svg?38803");
        background-size: 100% 100%;
        background-repeat: no-repeat;

	-moz-border-radius-bottomleft: 20px; /* Firefox */
	-moz-border-radius-bottomright: 20px; /* Firefox */
	-webkit-border-bottom-left-radius: 20px; /* Safari, Chrome */
	-webkit-border-bottom-right-radius: 20px; /* Safari, Chrome */
	-khtml-border-radius-bottomleft: 20px; /* Konqueror */
	-khtml-border-radius-bottomright: 20px; /* Konqueror */
	border-bottom-left-radius: 20px; /* CSS3 */
	border-bottom-right-radius: 20px; /* CSS3 */

	border-top:1px double #FFCC66;
	border-left:2px double #FFCC66;
	border-right:2px double #FFCC66;
	border-bottom:5px double #FFCC66;
}


.marquee {
	width: 950px;
	height: 45px;
	display: flex;
	align-items: center;
	white-space: nowrap;
	overflow: hidden;
        font-family: Comic Sans Ms;
        font-size: 20px;
	color: #33CC00;
	border: 1px solid #FFCC66;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari, Chrome */
	-khtml-border-radius: 10px; /* Konqueror */
	border-radius: 10px; /* CSS3 */
	}

.marquee span {
	display: inline-block;
	padding-left: 105%; /* die zusätzlichen 5% erzeugen einen verzögerten Start und vermeiden so ein Ruckeln auf langsamen Seiten */
	animation: marquee 30s linear infinite;
	}

	.marquee span:hover {
		animation-play-state: paused 
	}

	@keyframes marquee {
		0%   { transform: translateX(0); }
		100% { transform: translateX(-100%); }
	}



hr.hbws_linkstrenner {
	width:95%;
	border: 0;
	height: 2px;
	background-image: linear-gradient(to right, rgba(255,204,102, 0), rgba(255,204,102, 0.75), rgba(255,204,102, 0));
}


.hbws_splanbutton {
	background:#0C0503;
	-webkit-border-radius:5;
	-moz-border-radius:5;
	border-radius:5px;
	font-family:Comic Sans Ms;
	color:#D0B16D;
	font-size:13px;
	font-weight:normal;
	padding:1px 5px 1px 5px;
	border:solid #D0B16D 1px;
	text-decoration:none;
}
.hbws_splanbutton:hover {
	color:#0C0503;
	background:#D0B16D;
	border:solid #ff0000 1px;
	text-decoration: none;
}

.sendeplan_rund {
	width:60%;
	border-radius: 25px;
	border: 1px solid #D0B16D;
	border-collapse: collapse;
}

.hbws_splandatumbut {
	color: #D0B16D;
	font-size:10px;
	font-family:Comic Sans Ms;
	font-weight:bold;
	vertical-align: middle;
	display: table-cell;
	width:60px;
	height:25px;
	background:#512615;
	border:2px solid #D0B16D;
	border-radius: 15px;
	cursor: pointer;
}
.hbws_splandatumbut:hover {
	color: #D0B16D;
	font-size:10px;
	font-family:Comic Sans Ms;
	font-weight:bold;
	vertical-align: middle;
	display: table-cell;
	width:60px;
	height:25px;
        background: #7A3A02;
}
.hbws_splandatumbut_ist {
	color: #D0B16D;
	font-size:10px;
	font-family:Comic Sans Ms;
	font-weight:bold;
	vertical-align: middle;
	display: table-cell;
	width:60px;
	height:25px;
        background: #3A3017;
	border:2px solid #18BC09;
	border-radius: 15px;
	cursor: pointer;
}
.hbws_splandatumbut_ist:hover {
	color: #D0B16D;
	font-size:10px;
	font-family:Comic Sans Ms;
	font-weight:bold;
	vertical-align: middle;
	display: table-cell;
	width:60px;
	height:25px;
        background: #126803;
}

// Modikarussel anfang

#container{
        background: transparent url("../hbws_hgbilder/Header.svg?38803");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        width: 530px;
        padding: 10px;
        min-height: 100px;
        margin: 0 auto;
        margin-top: 10px;
        margin-bottom:0px;
	border:1px dotted #ff0000;
        box-shadow:  1px 1px 3px 0px rgba(0, 0, 0, 0.3);
        overflow: hidden;
}

#perspective {
  background: transparent;
  margin: 0 auto;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 110px;
  height: 100px;
  position: relative;
  -webkit-perspective: 600px;
  perspective: 600px;
}

#carousel {
  background: transparent;
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -webkit-transform: rotateY(0deg) translateZ(-288px);
}

#carousel figure {
  display: block;
  position: absolute;
  background: transparent;
  width: 100px;
  height: 115px;
  opacity: 1.0;
  margin: 5px;
  color: #fff;
  cursor: pointer;
  -webkit-transition: opacity 2s, -webkit-transform 2s;
  -moz-transition: opacity 2s, -moz-transform 2s;
  -o-transition: opacity 2s, -o-transform 2s;
  transition: opacity 2s, transform 2s;
}

.aniaus {
-webkit-box-shadow: 0px 0px 20px 3px rgba(255,204,102,1);
-moz-box-shadow: 0px 0px 20px 3px rgba(255,204,102,1);
box-shadow: 0px 0px 20px 3px rgba(255,204,102,1);

  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
}

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../bilder/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:0px; height:0px; background:#2E0347;}
    #cboxTopRight{width:0px; height:0px; background:#2E0347;}
    #cboxBottomLeft{width:0px; height:0px; background:#2E0347;}
    #cboxBottomRight{width:0px; height:0px; background:#2E0347;}
    #cboxMiddleLeft{width:0px; background:#2E0347;}
    #cboxMiddleRight{width:0px; background:#2E0347;}
    #cboxTopCenter{height:0px; background:#2E0347;}
    #cboxBottomCenter{height:0px; background:#2E0347;}
    #cboxContent{
padding-top:20px;
background:#ffcc00;
background: url("../hbws_hgbilder/Header.svg?38803");
background-size: 100% 100%;
background-repeat: no-repeat;
border:1px solid #33ff00;
overflow:hidden;}
        .cboxIframe{background:#00;border:0px solid #ff0000;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:2px; left:0; text-align:center; width:100%; color:#ffffff;font-size:20px;}
        #cboxCurrent{position:absolute; bottom:0px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(../bilder/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../bilder/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../bilder/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../bilder/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../bilder/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

// Modikarussel ende