/* moved by compressor */
@charset "utf-8";
/* default styles for extension "tx_felogin_pi1" */
	.tx-felogin-pi1 label {
		display: block;
	}
/* default styles for extension "tx_cssstyledcontent" */
	/* Headers */
	.csc-header-alignment-center { text-align: center; }
	.csc-header-alignment-right { text-align: right; }
	.csc-header-alignment-left { text-align: left; }

	div.csc-textpic-responsive, div.csc-textpic-responsive * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  }

	/* Clear floats after csc-textpic and after csc-textpic-imagerow */
	div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li { overflow: hidden; }

	/* Set padding for tables */
	div.csc-textpic .csc-textpic-imagewrap table { border-collapse: collapse; border-spacing: 0; }
	div.csc-textpic .csc-textpic-imagewrap table tr td { padding: 0; vertical-align: top; }

	/* Settings for figure and figcaption (HTML5) */
	div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap { margin: 0; display: table; }

	/* Captions */
	figcaption.csc-textpic-caption { display: table-caption; }
	.csc-textpic-caption { text-align: left; caption-side: bottom; }
	div.csc-textpic-caption-c .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-c { text-align: center; }
	div.csc-textpic-caption-r .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-r { text-align: right; }
	div.csc-textpic-caption-l .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-l { text-align: left; }

	/* Float the columns */
	div.csc-textpic div.csc-textpic-imagecolumn { float: left; }

	/* Border just around the image */
	div.csc-textpic-border div.csc-textpic-imagewrap img {
		border: 2px solid black;
		padding: 0px 0px;
	}

	div.csc-textpic .csc-textpic-imagewrap img { border: none; display: block; }

	/* Space below each image (also in-between rows) */
	div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 10px; }
	div.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image { margin-bottom: 0; }

	/* colSpace around image columns, except for last column */
	div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image { margin-right: 10px; }
	div.csc-textpic-imagecolumn.csc-textpic-lastcol, td.csc-textpic-imagecolumn.csc-textpic-lastcol .csc-textpic-image { margin-right: 0; }

	/* Add margin from image-block to text (in case of "Text & Images") */
	div.csc-textpic-intext-left .csc-textpic-imagewrap,
	div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
		margin-right: 10px;
	}
	div.csc-textpic-intext-right .csc-textpic-imagewrap,
	div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
		margin-left: 10px;
	}

	/* Positioning of images: */

	/* Center (above or below) */
	div.csc-textpic-center .csc-textpic-imagewrap, div.csc-textpic-center figure.csc-textpic-imagewrap { overflow: hidden; }
	div.csc-textpic-center .csc-textpic-center-outer { position: relative; float: right; right: 50%; }
	div.csc-textpic-center .csc-textpic-center-inner { position: relative; float: right; right: -50%; }

	/* Right (above or below) */
	div.csc-textpic-right .csc-textpic-imagewrap { float: right; }
	div.csc-textpic-right div.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	div.csc-textpic-left .csc-textpic-imagewrap { float: left; }
	div.csc-textpic-left div.csc-textpic-text { clear: left; }

	/* Left (in text) */
	div.csc-textpic-intext-left .csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	div.csc-textpic-intext-right .csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { float: right; }

	/* Left (in text, no wrap around) */
	div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { float: left; }

	div.csc-textpic div.csc-textpic-imagerow-last, div.csc-textpic div.csc-textpic-imagerow-none div.csc-textpic-last { margin-bottom: 0; }

	/* Browser fixes: */

	/* Fix for unordered and ordered list with image "In text, left" */
	.csc-textpic-intext-left ol, .csc-textpic-intext-left ul { padding-left: 40px; overflow: auto; }

	/* File Links */
	ul.csc-uploads { padding: 0; }
	ul.csc-uploads li { list-style: none outside none; margin: 1em 0; }
	ul.csc-uploads img { float: left; margin-right: 1em; vertical-align: top; }
	ul.csc-uploads span { display: block; }
	ul.csc-uploads span.csc-uploads-fileName { text-decoration: underline; }

	/* Table background colors: */

	table.contenttable-color-1 { background-color: #EDEBF1; }
	table.contenttable-color-2 { background-color: #F5FFAA; }
	table.contenttable-color-240 { background-color: black; }
	table.contenttable-color-241 { background-color: white; }
	table.contenttable-color-242 { background-color: #333333; }
	table.contenttable-color-243 { background-color: gray; }
	table.contenttable-color-244 { background-color: silver; }
/* default styles for extension "tx_cssfilelist" */
	.filelinks div{padding-left:25px; background:url('/typo3/gfx/fileicons/default.gif') left top no-repeat; margin-bottom:10px;}
	.filelinks span{display:block;}
	.filelinks .filecount{display:block; margin-bottom:5px;} 
	.filelinks a{color:#000;text-decoration:none; }
	/* Icons begin */
	.filelinks .ai{background-image:url('/typo3/gfx/fileicons/ai.gif')!important;}
	.filelinks .ani{background-image:url('/typo3/gfx/fileicons/ani.gif')!important;}
	.filelinks .au{background-image:url('/typo3/gfx/fileicons/au.gif')!important;}
	.filelinks .avi{background-image:url('/typo3/gfx/fileicons/avi.gif')!important;}
	.filelinks .bmp{background-image:url('/typo3/gfx/fileicons/bmp.gif')!important;}
	.filelinks .cdr{background-image:url('/typo3/gfx/fileicons/cdr.gif')!important;}
	.filelinks .css{background-image:url('/typo3/gfx/fileicons/css.gif')!important;}
	.filelinks .csv{background-image:url('/typo3/gfx/fileicons/csv.gif')!important;}
	.filelinks .doc{background-image:url('/typo3/gfx/fileicons/doc.gif')!important;}
	.filelinks .dtd{background-image:url('/typo3/gfx/fileicons/dtd.gif')!important;}
	.filelinks .eps{background-image:url('/typo3/gfx/fileicons/eps.gif')!important;}
	.filelinks .exe{background-image:url('/typo3/gfx/fileicons/exe.gif')!important;}
	.filelinks .fh3{background-image:url('/typo3/gfx/fileicons/fh3.gif')!important;}
	.filelinks .flash{background-image:url('/typo3/gfx/fileicons/flash.gif')!important;}
	.filelinks .folder{background-image:url('/typo3/gfx/fileicons/folder.gif')!important;}
	.filelinks .gif{background-image:url('/typo3/gfx/fileicons/gif.gif')!important;}
	.filelinks .htm{background-image:url('/typo3/gfx/fileicons/htm.gif')!important;}
	.filelinks .html{background-image:url('/typo3/gfx/fileicons/html.gif')!important;}
	.filelinks .ico{background-image:url('/typo3/gfx/fileicons/ico.gif')!important;}
	.filelinks .inc{background-image:url('/typo3/gfx/fileicons/inc.gif')!important;}
	.filelinks .java{background-image:url('/typo3/gfx/fileicons/java.gif')!important;}
	.filelinks .jpg{background-image:url('/typo3/gfx/fileicons/jpg.gif')!important;}
	.filelinks .js{background-image:url('/typo3/gfx/fileicons/js.gif')!important;}
	.filelinks .max{background-image:url('/typo3/gfx/fileicons/max.gif')!important;}
	.filelinks .mid{background-image:url('/typo3/gfx/fileicons/mid.gif')!important;}
	.filelinks .mov{background-image:url('/typo3/gfx/fileicons/mov.gif')!important;}
	.filelinks .mpeg{background-image:url('/typo3/gfx/fileicons/mpeg.gif')!important;}
	.filelinks .mpg{background-image:url('/typo3/gfx/fileicons/mpg.gif')!important;}
	.filelinks .pcd{background-image:url('/typo3/gfx/fileicons/pcd.gif')!important;}
	.filelinks .pcx{background-image:url('/typo3/gfx/fileicons/pcx.gif')!important;}
	.filelinks .pdf{background-image:url('/typo3/gfx/fileicons/pdf.gif')!important;}
	.filelinks .png{background-image:url('/typo3/gfx/fileicons/png.gif')!important;}
	.filelinks .ps{background-image:url('/typo3/gfx/fileicons/ps.gif')!important;}
	.filelinks .psd{background-image:url('/typo3/gfx/fileicons/psd.gif')!important;}
	.filelinks .rtf{background-image:url('/typo3/gfx/fileicons/rtf.gif')!important;}
	.filelinks .sgml{background-image:url('/typo3/gfx/fileicons/sgml.gif')!important;}
	.filelinks .swf{background-image:url('/typo3/gfx/fileicons/swf.gif')!important;}
	.filelinks .sxc{background-image:url('/typo3/gfx/fileicons/sxc.gif')!important;}
	.filelinks .sxw{background-image:url('/typo3/gfx/fileicons/sxw.gif')!important;}
	.filelinks .tga{background-image:url('/typo3/gfx/fileicons/tga.gif')!important;}
	.filelinks .tif{background-image:url('/typo3/gfx/fileicons/tif.gif')!important;}
	.filelinks .ttf{background-image:url('/typo3/gfx/fileicons/ttf.gif')!important;}
	.filelinks .txt{background-image:url('/typo3/gfx/fileicons/txt.gif')!important;}
	.filelinks .wav{background-image:url('/typo3/gfx/fileicons/wav.gif')!important;}
	.filelinks .wrl{background-image:url('/typo3/gfx/fileicons/wrl.gif')!important;}
	.filelinks .xls{background-image:url('/typo3/gfx/fileicons/xls.gif')!important;}
	.filelinks .xml{background-image:url('/typo3/gfx/fileicons/xml.gif')!important;}
	.filelinks .xsl{background-image:url('/typo3/gfx/fileicons/xsl.gif')!important;}
	.filelinks .zip{background-image:url('/typo3/gfx/fileicons/zip.gif')!important;}
	/* Icons end */
	.filelinks a:hover{text-decoration:underline;}
/* default styles for extension "tx_kicharts" */
	input.f3-form-error {
		background-color:#FF9F9F;
		border: 1px #FF0000 solid;
	}

	.tx-ki-charts table {
		border-collapse:collapse;
		border-spacing:10px;
	}

	.tx-ki-charts table th {
		font-weight:bold;
	}

	.tx-ki-charts table td {
		vertical-align:top;
	}
/* default styles for extension "tx_kiplaylist" */
	input.f3-form-error {
		background-color:#FF9F9F;
		border: 1px #FF0000 solid;
	}

	.tx-ki-playlist table {
		border-collapse:collapse !important;
		border-spacing:10px;
	}

	.tx-ki-playlist table th {
		font-weight:bold;
	}

	.tx-ki-playlist table td {
		vertical-align:middle;
	}
/* default styles for extension "tx_pepagephpcontentelement" */
	textarea.f3-form-error {
		background-color:#FF9F9F;
		border: 1px #FF0000 solid;
	}

	input.f3-form-error {
		background-color:#FF9F9F;
		border: 1px #FF0000 solid;
	}

	.tx-pe-pagephpcontentelement table {
		border-collapse:separate;
		border-spacing:10px;
	}

	.tx-pe-pagephpcontentelement table th {
		font-weight:bold;
	}

	.tx-pe-pagephpcontentelement table td {
		vertical-align:top;
	}

	.typo3-messages .message-error {
		color:red;
	}

	.typo3-messages .message-ok {
		color:green;
	}

/* reset */

html{color:#000;background:#FFF;line-height:1;
/* for IOS > 5 */
/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
  font-size:14px;}
img {border:0px;}
a:focus, a:active, a:hover {outline: 0 none; border: 0 none;}
a:active, a:hover {outline: 0 none !important; border: 0 none !important;}
a {text-decoration: none;}
ol,ul{list-style: none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;vertical-align:baseline;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
textarea{resize: none;}


/*##################################| general |########*/
header, 
nav, 
article, 
footer, 
address, 
section,
aside,
hgroup{ display:block; }

.clearFix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
 
.clearFix {
  display: inline-block;
}
 
html .clearFix {
  display: block;
}

html,body{
    height: 100%
}

/* Sections */

#IEbg{
  display: none;
}

body {
  min-width: 1050px;
  height: 100%;
  width: 100%;
  overflow: auto;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 16px;
}

h1, h2, h3, h4, h5, h6 {font-weight: bold;}
h1,
.heading { 
  font-size: 1.429em;
  font-size: 1.143em;
    position: absolute;
    top: -100em;
    left: -100em;
}
h1:focus,
.heading:focus {
    top: 2em;
    left: 50%;
}

h2 {
  font-size: 1.143em;
    margin-bottom: 0.6em;
}

h3 {
  font-size: 1em;
    margin: 1.2em 0 0.6em 0;
}

h4 {}
h5 {}
h6 {}

p {
  margin: 0.357em 0;
  font-size: 1em;
  line-height: 1.3em;
    max-width: 35.714em;
}

#content ol,
#content ul {
    list-style: decimal outside none;
    margin: 0 1em;
    padding: 0 1em;
}

#content ul {
    list-style: disc outside none;
}
#content ol li,
#content ul li {
    margin: 0.5em 0;
}

strong, b {
  font-weight: bold;
}

a {
  color:#000;
}

.teaser-1:focus,
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: 3px solid #000;
  border: 3px solid #fa55ff;
}

a:hover {
  text-decoration: underline;
}

p a,
.internal-link {
    background: url('../../fileadmin/templates/img/small_arrow.png') no-repeat 0 0.2em;
    padding-left: 0.7em; 
}
/*###### |user friendly| ######*/
ul#skipLinks li a {
  position: absolute;
    top: -100em;
    left: -100em;
}

ul#skipLinks li a:focus {
    top: 2em;
    left: 50%;
    z-index: 1000;
}

a#content-section,
a#search-section {
  display: block;
  width: 1px;
}

a#content-section:focus,
a#search-section:focus {
  outline: 0;
  border: 0;
}

hr,
.print {
  display: none;
}

/*#####| icons |#####*/
#content ul.offline-article {
    margin: 0.5em 0 0 0.8em;
    padding: 0;
}
.download-icon,
.print-icon,
.link-extern-icon,
.up-icon {
  background: url('../../fileadmin/templates/img/download_icon.png') no-repeat top left;
  display: block;
  margin: 0 0 1em;
  padding: 0.4em 0 0 1.8em;
}

.print-icon {
  background: url('../../fileadmin/templates/img/print_icon.png') no-repeat top left;  
}

.link-extern-icon {
  background: url('../../fileadmin/templates/img/link_extern_icon.png') no-repeat top left;
  margin: 0.4em 0.786em;
  padding-left: 2em !important; 
}

.up-icon {
    background: url('../../fileadmin/templates/img/up_icon.png') no-repeat top left;
}

/*##################################| designPos |########*/
#bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: url('../../fileadmin/templates/img/kiraka_bg.jpg') no-repeat top left;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#contact {
  position: absolute;
  z-index: 1000;
  top: 0;
  left: 12em;
  height: 4.5em;  
  width: 13.571em;
  background: url('../../fileadmin/templates/img/big_arrow.png') bottom left no-repeat;
}

#contact_new a,
#contact a {
  display: block;
  padding: 0.15em 0 0.15em 0.714em;
  color: #000;
  font-size: 1.429em;
  font-weight: bold;
  letter-spacing: 0.143em;
  line-height: 120%;
  text-align: center;
}

#kopfhoerer {
  position: absolute;
  height: 28.571em; /*437px*/
    width: 20em; /*343em*/
    top: 0;
    left: 6em;
  background: url('../../fileadmin/templates/img/kopfhoerer.png') no-repeat scroll left top transparent;
}

#layout-wrapper {
    --position: relative;
}
#group {
  /*top: 29.3em;*/
  top: 35.6em;
  left: 11.3em;
  position: absolute;
    --display: none;
    z-index: -1;
}
#group img {
}

#group2 {
  position: absolute;
  left: 76.6em;
  top: 19.6em;
    z-index: -1;
}

#faecher {
  bottom: -0.2em;
  position: fixed;
  right: 0;
  z-index: 10;
}

#bg-link {
    background: url('../../fileadmin/templates/img/slash.png') no-repeat scroll 0 0.1em transparent;
    top: 46.2em;
    left: 11.6em;
    display: block;
    font-size: 1.05em;
    font-weight: bold;
    height: 3em;
    line-height: 1.2em;
    padding-left: 0.9em;
    position: absolute;
    width: 11.5em;
}

/*####| class styles |####*/
.shadow {
  background: transparent;
  -webkit-box-shadow: 0.5em 0.786em 1.429em rgba(0,0,0,0.14); /* 7px 11px 20px */
  -moz-box-shadow: 0.5em 0.786em 1.429em rgba(0,0,0,0.14); /* 7px 11px 20px */
  box-shadow: 0.5em 0.786em 1.429em rgba(0,0,0,0.14); /* 7px 11px 20px */
}
.pos {
  position: relative;
  top: 3.929em; /* 55px */
  left: 24.5em; /*343px*/
}

.yellow {
  background: #000;
  color: #ff0;
}

.blue {
    background: #000;
    color: #7ed1f4;
}

.black {
  background: #ff0;
}

.black-bg {
  margin-left: 1.2em;
  padding: 0 0.714em;
  background: #000;
}

.white {
  background: #000;
  color: #fff;
}

.white-bg {
  background: #fff;
}

.indent {
  padding: 0.4em 0.786em; /*11px*/
  display: block;
}

p.indent{
  padding-bottom: 0;
}

.small-arrow,
.teaser-2 p a,
.teaser-3 p a,
.more-hidden p a {
  background: url('../../fileadmin/templates/img/small_arrow.png') 0 0.18em no-repeat;
  color: #000;
  padding: 0 0.5em 0 1.2em;
}

.external-link-new-window,
.external-link {
  background: url('../../fileadmin/templates/img/external_link.gif') 0 0.18em no-repeat !important;
    padding-left: 1.4em;
}

.more-about .internal-link,
.yellow-arrow {
  float: right;
  padding-left: 0.714em;
  background: url('../../fileadmin/templates/img/yellow_arrow.png') 0 0.15em no-repeat #000;
    color: #ff0;
}

.more-about .internal-link {
    float: none;
}   

.white-arrow {
  background: url('../../fileadmin/templates/img/next_arrow_white.png') no-repeat scroll 0 0.15em #000;
  color: #fff;
}

.hide-element{
  display: none !important;
}

.transparent-bg {
    background-color: #000;
    z-index:1;
    /* These three lines are for transparency in all browsers. */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity:.8;
}

#search-wrapper {
  float: right;
  margin: 1.091em 0.727em 0 0;
  font-size: 0.786em;
}

.form-input-search {
    -webkit-appearance:none;
    margin-right: 0.455em;
   width: 19em;
    height: 2.31em;
  border: none;
  padding: 0.182em 0.273em;
}

.form-input-search:focus {
    margin-top: -3px;
}

/* Only for browser without placeholder support like IE 8 */
.form-input-search.placeholder {
    display: inline-block;
    line-height: 25px;
    vertical-align: top;
}

.form-input-search.placeholder ~ input {
    height: 2.7em;
    display: inline-block;
    vertical-align: top;
}

/* For browser with placeholder support */
.form-input-search::-webkit-input-placeholder { color: #444444; padding-left: 3px; }
.form-input-search:focus::-webkit-input-placeholder { padding-left: 0px; } 

.form-input-search:-moz-placeholder  { color: #444444; padding-left: 3px; }
.form-input-search:focus:-moz-placeholder { padding-left: 0px; } 

.form-input-search::-moz-placeholder { color: #444444; padding-left: 3px; }
.form-input-search:focus::-moz-placeholder { padding-left: 0px; } 

.form-input-search:-ms-input-placeholder { color: #444444; padding-left: 3px; }
.form-input-search:focus:-ms-input-placeholder { padding-left: 0px; } 

.form-btn {
  width: 4.1em;
  border: none;
  padding: 0.182em 0.273em;
  background: #000;
  color: #ff0;
  height: 2.35em;
}

.headline-breadcrumb {
  margin-bottom: 0;
    padding: 0.25em 1em 0;
  font-size: 2em;
  letter-spacing: 0.02em;
  line-height: 1.2em;
}

.cell {
  height: 1.82em;  
  line-height: 1.74em;
  margin-top: 0.929em;
}

.dotted-line-up {
  border-top:  0.15em dotted #b1b3b4;
}

span.dotted-line-up {
  display: block;
}

.bottom {
    position: absolute;
    bottom: 0;
}

.content-standard {
    width: 34.5em;
    display: block;
    float: left;
    padding: 1em;
    background: white;
}

.no-slider {
    height: auto !important;
    margin-bottom: 12em;
}

.no-slider .content-standard {
    float: none;
    width: 44.5em;
    padding: 2.1em;
}

.big-content .content-standard {
    width: 45.85em;
    width: 43.85em;
}
.more-hidden {
    --display: none;
}

/*###################################| content area |########*/
/*--------------------/radio---------------------*/
#jp_container_1 h2 {
    font-size: 1em;
}
#jquery_jplayer_1,
#jp_container_1 {
  height: 7.143em; /* 100px */
  width: 48.643em; /* 681px */
  top: 3.9em;
  background: #37d2f5;
    z-index: 20;
}

#kiraka-logo {
  position: relative;
  top: 0.5em;
  left: 1.929em;
  width: 23.357em;
  height: 6.143em;
  /*background: url('../../fileadmin/templates/img/Kiraka_logo.png') 0 0 no-repeat;*/
}

.jp-pause,
.jp-play {
  position: absolute;
  top: 2.2em;
  left: 18.1em;
  width: 2.5em;
  height: 2.5em;
  /*background: url('../../fileadmin/templates/img/stop_btn.png') 0 0 no-repeat;*/
}
.article_pause {
  /*background: url('../../fileadmin/templates/img/pause_btn.png') 0 0 no-repeat !important;*/
}
.jp-play {
  background: url('../../fileadmin/templates/img/play_btn.png') 0 0 no-repeat;
}

.jp-volume-bar {
  position: absolute;
  top: 2.357em;
  right: 4.214em;
  width: 9em;
  height: 0.3em;
  cursor: pointer;
  /*background: #000;*/
}

.jp-volume-bar .volume {
    position: relative;
    top: 0.5em;
    width: 9em;
}

.jp-volume-bar-value {
    background: transparent;
    width:0px;
    height:10px;
    position: relative;
}
 
.jp-volume-bar-value span,
a.ui-slider-handle {
    position:absolute;
    top: -1.5em;
    --right: -1em;
    margin-left: -1.7em;
    /*background:url('../../fileadmin/templates/img/volume_btn.png') no-repeat center transparent;*/
    width: 3.357em;
    height: 3.357em;
}
.jp-volume-bar-value span a {
    display: block;
}

/*================= new style volume ==================*/
.jp-volume-bar {
    top: 3.457em;
}
.jp-volume-bar .volume {
    top: -0.6em;
}
.jp-volume-bar-value {
    top: -19px;
}

/*================= /new style volume ==================*/

#player .ui-state-active {
    background: none;
    border: 0 none !important;
    outline: 0 none !important;
}
a.ui-slider-handle:focus {
    top: -1.75em;
    margin-left: -1.9em;
}

.volume-white {
    --background: url('../../fileadmin/templates/img/volume_btn_white.png.png') no-repeat center transparent;
}

.jp-playlist {
    float: left;
}
.jp-playlist li {
    display: none;
}
.jp-playlist li.jp-playlist-current {
    display: block;
}
.jp-playlist li.jp-playlist-current a {
    color: #FFFF00;
    margin-left: 0.5em;
}

/*========================================== */

.jpv-duration,
.jp-duration {
  float: left;
  margin: 0 2em;
}

.jpv-volume-bar,
.jpv-progress,
.jp-progress {
  width: 9.571em;
  height: 0.357em;
  margin: 0.65em 1em 0;
  border: 0.071em solid #ff0;
  float: left;
  cursor: pointer;
}
.jpv-seek-bar,
.jp-seek-bar {
  height: 100%;
}
.jpv-play-bar,
.jp-play-bar {
  position: relative;
  border-right: 4px solid #ff0;
  height: 100%;
  background: #ff0;
}
.jpv-play-bar .handle,
.jp-play-bar .handle {
  width: 0.357em;
  height: 1.429em;
  position: absolute;
  top: -0.654em;
  right: -0.2em;
    /* border: 0.071em solid #ff0;
  border-radius: 0.214em;
  background: #000; */
  float: right;
}

.jp-play-bar .handle img
{
    position: absolute;
}

#back-to-stream {
  display: none;
  position: absolute;
  top: 0;
  right: -9.4em;
  width: 7.143em;
  height: 7.143em;
  background: #ff0;
  cursor: pointer;
}

.back-to-stream:focus {
  display: block;
  height: 100%;
  margin: -2px;
}

#back-to-stream-arrow {
  position: absolute;
  left: -1.5em;
  width: 1.5em;
  height: 7.143em;
  background: url('../../fileadmin/templates/img/arrow_back_big.png') 0 0 no-repeat;
}
#back-firstline {
  display: block;
  padding: 1em 0.65em 0;
  letter-spacing: 0.12em;
}
#back-secondline {
  display: block;
  font-size: 1.714em;
  padding: 0.2em 0.3em 0.3em;
}
#back-thirdline {
  display: block;
  font-size: 2.786em;
  padding: 0.15em;
}
/*--------------------/radio---------------------*/

/*-------------------- video ---------------------*/
#jpv_interface_2 {
    background: none repeat scroll 0 0 #000000;
    height: 1.414em;
    width: 32.7em; 
    padding: 0.4em 0.786em;
}
#jpv_interface_2 .player-ctrl-name,
.jpv-duration,
.jpv-current-time {
    float: left;
    margin-top: 0.1em;
    color: #ff0;
    font-size: 0.8em;
}
.jpv-progress {
    margin-top: 0.45em;
}

.jpv-volume-bar {
    margin-top: 0.45em;
    width: 6em;
}

.jpv-volume-bar-value {
    background: none repeat scroll 0 0 #FFFF00;
    display: block;
    height: 100%;   
}

#content ul.jpv-controls {
    float: left;
    list-style: none;
    margin: 0;
}

#content ul.jpv-controls li {
    margin: 0;
}

#content ul.jpv-controls .jpv-play,
#content ul.jpv-controls .jpv-pause { 
    height: 1.429em;
    width: 1.429em;
    display: block;
    background: url('../../fileadmin/templates/img/play_pause_btn.png') no-repeat scroll -1.429em -1.429em transparent;   
}
#content ul.jpv-controls .jpv-pause {
    background: url('../../fileadmin/templates/img/play_pause_btn.png') no-repeat scroll 0 -1.429em transparent;
}
/*-------------------- /video ---------------------*/

#now,
#beitrag { 
  position: absolute;
  bottom: -3.5em;
  width: 46.714em;
  margin-top: 0.929em; /* 13px */
  height: 2.6em; /* 25px */
  padding: 0.4em 0 0 2em;
  /*background: url('../../fileadmin/templates/img/ticker_background.png') top left no-repeat;*/
  /*background: url('../../fileadmin/templates/img/ticker_background_largedisplay.png') top left no-repeat;*/
  background: url('../../fileadmin/templates/img/ticker_background_sym.png') top left no-repeat;
  line-height: 1.84em;
}
#beitrag {
  display:none;
  bottom: -3em;
  background: #000;
  height: 2.1em;
  margin-top: 0;
}
#now strong,
#beitrag strong {
  font-size: 0.929em;
  font-weight: normal;
}
#beitrag strong {
  float: left;
}
#now strong {
  font-weight: bold;
  margin-left: 0.4em;
}

#now span.ticker-control a {
    margin-right: 1.1em;
}
#ticker-links {
  position: absolute;
  top: 0.6em;
  right: 0.6em;
  color: #000000;
}
#now span.ticker-button a {
    display:block;
    width: 18px;
    height: 18px;
    border: 1px solid #c0c0c0;
}
#ticker-links span.ticker-button a {
    float: right;
}
#now span.ticker-button a:hover {
    border: 1px solid #999!important;
    background: #c0c0c0;
}
#now span.playlist a {
    margin-right: 0.4em;
}

/* Alternative Version mit Linktexten
#ticker-links {
  position: absolute;
  top: 0.5em;
  right: 1.16em;
  color: #000000;
  font-size: 0.9em;
}
#ticker-links span {
    display:block;
    float: left;
    padding-left: 1.8em;
}
#ticker-links span.playlist {
    margin-right: 1em;
    background: url('../../fileadmin/templates/img/icon_note.png') 0 0.28em no-repeat;
}

#ticker-links span.timetable {
    background: url('../../fileadmin/templates/img/icon_clock.png') 0 0.28em no-repeat;
}
*/

#breadcrumb {
  margin: 0 0 0 2.3em;
}
#breadcrumb ul {
    margin: 0;
    padding: 0;
}
#breadcrumb ul li {
  float: left;
  font-size: 0.768em;
  height: 1.3em;
    margin: 0;
}
#breadcrumb a {
  display: block;
  color: #000;
}
#breadcrumb .first {
  padding: 0 0.5em 0 1.7em;
  background: url('../../fileadmin/templates/img/home.png') top left no-repeat;
  font-size: 0.929em;
  height: 1.05em;
}

#wrapper {
  top: 0;
 /* left: 0;*/
  bottom: 0;
  right: 0;
  overflow-y: auto;
  position: absolute;
}

/*########| wrapper Layout change |#########*/
#wrapper {
    min-height: 57em;
    /* MK 06.02.14 
    overflow-x: hidden; */
    height: 100%; 
    overflow-y: visible;
    position:relative;

}

#contentWrapper {
  position: absolute;
  z-index: 999;
  top: 0;
  /*left: 50%;*  wurde angepasst nach Concatenation */

    height: 54.286em; /* 634px */
    height: auto !important;
    height: 100%;
    min-height: 100%;
  margin: 0 auto -1.429em -49em; /* 0 auto 0 -686px */
  font-size: 1em;
  left:50%;
}

header.contentHeader {
  background: url('../../fileadmin/templates/img/slash.png') no-repeat scroll 0.714em 0.571em #FFFF00;
  height: 5em;
}

.contentHeader ul,
.contentHeader ul li{
    list-style: none;
}

/*navigation*/
.prev-btn, 
.point,
.next-btn {
  position: absolute;
  z-index: 999;
}

.prev-btn {
  top: 5em; 
  left: -5.7em; /* -90px */
}
.prev {
  display: block;
}
.slide-nav-arrow .hover-img {
    display: none;;
    position: absolute;
    top: 0;
    left: 0;
    width: 161px;
    height: 390px;
}
.next .hover-img {
    left: -91px;
}

.next-btn {
  top: 5em;
  right: -5.7em; /* -50px */
}
.next {  
  display: block;
}



.pagination {
  position: absolute;
  top: 33.8em;
    right: 0.7em;
    z-index: 100;
}

.pagination li {
  float: left;
  margin-left: 0.357em !important;
}

.pagination li a {
  width: 0.643em;
  height: 0.643em;
  display: block;
  overflow: hidden;
    line-height: 0;
  /*padding-top: 0.643em; 
  background: url('../../fileadmin/templates/img/pagination.png') top left no-repeat;*/
}
.pagination .current a img {
    margin-left: -0.643em;
  /*background: url('../../fileadmin/templates/img/pagination.png') -0.643em 0 no-repeat;*/
}

section.content {
  margin-top: 3.63em; 
  height: 36.643em; /*513px*/
  width: 48.643em;
  z-index: 20;
}

.teaser-1,
.teaser-2,
.teaser-3 {
  position: relative;
  float: left;
  height: 8.786em; /* 123px */
  width: 15.643em; /* 219px */
  margin: 0 0 0.714em 0; /* 0 12px 10px 0 */
  overflow: hidden;
}
.teaser-2 {
    background: #fff;
  height: 17.486em;
  width: 14.071em;
}
.teaser-3 {
    background: #fff;
  height: 27.786em;
  width: 14.071em;
}

.moreTeaser {
    display: block;
    height: 100%;
    background: #999;
    /* These three lines are for transparency in all browsers. */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: 0.4;
}
.moreTeaserBorder {
    border: 0.22em solid #888;
    height: 8.346em;
}

.teaser-1 hgroup,
.teaser-2 hgroup,
.teaser-3 hgroup,
.list-column hgroup,
.list-result hgroup {
  position: absolute;
  left: 0;
  bottom: -0.05em;
  height: 4em;
    width: 15.643em;
    z-index:5;
  /*padding: 0.1em 0.786em 0.4em;/* 11px */
  /*background: url('../../fileadmin/templates/img/hgroup_Bg.png');*/
}
.teaser-1 hgroup .transparent-bg,
.list-column hgroup .transparent-bg {
    position:absolute;
    z-index:1;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
}


.teaser-1 h3,
.teaser-2 h3,
.teaser-3 h3,
.list-result h3,
.list-result h4 {
  color: #ff0;
  font-size: 1em;
  font-weight: normal;
    margin: 0;
}
.teaser-1 h3 span {
    display: block;
  position: absolute;
    left: 0.6em;
}
.teaser-1 h3 span.headline,
.teaser-2 h3 span.headline,
.teaser-3 h3 span.headline,
.list-result h4 {
  bottom: 0.3em;
    padding-right: 0.768em;
  color: #fff;
    line-height: 1.1em;
}

.teaser-1 h3 a,
article.list-column a {
    position: absolute;
    z-index: 10;
    display: block;
    height: 3.94em;
    width: 15.24em;
    color: yellow;
    font-weight: 400;
}
article.list-column a {
    height: 3.7em;
    width: 14.4em;
}

.teaser-1 h3 a:focus,
article.list-column h3 a:focus {
    outline: 0;
    height: 3.6em;
}
article.list-column h3 a:focus {
    height: 3.2em;
}
.teaser-1 h3 a:focus span {
    left: 0.4em;
}
.list-column h3 a:focus span {
    left: 0.4em;
    padding-top: 0;
}
.teaser-1 h3 a:focus span.headline,
.list-column h3 a:focus span.headline {
    bottom: 0.1em;    
}



/* styles for bigtarget linking of teasers */
.teaser-1,
.list-column {
    cursor: pointer;
}
.teaser-1 h3 a:hover {
    text-decoration: none;
}
.teaser-1:hover h3 span.headline,
.list-column:hover h3 span.headline {
    text-decoration: underline;
}

.teaser-rte h3,
.teaser-rte h4 {
    color: #000;
    font-weight: bold;
    margin: 0.4em 0 0.6em;
}

#content .teaser-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.teaser-nav li {
  float: left;
    margin: 0 !important;
}

.teaser-nav a {
  display: block;
  width: 6.5em;
  background: url('../../fileadmin/templates/img/small_arrow.png') no-repeat scroll 0.6em 0.69em #fff;
  padding: 0.531em 0 0.531em 1.3em;
}

.teaser-nav ul li a:focus {
    background: url('../../fileadmin/templates/img/focus_bg.png') 0 0 no-repeat;
    border: 0;
    outline: 0;
    /*padding: 0.4em 0 0.3em 1em;
    outline: none;
    width: 6.3em;
    height: 1.1em;*/
}

.teaser-nav a.active {
  background: url('../../fileadmin/templates/img/small_arrow.png') no-repeat scroll 0.6em 0.69em #ff0;
}
.teaser-nav a:hover {
  background: url('../../fileadmin/templates/img/yellow_arrow.png') no-repeat scroll 0.6em 0.69em #000;
  color: #ff0; 
  text-decoration: none;
}

.surftipp-teaser,
.radiotipp-teaser {
    position: absolute;
    top: -4.88em;
    left: 0;
    width: 100%;
    background: url('../../fileadmin/templates/img/small_slash_blue_bg.png') repeat-x scroll left top transparent;
    padding-bottom: 0.143em;
    line-height: 1.3em;
}
.radiotipp-teaser {
    background: url('../../fileadmin/templates/img/small_slash_bg.jpg') repeat-x scroll left top transparent;
}


.teaser-2 .surftipp-teaser,
.teaser-2 .radiotipp-teaser,
.teaser-3 .surftipp-teaser,
.teaser-3 .radiotipp-teaser {
    top: 0;
}


/*###########| article details |#####*/

.article #slides {
  height: 29em;
  overflow: visible;
}

.article-details a:hover,
.right-column a:hover {
  text-decoration: underline;
}

.article-details {
  position: relative;
  float: left;
  margin: 0 0.857em 8.57em 0; 
  width: 32.143em; /* 450px */
    min-height: 25.65em;
  --height: 27.929em;
  padding-bottom: 2.143em;
  background: #fff;
}

.categorie-headline {
  font-size: 1.429em;
}

.article-details hgroup {
  padding: 0.786em 0.786em 0 0.786em;
}

.article-details hgroup h2 {padding: 0;}

.article-details h2,
.article-details h3,
.article-details h4 {
    padding: 0 0.786em;
}

.article-details p {
  margin: 0;
  padding: 0 0.786em 0.786em 0.786em; /* 11px */
}

img.article-image {
  background: #fff;
  display: block;
  --height: 18.071em; /* 233px */
    width: 32.143em; /* 450px */
}

#article-control {
  position: absolute;
  top: 13em;
  width: 31.143em;
    margin: -6px 6px;
}
#article-control a.icon {
  position: relative;
  width: 4.929em;
  height: 4.929em;
  display: inline-block;
  background: url('../../fileadmin/templates/img/bigIcons_sprite.png') 0 0 no-repeat;
    text-decoration: none;
}
#article-control a.article_play {}
#article-control a#article_video {
  background-position: 0 -4.929em;
}
#article-control a#article_gallery {
  background-position: -4.929em -4.929em;
}

#article-control a#article_game {
  background-position: -9.858em 0;
}
#article-control a.article_play_now {
  background-position: -4.929em 0;
}

#article-control a span {
  position: absolute;
  top: 1.7em;
  right: -9.9em;
  width: 10em;
  text-align: center;
  padding: 0.2em 0;
  background: #000;
  color: #ff0;
  display: none;
}

#article-control a:hover span {
  display: block;
}

#article-control a#article_play span {
    left: -9.7em;
}

#article-control a#article_play {
    float: right;
}

.gallery-images {
    display: none;
}

.read-more {
  display: inline;
    padding-left: 1.1em;
    background: url('../../fileadmin/templates/img/small_arrow_down.png') 0 0.3em no-repeat;
}

.read-more-act {
   display: none;
}

.more-about {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}

.more-about p,
.more-about a {
    color: yellow;
}
.more-about p {
  padding: 0.429em 0.786em;
}

.program-date {
  margin: 0.714em;
  width: 25em;
}

.program-date thead {
  font-weight: bold;
  line-height: 1.786em;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: none;
}

.ui-datepicker {
    padding: 0.5em 0 0;
}

.ui-datepicker td {
    border: none;
    border-bottom: 4px solid #FFFFFF;
    border-left: 4px solid #FFFFFF;
}

.ui-datepicker td a {
    line-height: 1.5em;
    width: auto;
    height: auto;
}

.ui-state-active {
    line-height: 1.2em !important;
    margin: 0 0.2em 0 0.25em;
    padding: 0.1em 0 !important;
    width: 1.3em;
}

.ui-datepicker-current-day{
    background: #000 !important;
}

.ui-datepicker-unselectable .ui-state-default,
.ui-state-disabled .ui-state-default {
  font-weight: normal;
}

.offline-article li {
    list-style: none;
  float: left;
  margin-right: 1.429em;
}

.surftipp {
  background: url('../../fileadmin/templates/img/small_slash_bg.jpg') repeat-x top left;
  padding-bottom: 0.143em;
}

.article-rubric {
  position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: url('../../fileadmin/templates/img/big_slash_bg.jpg') repeat-x top left;
  padding: 0.429em 0.786em;
}

/*####| gallery |####*/

/* ul li sammlung */
#content #bildergalerie ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#content ul.offline-article li,
#content #bildergalerie ul li {
    margin: 0 0.7em 0.8em 0;
    float: left;
}

/* slider */
#slides {
  height: 27.81em;
  width: 48.643em;
  overflow: hidden;
}

#slides_container {
  width: 214.286em;
}

.nav-section {
  float: left;
  display: block;
  width: 50em;
  height: 32.143em;
}

.slidecol,
.slidecol-2{
    width: 15.643em;
    float: left;
    margin-right: 0.857em;
}
.slidecol-2 {
    width: 32.143em;
}

.slidecol-last {
  margin-right: 0;
}

/*###########| gallery- auswahl(Diashow) |##########*/
.gal-container {
  float: right;
  height: 21.64em;
  width: 12.5em;
  margin-top: 3.1em;
  overflow: hidden;
}
/*----------| test |-----------*/
.slideshowIMG {
  background: none repeat scroll 0 0 #00FF00;
  display: block;
}
/*----------| /test |-----------*/

/*----------| slideshow |----------*/
#diashow-wrapper {
  width: 36.429em;
  height: 32.65em;
  overflow: hidden;
}

#diashow {
  background: none repeat scroll 0 0 #FFFF00;
  font-size: 1.2em;
  font-weight: bold;
  left: 0;
  position: absolute;
  right: 0;
  top: 17em;
  z-index: 100;
}

.diashow-link {
    background: url('../../fileadmin/templates/img/small_arrow.png') no-repeat 0 0.2em;
    padding-left: 0.7em;
}

.slideshow {
  height: 27.8em;
  height: 32.8em;
  width: 100%;
}

.slideshow .slides_control div {
  float: left;
  width: 36.429em;
  height: 26.65em;
  height: 32.8em;
}

.slidePage {
  width: 36.429em;
  height: 25.65em;
}

.slideshow .slides_control div aside {
  position: absolute;
  top: 23.4em;
}
#content #diashow-wrapper ul.pagination,
#diashow-wrapper .prev,
#diashow-wrapper .next {
  display: none;
}

section.big-content .article-details {
    width: 36.429em;
    margin: 0;
}
/*----------| /slideshow |----------*/

.gal-thumb a img,
.gal-thumb a {
  border: none;
  overflow: hidden;
  float: left;
}
.gal-thumb a {
  margin-bottom: 0.3em;
}

.gal-thumb a.act,
.gal-thumb a:hover {
  border: 0.3em solid #ff0 !important;
  --margin-bottom: 0.3em;
}
.gal-thumb a:focus {
    border: 0.3em solid #fa55ff !important;
    margin-left: 0.3em;
}
.gal-thumb a:hover img,
.gal-thumb a.act img {
  margin: -0.3em;
}

.gal-thumb a:focus img {
    margin: -0.5em;
}
    
.slidesContainer div {
  margin-bottom: 2em;
}

#content ul.paginationSlides,
#content ul.slidesPagination {
  list-style: none;
}

.paginationPos,
#content ul.slidesPagination{
  height: 20.5em;
  list-style: none outside none;
  position: absolute;
  right: 11.2em;
  top: 7.55em;
}

.slidesNext,
.slidesPrevious {
  height: 0;
  width: 6.2em;
  display: block;
  position: absolute;
  top: 30.9em;
  right: 3em;  
  background: url('../../fileadmin/templates/img/arrow_thumbs_down.png') 0 0 no-repeat;
  overflow: hidden;
  padding-top: 2.929em;
}
.slidesPrevious {
  top: 5.7em;
  background: url('../../fileadmin/templates/img/arrow_thumbs_up.png') 0 0 no-repeat;
}

.slidesPagination li a {
  width: 0.643em;
  height: 0;
  display: block;
  overflow: hidden;
  padding-top: 0.643em; 
  background: url('../../fileadmin/templates/img/pagination.png') top left no-repeat;
}

.slidesPagination .slidesCurrent a {
  background: url('../../fileadmin/templates/img/pagination.png') -0.643em 0 no-repeat;
}


/*###########| search result |##########*/
.list-result hgroup {
  right: 9.06em;
}

.list-result {
  float: left;
  height: 8.786em;
  margin: 0 0.857em 0.714em 0;
  position: relative;
  width: 24.072em;
}

.list-result aside {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 7.643em;
  padding: 0 0.714em;
  background: #fff;
}

/*###########| program overview |#####*/
.close {
  position: absolute;
  top: -0.7em;
  right: -0.7em;
}

#program #search {
  display: none;
}

section.big-content {
    --margin-top: 3.63em; /* 13px */
    --margin-bottom: 10em;
    margin-top: 3.63em;
    width: 58em;
    z-index: 20;
}

.program-wrapper {
  --margin-bottom: 1em;
}
.program-overview {
  height: auto;
  width: 30.714em;
  float: left;
}

.tx-ki-programmplan .column-more {
    margin-top: 2.58em;
}
.tx-ki-programmplan .list-column {
    margin-bottom: 1em; 
}

#time {
  width: 30.714em;
}

#time thead {
  height: 1.98em;
}

#time th {
  text-align: center;
}

.prev-day,
.next-day {
  display: block;
  background: url('../../fileadmin/templates/img/prev_arrow_white.png') 0 0.5em no-repeat;
  color: #fff;
}

.next-day {
  margin-right: 0.714em;
  background: url('../../fileadmin/templates/img/next_arrow_white.png') right 0.5em no-repeat;
}


#time tr:hover .odd,
#time tr:hover .even {
  background: #ff0;
}

#time tr {
  height: 1.786em;
  padding: 0.06em auto;
  border-bottom: 0.357em solid #fff
}

#time tr.selected {
    border: 3px solid #000;
}
#time tr.selected td {
    border-top: 3px solid #000;
    background: #ff0;
}

.charts-odd,
.time-odd {
  background: #ff0;
  text-align: center;
}

.charts-even,
.time-even {
  background: #ffffb2;
  text-align: center;
}

.odd {
  padding-left: 0.714em;
  background: #ffffb2;
}

.even {
  padding-left: 0.714em;
  background: #e7e6da;
}

.overview-column {
  width: 12.714em;
  float: left;
  margin-left: 0.929em;
}
.column-header {
  height: 1.786em;
  display: block;
  text-align: center;
  line-height: 1.74em;
}

.column-img,
.list-column {
  position: relative;
  display: block;
  width: 12.714em;
  height: 7.143em;
}

.column-more {
  display: block;
  padding: 0.25em 0.786em;
  background: #b1b3b4;
}

.list-column hgroup {
  height: 3.2em; 
    width: 100%;
  z-index: 100;
    line-height: 12px;
}
.list-column hgroup h3 {
    margin-top: 0;
  font-size: 0.857em;
  font-weight: normal;
}

.list-column h3 a {
    color: #ff0;
}
.list-column h3 span {
  position: absolute;
    left: 0.6em;
    padding-top: 0.16em;
}
.list-column h3 span.headline {
  bottom: 0.2em;
  color: #fff;
}

/*###########| playlist |##########*/
.playlist-nav {
    margin-bottom: 0.357em;
    padding-top: 0.5em;
}

.playlist-nav a {
  color: #fff;
}
.playlist-nav form {
  float: left;
}
.playlist-nav fieldset {
  float: left;
  width: 17em;
}

.playlist-nav .level2 {
  position: absolute;
  left: 0;
  display: none;  
  padding: 5px 11px;
  background: none repeat scroll 0 0 #000000;
  line-height: 2.071em;
}

.playlist-nav select.day {
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
  font: -moz-pull-down-menu;
  font: -moz-no-control;
  background: url('../../fileadmin/templates/img/down_arrow_white.png') no-repeat scroll right 0.45em transparent;
  border: none;
  color: white;
}
.playlist-nav select.day:focus,
.playlist-nav a:focus {
    outline: 3px solid #fa55ff;
    border: none;
}

/*========= jqTransform =========*/
.playlist-nav .jqTransformSelectWrapper {
    position: relative;
}
.playlist-nav .jqTransformSelectWrapper div span {
    background: url('../../fileadmin/templates/img/down_arrow_white.png') no-repeat scroll right 0.4em transparent;
    padding:0 1.3em 0 0.3em;
}
.playlist-nav .jqTransformSelectWrapper ul {
    background: #000;
    width: 14.286em !important;
    height: 31.5em !important;
    position: absolute;
    top: -0.5em;
    left: -0.75em;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
.playlist-nav .jqTransformSelectWrapper ul li a {
    padding: 0.2em 1em;
    display: block;
}
.playlist-nav .jqTransformSelectWrapper ul li a:hover {
    background: #ff0;
    color: #000;
} 

/*
.day {
  display: inline;
  background: url('../../fileadmin/templates/img/down_arrow_white.png') no-repeat scroll right 0.45em transparent;
  padding: 0.4em 1.2em 0.4em 0.4em;;
  padding: 1.2em;
  color: white;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  -ms-appearance: none;
  appearance: none;
  font: -moz-pull-down-menu;
  
  font: -moz-no-control;
}
.day:focus {
    outline: 3px solid #000;
  border: 3px solid #fa55ff;
}*/

.prev-hour {
  background: url('../../fileadmin/templates/img/prev_arrow_white.png') no-repeat scroll 0 0.25em transparent;
  margin: 0 1em 0 7em;
  padding-left: 0.9em;
}

.next-hour {
  background: url('../../fileadmin/templates/img/next_arrow_white.png') no-repeat scroll right 0.25em transparent;
  padding-right: 0.9em;
}

.show-playlist {
    margin-top: -2em;
    border: medium none;
    color: #fff;
}

.playlist #time {
  width: 100%;
}

#time .cell-time {
  width: 3.571em;
  line-height: 1.74em;
}

#time .cell-title {
  width: 18em;
  text-align: left;
  padding-left: 0.714em;
  line-height: 1.74em;
}

#time .cell-artist {
  text-align: left;
  padding-left: 0.714em;
  line-height: 1.74em;
}

#time .playlist-no-entries {
  padding: 0.8em 0.8em;;
  line-height: 1.6em;
}

/*###########| chartslist |##########*/
table#charts caption {
    display: none;
}
#charts-wrapper {background: #fff;}
.chartslist {
    float: left;
    margin: 0.929em 0.929em 0.7em;
}

h2.charts-headline {
  font-size: 1.143em;
    line-height: 1.2em;
    letter-spacing: 0.03em;
}

.left-column .white-arrow {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1.35em;
  padding: 0.5em 0.5em 0.3em 1.8em;
    background-position: 0.8em 0.75em;
    letter-spacing: 0.05em;
}

.left-column {
  position: relative;
  margin-left: 0;
  width: 12.143em;
/*chang height to min-height*/
  min-height: 28em;
  float: left;
  background: #ff0;
  padding-bottom: 1em;
}
.left-column h3 {
  padding-bottom: 0.8em;
}

#content .left-column ol {
    list-style: none;
    margin: 0;
    padding: 0;
}

#content .left-column ul li,
#content .left-column ol li {
  margin-bottom: 1.3em;
}

#charts-wrapper fieldset {
    width: 42.4em;
}

#charts {
  width: 44em;
}

#charts th, 
#charts td {
    max-width: 20em;
    padding-left: 1.6em;
    text-align: left;
    vertical-align: middle;
}
#charts td {
    padding: 0.25em 0 0.4em 1.6em;
}
#charts th {
    font-weight: normal;
    letter-spacing: 0.07em;
}

#charts .cell {
  width: 3.5em;
  --height: 2.02em;
  padding-left: 0.8em;
  line-height: 1.34em;
}

.cell label.charts-nr {
  float: right !important;
  margin-top: 0;
}

#charts .vote {
  float: left;
  margin-top: 0.6em;
}

#charts .charts-hoeren {
    text-align: center;
    padding-right: 0.8em;
}

.charts-play-btn {
    display: inline-block;
  height: 1.5em;
  width: 1.45em;
  border: none;
  background: url('../../fileadmin/templates/img/play_pause_btn.png') -1.45em 0 no-repeat;
  cursor: pointer;
}

.charts_played .charts-play-btn {
    background-position: 0 0 !important;
}

.charts-play-btn span {
    display: none;
}

.chartslist fieldset.white {
  padding: 0.214em 0.786em;
    letter-spacing: 0.05em;
}

#charts-wrapper fieldset.white #name:focus,
#charts-wrapper fieldset.white #email:focus,
#charts-wrapper fieldset.white #senden:focus {
    border: 3px solid #FA55FF;
}

#name,
#email,
#name:active,
#email:active {
  border: none;
}

#name,
#email {
  margin: 0 1em 0 0.3em;
  height: 1.6em;
  width: 10.571em;
}
#email{width: 13.786em;}

#senden {
  margin-top: 0.11em;
  border: medium none;
  background-position: 0;
  float: none;
    letter-spacing: 0.05em;
}

#charts-wrapper strong {
      margin-left: 0.95em;
  font-size: 0.786em;
  font-weight: normal;
  line-height: 3em;
}

/*### jqtransorm ####*/
.jqTransformHidden {display: none;}

.jqTransformRadioWrapper {float: left;display:block; margin: 0;}
.jqTransformRadio {
  background: transparent url('../../fileadmin/templates/img/radio.png') no-repeat center top;
  vertical-align: middle;
  height: 1.357em;
  width: 1.286em;
  display:block;/*display: -moz-inline-block;*/
}
.jqTransformChecked {
    background-position: center -1.4em;
}

.chartslist p {
    font-size: 0.8em;
    width: 54em;
}

/*###########| gaestebuch |##########*/
#gaestebuch-wrapper {
    background: #fff;
}

#gaestebuch #slides {
  width: 58em;
}

.feedback_guestbook {
    clear: both;
    padding: 2em 0 0 1.071em;
}

#addressee {
    width: 40em;
    padding-top: 0.786em;
    padding-left: 9.2em;
}

.address-select-name {
    position: relative;
    margin-bottom: 1em;
  margin-left: 0.786em;
  width: 5.714em;
  height: 3.214em;
  float: left;
  display: block;
    overflow: hidden;
}
#addressee .breakClear {
    clear: both;
}

.address-select-name span {
    position: absolute;
    bottom: 0;
    left: 0;
  margin-top: 29px;
  width: 100%;
  background: none repeat scroll 0 0 #000000;
  color: #FFFFFF;
  font-size: 0.786em;
  opacity: 0.8;
  text-align: center;  
}

.address-select-name span.current,
.address-select-name:hover span{
  background: #ff0;
  opacity: 1;
  color: #000;
}

.address-select-name:focus {
    margin-bottom: 0.571em;
}
.address-select-name:focus img {margin: -0.3em}

.address-select {
    margin-bottom: 1.1em;
  display: inline-block;
  width: 9.071em;
  height: 3.214em;
    float: left;
  text-align: center;
  font-weight: bold;
  line-height: 3em;
    position: absolute;
    left: 0;
}

a.last {
  position: absolute;
  right: 0;
    left: auto;
}

#Name,
#E-Mail,
#captcha {
  height: 2.8em;
}

#gaestebuch-wrapper fieldset {
  clear: both;
  padding-top: 0.5em;
}

#gaestebuch-wrapper #senden {
  position: relative;
  top: -3.35em;
  left: 36.429em;
  width: 9.071em;
  border: none;
    background-position: 1.7em 50%;
}

#gaestebuch-wrapper textarea,
#gaestebuch-wrapper input {
  width: 34em;
  border: dotted #000;
  display: block;
    padding: 0 0.5em;
    --font-weight: bold;
}

#gaestebuch-wrapper textarea {
    height: 12em;
    padding-top: 0.5em;
}

#gaestebuch-wrapper textarea,
#gaestebuch-wrapper input,
#gaestebuch-wrapper label {
    font-weight: bold;
  margin: 0.143em 0 0.143em 1.071em;
}
#gaestebuch-wrapper label {
    display: block;
    width: 34em;
    margin: 0.8em 0 0.4em 1.071em;
}
#gaestebuch-wrapper input:focus,
#gaestebuch-wrapper textarea:focus {
  border: 3px solid #fa55ff;
  outline: 3px solid 000;
}
#gaestebuch-wrapper #senden:focus {
    background-position: 1.46em 50%;
  border: 3px solid #fa55ff;
  outline: 3px solid #000;
}
.form-error {
    color: #CF2323;
}

#gaestebuch-wrapper strong {
  display: inline-block;
}

.guestbook-info {
    margin-top: -2em;
    width: 37em;
  padding: 0 1.071em;
}
.guestbook-info p {
  font-size: 0.9em;
}

.next-btn-site,
.prev-btn-site {
  position: absolute;
  z-index: 1000;
  bottom: -2em;
  right: 16.45em;
  background: #ff0;
}
.next-btn-site {
  right: 9.3em;
  background: #000;
}

.next-btn-site .next,
.prev-btn-site .prev {
  background: url('../../fileadmin/templates/img/small_arrow_left.png') no-repeat 0.9em 0.5em transparent;
  height: 1.99em;
  width: 7.143em;
  text-align: center;
  line-height: 1.7em;
}

.next-btn-site .next {
  background: url('../../fileadmin/templates/img/yellow_arrow.png') no-repeat scroll 5.8em 0.5em #000000;
  color: #ff0;
}

.guestbook-msg {
    margin-top: 1em;
  background: #37d2f5;
}

.user-msg {
    position: relative;
    clear: both;
    border-bottom: 2px dotted #CCC;
    padding: 0.97em;
    width: 36em;
}
.user-msg aside {
    margin-top: 2em;
}

.user-msg:last-child {
  border: none;
}

.user-msg .answer {
    margin-top: 1.6em;
}
.user-msg h4 {
    margin-bottom: 0.8em;
    padding-right: 10em;
    line-height: 1.56em;       
}
.user-msg h4 .time {
    position: absolute;
    top: 0.94em;
    right: 0;
    font-weight: normal;
}
.user-msg p {
    margin: 0.6em 0;
}

#gaestebuch-wrapper #slides {
    height: auto;
    width: auto;
}
#gaestebuch-wrapper .nav-section {
    width: 58em;
    padding-bottom: 2em;
    height: auto;
}

.pagination-points {
  display: none;
}
.pagination .pagination-points {
  display: block;
    list-style: none !important;
}

#gaestebuch .pagination {
  bottom: -3.2em;
  position: absolute;
  right: 20%;
}

/*#############| newsletter |############*/
.mailformSender input,
.mailformName input {
    border: #000 medium dotted;
    display: block;
    height: 1.7em;
    padding: 0 0.5em;
}
/*###########| kontakt > mailform |#####*/

.csc-textpic-imagewrap {
    margin-bottom: 0.5em;
}

.cag_mailform {
    margin: 25px 0px;
}

.cag_mailform label{
    font-size: 90%;
    font-weight: bold;
}

.cag_mailform .radiobuttons {
    float: left; 
    margin-top: 1em;
    width: 24em;
}

.cag_mailform .errors {
    font-weight: bold;
    margin-top: 10px;
}

.cag_mailform .mailformBodyi textarea {
    border: #000 medium dotted;
    display: block;
    padding: 0.3em 0.5em;
}

.cag_mailform .mailformSender,
.cag_mailform .mailformBodyi {
    margin-top: 10px;
}

.cag_mailform textarea {
    resize: none;
    width: 28em;
    height: 8em;
}

.cag_mailform .left {
    float: left;
}

.cag_mailform br,
.cag_mailform div {
    clear: both;
}

.cag_mailform #kontakt_senden{
    padding: 2px 5px;
    float: left;
    clear: both;
    width: 6em;
    margin-top: 1.5em;
    cursor: pointer;
}

.cag_mailform #herzfunk_senden {
    padding: 0.2em 0.5em;
    clear: both;
    width: 6em;
    margin-top: 0.9em;
    cursor: pointer;
}

.cag_mailform input[type='radio']{
    margin-right: 2px;
    margin-top: 2px;
}

.cag_mailform input[type='text']{
    width: 13em;
}

.cag_mailform input[type='text'],
.cag_mailform textarea {
    margin-top: 2px;
}

.cag_mailform input:focus,
.cag_mailform textarea:focus {
  border: 3px solid #fa55ff;
  outline: 3px solid 000;
}

/*#####################################| games |########*/
.game-wrapper,
#game-wrapper {
    background: url('../../fileadmin/templates/img/bigContentBg.png') repeat-y 0 0;
}

.game-wrapper .left-column,
#memory {
    height: auto;
}
#game-wrapper .left-column h3 {
    margin: 0;
    padding: 0 0 0.2em 0;
}

.voting-feedback-wrapper {
    display: block;
    float: left;
    padding: 1em;
    background: white;
}

/*###| wortsalat |###*/
#wortsalat {
    height: 27em;
    padding-bottom: 2.5em;
}
#wortsalat #wslOutput {
    padding: 0;
}
#wortsalat #wslTargetImg {
    margin: 1.4em 0 0 3em;
}
#wortsalat #auswahl {
    position: relative;
    top: 1.4em;
    left: 4em;
}
#wortsalat #auswahl li {
    margin-right: 20px !important;
}


/*###| quiz |### */
#quiz{
    float: left;
    width: 45.85em;
    height: 29em;
    background: #fff;
}

#quiz #smallPopup,
#quiz #smallPopupQuiz {
    top: 6.3em;
}

#quiz .closeButton {
    position: absolute;
    top: -35px !important;
    right: -29px !important;
}

#quiz #closeButton {
    position: absolute;
    top: -2.4em;
    right: -2em;
}

#question-wrapper {
   margin: 1em 0 0 13.2em;
   position: relative;
}

#question-wrapper #article-control {
    width: 29.14em;
}

#question-wrapper #submit {
    background: none repeat scroll 0 0 #000000;
    border: medium none;
    color: #FFFFFF;
    padding: 0.3em 1.5em;
    position: absolute;
    bottom: 0;
    right: 0;
    position: absolute;
    bottom: 0;
    right: 1.35em;
}
#question-wrapper #submit:focus {
    outline: 3px solid #000;
    border: 3px solid #fa55ff;
}

#game-start {
    position: absolute;
    left: -13em;
    bottom: 2em;
    width: 15.357em;
    height: 3.13em;
    padding: 1.3em 2.1em 0 0;
    background: url('../../fileadmin/templates/img/start_arrow.png') no-repeat scroll 0 0 transparent;
    text-align: center;

   -webkit-transform: rotate(-3deg);
   -moz-transform: rotate(-3deg);
   -o-transform: rotate(-3deg);
   -ms-transform: rotate(-3deg);
   transform: rotate(-3deg);
}

#game-start a {
    display: block;
    font-size: 1.786em;
    text-align: center;
}

#question {
    width: 22.5em;
    position: absolute;
    top: 5em;
    left: -23.5em;
    padding-bottom: 0.8em;
    background: #fff;
   /* -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);*/
}

#question h3 {
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    padding: 0.8em;
}

#question p {
    padding: 0 1em;
}

#content ul#question-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

#content ul#question-list li label {
    margin-left: 0.5em;
}

#answer-wrapper {
    width: 28.428em;
    padding: 1.429em;
}
/*#####################################| footer |########*/

footer {
  position: fixed;
  bottom: 0px !important;
  clear:both;
  width: 100%;
  height: 1.429em; /* 20px */
  background: #ffff00;
  z-index: 1000;
}

/*#######| footer for Layout change |#######*/
footer {
  /*  MK 06.02.14 */
  /* RS enable marginTOP 13.03.14 */
  margin-top: -1.429em; 
  /* bottom: auto; */
  bottom: 0;
  position: relative;
}


footer nav {
  /* RS fix nav break in Chrome 13.03.14 */
  width: 56.19em;
  margin: 0 auto;
}

footer li {
  float: left;
  margin: 0.2em 0.5em 0 0.429em;
}

footer li a span{
    background: url('../../fileadmin/templates/img/small_arrow.png') 0 0.18em no-repeat;
    color: #000;
    padding: 0 0.5em 0 0.909em;
}
.page-196 {
    width: 9.9em;
    --height: 7.7em;
    margin: -6.3em -0.9em 0;
    display: block;
    position: relative;
    bottom: 0em;
    padding: 6.3em 0.2em 0em 1.2em;
    background: url('../../fileadmin/templates/img/baerenbude.gif') no-repeat scroll 0 0 transparent;
    text-align: center;
}

#baerenBude {
    bottom: -0.1em;
    left: 49%;
    position: fixed;
}

footer a:hover {
  text-decoration: underline;
}

footer nav img {
  position: relative;
  bottom: 6.3em;
  left: 8.1em;
}

#baeren-link {
  background: url('../../fileadmin/templates/img/baerenbude.gif') no-repeat scroll 0 0 transparent;
  bottom: 7.45em;
  display: block;
  height: 7.8em;
  left: -0.5em;
  position: relative;
  width: 11.4em;
}



/* suchergebnis */
#searchResult p {
    color: #666;
    margin-bottom: 1em;
}
#content #searchResult li {

}

#sciSucheFormular .wsFormBut {
    background: none repeat scroll 0 0 #000000;
    border: medium none;
    margin-left: 1em;
    color: #FFFFFF;
    padding: 0.3em 1.5em;
}
#sciSuchePulldown {
    float: left;
    margin-right: 2em;
}
#searchmethod {
    height: 1.6em;
    margin-top: 0.1em;
}
#sciSucheErgebnisliste p {
    margin-bottom: 0.7em;
    border-bottom: 1px solid #000;
    padding-bottom: 0.5em;
}
#sciSucheErgebnisliste p a {
    padding: 0;
    background: transparent;
    font-weight: bold;
}
#sciSucheErgebnisliste p a.sciSucheLink {
    color: #37D2F5;
    font-weight: normal;
}

#content ul.pageCounterNavi {
    display: block;
    clear: both;
    float: none;
    width: 100%;
    height: 2.5em;
    margin: 2em 0 1em 3em;
    padding: .8333em 0 0;
    list-style: none;
    list-style-image: none;
}

#content ul.pageCounterNavi li {
    display: block;
    float: left;
    margin: 0 .1667em 0 0;
    padding: 0;
    text-align: center;
    font-weight: normal;
}

#content ul.pageCounterNavi li a, ul.pageCounterNavi li strong {
    font-size: 93%;
    display: block;
    width: 1.6130em;
    height: 1.6130em;
}

#content ul.pageCounterNavi li.nextToLast a {
    display: block;
    font-weight: bold;
    width: 9.6667em;
    height: 2.25em;
    padding: 0;
    text-indent: 0;
    border-width: 0!important;
}

/* PODCAST LIST ############################################ */

.podcast_item {
    margin-top: 1em;
    padding-top: 1em;
    background: url('../../fileadmin/templates/img/dashed_border.gif') repeat-x top;
}

.podcast_item h1,
.podcast_item p {
    font-weight: bold;
}

.podcast_item p {
    margin-top: 0;
}

.podcast_item a {
    display: block;
    margin-bottom: 1em;
}

.podcast_item .icon {
    margin:  0 1em -0.3em 0;
}

.podcast_item input {
    width: 80%;
}

.all_episodes {
    margin-top: 1em;
}

.podcast_item .all_episodes img {
    float: left;
    margin: 0 1.5em -0.3em 0.5em;
}

/* SEARCH RESULT STYLES ######################## */

.sciSucheGroesse {
    display: none;
}

#sciSucheErgebnisliste p {
    margin-bottom: 0em;
    border-bottom: none;
    padding-bottom: 2em;
    background: url('../../fileadmin/templates/img/dashed_border.gif') repeat-x bottom ;
}

#sciSucheErgebnisliste p a {
    display: block;
    margin-bottom: -0.8em;
}

#sciSucheErgebnisliste p a.sciSucheLink {
    font-weight: bold;
    color: #000;
    margin-top: 0.6em;
    padding-left: 1em;
    background: url('../../fileadmin/templates/img/small_arrow.png') left no-repeat;
}
#sciSucheErgebnisliste #wsColoredPrefix p {
    margin: 0;
}
#sciSucheErgebnisliste #wsColoredPrefix p a.sciSucheLink {
    margin-top: 0.2em;
}

#sciSuchePager {
    color: #016823;
    font-size: 1em;
    height: 1.5em;
    margin: 1em 0 0 0;
    padding: 0 0.5em;
    vertical-align: middle;
}
#sciSuchePager ul {
    list-style-type: none;
    margin: 0 !important;
    padding: 0 !important;
}

.f3-widget-paginator li,
#sciSuchePager ul li {
    border: 1px solid #000000;
    border-radius: 0.3em;
    display: block;
    float: left;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0.3em;
    margin-top: 0 !important;
    padding: 0.1em;
    text-align: center;
    width: 1.7em;
}

.f3-widget-paginator {
    height: 20px;
    padding: 20px 0 10px 0 !important;
}

.f3-widget-paginator li.previous, 
.f3-widget-paginator li.next {
    width: auto !important;
    height: auto;
    display: block !important;
}

.f3-widget-paginator li.previous {
    padding: 0.1em 0.3em 0.1em 1em;
    background: url('../../fileadmin/templates/img/small_arrow_left.png') 0.25em 0.3em  no-repeat;
}

.f3-widget-paginator li.next {
    padding: 0.1em 1em 0.1em 0.3em;
    background: url('../../fileadmin/templates/img/small_arrow.png') 4.3em 0.3em  no-repeat;
}

.f3-widget-paginator li {
    margin-right: 0.3em !important;
}

.f3-widget-paginator li.current {
    background: #000;
    color: #fff;
}

li.sciSuchePager1,
li.sciSuchePager3 {
    width: auto !important;
    padding-right: 0.3em !important;
}

li.sciSuchePager1 {
    padding: 0.1em 0.1em 0.1em 0.3em !important;
}

li.sciSuchePager1 a {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url('../../fileadmin/templates/img/small_arrow_left.png');
    background-origin: padding-box;
    background-position: 0.5em 0.2em !important;
    background-repeat: no-repeat;
    background-size: auto auto;
    padding: 0 0 0 1.25em;
    text-decoration: none !important;
}

li.sciSuchePager2 b a {
    text-decoration: none !important;
}

li.sciSuchePager3 a {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url('../../fileadmin/templates/img/small_arrow.png');
    background-origin: padding-box;
    background-position: 0.5em 0.2em !important;
    background-repeat: no-repeat;
    background-size: auto auto;
    padding: 0 0 0 1.25em;
    text-decoration: none !important;
}

/* HONEYPOD*/

.address,
#address {
  display:none;
  position:absolute;
  top: -1000px;
  left: -1000px;
}

/* end */

/* Interactive header links (Ich will... und Schreib uns) */

#contact_new {
    position: absolute;
    height: 4em;
    width: 13em;
    left: 51em;
    top: 0;
    z-index: 1000;

}

#contact_new a {
    background: url('../../fileadmin/templates/img/umschlag.gif') no-repeat scroll 0.6em 0.4em #ff0;
    font-size: 1.2em;
}

#ich_will {
    position: absolute;
    top: 0;
    left: 12em;
    z-index: 1000;
    height: 2.16em;
    width: 13.571em;
    padding: 0 0 2.36em 0;
    background: url('../../fileadmin/templates/img/big_arrow.png') bottom left no-repeat;
}

#ich_will h3 {
    position: absolute;
    z-index: 1500;
    margin: 0;
    width: 13.571em;
}

#ich_will h3 a {
    display: block;
    padding: 0.15em 0 0.15em 1.714em;
    background: #FFFF00;
    color: #000;
    font-size: 1.429em;
    font-weight: bold;
    letter-spacing: 0.143em;
    line-height: 120%;
}
#ich_will h3 a:hover {
    cursor: pointer;
    text-decoration: none;
}

#ich_will ul {
    position: absolute;
    bottom: 2.3em;
    width: 13.571em;
    background-color: rgba(0,0,0,0.8);
    padding: 1.6em 0 1em 0;
    margin-top: -8em;
}
#ich_will ul li {
    margin: 0 0 1em 2.5em;
}
#ich_will ul li a {
    padding: 0.3em 0 0.3em 1.5em;
    color: #fff;
    background: url('../../fileadmin/templates/img/ich_will_pfeil.png') left no-repeat;
}


/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
    position: absolute;
    top: 0.26em;
    left: 8em;
    /*width: 25.8em; */
    /*width: 31em;*/
    width: 33.6em;
    height: 2em; 
    margin: 0; 
    padding: 0;
    overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
    position: relative;
    top: 0.18em;
    left: 0;
    /*width: 25.8em; */
    /*width: 31em; */
    width: 33.6em; 
    overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 29em;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0 1.6em 0 0;;
padding: 0;
}
ul.newsticker li span.ticker-spacer {
    padding-left: 1.6em;
}
#ticker-song-label {
    color: #999;
}

#neuaufkiraka {
    height: 4em;
    left: 31em;
    position: absolute;
    top: -2em;
    width: 14em;
    z-index: 1000;
}

#neuaufkiraka a {
    font-weight: bold;
    cursor: pointer;
    background: url('../../fileadmin/templates/img/neuaufkiraka.png') no-repeat 0.85em center #FF65B1;
    color: #000000;
    display: block;
    font-weight: bold;
    letter-spacing: 0.143em;
    line-height: 120%;
    padding: 0.25em 0 0.25em 2.14em;
    text-align: center;
}

/* background position for different device size
**********************************************************/
@media screen and (max-width: 1279px) {
  #bg-link {
    top: 42.2em;
  }

  #group {
    left: 11.3em;
    top: 31.6em;
  }

  #group2 {
    left: 74.6em;
    top: 12.6em;
  }
}
@media screen and (min-width: 1280px) {
  #group2 {
    left: 75.2em;
    top: 15.6em;
  }
}

@media screen and (min-width: 1440px) {
  #group2 {
    left: 78.2em;
    top: 20.6em;
  }
}

@media screen and (min-width: 1600px) {
  #group2 {
    left: 80em;
    top: 26.6em;
  }
}

#uid395 .cag_mailform #kontakt_senden {
    width: 14em !important;
}

.csc-frame-frame1 form.chartslist p {
    display: none;
}

.tx-powermail {
        position: absolute;
            left: 1rem;
                background: #fff;
                    width: 35rem;
                        padding: 1rem;
}

.powermail_fieldwrap label.powermail_label {
    width: 18rem;
    float: left;
}

.powermail_fieldwrap {
    padding: 0.2rem 0;
}

.powermail_fieldwrap_submit {
    padding: 1rem 0 1rem 0;
}

.powermail_check_outer, 
.powermail_radio_outer {
    padding: 0.2rem 0;
}

.powermail_radio_inner {
    width: 4rem;
    float: left;
}

.powermail_fieldwrap_text {
    font-size: 12px;
}

#bg{
	background: none;
}

img#IEbg {
	 display: block;
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;
	
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
	
	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
	 
	/* position: absolute; 
	top:0; 
	left:0; 
	right:0; 
	bottom:0; 
	margin:auto; 
	min-width:100%; 
	min-height:100%; 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/../img/kirakaBG1.jpg', sizingMethod='scale');*/
}

#back-firstline {
    letter-spacing: 0.1em;
}

/* layer positions */
#wrapper {
	z-index: 9250;	
}
#contact {
	z-index: 9240;
}

/* -- focus --- */
.address-select-name:focus {
    margin-bottom: 0.58em;
    height: 3.19em;
}

#group {
	/*z-index: 9230;*/
}
.IEbg {

}
footer {
	z-index: 9260;
	left: 0;
}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
	img#bg {
		/* MK 06.02.14
		left: 50%;
		margin-left: -512px;   /* 50% */
	}
}

#ich_will ul {
    background: url('../../fileadmin/templates/img/bg_black_transparent_080.png');
}

#wrapper {
    display: table !important;
    /* MK 06.02.14
	left: 50%; */
}

#wrapper {
    display: table;
    /* MK 06.02.14 */
    left: 50%;
}

#wrapper {
    display: table;
    /* MK 06.02.14 */
   /* left: 0 !important;*/
}

/* POPUP */
#smallPopup,
#smallPopupQuiz
{
    display: none;
    width: 280px;
    position: absolute;
    top: 0px;
    left: 330px;
    padding-bottom: 10px;
    background-color: #ffff00;
    border: #fff 10px solid;
    z-index: 3000;

    -moz-box-shadow:    3px 3px 8px 4px rgba(0,0,0,0.3);
    -webkit-box-shadow: 3px 3px 8px 4px rgba(0,0,0,0.3);
    box-shadow:         3px 3px 8px 4px rgba(0,0,0,0.3);
}


#smallPopup h3,
#smallPopupQuiz h3
{
    font-size: 18px;
    font-weight: bold;
    background-color: #0fb4fa;
    padding: 10px 5px;
    text-transform: uppercase;
    cursor: move;
    margin: 0;
}

#smallPopup p,
#smallPopupQuiz p
{
    padding: 10px 5px;
}

#smallPopup a,
#smallPopupQuiz a
{
    color: #000;
    padding: 10px 5px;
}

.but {
	display:none;
}
.lastbut {
	display:block;
}

.nflast {
	display:none;
}

#smallPopup .closeButton,
#smallPopup .nextBotton,
#smallPopup .closePopup,
#smallPopup .closeButtonEnd,
#smallPopupQuiz .closeButton,
#smallPopupQuiz .nextBotton,
#smallPopupQuiz .closePopup,
#smallPopupQuiz .closeButtonEnd
{
    position: absolute;
    top: -17px;
    right: -12px;
}


a.draggable,
a.ui-draggable,
a.ui-draggable-dragging
{
    color: #000;
    background: none repeat scroll 0 0 #FFFF00;
    padding: 0.4em 0.6em;
}


#closeButtonText,
.closeButtonText {
	position:relative !important;
}

.status1,
.status2,
.status3,
.status4 {
	display:none;
}

/* MEMORY */

#memory
{
    position: relative;
}

#memory ul
{
    list-style-type: none;
}

#memory ul li
{
    float: left;
    width: 100px;
}

#memory ul li img
{
    border: #fff solid 4px;
    
    -moz-box-shadow:    3px 3px 8px 2px rgba(0,0,0,0.4);
    -webkit-box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.4);
    box-shadow:         3px 3px 8px 2px rgba(0,0,0,0.4);

    /* IE */
    zoom: 1;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=0, Strength=3)
    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=45, Strength=3)
    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=90, Strength=3)
    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=3)
    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=180, Strength=3)
    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=225, Strength=3)
    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=260, Strength=3)
    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=305, Strength=3);
}

#memory ul li img.error
{
    border: #ff0000 solid 4px;
}

#memory ul li img:hover
{
    cursor: pointer;
}

#wsPopup
{
    display: none;
}


/* WORTSCHIEBER */

#wortschieber
{
    position: relative;
    min-height: 27em;
}

#wortschieber .image {
    text-align: center;
}

#wortschieber ul
{
    list-style-type: none;
    font-weight: bold;
    font-size: 20px;
    margin:0.5em 0 0 1.6em;
    width: 25.45em;
}

#wortschieber ul li
{
    float: left;
    font-size: 0.7em;
    margin: 0 0.8em 20px 0;
    overflow: visible;
}

#wortschieber ul li p
{
    display: none;
}

#wortschieber .border
{
    border: #fff solid 2px;
}

#wortschieber .border.highlight
{
    border: orange solid 2px;
}

#wortschieber .border.richtig
{
    border: green solid 2px;
}

#wortschieber .border.falsch
{
    border: red solid 2px;
}

#wortschieber #auswahl .ui-draggable-dragging
{
    background-color: #fff; 
    padding: 1px 8px;
    
    border-radius: 3px;
    -moz-border-radius: 3px;
}


/* FALSCHMELDER */

#falschmelder
{
    float: left;
    position: relative;
    background-color: #FFF;
    padding-right: 0;
    width: 44.85em;
}

#falschmelder ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#falschmelder ul li
{
    float: left;
    margin: 0;
    width: 200px;
    padding-right: 9px;
    padding-bottom: 9px;
    line-height: 0;
    position: relative;
}

#falschmelder ul li p
{
    display: none;
}

#falschmelder ul li img:hover
{
    cursor: pointer;
}

#falschmelder ul li .right,
#falschmelder ul li .wrong
{
    position: absolute;
}

#wsPopup
{
    display: none;
}


/* WORTSALAT */

#wortsalat
{
    position: relative;
}

#wortsalat ul
{
    list-style-type: none;
    font-weight: bold;
    font-size: 20px;
}

#wortsalat ul li
{
    margin-bottom: 4px;
}

#wortsalat ul a
{
    color: #000;
}

#wortsalat .border
{
    border: #fff solid 2px;
}

#wortsalat .border.highlight
{
    border: orange solid 2px;
}

#wortsalat .border.richtig
{
    border: green solid 2px;
}

#wortsalat .border.falsch
{
    border: red solid 2px;
}

#wortsalat #auswahl .ui-draggable-dragging
{
    background-color: #fff; 
    padding: 1px 8px;
    
    border-radius: 3px;
    -moz-border-radius: 3px;
}


#wslTargetImg
{
    padding: 20px;
    background-color: #fff;
   /* width: 368px !important;*/
   width: 415px !important;
    width: 408px;

    -moz-box-shadow:    3px 3px 8px 2px rgba(0,0,0,0.4);
    -webkit-box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.4);
    box-shadow:         3px 3px 8px 2px rgba(0,0,0,0.4);

    /* IE */
    zoom: 1;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=0, Strength=3)
    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=45, Strength=3)
    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=90, Strength=3)
    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=3)
    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=180, Strength=3)
    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=225, Strength=3)
    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=260, Strength=3)
    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=305, Strength=3);
}

#auswahl
{
    list-style-image: none;
    width: 430px;
    margin-top: 40px;
    font-size: 12px;
}

#auswahl li
{
    float: left;
    margin-right: 20px;
}

#auswahl li a
{
    background-color: #fff;
    padding: 5px;

    -moz-box-shadow:    3px 3px 8px 2px rgba(0,0,0,0.4);
    -webkit-box-shadow: 3px 3px 8px 2px rgba(0,0,0,0.4);
    box-shadow:         3px 3px 8px 2px rgba(0,0,0,0.4);

    /* IE */
    zoom: 1;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=0, Strength=3)
    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=45, Strength=3)
    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=90, Strength=3)
    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=3)
    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=180, Strength=3)
    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=225, Strength=3)
    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=260, Strength=3)
    progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=305, Strength=3);
}

#wslTargetImg #wslOutput
{
    list-style-type: none;
    height: 20px;

}

#wslTargetImg #wslOutput li
{
    float: left;
    margin-right: 10px;
}


/* PUZZLE */

#puzzle
{
    position: relative;
}

/*
#puzzle ul
{
    list-style-type: none;
    position: relative;
}

#puzzle ul li
{
    float: left;
    width: 145px;
    height: 145px;
    line-height: 0;
    position: relative;
}
*/

#puzzle .puzzle-odd,
#puzzle .puzzle-even,
#puzzle .puzzle-odd:hover,
#puzzle .even:hover
{
    padding: 0;
}

#puzzle div.tile,
#puzzle .hiddenElement
{
    position: absolute;
}

#puzzle div.tile img.frame
{
    position: absolute;
    top: 0;
    left: 0;
}

#puzzle .hiddenElement:hover
{
    cursor: pointer;
}


#tile1, #tile2, #tileSel2
{
    top: 10px;
    left: 10px;
}
#tile3, #tile4, #tileSel4
{
    top: 10px;
    left: 155px;
}
#tile5, #tile6, #tileSel6
{
    top: 10px;
    left: 300px;
}

#tile7, #tile8, #tileSel8
{
    top: 10px;
    left: 445px;
}

#tile9, #tile10, #tileSel10
{
    top: 155px;
    left: 10px;
}

#tile11, #tile12, #tileSel12
{
    top: 155px;
    left: 155px;
}

#tile13, #tile14, #tileSel14
{
    top: 155px;
    left: 300px;
}

#tile15, #tile16, #tileSel16
{
    top: 155px;
    left: 445px;
}


#wsPopup
{
    display: none;
}




#debug
{
    display: none;
    position: fixed;
    z-index: 3000;
    top: 23px;
    right: 23px;
    width: 270px;
    height: 220px;
    background-color: #fff;
    overflow: auto;
    line-height: 12px;
    font-size: 9px;
    padding: 5px;

    shadow: 1px 1px 6px rgba(0,0,0, .5);
    -moz-box-shadow: 1px 1px 6px rgba(0,0,0, .5);
    -webkit-box-shadow: 1px 1px 6px rgba(0,0,0, .5);
    -box-shadow: 1px 1px 6px rgba(0,0,0, .5);
}

#debug p
{
    padding: 5px;
}


/*!
 * jQuery UI Datepicker 1.8.20
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
 
#datepicker { float: right; } 
 
 .ui-datepicker-inline {
     width: 177px;
     color: #000;
 } 

.ui-datepicker { padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { height: 25px; position:relative; background: #b1b3b4; font-weight: bold;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev { padding: 4px; margin: 5px 0 0 4px; cursor: pointer; background-image: url('../../typo3conf/ext/ki_programmplan/Resources/Public/Images/prev_btn.png'); width: 5px; height: 10px; background-repeat:no-repeat; text-indent: -1000px;}
.ui-datepicker .ui-datepicker-next { padding: 4px; margin-top: 5px; cursor: pointer; background-image: url('../../typo3conf/ext/ki_programmplan/Resources/Public/Images/next_btn.png'); width: 5px; height: 10px; background-repeat:no-repeat; text-indent: -1000px; right: 2px;}

.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;   }
.ui-datepicker td{ background: #b1b3b4; width: 22px; height: 24px; border: 4px solid #FFF;}
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: center; text-decoration: none; font-weight:bold;}
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
.ui-state-active{ background: #FFFF00; border: 2px solid #000; width: 12px; height: 12px; }
td.ui-datepicker-other-month { background: #4e4f4d; }
td.ui-datepicker-other-month a { color: #FFF; font-weight: normal;}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}