/*
	AnythingSlider v1.7+ Default (base) theme
	By Chris Coyier: http://css-tricks.com
	with major improvements by Doug Neiner: http://pixelgraphics.us/
	based on work by Remy Sharp: http://jqueryfordesigners.com/
*/

/*****************************
  SET DEFAULT DIMENSIONS HERE
 *****************************/
/* change the ID to match your slider */
#slider {
	width: 833px;
	height: 350px;
/*
	width: 700px;
	height: 390px;
*/
	list-style: none;
	/* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */
	overflow-y: auto;
	overflow-x: hidden;
}

/*****************
  SET COLORS HERE
 *****************/
/**** Default state (no keyboard focus) ****/
/* slider window - top & bottom borders, default state */
div.anythingSlider .anythingWindow {
	border-top: 3px solid #777;
	border-bottom: 3px solid #777;
}
/* Navigation buttons, default state */
div.anythingSlider .anythingControls ul a.cur, div.anythingSlider .anythingControls ul a {
	background: #777;
	color: #000;
}
/* start-stop button, stopped, default state */
div.anythingSlider .start-stop {
	background-color: #040;
	color: #fff;
}
/* start-stop button, playing, default state */
div.anythingSlider .start-stop.playing {
	background-color: #800;
}
/* start-stop button, default hovered text color (when visible) */
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {
	color: #ddd;
}

/**** Active State (slider has keyboard focus) ****/
/* slider window - top & bottom borders, active state */
div.anythingSlider.activeSlider .anythingWindow {
	border-color: #7C9127;
}
/* Navigation buttons, active state */
div.anythingSlider.activeSlider .anythingControls ul a.cur, div.anythingSlider.activeSlider .anythingControls ul a {
	background-color: #7C9127;
}
/* start-stop button, stopped, active state */
div.anythingSlider .start-stop {
	background-color: #080;
	color: #fff;
}
/* start-stop button, playing, active state */
div.anythingSlider .start-stop.playing {
	background-color: #d00;
}
/* start-stop button, active slider hovered text color (when visible) */
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {
	color: #fff;
}

/***********************
  COMMON SLIDER STYLING
 ***********************/
/* Overall Wrapper: 45px right & left padding for the arrows, 28px @ bottom for navigation */
div.anythingSlider {
	display: block;
	margin: 0 auto;
	overflow: visible !important; /* needed for Opera and Safari */
	position: relative;
	padding: 0 45px 28px 45px;
}
/* anythingSlider viewport window */
div.anythingSlider .anythingWindow {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 100%;
}
/* anythingSlider base (original element) */
.anythingBase {
	background: transparent;
	list-style: none;
	position: absolute;
	overflow: visible !important;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}
/* all panels inside the slider */
.anythingBase .panel {
	background: transparent;
	display: block;
	overflow: hidden;
	float: left;
	padding: 0;
	margin: 0;
}
.anythingBase .panel.vertical {
	float: none;
}

/* Navigation Arrows */
div.anythingSlider .arrow {
	top: 50%;
	position: absolute;
	display: block;
}
div.anythingSlider .arrow a {
	display: block;
	height: 140px;
	margin: -70px 0 0 0; /* half height of image */
	width: 45px;
	text-align: center;
	outline: 0;
	background: url(../images/default.png) no-repeat;
}
/* hide text, target the span so IE7 doesn't text-indent the link */
div.anythingSlider .arrow a span { display: block; visibility: hidden; }
/* back arrow */
div.anythingSlider .back { left: 0; }
div.anythingSlider .back a { background-position: left top; }
div.anythingSlider .back a:hover, div.anythingSlider .back a.hover { background-position: left -140px; }
div.anythingSlider .back.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
/* forward arrow */
div.anythingSlider .forward { right: 0; }
div.anythingSlider .forward a { background-position: right top; }
div.anythingSlider .forward a:hover, div.anythingSlider .forward a.hover { background-position: right -140px; }
div.anythingSlider .forward.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */

/* Navigation Links */
div.anythingSlider .anythingControls { outline: 0; display: none; }
div.anythingSlider .anythingControls ul { margin: 0; padding: 0; float: left; }
div.anythingSlider .anythingControls ul li { display: inline; }
div.anythingSlider .anythingControls ul a {
	font: 11px/18px Georgia, Serif;
	display: inline-block;
	text-decoration: none;
	padding: 2px 8px;
	height: 18px;
	margin: 0 5px 0 0;
	background-image: url(../images/default.png);
	background-position: center -288px ;
	background-repeat: repeat-x;
	text-align: center;
	outline: 0;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}
div.anythingSlider .anythingControls ul a:hover {
	background-image: none;
}
/* Navigation size window */
div.anythingSlider .anythingControls .anythingNavWindow { overflow: hidden; float: left; }

/* slider autoplay right-to-left, reverse order of nav links to look better */
div.anythingSlider.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */
div.anythingSlider.rtl .anythingControls ul { float: left; }    /* move nav link group to left */
div.anythingSlider.rtl .anythingWindow {
	direction: ltr;
	unicode-bidi: bidi-override;
}
/* div.anythingSlider.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */

/* Autoplay Start/Stop button */
div.anythingSlider .start-stop {
	background-image: url(../images/default.png);
	background-position: center -288px;
	background-repeat: repeat-x;
	padding: 2px 5px;
	width: 40px;
	text-align: center;
	text-decoration: none;
	float: right;
	z-index: 100;
	outline: 0;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
}
/* hide cell shading on hover - makes the button appear to come forward */
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { background-image: none; }

/* probably not necessary, but added just in case */
div.anythingSlider, div.anythingSlider .anythingWindow, div.anythingSlider .anythingControls ul a, div.anythingSlider .arrow a, div.anythingSlider .start-stop {
	transition-duration: 0;
	-o-transition-duration: 0;
	-moz-transition-duration: 0;
	-webkit-transition-duration: 0;
}

div.slider {
	margin-top: -1px;
	background: transparent url("https://www.agentur-ochsner.ch/assets/images/slider/elements/Slider-Verlauf-links.gif") no-repeat left top;
}
div.sliderCanvas { background: transparent url("https://www.agentur-ochsner.ch/assets/images/slider/elements/Slider-Verlauf-rechts.gif") no-repeat right top; }

/* anythingSlider Bildbereich */
div.anythingSlider { padding: 0 27px 65px; }
div.anythingSlider.activeSlider .anythingWindow { border: none; }
div.anythingSlider .arrow a {
	width: 27px;
	height: 350px;
	margin: -208px 0;
}

/* anythingSlider Controls */
div.anythingSlider.rtl .anythingControls, div.anythingSlider .anythingControls {
    height: 65px;
    outline: 0 none;
    width: 833px;
}

div.anythingSlider.rtl .anythingControls ul, div.anythingSlider .anythingControls ul {
	position: relative;
	margin: 0 0 0 -5px;
}
div.anythingSlider .start-stop { background-color: #1D4788; }
div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.playing { background-color: #F41723; }
div.anythingSlider .anythingControls ul a.cardPanel {
	background: transparent url("https://www.agentur-ochsner.ch/assets/images/slider/nav/01-Herz-As.png") 0px 0px no-repeat;
	display: block;
	border-radius: none;
	border: none;
	width: 92px;
	height: 80px;
	margin: 0;
	outline: 0 none;
	padding: 0;
	position: absolute;
	top: 0;
	right: 0;
}
div.anythingSlider .anythingControls ul a.cardPanel.card1 { background-image: url("https://www.agentur-ochsner.ch/assets/images/slider/nav/01-Herz-As.png"); }
div.anythingSlider .anythingControls ul a.cardPanel.card2 { background-image: url("https://www.agentur-ochsner.ch/assets/images/slider/nav/13-Herz-Koenig.png"); }
div.anythingSlider .anythingControls ul a.cardPanel.card3 { background-image: url("https://www.agentur-ochsner.ch/assets/images/slider/nav/12-Herz-Dame.png"); }
div.anythingSlider .anythingControls ul a.cardPanel.card4 { background-image: url("https://www.agentur-ochsner.ch/assets/images/slider/nav/11-Herz-Bube.png"); }
div.anythingSlider .anythingControls ul a.cardPanel.card5 { background-image: url("https://www.agentur-ochsner.ch/assets/images/slider/nav/10-Herz-Zehn.png"); }
div.anythingSlider .anythingControls ul a.cardPanel.card6 { background-image: url("https://www.agentur-ochsner.ch/assets/images/slider/nav/09-Herz-Neun.png"); }
div.anythingSlider .anythingControls ul a.cardPanel.card7 { background-image: url("https://www.agentur-ochsner.ch/assets/images/slider/nav/08-Herz-Acht.png"); }
div.anythingSlider .anythingControls ul a.cardPanel.card8 { background-image: url("https://www.agentur-ochsner.ch/assets/images/slider/nav/07-Herz-Sieben.png"); }
div.anythingSlider .anythingControls ul a.cardPanel.card9 { background-image: url("https://www.agentur-ochsner.ch/assets/images/slider/nav/06-Herz-Sechs.png"); }
div.anythingSlider .anythingControls ul a.cardPanel.card10 { background-image: url("https://www.agentur-ochsner.ch/assets/images/slider/nav/05-Herz-Fuenf.png"); }
div.anythingSlider .anythingControls ul a.cardPanel.card11 { background-image: url("https://www.agentur-ochsner.ch/assets/images/slider/nav/04-Herz-Vier.png"); }
div.anythingSlider .anythingControls ul a.cardPanel.card12 { background-image: url("https://www.agentur-ochsner.ch/assets/images/slider/nav/03-Herz-Drei.png"); }
div.anythingSlider .anythingControls ul a.cardPanel.card13 { background-image: url("https://www.agentur-ochsner.ch/assets/images/slider/nav/02-Herz-Zwei.png"); }
div.anythingSlider .anythingControls ul a.cardPanel.cur, div.anythingSlider .anythingControls ul a.cardPanel:hover {
	background-color: transparent;
	background-position: 0px -80px;
	width: 92px;
}
div.anythingSlider .anythingControls ul a.cardPanel span { display: none; }


/* Slider-Inhalt */
li.content {
	position: relative;
	background-color: #FFF;
	background-position: left top;
	background-repeat: no-repeat; 
}
li.content, li.content div.vg, li.content a.link {
	width: 833px;
	height: 350px;
}
li.content div.vg {
	position: absolute;
	left: 0;
	top: 0;
	background: transparent url("https://www.agentur-ochsner.ch/assets/images/Seitenelemente/Slider-Vordergrund.png") no-repeat left top;
	z-index: 290;
}
li.content div.card {
	position: absolute;
	top: 21px;
	left: 587px;
	width: 203px;
	height: 310px;
	z-index: 295;
}
div.p, div.p div {
	background-image: url("https://www.agentur-ochsner.ch/assets/images/Seitenelemente/Karten-Sprite.png");
	background-repeat: no-repeat;
	background-position: 0px top;
	width: 22px;
	height: 50px;
}
div.p {
	background-position: 0px top;
	position: absolute;
	z-index: 300;
}
div.p div { background-position: 0px bottom; }
div.o { top: 9px; }
div.u { bottom: 9px; }
div.r { right: 9px; }
div.l { left: 9px; }
li.content div.p.u { background-position: -22px bottom; }
li.content div.p.u div { background-position: -22px top; }
li.content div.card.el1 div.p.o { background-position: -572px top; }
li.content div.card.el1 div.p.u { background-position: -594px bottom; }
li.content div.card.el2 div.p.o { background-position: -528px top; }
li.content div.card.el2 div.p.u { background-position: -550px bottom; }
li.content div.card.el3 div.p.o { background-position: -484px top; }
li.content div.card.el3 div.p.u { background-position: -506px bottom; }
li.content div.card.el4 div.p.o { background-position: -440px top; }
li.content div.card.el4 div.p.u { background-position: -462px bottom; }
li.content div.card.el5 div.p.o { background-position: -396px top; }
li.content div.card.el5 div.p.u { background-position: -418px bottom; }
li.content div.card.el6 div.p.o { background-position: -352px top; }
li.content div.card.el6 div.p.u { background-position: -374px bottom; }
li.content div.card.el7 div.p.o { background-position: -308px top; }
li.content div.card.el7 div.p.u { background-position: -330px bottom; }
li.content div.card.el8 div.p.o { background-position: -264px top; }
li.content div.card.el8 div.p.u { background-position: -286px bottom; }
li.content div.card.el9 div.p.o { background-position: -220px top; }
li.content div.card.el9 div.p.u { background-position: -242px bottom; }
li.content div.card.el10 div.p.o { background-position: -176px top; }
li.content div.card.el10 div.p.u { background-position: -198px bottom; }
li.content div.card.el11 div.p.o { background-position: -132px top; }
li.content div.card.el11 div.p.u { background-position: -154px bottom; }
li.content div.card.el12 div.p.o { background-position: -88px top; }
li.content div.card.el12 div.p.u { background-position: -110px bottom; }
li.content div.card.el13 div.p.o { background-position: -44px top; }
li.content div.card.el13 div.p.u { background-position: -66px bottom; }
li.content div.cardContent {
	position: absolute;
	height: 170px;
	left: 15px;
	overflow: hidden;
	top: 68px;
	width: 175px;
	z-index: 295;
	background-color: #FFF;
}
li.content div.cardContent h1, li.content div.cardContent h2, li.content div.cardContent h3, li.content div.cardContent h4, li.content div.cardContent h5, li.content div.cardContent h6 {
	margin: 0;
	font: italic bold 20px Georgia,Serif;
	color: #1D4788;
}
li.content div.cardContent p {
	margin: 0.5em 0;
	font-size: 0.9em;
	color: #1D4788;
}
li.content a.link {
	position: absolute;
	top: 0;
	left: 0;
}
li.content a.link { z-index: 300; }
li.content a.link span, li.content a.buchung span { display: none; }
li.content a.weiter {
	display: block;
	position: absolute;
	left: 16px;
	top: 302px;
	background: transparent url("https://www.agentur-ochsner.ch/assets/images/Seitenelemente/Transparenz-60.png") repeat;
	z-index: 310;
	padding: 8px 10px;
}
* html li.content a.weiter {
	width: 100px;
	height: 16px;
}
*+html li.content a.weiter {
	width: 100px;
	height: 16px;
}
li.content a.weiter img {
	float: right;
	margin: 2px 0 0 5px;
}

* html li.content a.weiter img {
	float: right;
	margin: -14px 0 0 5px;
}
*+html li.content a.weiter img {
	float: right;
	margin: -14px 0 0 5px;
}

li.content a.buchung {
	position: absolute;
	top: 21px;
	left: 587px;
	width: 203px;
	height: 310px;
	z-index: 320;
}
div.inhalt {
	margin: 00px 20px 0 20px;
	width: 843px;
	padding-bottom: 3em;
}