/* Contao Open Source CMS, (c) 2005-2013 Leo Feyer, LGPL license */
/* Contao Open Source CMS, (c) 2005-2013 Leo Feyer, LGPL license */
/* Contao Open Source CMS, (c) 2005-2013 Leo Feyer, LGPL license */
body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea {
    margin: 0;
    padding: 0;
}

p {
	font-size:1.1em;
}

    a {
        color: #0168b5;
    }


table {
	height:45px !important;
    border-spacing: 0;
    border-collapse: collapse;
}

#impressum  caption, th, td{
	float:none !important;
}

caption,th,td {
    text-align: left;
	vertical-align: top;
	float: left; 
}

abbr,acronym {
    font-variant: normal;
    border-bottom: 1px dotted #666;
    cursor: help;
}

blockquote,q {
    quotes: none;
}

fieldset,img {
    border: 0;
}

ul {
    list-style-type: none;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

del {
    text-decoration: line-through;
}

ins {
    text-decoration: none;
}

body {
    color: #000;
	}

input,button,textarea,select {
    font-family: inherit;
    font-size: 99%;
    font-weight: inherit;
}

pre,code {
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: normal;
}

h1, h2 {
	color: #0168b5;
}

h4.preise-headline-sw {
	color: #000000 !important;
}
h4.preise-headline-farbe {
	color: #00c7d7 !important;
}

table {
    font-size: inherit;
}

caption,th {
    font-weight: bold;
}

a {
	text-decoration: none;
}


h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form {
    margin-bottom: 20px;
}
/* Contao Open Source CMS, (c) 2005-2013 Leo Feyer, LGPL license */
body,form {
    margin: 0;
    padding: 0;
}

img {
    border: 0;
}

header,footer,nav,section,aside,article,figure,figcaption {
    display: block;
}

body {
    font-size: 100.01%;
}

select,input,textarea {
    font-size: 99%;
	width : 100% !important; /* tftf */
}

/*xxxx*/

.main-navigation-wrapper {
	position: relative;
	clear: both;
	border: 1px solid #b2b9c4;
	background: white;
	background: -webkit-linear-gradient(#ffffff, #fafafa);
	background: -moz-linear-gradient(#ffffff, #fafafa);
	background: -o-linear-gradient(#ffffff, #fafafa);
	background: linear-gradient(#ffffff, #fafafa);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}

.submenupointer {
	cursor:default;
}

.xxtf-mobilmenu {
	position:absolute;
	width:auto;
	right:10px;
	top: 10px;

}


.xxtf-mobilmenu  a{
	      background-image: url("menu-button.png"); /* Achtung! tftf Pfad ausgehend von dieser css-Datei */
		  width:32px;
		  height:32px;
		  right:30px;
		  position:absolute;
		  top:20px;
}

#tf-dkmenu {
	background-color: #0168b5;
	font-family:"latoregular" !important;

}

#tf-dkmenu  a{
font-size: 1.2em;
color: #ffffff;
}

  .mm-menu.mm-white .mm-list > li > a.mm-subopen:after, .mm-menu.mm-white .mm-list > li > a.mm-subclose:before {
    border-color: rgba(255, 255, 255, 1.0); 
	//border-color: rgba(242, 222, 145, 1.0);
	}

#mainmenu{
	float: right;
	height: 100%;
}


#mainmenua:before,
#mainmenuspan.active:before,
#mainmenuspan.trail:before,
#mainmenuspan.forward:before {
	content: none;
	display: none;
}
#mainmenuxx{
	display: inline;
	margin: 0;
	padding: 0;
}
#mainmenu> ul > li {
	position: relative;
	float: left;
	height: 100%;
	letter-spacing: 0.03em;
}
#mainmenu> ul > li.-mega {
	position: static;
}

#mainmenu> ul > li:before {
	position: absolute;
	top: 50%;
	left: 0.5em;
	margin-top: -0.33333em;
	font-size: 0.75em;
}
#mainmenu> ul > li > a,
#mainmenu> ul > li > span.active,
#mainmenu> ul > li > span.trail,
#mainmenu> ul > li > span.forward {
	position: relative;
	float: left;
	height: 100%;
	padding: 0 0.75em;
	font-size: 0.875em;
	xxcolor: #717c8e;
}

#mainmenu> ul > li > a:before,
#mainmenu> ul > li > span.active:before,
#mainmenu> ul > li > span.trail:before,
#mainmenu> ul > li > span.forward:before {
	content: "";
	display: block;
	height: 50%;
	margin-bottom: -0.71429em;
}
#mainmenu> ul > li > a:after,
#mainmenu> ul > li > span.active:after,
#mainmenu> ul > li > span.trail:after,
#mainmenu> ul > li > span.forward:after {
	content: "";
	position: absolute;
	top: -1px;
	right: 50%;
	left: 50%;
	xxborder-top: 2px solid #717c8e;
	-webkit-transition: right 0.4s ease-out, left 0.4s ease-out;
	-moz-transition: right 0.4s ease-out, left 0.4s ease-out;
	-o-transition: right 0.4s ease-out, left 0.4s ease-out;
	transition: right 0.4s ease-out, left 0.4s ease-out;
}

@media screen and (max-width: 900px) {
	#mainmenu> ul > li > a:after,
	#mainmenu> ul > li > span.active:after,
	#mainmenu> ul > li > span.trail:after,
	#mainmenu> ul > li > span.forward:after {
		top: auto;
		bottom: -1px;
	}
}

#mainmenu> ul > li > a:hover,
#mainmenu> ul > li > a:focus {
	color: #a8a9ad;
	text-decoration: none;
}
#mainmenu> ul > li > a.active,
#mainmenu> ul > li > a.trail,
#mainmenu> ul > li > a.forward,
#mainmenu> ul > li span.active,
#mainmenu> ul > li span.trail,
#mainmenu> ul > li span.forward {
	color: #a8a9ad;
}

#mainmenu> ul > li > ul {
	position: absolute;
	top: 100%;
	left: 0.5em;
	display: block;
	overflow: hidden;
	max-height: 0;
	min-width: 11.25em;
	padding: 0;
	xxborder: solid #e5e8ee;
	xxborder-width: 1px 1px 2px;
	xxborder-top-color: #e5e8ee;
	xxborder-radius: 0 0 3px 3px;
	background: white;
	opacity: 0;
	xxbox-shadow: inset 0 6px 2px -5px rgba(0, 0, 0, 0.1);
	-webkit-transition: max-height 0s, padding 0s, opacity 0.3s;
	-webkit-transition-delay: 0.3s, 0.3s, 0s;
	-moz-transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s;
	-o-transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s;
	transition: max-height 0s 0.3s, padding 0s 0.3s, opacity 0.3s;
	pointer-events: none;
}
#mainmenu> ul > li > ul li {
	position: relative;
	display: block;
	padding: 0.125em 0.375em;
	xxborder-bottom: 1px solid #e5e8ee;
	white-space: nowrap;
}
#mainmenu> ul > li > ul li li {
	margin: 0 -0.375em;
	border: 0;
}
#mainmenu> ul > li > ul li[data-icon]:before,
#mainmenu> ul > li > ul li[class^="icon-"]:before,
#mainmenu> ul > li > ul li[class*=" icon-"]:before {
	position: absolute;
	top: 0.64286em;
	left: 0.28571em;
	z-index: 1;
	font-size: 0.875em;
}
#mainmenu> ul > li > ul li[data-icon] a,
#mainmenu> ul > li > ul li[data-icon] span.active,
#mainmenu> ul > li > ul li[data-icon] span.trail,
#mainmenu> ul > li > ul li[data-icon] span.forward,
#mainmenu> ul > li > ul li[class^="icon-"] a,
#mainmenu> ul > li > ul li[class^="icon-"] span.active,
#mainmenu> ul > li > ul li[class^="icon-"] span.trail,
#mainmenu> ul > li > ul li[class^="icon-"] span.forward,
#mainmenu> ul > li > ul li[class*=" icon-"] a,
#mainmenu> ul > li > ul li[class*=" icon-"] span.active,
#mainmenu> ul > li > ul li[class*=" icon-"] span.trail,
#mainmenu> ul > li > ul li[class*=" icon-"] span.forward {
	padding-left: 1.71429em;
}
#mainmenu> ul > li > ul a,
#mainmenu> ul > li > ul span.active,
#mainmenu> ul > li > ul span.trail,
#mainmenu> ul > li > ul span.forward {
	position: relative;
	display: block;
	padding: 0.21429em 0.42857em;
	margin: 0 -0.42857em;
	font-size: 0.875em;
}
#mainmenu> ul > li > ul a {
	border-radius: 3px;
	xxcolor: #1782c5;
	color: #0168b5;
	-webkit-transition: background-color 0.6s ease-in, color 0.6s ease-in;
	-moz-transition: background-color 0.6s ease-in, color 0.6s ease-in;
	-o-transition: background-color 0.6s ease-in, color 0.6s ease-in;
	transition: background-color 0.6s ease-in, color 0.6s ease-in;
}
#mainmenu> ul > li > ul a.active {
		color: #a8a9ad;
}

#mainmenu> ul > li > ul a:hover {
	text-decoration: none;
	xxcolor: #126498;
	color: #a8a9ad;

	xxbackground-color: #e5e8ee;
	-webkit-transition-duration: 0.05s;
	-moz-transition-duration: 0.05s;
	-o-transition-duration: 0.05s;
	transition-duration: 0.05s;
}
#mainmenu> ul > li > ul span.active,
#mainmenu> ul > li > ul span.trail,
#mainmenu> ul > li > ul span.forward {
	color: #00c7d7;
}
#mainmenu> ul > li > ul ul {
	display: block;
	padding-left: 0.625em;
}
#mainmenu> ul > li:hover:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	margin-top: 0.625em;
}
#mainmenu> ul > li:hover > a,
#mainmenu> ul > li:hover > span.active,
#mainmenu> ul > li:hover > span.trail,
#mainmenu> ul > li:hover > span.forward {
	z-index: 2;
}
#mainmenu> ul > li:hover > a:after,
#mainmenu> ul > li:hover > span.active:after,
#mainmenu> ul > li:hover > span.trail:after,
#mainmenu> ul > li:hover > span.forward:after {
	right: 1.42857em;
	left: 1.42857em;
	-webkit-transition-duration: 0.1s, 0.1s;
	-moz-transition-duration: 0.1s, 0.1s;
	-o-transition-duration: 0.1s, 0.1s;
	transition-duration: 0.1s, 0.1s;
}
/*submenu steuerung hover*/
#mainmenu> ul > li:hover > ul {
	z-index: 1;
	max-height: 9999px;
	padding: 0.875em 0.5em;
	opacity: 1;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	transition: opacity 0.2s;
	pointer-events: auto;
}
#mainmenu> ul > li.last > ul {
	left: auto;
	right: -0.125em;
}




 		/*tftf seltsam 2 select-Felder, kommt evtl. von efg_Formular, deshalb display:none bei Klasse styled_select*/
	table .select {
			xxbackground-color: #00c7d7 !important;
			opacity:1 !important;
	}
	table .styled_select {
		display:none;
	}
	
    select, input[type="url"],input[type="email"],input[type="text"],input[type="password"],textarea,input[type="ort"],input[type="file"],input[type="Nachricht"] {
        padding: 10px 0px;
		color: #000000;
		border:none;
		background-color: #ffffff;
		border: 1px solid #e5e7e9;
    }

    .mod_search input.text {
        padding: 6px;
        border: 1px solid #e1e1e1;
        -webkit-box-shadow: inset 0px 0px 3px 0 #dedede;
        box-shadow: inset 0px 0px 3px 0 #dedede;
        -webkit-appearance: none;
        appearance: none;
    }

    select {
        width: 60%;
        display: block;
        padding: 10px 0px;
        line-height: 24px;
        -webkit-appearance: menulist;
        -moz-appearance: menulist;
        appearance: menulist;
        white-space: pre;
    }

    input[type="url"],input[type="email"],input[type="text"],input[type="password"],textarea,input[type="search"],input[type="file"],input[type="tel"] {
        width: 60%;
    }

    #right .mod_subscribe input[type="text"] {
        width: 210px;
    }

    textarea {
        width: 95%;
        height: 140px;
    }

    input[type="text"]:focus,input[type="password"]:focus,textarea:focus {
        -webkit-box-shadow: inset 0px 0px 3px 0 #dedede;
		}

    .checkbox_container span,.radio_container span {
        display: inline-block;
        margin-right: 10px;
    }

    .checkbox_container+br,.radio_container+br {
        display: none;
    }

    .checkbox_container label,.checkbox_container input {
        vertical-align: middle;
    }

    .checkbox_container {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    input[type="radio"],x:-moz-any-link {
        top: 2px;
        position: relative;
    }

    .submit_container {
        margin-bottom: 1em;
			width:130px;
    }

    form table td {
        padding-top: 3px;
        padding-bottom: 3px;
    }

    form table td:first-child {
        padding-top: 6;
        padding-right: 18;
        padding-bottom: 0;
        text-align: left;
		}

    .tableform table {
        width: 70%;
		margin-top: 1.5em;
        margin-bottom: 0;
		margin: 0 auto;
    }

    .tableform .formbody,.tableless .formbody {
        overflow: hidden;
    }

	
.cleartf {
	clear:both;
}

#main,#left,#right {
    float: none; /* wegen widtg: 768px !!! s.h. www.responsinator.com */
    position: relative;
}

#main {
	max-width:100%;
}

#left {
z-index:900;
overflow:hidden;
}

#right {
}

#footer {
    clear: both;
	border-top: solid 2px #0168b5;
	 xxbackground-color: #0168b5;
	 height:80px;
	 margin-top:40px !important;
}


*[class*="grid"] {
    float: left;
    display: inline;
    margin-right: 1%;
    margin-left: 1%;
}



.mod_article>* {
    margin-right: 1%;
    margin-left: 1%;
}

.inside>*[class*="grid"] {
    margin-right: 0;
    margin-left: 0;
}

.grid1 {
    width: 4.25%;
}

.grid2 {
    width: 10.5%;
}

.grid3 {
    width: 16.75%;
}

.grid4 {
    width: 23%;
}

.grid5 {
    width: 31.3%;
}

.grid6 {
    width: 35.5%;
}

.grid7 {
    width: 41.75%;
}

.grid8 {
    width: 48%;
}

.grid9 {
    width: 54.25%;
}

.grid10 {
    width: 60.5%;
}

.grid11 {
    width: 66.75%;
}

.grid12 {
    width: 73%;
}

.grid13 {
    width: 79.25%;
}

.grid14 {
    width: 85.5%;
}

.grid15 {
    width: 91.75%;
}

.grid16 {
    width: 98%;
}

.grid16_0 {
    width: 100%;
    margin: 0!important;
}

.mod_article.grid1 {
    width: 6.25%;
}

.mod_article.grid2 {
    width: 12.5%;
}

.mod_article.grid3 {
    width: 18.75%;
}

.mod_article.grid4 {
    width: 25%;
}

.mod_article.grid5 {
	width : 24%; /* wegen video teaser */
}

.mod_article.grid6 {
    width: 33.3%;
}

.mod_article.grid7 {
    width: 43.75%;
}

.mod_article.grid8 {
    width: 50%;
}

.mod_article.grid9 {
    width: 56.25%;
}

.mod_article.grid10 {
    width: 62.5%;
}

.mod_article.grid11 {
    width: 68.75%;
}

.mod_article.grid12 {
    width: 75%;
}

.mod_article.grid13 {
    width: 81.25%;
}

.mod_article.grid14 {
    width: 87.5%;
}

.mod_article.grid15 {
    width: 93.75%;
}

.mod_article.grid16 {
    width: 100%;
}

.offset1 {
    margin-left: 7.25%;
}

.offset2 {
    margin-left: 13.5%;
}

.offset3 {
    margin-left: 19.75%;
}

.offset4 {
    margin-left: 26%;
}

.offset5 {
    margin-left: 32.25%;
}

.offset6 {
    margin-left: 38.5%;
}

.offset7 {
    margin-left: 44.75%;
}

.offset8 {
    margin-left: 51%;
}

.offset9 {
    margin-left: 57.25%;
}

.offset10 {
    margin-left: 63.5%;
}

.offset11 {
    margin-left: 69.75%;
}

.offset12 {
    margin-left: 76%;
}

.offset13 {
    margin-left: 82.25%;
}

.offset14 {
    margin-left: 88.5%;
}

.offset15 {
    margin-left: 94.75%;
}


/* tftf eigene definitionen */

   .clearall {
        display: inline-block;
        padding: 6px 10px;
        background-color: #505050;
        color: #fff;
       behavior: url("assets/css3pie/1.0.0/PIE.htc");
    }

    .clearall:hover , .clearall a:hover{
        display: inline-block;
        text-decoration: none;
		      background-color: #000000; /* tftf */
        cursor: pointer;
		color:#fff;
    }
	.clearall a {
	color: #fff;
	}
	



/* tftf Katalog definitionen */

   .mod_cataloglist .item {
height: 200px; 
        margin-top: 15px;
    }
	
	   div.Name,div.Inhaber,div.strasse,div.plz,div.Ort,div.tel,div.inhalt,div.mobil,div.email,div.www {
        width: 100%;
        float: left;
    }
	
   section {
        margin: 0;
        padding: 0;
    }	

    #navmobil {
        display: none;
    }

    #submenu ul.level_1 {
        margin-top: 5px;
        margin-bottom: 0;
    }

    #submenu a {
        display: block;
        padding-top: 4px;
        padding-bottom: 4px;
        font-size: 13px;
        text-decoration: none;
        letter-spacing: 1px;
    }

    #submenu span {
        display: block;
        padding-top: 4px;
        padding-bottom: 4px;
        font-size: 13px;
        color: #0b8185;
        letter-spacing: 1px;
    }

    #submenu a:hover {
        text-decoration: underline;
		}

    #submenu a.trail {
        color: #0003b0;
    }

    #submenu .level_1 ul {
        margin-bottom: 0;
    }

    #submenu .level_2 li a {
        padding-left: 10px;
    }

    #submenu .level_2 li span {
        padding-left: 10px;
    }

    #submenu .level_3 li a {
        padding-left: 15px;
    }

    #submenu .level_3 li span {
        padding-left: 15px;
    }



#main .inside {
    margin-top: 30px;
	xxxxmargin-top:150px;
}
    h1 {
		text-transform: uppercase;
		border-bottom: solid 2px #0168b5;
    }

img {
    max-width: 100%;
    height: auto;
}

.ie7 img {
    -ms-interpolation-mode: bicubic;
}

.ie8 img {
    width: auto;
}

.ce_gallery ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style: none;
}

.ce_gallery li {
    float: left;
}

.ce_gallery li.col_first {
    clear: left;
}

.block {
    overflow: hidden;
}

.clear,#clear {
    height: .1px;
    font-size: .1px;
    line-height: .1px;
    clear: both;
}

.invisible {
    width: 0;
    height: 0;
    left: -1000px;
    top: -1000px;
    position: absolute;
    overflow: hidden;
    display: inline;
}

.custom {
    display: block;
}

#container:after,.custom:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


/**
 * Global TinyMCE style sheet
 * 
 * Use this style sheet to define CSS classes for the rich text editor. The
 * stlye sheet will be included in the editor and the page layout automatically.
 * Although the stlye sheet is shared by all themes, you can override its
 * formattings in any of your theme style sheets.
 * 
 *   tl_files/tinymce.css (this is how it looks like in TinyMCE)
 *   .warning { color:#c55; }
 * 
 *   theme_a.css (this is how it looks like in theme A)
 *   .warning { font-weight:bold; }
 * 
 *   theme_b.css (this is how it looks like in theme B)
 *   .warning { color:#000; }
 * 
 * If you do not want to use a global TinyMCE style sheet at all, simply delete
 * this file (tl_files/tinymce.css).
 */
.warning {
    color: #c55;
}

.confirmation {
    color: #090;
}

.information {
    color: #999;
}

.highlight1 {
    background-color: #FFFFC7;
}

.highlight2 {
    padding: 2px 6px;
    background-color: #B5B5B5;
    color: #000;
}

.dropcap {
    float: left;
    display: block;
    margin: 0 8px -5px 0;
    font-size: 40px;
    line-height: 40px;
    color: #f40000;
}

.pullquote_left {
    width: 33%;
    float: left;
    padding: 20px;
    background-color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    behavior: url("../../files/plugins/css3pie/PIE.htc");
    margin: 20px 20px 20px 2px;
    -moz-box-shadow: 0 1px 3px #aaaaaa;
    -webkit-box-shadow: 0 1px 3px #aaaaaa;
    box-shadow: 0 1px 3px #aaaaaa;
}

.pullquote_right {
    width: 33%;
    float: right;
    padding: 20px;
    background-color: #fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    behavior: url("../../files/plugins/css3pie/PIE.htc");
}

.blockquote {
    width: 50%;
    float: left;
    margin: 20 0;
    padding: 5px 5px 5px 45px;
    background-image: url("/tl_files/theme/img/blockquote.png");
}

/* MediaElement.js 2.11.3, (c) 2010-2013 John Dyer <http://j.hn>, MIT license */
.mejs-container {
    position: relative;
    background: #000;
		font-family: Helvetica,Arial;
    text-align: left;
    vertical-align: top;
    text-indent: 0;
}

.mejs-audio {
    margin-top: 18px;
}

.me-plugin {
    position: absolute;
}

.mejs-embed,.mejs-embed body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #000;
    overflow: hidden;
}

.mejs-container-fullscreen {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 1000;
}

.mejs-container-fullscreen .mejs-mediaelement,.mejs-container-fullscreen video {
    width: 100%;
    height: 100%;
}

.mejs-background {
    position: absolute;
    top: 0;
    left: 0;
}

.mejs-mediaelement {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.mejs-poster {
    position: absolute;
    top: 0;
    left: 0;
}

.mejs-poster img {
    border: 0;
    padding: 0;
    border: 0;
    display: block;
}

.mejs-overlay {
    position: absolute;
    top: 0;
    left: 0;
}

.mejs-overlay-play {
    cursor: pointer;
}

.mejs-overlay-button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    background: url("../../assets/jquery/mediaelement/2.11.3/images/bigplay.svg") no-repeat;
}

.no-svg .mejs-overlay-button {
    background-image: url("../../assets/jquery/mediaelement/2.11.3/images/bigplay.png");
}

.mejs-overlay:hover .mejs-overlay-button {
    background-position: 0 -100px;
}

.mejs-overlay-loading {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
    background: #333;
    background: url("../../assets/jquery/mediaelement/2.11.3/images/background.png");
    background: rgba(0,0,0,0.9);
    background: -webkit-gradient(linear,0% 0,0% 100%,from(rgba(50,50,50,0.9)),to(rgba(0,0,0,0.9)));
    background: -webkit-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));
    background: -moz-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));
    background: -o-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));
    background: -ms-linear-gradient(top,rgba(50,50,50,0.9),rgba(0,0,0,0.9));
    background: linear-gradient(rgba(50,50,50,0.9),rgba(0,0,0,0.9));
}

.mejs-overlay-loading span {
    display: block;
    width: 80px;
    height: 80px;
    background: transparent url("../../assets/jquery/mediaelement/2.11.3/images/loading.gif") 50% 50% no-repeat;
}

.mejs-container .mejs-controls {
    position: absolute;
    background: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    bottom: 0;
    left: 0;
    background: url("../../assets/jquery/mediaelement/2.11.3/images/background.png");
    background: rgba(0,0,0,0.7);
    background: -webkit-gradient(linear,0% 0,0% 100%,from(rgba(50,50,50,0.7)),to(rgba(0,0,0,0.7)));
    background: -webkit-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));
    background: -moz-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));
    background: -o-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));
    background: -ms-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));
    background: linear-gradient(rgba(50,50,50,0.7),rgba(0,0,0,0.7));
    height: 30px;
    width: 100%;
}

.mejs-container .mejs-controls div {
    list-style-type: none;
    background-image: none;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 26px;
    height: 26px;
    font-size: 11px;
    line-height: 11px;
    background: 0;
    font-family: Helvetica,Arial;
    border: 0;
}

.mejs-controls .mejs-button button {
    cursor: pointer;
    display: block;
    font-size: 0;
    line-height: 0;
    text-decoration: none;
    margin: 7px 5px;
    padding: 0;
    position: absolute;
    height: 16px;
    width: 16px;
    border: 0;
    background: transparent url("../../assets/jquery/mediaelement/2.11.3/images/controls.svg") no-repeat;
}

.no-svg .mejs-controls .mejs-button button {
    background-image: url("../../assets/jquery/mediaelement/2.11.3/images/controls.png");
}

.mejs-controls .mejs-button button:focus {
    outline: solid 1px yellow;
}

.mejs-container .mejs-controls .mejs-time {
    color: #fff;
    display: block;
    height: 17px;
    width: auto;
    padding: 8px 3px 0 3px;
    overflow: hidden;
    text-align: center;
    padding: auto 4px;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.mejs-container .mejs-controls .mejs-time span {
    font-size: 11px;
    color: #fff;
    line-height: 12px;
    display: block;
    float: left;
    margin: 1px 2px 0 0;
    width: auto;
}

.mejs-controls .mejs-play button {
    background-position: 0 0;
}

.mejs-controls .mejs-pause button {
    background-position: 0 -16px;
}

.mejs-controls .mejs-stop button {
    background-position: -112px 0;
}

.mejs-controls div.mejs-time-rail {
    width: 200px;
    padding-top: 5px;
}

.mejs-controls .mejs-time-rail span {
    display: block;
    position: absolute;
    width: 170px;
    height: 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
}

.mejs-controls .mejs-time-rail .mejs-time-total {
    margin: 5px;
    background: #333;
    background: rgba(50,50,50,0.8);
    background: -webkit-gradient(linear,0% 0,0% 100%,from(rgba(30,30,30,0.8)),to(rgba(60,60,60,0.8)));
    background: -webkit-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));
    background: -moz-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));
    background: -o-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));
    background: -ms-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));
    background: linear-gradient(rgba(30,30,30,0.8),rgba(60,60,60,0.8));
}


.mejs-controls .mejs-time-rail .mejs-time-buffering {
    width: 100%;
    background-image: -o-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));
    background-image: -webkit-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -moz-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -ms-linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(-45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    -webkit-background-size: 15px 15px;
    -moz-background-size: 15px 15px;
    -o-background-size: 15px 15px;
    background-size: 15px 15px;
    -webkit-animation: buffering-stripes 2s linear infinite;
    -moz-animation: buffering-stripes 2s linear infinite;
    -ms-animation: buffering-stripes 2s linear infinite;
    -o-animation: buffering-stripes 2s linear infinite;
    animation: buffering-stripes 2s linear infinite;
}



/*
@-webkit-keyframes buffering-stripes {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 30px 0;
    };
}


@-moz-keyframes buffering-stripes {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 30px 0;
    };
}

@-ms-keyframes buffering-stripes {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 30px 0;
    };
}



@-o-keyframes buffering-stripes {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 30px 0;
    };
}

@keyframes buffering-stripes {
    from {
        background-position: 0 0;
    }

    to {
        background-position: 30px 0;
    };
}
*/

.mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: #3caac8;
    background: rgba(60,170,200,0.8);
    background: -webkit-gradient(linear,0% 0,0% 100%,from(rgba(44,124,145,0.8)),to(rgba(78,183,212,0.8)));
    background: -webkit-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));
    background: -moz-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));
    background: -o-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));
    background: -ms-linear-gradient(top,rgba(44,124,145,0.8),rgba(78,183,212,0.8));
    background: linear-gradient(rgba(44,124,145,0.8),rgba(78,183,212,0.8));
    width: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-current {
    width: 0;
    background: #fff;
    background: rgba(255,255,255,0.8);
    background: -webkit-gradient(linear,0% 0,0% 100%,from(rgba(255,255,255,0.9)),to(rgba(200,200,200,0.8)));
    background: -webkit-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));
    background: -moz-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));
    background: -o-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));
    background: -ms-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));
    background: linear-gradient(rgba(255,255,255,0.9),rgba(200,200,200,0.8));
}

.mejs-controls .mejs-time-rail .mejs-time-handle {
    display: none;
    position: absolute;
    margin: 0;
    width: 10px;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    border: solid 2px #333;
    top: -2px;
    text-align: center;
}

.mejs-controls .mejs-time-rail .mejs-time-float {
    position: absolute;
    display: none;
    background: #eee;
    width: 36px;
    height: 17px;
    border: solid 1px #333;
    top: -26px;
    margin-left: -18px;
    text-align: center;
    color: #111;
}

.mejs-controls .mejs-time-rail .mejs-time-float-current {
    margin: 2px;
    width: 30px;
    display: block;
    text-align: center;
    left: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-float-corner {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
    border: solid 5px #eee;
    border-color: #eee transparent transparent transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    top: 15px;
    left: 13px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float {
    width: 48px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current {
    width: 44px;
}

.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner {
    left: 18px;
}

.mejs-controls .mejs-fullscreen-button button {
    background-position: -32px 0;
}

.mejs-controls .mejs-unfullscreen button {
    background-position: -32px -16px;
}

.mejs-controls .mejs-mute button {
    background-position: -16px -16px;
}

.mejs-controls .mejs-unmute button {
    background-position: -16px 0;
}

.mejs-controls .mejs-volume-button {
    position: relative;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider {
    display: none;
    height: 115px;
    width: 25px;
    background: url("../../assets/jquery/mediaelement/2.11.3/images/background.png");
    background: rgba(50,50,50,0.7);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    top: -115px;
    left: 0;
    z-index: 1;
    position: absolute;
    margin: 0;
}



.mejs-controls .mejs-volume-button:hover {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total {
    position: absolute;
    left: 11px;
    top: 8px;
    width: 2px;
    height: 100px;
    background: #ddd;
    background: rgba(255,255,255,0.5);
    margin: 0;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
    position: absolute;
    left: 11px;
    top: 8px;
    width: 2px;
    height: 100px;
    background: #ddd;
    background: rgba(255,255,255,0.9);
    margin: 0;
}

.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle {
    position: absolute;
    left: 4px;
    top: -3px;
    width: 16px;
    height: 6px;
    background: #ddd;
    background: rgba(255,255,255,0.9);
    cursor: N-resize;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    margin: 0;
}

.mejs-controls div.mejs-horizontal-volume-slider {
    height: 26px;
    width: 60px;
    position: relative;
}



.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    position: absolute;
    left: 0;
    top: 11px;
    width: 50px;
    height: 8px;
    margin: 0;
    padding: 0;
    font-size: 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #333;
    background: rgba(50,50,50,0.8);
    background: -webkit-gradient(linear,0% 0,0% 100%,from(rgba(30,30,30,0.8)),to(rgba(60,60,60,0.8)));
    background: -webkit-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));
    background: -moz-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));
    background: -o-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));
    background: -ms-linear-gradient(top,rgba(30,30,30,0.8),rgba(60,60,60,0.8));
    background: linear-gradient(rgba(30,30,30,0.8),rgba(60,60,60,0.8));
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    position: absolute;
    left: 0;
    top: 11px;
    width: 50px;
    height: 8px;
    margin: 0;
    padding: 0;
    font-size: 1px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    background: rgba(255,255,255,0.8);
    background: -webkit-gradient(linear,0% 0,0% 100%,from(rgba(255,255,255,0.9)),to(rgba(200,200,200,0.8)));
    background: -webkit-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));
    background: -moz-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));
    background: -o-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));
    background: -ms-linear-gradient(top,rgba(255,255,255,0.9),rgba(200,200,200,0.8));
    background: linear-gradient(rgba(255,255,255,0.9),rgba(200,200,200,0.8));
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
    display: none;
}

.mejs-controls .mejs-captions-button {
    position: relative;
}

.mejs-controls .mejs-captions-button button {
    background-position: -48px 0;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector {
    visibility: hidden;
    position: absolute;
    bottom: 26px;
    right: -10px;
    width: 130px;
    height: 100px;
    background: url("../../assets/jquery/mediaelement/2.11.3/images/background.png");
    background: rgba(50,50,50,0.7);
    border: solid 1px transparent;
    padding: 10px;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none!important;
    overflow: hidden;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li {
    margin: 0 0 6px 0;
    padding: 0;
    list-style-type: none!important;
    display: block;
    color: #fff;
    overflow: hidden;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px;
}

.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label {
    width: 100px;
    float: left;
    padding: 4px 0 0 0;
    line-height: 15px;
    font-family: helvetica,arial;
    font-size: 10px;
}

.mejs-controls .mejs-captions-button .mejs-captions-translations {
    font-size: 10px;
    margin: 0 0 5px 0;
}

.mejs-chapters {
    position: absolute;
    top: 0;
    left: 0;
    -xborder-right: solid 1px #fff;
    width: 10000px;
    z-index: 1;
}

.mejs-chapters .mejs-chapter {
    position: absolute;
    float: left;
    background: #222;
    background: rgba(0,0,0,0.7);
    background: -webkit-gradient(linear,0% 0,0% 100%,from(rgba(50,50,50,0.7)),to(rgba(0,0,0,0.7)));
    background: -webkit-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));
    background: -moz-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));
    background: -o-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));
    background: -ms-linear-gradient(top,rgba(50,50,50,0.7),rgba(0,0,0,0.7));
    background: linear-gradient(rgba(50,50,50,0.7),rgba(0,0,0,0.7));
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#323232,endColorstr=#000000);
    overflow: hidden;
    border: 0;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block {
    font-size: 11px;
    color: #fff;
    padding: 5px;
    display: block;
    border-right: solid 1px #333;
    border-bottom: solid 1px #333;
    cursor: pointer;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block-last {
    border-right: 0;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block:hover {
    background: #666;
    background: rgba(102,102,102,0.7);
    background: -webkit-gradient(linear,0% 0,0% 100%,from(rgba(102,102,102,0.7)),to(rgba(50,50,50,0.6)));
    background: -webkit-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));
    background: -moz-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));
    background: -o-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));
    background: -ms-linear-gradient(top,rgba(102,102,102,0.7),rgba(50,50,50,0.6));
    background: linear-gradient(rgba(102,102,102,0.7),rgba(50,50,50,0.6));
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,startColorstr=#666666,endColorstr=#323232);
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title {
    font-size: 12px;
    font-weight: bold;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 0 3px 0;
    line-height: 12px;
}

.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan {
    font-size: 12px;
    line-height: 12px;
    margin: 3px 0 4px 0;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.mejs-captions-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 22px;
    font-size: 12px;
    color: #fff;
}

.mejs-captions-layer a {
    color: #fff;
    text-decoration: underline;
}

.mejs-captions-layer[lang=ar] {
    font-size: 20px;
    font-weight: normal;
}

.mejs-captions-position {
    position: absolute;
    width: 100%;
    bottom: 15px;
    left: 0;
}

.mejs-captions-position-hover {
    bottom: 45px;
}

.mejs-captions-text {
    padding: 3px 5px;
    background: url("../../assets/jquery/mediaelement/2.11.3/images/background.png");
    background: rgba(20,20,20,0.8);
}

.mejs-clear {
    clear: both;
}

.me-cannotplay a {
    color: #fff;
    font-weight: bold;
}

.me-cannotplay span {
    padding: 15px;
    display: block;
}

.mejs-controls .mejs-loop-off button {
    background-position: -64px -16px;
}

.mejs-controls .mejs-loop-on button {
    background-position: -64px 0;
}

.mejs-controls .mejs-backlight-off button {
    background-position: -80px -16px;
}

.mejs-controls .mejs-backlight-on button {
    background-position: -80px 0;
}

.mejs-controls .mejs-picturecontrols-button {
    background-position: -96px 0;
}

.mejs-contextmenu {
    position: absolute;
    width: 150px;
    padding: 10px;
    border-radius: 4px;
    top: 0;
    left: 0;
    background: #fff;
    border: solid 1px #999;
    z-index: 1001;
}

.mejs-contextmenu .mejs-contextmenu-separator {
    height: 1px;
    font-size: 0;
    margin: 5px 6px;
    background: #333;
}

.mejs-contextmenu .mejs-contextmenu-item {
    font-family: Helvetica,Arial;
    font-size: 12px;
    padding: 4px 6px;
    cursor: pointer;
    color: #333;
}

.mejs-contextmenu .mejs-contextmenu-item:hover {
    background: #2c7c91;
    color: #fff;
}

.mejs-controls .mejs-sourcechooser-button {
    position: relative;
}

.mejs-controls .mejs-sourcechooser-button button {
    background-position: -128px 0;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector {
    visibility: hidden;
    position: absolute;
    bottom: 26px;
    right: -10px;
    width: 130px;
    height: 100px;
    background: url("../../assets/jquery/mediaelement/2.11.3/images/background.png");
    background: rgba(50,50,50,0.7);
    border: solid 1px transparent;
    padding: 10px;
    overflow: hidden;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none!important;
    overflow: hidden;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li {
    margin: 0 0 6px 0;
    padding: 0;
    list-style-type: none!important;
    display: block;
    color: #fff;
    overflow: hidden;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input {
    clear: both;
    float: left;
    margin: 3px 3px 0 5px;
}

.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label {
    width: 100px;
    float: left;
    padding: 4px 0 0 0;
    line-height: 15px;
    font-family: helvetica,arial;
    font-size: 10px;
}

.mejs-postroll-layer {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(background.png);
    background: rgba(50,50,50,0.7);
    z-index: 1000;
    overflow: hidden;
}

.mejs-postroll-layer-content {
    width: 100%;
    height: 100%;
}

.mejs-postroll-close {
    position: absolute;
    right: 0;
    top: 0;
    background: url(background.png);
    background: rgba(50,50,50,0.7);
    color: #fff;
    padding: 4px;
    z-index: 100;
    cursor: pointer;
}
/* mediaboxAdvanced v1.4.6, (c) 2007-2010 John Einselen <http://iaian7.com>, MIT-style license */
#mbOverlay {
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    cursor: pointer;
}

#mbOverlay.mbOverlayFF {
    background: transparent url("../../assets/mootools/mediabox/1.4.6/images/80.png") repeat;
}

#mbOverlay.mbOverlayIE {
    position: absolute;
}

#mbCenter {
    position: absolute;
    z-index: 9999;
    left: 50%;
    overflow: hidden;
    background-color: #000;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 5px 20px rgba(0,0,0,0.50);
    -khtml-box-shadow: 0 5px 20px rgba(0,0,0,0.50);
    -moz-box-shadow: 0 5px 20px rgba(0,0,0,0.50);
    box-shadow: 0 5px 20px rgba(0,0,0,0.50);
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5,Direction=180,Color='#000000');
}

#mbCenter.mbLoading {
    background: #000 url("../../assets/mootools/mediabox/1.4.6/images/loading.gif") no-repeat center;
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#mbImage {
    position: relative;
    left: 0;
    top: 0;
    font-family: Myriad,Verdana,Arial,Helvetica,sans-serif;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    text-align: left;
    background-position: center center;
    background-repeat: no-repeat;
    padding: 10px;
}

#mbBottom {
    min-height: 20px;
    font-family: Myriad,Verdana,Arial,Helvetica,sans-serif;
    line-height: 20px;
    font-size: 12px;
    color: #999;
    text-align: left;
    padding: 0 10px 10px;
}

#mbTitle,#mbPrevLink,#mbNextLink,#mbCloseLink {
    display: inline;
    color: #fff;
    font-weight: bold;
    line-height: 20px;
    font-size: 12px;
}

#mbNumber {
    display: inline;
    color: #999;
    line-height: 14px;
    font-size: 10px;
    margin: auto 10px;
}

#mbCaption {
    display: block;
    color: #999;
    line-height: 14px;
    font-size: 10px;
}

#mbPrevLink,#mbNextLink,#mbCloseLink {
    float: right;
    outline: 0;
    margin: 0 0 0 10px;
    font-weight: normal;
}

#mbPrevLink b,#mbNextLink b,#mbCloseLink b {
    color: #eee;
    font-weight: bold;
    text-decoration: underline;
}

#mbPrevLink big,#mbNextLink big,#mbCloseLink big {
    color: #eee;
    font-size: 16px;
    line-height: 14px;
    font-weight: bold;
}

#mbBottom a,#mbBottom a:link,#mbBottom a:visited {
    text-decoration: none;
    color: #ddd;
}

#mbBottom a:hover,#mbBottom a:active {
    text-decoration: underline;
    color: #fff;
}

#mbError {
    position: relative;
    font-family: Myriad,Verdana,Arial,Helvetica,sans-serif;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    border: 10px solid #700;
    padding: 10px 10px 10px;
    margin: 20px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#mbError a,#mbError a:link,#mbError a:visited,#mbError a:hover,#mbError a:active {
    color: #d00;
    font-weight: bold;
    text-decoration: underline;
}


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

    .image_container .caption {
        padding-left: 5px;
        font-size: 10px;
    }
		   
    #wrapper {
        margin: 0;
        width: auto;
    }

    #container {
        padding-left: 0;
        padding-right: 0;
		}

    #main,#left,#right {
        width: auto;
    }

    #left {
        right: 0;
        margin-left: 0;
    }

    #right {
        margin-right: 0;
    }

	#mainmenu {
		display:none;
	}

#logo {
	float:none !important;
}

#service  .ce_text{
	float:none;
}
#impressum  .ce_text{
	float:none;
}

	#header {
		width: 100%;
		background-color:#ffffff!important;
	}
.tf-mobilmenu  a{

	display:block;
	      background-image: url("menu-button.png"); /* Achtung! tftf Pfad ausgehend von dieser css-Datei */
		  width:32px;
		  height:32px;
		  right:30px;
		  position:absolute;
		  top:20px;
}
#navmobil {
	display:none;
}

   #navmobil {  
        width: 100%;
		position:absolute;
		margin-top:100px;
        display: none;
        border-radius: 0;
        behavior: url("assets/css3pie/1.0.0/PIE.htc");
    }

    #navmobil form {
    }

    #navmobil select {
        width: 60%;
        display: block;
        margin-right: auto;
        margin-left: auto;
        background-color: #00c7d7;
        border: 0;
        border-radius: 2px;
        font-size: 1.2em;
        color: #fff;
		/*Pfeil vom dropdown-Feld unsichtbar*/
    text-indent: 0.01px;
    text-overflow: '';
	
        /* text-indent: 5px; */
        behavior: url("assets/css3pie/1.0.0/PIE.htc");
    }

    #navmobil option {
        color: #000000;
    }
  
  #customnavi li {
        float:right;
		padding-top : 28px;
     }
	 
	 #customnavi a {
        display: block;
        padding: 0px 10px;
        text-align: left;
        font-size: 1.1em;
        text-decoration: none;
        xxcolor: #000000;
        -moz-transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }
     #customnavi a.active {
		color: #a8a9ad !important;
	 }
     #customnavi span {
       display: block;
        padding: 0px 10px;
        text-align: left;
        font-size: 1.1em;
        text-decoration: none;
        color: #ffffff;
		letter-spacing: 0.1em;
				font-family:"latoregular" !important;
        -moz-transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
           }
		   
	 #customnavi a:hover {
        color: #a8a9ad !important;
        
    }
    #footer #customnavi a {
        xxcolor: #000000;
		    letter-spacing: 0.1em;
		font-family:"latoregular" !important;
		}
}

  @media screen  and (min-width:900px) { 
 
 
 /* Style sheet main_style-globalcompany-3 */
    .mod_newsreader {
        margin-top: 20px;
    }

    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        background-repeat: no-repeat;
    }

    html {
        -webkit-text-size-adjust: none;
        overflow-y: scroll;
    }

	
	

    section {
        margin: 0;
        padding: 0;
    }

    li {
        list-style-type: none;
    }

	/* tftf */
	a[href^="http:"] {
    }
	a[href*="videos/articles"] {
        padding: 5px 0 5px 20px;
		}



    :focus {
        outline: 0;
    }

    h1,h2,h3,h4,h5,h6 {
        font-size: 100%;
        font-weight: normal;
    }

    h1 {
        font-size: 1.5em;
		text-transform: uppercase;
		border-bottom: solid 2px #0168b5;
		xxletter-spacing:0.03em;
    }

    h2 {
        font-size: 1.5em;
    }

    h3 {
        font-size: 1.2em;
    }

    h4 {
        font-size: 1.1em;
    }

    h5 {
        font-size: 1.0em;
    }

    h6 {
        font-size: 0.9	em;
    }

    p,pre,blockquote,table,ol,ul,form {
        margin-bottom: 1em;
    }

    figure {
        margin: 0;
        padding: 0;
    }

    .image_container img,embed,object,video {
        height: auto;
        max-width: 100%;
        vertical-align: middle;
    }


    #wrapper {
 /*       background-color: #fafafa; */
        xx-webkit-box-shadow: 0 0 6px #adadad;
/*        box-shadow: 0 0 6px #adadad;
        border-radius: 2px 2px 2px 2px; */
        behavior: url("assets/css3pie/1.0.0/PIE.htc");
    }

    #header {
        z-index: 9999 !important;
		position:fixed;
		background-color: #ffffff;
		width:100%;
	}
	#footer {
		height:80px;
		margin-top:40px !important;
	}
	
    #headertftf .inside {
        padding: 40px 50px 0;
    }

    #container {
	  padding-top: 40px;
	  }

    #main .inside {
		margin-top: 80px;
    }

    #right .inside {
        padding: 10px 50px 10px 0;
    }

    #left .inside {
        padding: 10px 10px 10px 30px;
    }

    p#logo {
        width: 250px;
        height: 58px;
        left: 0px;
        top: 20px;
        position: relative;
        overflow: hidden;
        display: block;
        margin: 0;
    }

    #xxlogo a {
        width: 250px;
        height: 58px;
        left: 0;
        top: 0;
        position: relative;
        overflow: hidden;
        display: block;
        margin: 0;
        background: url("../../files/theme/img/logo.png") left top no-repeat;
    }

    #logo span {
        width: 0;
        height: 0;
        left: -1000px;
        top: -1000px;
        position: absolute;
        overflow: hidden;
        display: inline;
    }

    #footer .inside {
        min-height: 1px;
        display: block;
        color: #fff;
    }

    .footermenu {
        margin-top: 15px;
        padding-top: 15px;
        border-top: 1px dotted #d7d7d7;
        font-size: 11px;
        color: #fff;
    }

    .footermenu a {
        padding-top: 10px;
        font-size: 11px;
        color: #fff;
    }

    .footermenu a[href^="http:"] {
        padding: 0;
        background-image: none;
    }

    hr {
        height: 1px;
        clear: both;
        margin-top: 0;
        margin-bottom: 0;
        border-top: 0px dotted #D7D7D7;
        border-right: 0px dotted #D7D7D7;
        border-bottom: 1px dotted #D7D7D7;
        border-left: 0px dotted #D7D7D7;
        color: #dedede;
    }

    #footer .inside .grid3,#footer .inside .grid4,#footer .inside .grid5,#footer .inside .grid16 {
        margin-right: 1%;
        margin-left: 1%;
    }

    #footer .ce_text {
        margin-top: 0;
        margin-bottom: 0;
    }

    #footer h4 {
        margin-top: 0;
        border-bottom: 1px dotted #fff;
        color: #fff;
    }

    #footer .event {
        border-bottom: 0;
    }

    #footer .mod_eventlist .time,#footer .mod_eventlist .date,#footer .mod_eventlist .day,#footer .mod_newslist time {
        display: block;
        font-size: 11px;
        color: #fff;
    }

    #footer .mod_newslist a,#footer .mod_eventlist a {
        color: #fff;
    }

    #footer .mod_newslist a:hover,#footer .mod_eventlist a:hover {
        text-decoration: none;
        color: #fff;
    }

    #footer .mod_newslist .layout_simple,#footer .mod_eventlist .event {
        margin-bottom: 10px;
    }

    #footer #customnavi a {
        xxcolor: #000000;
		    letter-spacing: 0.1em;
		font-family:"latoregular" !important;
		}

    #navmobil {
        display: none;
    }

    #umschalten {
        right: 0;
        top: 10px;
        position: relative;
        float: right;
    }

    .margin_bottom20 {
        margin-bottom: 20px;
    }

    .zentriert p,.zentriert h2,.zentriert h4 {
        text-align: center;
    }

    .kreis {
        height: 244px;
        background-color: #e8e8e8;
        border-radius: 50%;
        behavior: url("assets/css3pie/1.0.0/PIE.htc");
        -moz-transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

    .kreis:hover {
        background-color: #d1d1d1;
        border-radius: 30%;
        behavior: url("assets/css3pie/1.0.0/PIE.htc");
    }

    .kreis h4 {
        margin-bottom: 0;
        padding-top: 20px;
        font: 1.1em Raleway,Arial;
    }

    .kreis p {
        margin-bottom: 0;
        padding-right: 20px;
        padding-left: 20px;
        font: 0.9em Raleway,Arial;
        letter-spacing: 1px;
        font-weight: 400;
    }

    #suchenhtml {
        width: 155px;
        right: 10px;
        top: 94px;
        position: absolute;
    }

    #suchenhtml form {
        margin-bottom: 0;
    }

    #suchenhtml input[type="text"] {
        width: 120px;
        padding: 2px;
        background-image: none;
        color: #fff;
        behavior: url("assets/css3pie/1.0.0/PIE.htc");
    }

    #suchenhtml input[type="text"]:focus {
        border: 1px solid #fff;
        border-radius: 2px;
        color: #fff;
        behavior: url("assets/css3pie/1.0.0/PIE.htc");
    }

    #suchenhtml .submit {
        padding-top: 0;
        padding-right: 0;
        padding-left: 7px;
        vertical-align: middle;
    }

    a:hover {
        color: #a8a9ad;
    }

    .ce_text ul li {
        margin-left: 18px;
        padding-left: 5px;
		padding-bottom:20px;
        list-style-type: disc;
    }

    .enclosure p img.mime_icon {
        margin: 0;
        padding: 0;
        vertical-align: bottom;
    }

    .mod_randomImage {
    }

    .ce_text,.ce_list,.ce_table,.ce_image,.ce_gallery,.ce_download,.ce_downloads,.ce_code,.ce_hyperlink,.ce_youtube,.ce_player {
        margin-bottom: 1em;
    }

    .ce_text p,.ce_text pre,.ce_hyperlink,.ce_list,.teaser,.comment,ce_downloads {
        line-height: 1.4;
    }

    .ce_teaser h1 {
        margin-bottom: 0;
    }

    .imgnobg .image_container {
        background-image: none;
    }

    .image_container a img:hover {
        opacity: 0.5;
        -moz-transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

    .pdf_link {
        margin-top: 10px;
        margin-bottom: -37px;
        text-align: right;
    }

    .ce_text pre {
        padding: 9px;
        background-color: #f9f9f9;
        border: 1px solid #ddd;
    }

    .image_container {
        margin-bottom: 10px;
    }

    .image_container.float_left {
        padding-right: 10px;
        padding-bottom: 5px;
    }

    .image_container.float_right {
        padding-bottom: 5px;
        padding-left: 10px;
    }

    .image_container .caption {
        padding-left: 5px;
        font-size: 10px;
    }

    .ce_gallery ul {
        overflow: hidden;
    }

    .ce_gallery.gallery2 li {
        width: 48%;
        position: relative;
        overflow: hidden;
        float: left;
        display: inline-block;
        margin-right: 1%;
        margin-bottom: 2%;
        margin-left: 1%;
    }

    .ce_gallery.gallery3 li {
        width: 32%;
        position: relative;
        overflow: hidden;
        float: left;
        display: inline-block;
        margin-right: 1%;
        margin-bottom: 2%;
        margin-left: 1%;
    }

    .ce_gallery.gallery4 li {
        width: 23.4%;
        position: relative;
        overflow: hidden;
        float: left;
        display: inline-block;
        margin-right: 1%;
        margin-bottom: 2%;
        margin-left: 1%;
    }

    .ce_gallery.gallery5 li {
        width: 18%;
        position: relative;
        overflow: hidden;
        float: left;
        display: inline-block;
        margin-right: 1%;
        margin-bottom: 2%;
        margin-left: 1%;
    }

    .ce_gallery li.col_first {
        margin-left: 0;
    }

    .ce_gallery li.col_last {
        margin-right: 0;
    }

    .ce_list ol {
        margin-left: 28px;
    }

    .ce_list ol li {
        list-style: decimal outside;
    }

    .ce_list.decimal-zero ol li {
        list-style: decimal-leading-zero outside;
    }

    .ce_list.lower-roman ol li {
        list-style: lower-roman outside;
    }

    .ce_list.upper-roman ol li {
        list-style: upper-roman outside;
    }

    .ce_list.lower-alpha ol li {
        list-style: lower-alpha outside;
    }

    .ce_list.upper-alpha ol li {
        list-style: upper-alpha outside;
    }

    .ce_list ul {
        margin-left: 1em;
    }

    .ce_list ul li {
        margin-left: 10px;
        padding-left: 5px;
        list-style-type: disc;
    }

    .ce_list.circle ul li {
        margin-left: 10px;
        padding-left: 5px;
        list-style-type: circle;
    }

    .ce_list.square ul li {
        margin-left: 10px;
        padding-left: 5px;
        list-style-type: square;
    }

    .ce_list.rechts ul li {
        margin-left: 0;
        padding-left: 14px;
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTM5jWRgMAAAAVdEVYdENyZWF0aW9uIFRpbWUAMi8xNy8wOCCcqlgAAAQRdEVYdFhNTDpjb20uYWRvYmUueG1wADw/eHBhY2tldCBiZWdpbj0iICAgIiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+Cjx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDQuMS1jMDM0IDQ2LjI3Mjk3NiwgU2F0IEphbiAyNyAyMDA3IDIyOjExOjQxICAgICAgICAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp4YXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iPgogICAgICAgICA8eGFwOkNyZWF0b3JUb29sPkFkb2JlIEZpcmV3b3JrcyBDUzM8L3hhcDpDcmVhdG9yVG9vbD4KICAgICAgICAgPHhhcDpDcmVhdGVEYXRlPjIwMDgtMDItMTdUMDI6MzY6NDVaPC94YXA6Q3JlYXRlRGF0ZT4KICAgICAgICAgPHhhcDpNb2RpZnlEYXRlPjIwMDgtMDMtMjRUMTk6MDA6NDJaPC94YXA6TW9kaWZ5RGF0ZT4KICAgICAgPC9yZGY6RGVzY3JpcHRpb24+CiAgICAgIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICAgICAgICAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyI+CiAgICAgICAgIDxkYzpmb3JtYXQ+aW1hZ2UvcG5nPC9kYzpmb3JtYXQ+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDUdUmQAAACdSURBVDiN1ZMxCgMhEEW/IV7NysYT6NGcMyS9hbV3EQSbEU0RNtVqdllSRBCE4X/enxnFGANXzu2S+mcGRPQgoiGEwHbPEmhjDLz3Xxu0jHDE5D4rMPMbRevNZDfHlCDnjFIKaq1QSoGIdkmmBK019N7Re8dqV6YGUsrPO4QAa+25CMwMZkaMEc656RyXTUwpLcUrgucRMQCI//9ML8fmSdbjt8/RAAAAAElFTkSuQmCC");
        background-repeat: no-repeat;
        list-style-type: none;
        background-position: -4px 3px;
    }

    .ce_list.bullet_blue ul li {
        margin-left: 0;
        padding-left: 14px;
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwNC8xNC8wOFZL9aYAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzQGstOgAAABDUlEQVQ4je2UTWqFMBRGv0ghAx2IqKCTB+7DqTt47TLsTl67ipbXHTjNVoIGfyaSoBGjHZR21BRanPVdyCicw3fvDSH7vuPIcg613YSH1J3tghACxtiDUuoipUwAwPO8xnXdxzzPr7bXYRUyxu6HYXjJsoxEUQRjDDjniRDilTEGANfvOGvLUsqn0+lE4jiGUgrzPCNNUwRBQKSUFxtnTaiUSsIwxDiOMMYAAIwx8H0fbdumvxYCwLquXwf4mKvW+ifE3jKltOGcw3EcbNsGYwzWdUXf96CUNn8Rll3X7UIILMuCeZ5R1zWmadoppaWNI7b1E0JQVdVZa/2stU4+U1NKy6Io3qzc7bf5B8J3TwqGs1eWS6YAAAAASUVORK5CYII=");
        background-repeat: no-repeat;
        list-style-type: none;
        background-position: -5px 1px;
    }

    .ce_list.check16 ul li {
        margin-left: 0;
        padding-left: 25px;
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAuklEQVR42qWScQfFIBTF27dNzIxMxtREkpjE7Nu+98q7U+96T0/nj3Vv55wfsYF0akgfpdTj3+KrM1QAKWVzed93DNi2rRmgtcaAdV1/lowxBDJpRgAhxNeytTafkEk7AizLkk3nHIEZdlCZQQDOeTa99/lMO8ywg9I9AszznM3jONATwAOlDAJM03QHQgj3XN6XPgKM41iFYozk8670EIAx1vgXEHKeJwZQSpsB13VhQHP7rQrQo27AE+MRcBFOD9LhAAAAAElFTkSuQmCC");
        background-repeat: no-repeat;
        list-style-type: none;
        background-position: 0px 3px;
    }

    .ce_table {
        padding: 1px;
    }

    .ce_table table {
        width: 98%;
    }

    .ce_table th,.ce_table tfoot td {
        padding: 6px;
        background-color: #e8e8e8;
        border: 1px solid #c8cbd0;
        border-bottom: 1px solid #a6a6a6;
    }

    .ce_table.verlauf_tabh th {
        background-color: #f0f0f0;
        background: -moz-linear-gradient(top,#ffffff,#d5d5d5);
        background: -webkit-linear-gradient(top,#ffffff,#d5d5d5);
        background: -o-linear-gradient(top,#ffffff,#d5d5d5);
        background: -ms-linear-gradient(top,#ffffff,#d5d5d5);
        background: linear-gradient(to bottom,#ffffff,#d5d5d5);
        -pie-background: linear-gradient(top,#ffffff,#d5d5d5);
        behavior: url("assets/css3pie/1.0.0/PIE.htc");
    }

    .ce_table td {
        padding: 6px;
        background-color: #fff;
        border: 1px solid #c8cbd0;
        font-size: 12px;
    }

    .ce_download img,.ce_downloads img {
        margin-right: 0;
        vertical-align: middle;
    }

    .ce_downloads p {
        margin-bottom: 3px;
    }

    .ce_comments.block {
        overflow: visible;
        margin-top: 30px;
    }

    .ce_comments .comment_default {
        margin-bottom: 20px;
        padding: 9px 9px 9px 7px;
        background-color: #f6f7f9;
        border: 1px solid #cbcbcb;
    }

    .ce_comments .info {
        margin-bottom: 1.5em;
        padding-bottom: 3px;
        border-bottom: 1px dotted #ddd;
    }

    .ce_comments .comment {
        font-size: 11px;
    }

    .ce_comments .form {
        margin-top: 1.5em;
    }

    .ce_comments .widget {
        margin-bottom: 3px;
    }

    .ce_comments .text,.ce_comments .captcha {
        width: 40%;
        margin-right: 0;
    }

    .ce_comments span.captcha_text {
        font-weight: bold;
        color: #444;
    }
/* tftf */	 
 .tftfce_accordion .toggler:before {
        display: inline-block;
        margin-right: 20px;
        font-family: FontAwesome;
        font-weight: normal;
        content: "\2286";
    }
#accordion {
	width: 150%;
	margin:auto;
}


    .ce_accordion .toggler {
        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 8px 9px 8px 35px;
        background-color: #000000;
		color : #FFFFFF;
		  background-image: url("grau-accordion.jpg");
        background-repeat: no-repeat;
        behavior: url("assets/css3pie/1.0.0/PIE.htc");
        cursor: pointer;
        background-position: 10px 8px;
			font-size: 1.4em !important;
    }

    .ce_accordion .toggler.active {
        display: block;
        margin-top: 10px;
        margin-bottom: 10px;
        background-color: #F5ED50;
		color : #000000;
			 content: "\2264";
       background-image: url("rot-accordion.jpg"); /* Achtung! tftf Pfad ausgehend von dieser css-Datei */
  	  background-repeat: no-repeat;
        font-weight: bold;
        behavior: url("assets/css3pie/1.0.0/PIE.htc");
        background-position: 10px 9px;
        cursor: pointer;
    }

    .ce_accordion .toggler:hover {
        background-color: #F5ED50;
		color: #000000;
    }

    .ce_accordion .accordion {
        padding: 9px;
    }

    .ce_code {
        margin-top: 1.5em;
        padding: 0 2px 0 0;
    }

    .back {
        float: right;
        margin-right: 10px;
    }

    .ce_toplink {
        text-align: right;
    }

    #right h1,#right h2,#right h3,#right h4,#right h5,#right h6 {
        margin-top: .5em;
    }

    #left h1,#left h2,#left h3,#left h4,#lefth5,#left h6 {
        margin-top: .5em;
    }

    #right h1,#right h2,#right h3,#right h4,#right h5,#right h6 {
        margin-bottom: 10px;
        padding-bottom: 4px;
		}

    #left h1, #left h2,#left h4,#left h5,#left h6 {
        padding-bottom: 4px;
		}

    #left h3 {
    }	
	
    #left h2,#right h2,#left h3,#right h3 {
        font-size: 15px;
    }

    #right .mod_article > .block {
        margin-left: 0 !important;
        margin-right: 0;
    }

    .mod_calendar {
        padding: 1px;
    }

    table.calendar {
        width: 98%;
        margin-top: 1em;
        border: 1px solid #ccc;
    }

    table.calendar .head {
        padding-top: 9px;
        padding-bottom: 9px;
        text-align: center;
    }

    table.calendar th.previous {
        padding-left: 12px;
        text-align: left;
    }

    table.calendar th.next {
        padding-right: 12px;
        text-align: right;
    }

    table.calendar th a {
        text-decoration: none;
        color: #444;
    }

    table.calendar th a:hover {
        text-decoration: underline;
    }

    table.calendar .label {
        padding-top: 2px;
        padding-bottom: 3px;
        text-align: center;
        background-color: #00c7d7;
        border-right: 1px solid #ccc;
        border-left: 1px solid #ccc;
        color: #fff;
    }

    table.calendar td {
        width: 14%;
        height: 7em;
        vertical-align: top;
        border: 1px solid #ccc;
    }

    table.calendar .header {
        margin: 1px;
        padding: 1px;
        background-color: #f0f0f0;
        font-size: 11px;
        color: #666;
    }

    table.calendar .event {
        margin: 3px;
        font-size: 11px;
    }

    table.calendar .event a {
        text-decoration: none;
    }

    table.calendar .event a:hover {
        text-decoration: underline;
    }

    table.calendar .weekend {
        color: #f7f7f7;
    }

    table.calendar .today {
        background-color: #f0f3f6;
    }

    table.calendar .today .header {
        background-color: #f0f3f6;
        color: #f00;
    }

    table.minicalendar {
        width: 98%;
        border: 1px solid #ccc;
    }

    table.minicalendar .head,table.minicalendar .label {
        padding-top: 2px;
        padding-bottom: 2px;
        text-align: center;
        background-color: #e8e8e8;
    }

    table.minicalendar .today {
        color: #f00;
    }

    table.minicalendar .label {
        border-bottom: 1px solid #8c9ba5;
    }

    table.minicalendar td {
        width: 14%;
        padding-top: 2px;
        padding-bottom: 2px;
        text-align: center;
        border: 1px solid #ccc;
    }

    table.minicalendar .weekend {
        background-color: #e0e0e0;
    }

    .mod_eventlist h2 {
        margin-top: 0;
        margin-bottom: 10px;
    }

    .event {
        margin-bottom: 15px;
        border-bottom: 1px dotted #d7d7d7;
    }

    .mod_eventreader .event h1 {
        margin-bottom: 3px;
    }

    .mod_eventreader p.info {
        margin-bottom: 18px;
    }

    .mod_eventreader .recurring {
        color: #ac7944;
    }

    .mod_upcoming_events .date {
        padding-right: 6px;
    }

    .mod_newsarchive h1 {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 1.5em;
    }
.mod_newsarchive .day , .mod_newsarchive .month
{
  display:block;
  margin:0;
  padding:5px 0 0 0;
  font-size: 1.5em;
  color:#EC6E04;
}

	
    .layout_latest {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .layout_latest .teaser {
        margin-bottom: 10px;
    }

    .layout_latest h2 {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 1.4em;
    }

    .layout_short h2 {
        margin-top: 0;
    }

    .layout_short .info {
        margin-bottom: 3px;
    }

    .layout_full h1 {
        margin-bottom: 3px;
    }

    .layout_full p.info {
        margin-bottom: 18px;
    }

    p.more a {
        display: block;
        text-align: right;
        text-decoration: none;
    }

    .more a:hover {
        text-decoration: none;
        color: #00c7d7;
    }

    .layout_latest_v2 {
        margin-bottom: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom: 1px dotted #d7d7d7;
    }

    .layout_full_v2 h1 {
        margin-top: 0;
        margin-bottom: 0;
        text-align: center;
        font-family: Raleway,Ubuntu,Arial,Verdana,Helvetica,sans-serif;
        text-decoration: none;
        letter-spacing: 1px;
        font-weight: 400;
    }

    .layout_latest_v2 h2,.layout_full_v2 h2 {
        margin-top: 0;
        text-align: center;
        font-family: Raleway,Ubuntu,Arial,Verdana,Helvetica,sans-serif;
        text-decoration: none;
        letter-spacing: 1px;
        font-weight: 300;
    }

    .layout_latest_v2 h2 a {
        margin-top: 0;
        margin-bottom: 0;
        font: 24px Raleway,Ubuntu,Arial,Verdana,Helvetica,sans-serif;
        text-decoration: none;
        font-weight: 300;
    }

    .layout_latest_v2 p.info,.layout_full_v2 p.info {
        text-align: center;
        font: 13px Raleway,Ubuntu,Arial,Verdana,Helvetica,sans-serif;
        color: #00c7d7;
        font-weight: 400;
    }

    .layout_full_v2 p.info_author {
        font: 13px Raleway,Ubuntu,Arial,Verdana,Helvetica,sans-serif;
        color: #00c7d7;
        font-weight: 400;
    }

    .layout_full_v2 .comments {
        float: right;
        font: 13px Raleway,Ubuntu,Arial,Verdana,Helvetica,sans-serif;
        color: #00c7d7;
        font-weight: 400;
    }

    .mod_faqlist li {
        margin-bottom: 10px;
    }

    .mod_faqlist li a:hover {
        color: #00c7d7;
    }
	

   #mainmenu {
	font-size: 1.3em;
        overflow: visible;
		margin-top:30px !important;
         xxmargin-bottom: 25px;
		font-family:"latoregular";
        xxborder-radius: 2px;
        xxbehavior: url("assets/css3pie/1.0.0/PIE.htc");
        z-index: 99999;
		position:absolute;
		right:0px;
		xxdisplay:block;
    }


    #submenu ul.level_1 {
        margin-top: 5px;
        margin-bottom: 0;
    }

    #submenu a {
        display: block;
        padding-top: 4px;
        padding-bottom: 4px;
        font-size: 13px;
        text-decoration: none;
        letter-spacing: 1px;
    }

    #submenu span {
        display: block;
        padding-top: 4px;
        padding-bottom: 4px;
        font-size: 13px;
        color: #0b8185;
        letter-spacing: 1px;
    }

    #submenu a:hover {
        text-decoration: underline;
		}

    #submenu a.trail {
        color: #0003b0;
    }

    #submenu .level_1 ul {
        margin-bottom: 0;
    }

    #submenu .level_2 li a {
        padding-left: 10px;
    }

    #submenu .level_2 li span {
        padding-left: 10px;
    }

    #submenu .level_3 li a {
        padding-left: 15px;
    }

    #submenu .level_3 li span {
        padding-left: 15px;
    }

	
	
#customnavi li {
        float:right;
		padding-top : 28px;
     }

    #customnavi a {
        display: block;
        padding: 0px 10px;
        text-align: left;
        font-size: 1.1em;
        text-decoration: none;
        color: #0168b5;
        -moz-transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }
     #customnavi a.active {
		color: #a8a9ad !important;
	 }
     
	 #customnavi span {
       display: block;
        padding: 0px 10px;
        text-align: left;
        font-size: 1.1em;
        text-decoration: none;
        color: #ffffff;
		letter-spacing: 0.1em;
				font-family:"latoregular" !important;
        -moz-transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
           }

 
	   #customnavi a:hover {
        color: #a8a9ad !important;
        
    }

    .mod_breadcrumb {
        padding-top: 14px;
        padding-bottom: 14px;
        border-bottom: 1px dotted #d7d7d7;
        font-size: 11px;
        color: #505050;
    }

    .mod_breadcrumb ul {
        overflow: hidden;
        display: inline-block;
        margin: 0;
        padding: 0;
    }

    .mod_breadcrumb li {
        float: left;
        display: inline-block;
    }

    .mod_breadcrumb li:after {
        margin-right: 3px;
        margin-left: 1px;
        content: " > ";
    }

    .mod_breadcrumb li.active:after {
        float: left;
        display: none;
    }

    .mod_breadcrumb a {
        display: inline-block;
        font-size: 11px;
        color: #505050;
    }

    .mod_breadcrumb a:hover {
        font-size: 11px;
        text-decoration: underline;
        color: #00c7d7;
    }

    .mod_breadcrumb span {
        font-size: 11px;
        color: #505050;
    }

    .mod_booknav {
        margin-top: 1em;
        margin-bottom: 1em;
    }

    .mod_booknav li {
        width: 40%;
        float: left;
    }

    .mod_booknav li.up {
        width: 20%;
        text-align: center;
    }

    .mod_booknav li.next {
        text-align: right;
    }

    .mod_sitemap .level_1 li {
        display: block;
        margin-right: 15px;
        font-size: 15px;
        line-height: 1.5;
    }

    .mod_sitemap ul.level_1 ul {
        margin-bottom: 10px;
        margin-left: 20px;
    }

    .mod_sitemap .level_2 li {
        float: none;
        display: block;
        font-size: 13px;
    }

    .mod_sitemap a {
        text-decoration: none;
		color: #fff;
    }

    .mod_sitemap a:hover {
        text-decoration: none;
        color: #00c7d7;
    }

    .pagination {
        width: 100%;
        margin-top: 1em;
        margin-bottom: 1em;
    }

    .pagination p {
        width: 30%;
        float: left;
        margin-bottom: 0;
    }

    .pagination ul {
        margin-bottom: 0;
        text-align: right;
    }

    .pagination li {
        display: inline;
        padding-right: 3px;
        padding-left: 3px;
    }

    .mod_quicknav select {
        width: 80%;
    }

	.mod_newsmenu  {
	  border-bottom: 2px solid #666;
	  margin-bottom: 20px;
	}
	
    .mod_newsmenu .level_1 ul {
        margin-bottom: 0;
    }

    .mod_newsmenu li.year {
        margin-bottom: 5px;
        font-size: 15px;
        font-weight: bold;
    }

    .mod_newsmenu .level_2 {
        margin-top: 0;
        margin-bottom: 6px;
    }

    .mod_newsmenu .level_2 li {
        font-weight: normal;
    }

    .mod_newsmenu .level_2 li a {
        display: block;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 6px;
        font-size: 13px;
        font-weight: normal;
        text-decoration: none;
    }

    .mod_newsmenu .level_2 li a:hover {
        display: block;
        font-size: 13px;
        font-weight: normal;
        text-decoration: underline;
        color: #00c7d7;
    }

    .mod_newsmenu .level_2 li span {
        display: block;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 6px;
        font-size: 13px;
        font-weight: normal;
        text-decoration: none;
        color: #00c7d7;
    }

    .checkbox_container label,.radio_container label {
        font-weight: normal;
    }

    fieldset {
        margin-top: 1em;
    }

    label {
        display: block;
        padding-bottom: 0;
    }

    .mod_search label,.mod_subscribe label,.mod_unsubscribe label,.ce_comments label {
        display: inline-block;
        margin-top: 0;
    }

    .tableless .checkbox_container label,.tableless .radio_container label {
        display: inline;
    }

		/*tftf seltsam 2 select-Felder, kommt evtl. von efg_Formular, deshalb display:none bei Klasse styled_select*/
	table .select {
			xxbackground-color: #00c7d7 !important;
			opacity:1 !important;
	}
	table .styled_select {
		display:none;
	}
	
    select, input[type="url"],input[type="email"],input[type="text"],input[type="password"],textarea,input[type="ort"],input[type="file"],input[type="Nachricht"] {
        padding: 10px 0px;
		color: #000000;
		border: none;
		background-color: #ffffff;
		border: 1px solid #e5e7e9;
    }

    .mod_search input.text {
        padding: 6px;
        border: 1px solid #e1e1e1;
        -webkit-box-shadow: inset 0px 0px 3px 0 #dedede;
        box-shadow: inset 0px 0px 3px 0 #dedede;
        -webkit-appearance: none;
        appearance: none;
    }

    select {
        width: 60%;
        display: block;
        padding: 10px 0px;
        line-height: 24px;
        -webkit-appearance: menulist;
        -moz-appearance: menulist;
        appearance: menulist;
        white-space: pre;
    }

    input[type="url"],input[type="email"],input[type="text"],input[type="password"],textarea,input[type="search"],input[type="file"],input[type="tel"] {
        width: 60%;
    }

    #right .mod_subscribe input[type="text"] {
        width: 210px;
    }

    textarea {
        width: 95%;
        height: 140px;
    }

    input[type="text"]:focus,input[type="password"]:focus,textarea:focus {
        -webkit-box-shadow: inset 0px 0px 3px 0 #dedede;
		}

    .checkbox_container span,.radio_container span {
        display: inline-block;
        margin-right: 10px;
    }

    .checkbox_container+br,.radio_container+br {
        display: none;
    }

    .checkbox_container label,.checkbox_container input {
        vertical-align: middle;
    }

    .checkbox_container {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    input[type="radio"],x:-moz-any-link {
        top: 2px;
        position: relative;
    }

    .submit_container {
        margin-bottom: 1em;
			width:130px;
    }

    form table td {
        padding-top: 3px;
        padding-bottom: 3px;
    }

    form table td:first-child {
        padding-top: 6;
        padding-right: 18;
        padding-bottom: 0;
        text-align: left;
		}

    .tableform table {
        width: 70%;
		margin-top: 1.5em;
        margin-bottom: 0;
		margin: 0 auto;
    }

    .tableform .formbody,.tableless .formbody {
        overflow: hidden;
    }

    .tableless .formbody {
        padding-top: 0;
    }

    legend {
        padding-right: 6px;
        font-size: 14px;
        color: #00c7d7;
    }

    fieldset table {
        width: 92%;
        margin-top: 1em !important;
        margin-bottom: 1em !important;
    }

    fieldset table td:first-child {
        width: 140px;
        text-align: left;
    }

    span.mandatory {
        display: inline;
        padding-left: 2px;
        font-weight: bold;
		color: #0168b5;
    }

    legend span.mandatory {
        display: inline;
        padding-left: 2px;
        font-weight: bold;
        color: #f00;
    }

    p.confirm {
        font-size: 16px;
        color: #00c7d7;
    }

    p.error {
        margin-bottom: 6px;
        font-size: 11px;
        font-weight: bold;
        color: #ff0000;
    }

    input[type="text"].error,input[type="password"].error,textarea.error {
    }

    input.captcha {
        width: 48px;
        margin-right: 6px;
    }

    span.captcha_text, select {
    }

    *:first-child+html span.captcha_text {
        top: -3px;
        position: relative;
    }

    .submit {
        display: inline-block;
        padding: 6px 10px;
        background-color: #0168b5;
		float:left;
        color: #000000;
        behavior: url("assets/css3pie/1.0.0/PIE.htc");
    }

    .submit:hover {
        display: inline-block;
		background-color: #a8a9ad; /* tftf #00c7d7*/
		color: #ffffff;
		cursor: pointer;
    }

    .mod_rss_reader h2 {
        margin-bottom: 0;
        padding-bottom: 0;
        padding-left: 0;
        font-size: 15px;
        background: none !important;
    }

    .mod_rss_reader h2 a {
        padding-left: 0;
        font-size: 15px;
        background: none;
    }

    .coinslider_start {
        padding: 5px;
        background-color: #fbfbfb;
        border: 1px solid #eaeaea;
    }

    .cs-buttons a {
        background-image: none;
    }

    .ce_tabcontrol_tabs li {
        float: left;
        padding: 5px 10px 6px 11px;
        background: url("../../files/theme/img/kalender.png") left bottom repeat-x;
        border-top: 1px solid #e3e3e3;
        border-right: 1px solid #e3e3e3;
        border-left: 1px solid #e3e3e3;
        font-size: 13px;
        cursor: pointer;
    }

    .ce_tabcontrol_tabs li.tabs.selected {
        float: left;
        padding: 5px 10px 6px 11px;
        background: url("../../files/theme/img/kalender.png") left top repeat-x;
        border-top: 1px solid #e3e3e3;
        border-right: 1px solid #e3e3e3;
        border-left: 1px solid #e3e3e3;
        color: #00c7d7;
        cursor: pointer;
    }

    .ce_tabcontrol_tabs li.tabs.hover {
        float: left;
        padding: 5px 10px 6px 11px;
        background: url("../../files/theme/img/kalender.png") left top repeat-x;
        border-top: 1px solid #e3e3e3;
        border-right: 1px solid #e3e3e3;
        border-left: 1px solid #e3e3e3;
        text-decoration: underline;
        color: #00c7d7;
        cursor: pointer;
    }

    .ce_tabcontrol_pane .panes {
        float: left;
        display: block;
        padding: 20px;
        border: 1px solid #e3e3e3;
    }

    blockquote {
        width: 50%;
        float: left;
        margin: 20 0;
        padding: 5px 5px 5px 45px;
        background-image: url("../../files/theme/img/blockquote.png");
        background-repeat: no-repeat;
        font-size: 14px;
        line-height: 20;
        letter-spacing: 0.4px;
        word-spacing: 1px;
        background-position: 5px 10px;
    }

    .pullquote_left {
        width: 33%;
        float: left;
        padding: 20px;
        background-color: #fff;
        border-radius: 4px;
        behavior: url("assets/css3pie/1.0.0/PIE.htc");
        margin: 20px 20px 20px 2px;
        -moz-box-shadow: 0 1px 3px #aaaaaa;
        -webkit-box-shadow: 0 1px 3px #aaaaaa;
        box-shadow: 0 1px 3px #aaaaaa;
    }

    .pullquote_right {
        width: 33%;
        float: right;
        padding: 20px;
        background-color: #fff;
        border-radius: 4px;
        behavior: url("assets/css3pie/1.0.0/PIE.htc");
        margin: 20px 2px 20px 20px;
        -moz-box-shadow: 0 1px 3px #aaaaaa;
        -webkit-box-shadow: 0 1px 3px #aaaaaa;
        box-shadow: 0 1px 3px #aaaaaa;
    }

    .highlight1 {
        background-color: #FFFFC7;
    }

    .highlight2 {
        padding: 2px 6px;
        background-color: #B5B5B5;
        color: #000;
    }

    .dropcap {
        float: left;
        display: block;
        margin: 0 8px -5px 0;
        font-size: 40px;
        line-height: 40px;
        color: #00c7d7;
    }

    .box_columns p {
        -moz-column-count: 2;
        -moz-column-gap: 20px;
        -webkit-column-count: 2;
        -webkit-column-gap: 20px;
        column-count: 2;
        column-gap: 20px;
    }

    .telefon {
        right: 20px;
        top: 34px;
        position: absolute;
        padding-left: 16px;
        text-align: right;
        background: url("../../files/theme/img/icons/blau/mobile2.png") left center no-repeat;
        font-size: 12px;
        color: #505050;
    }

    .hcol1 h1,.hcol1 h2,.hcol1 h3,.hcol1 h4,.hcol1 h5,.hcol1 h6 {
        color: #ff0000;
    }

    .hcol2 h1,.hcol2 h2,.hcol2 h3,.hcol2 h4,.hcol2 h5,.hcol2 h6 {
        color: #00be37;
    }

    .hcol3 h1,.hcol3 h2,.hcol3 h3,.hcol3 h4,.hcol3 h5,.hcol3 h6 {
        color: #00adf1;
    }

    .hcol4 h1,.hcol4 h2,.hcol4 h3,.hcol4 h4,.hcol4 h5,.hcol4 h6 {
        color: #FF8001;
    }

    .icon2 h1,.icon2 h2,.icon2 h3,.icon2 h4,.icon2 h5,.icon2 h6 {
        padding-left: 30px;
        background: url("../../files/theme/img/icons/blau/processing-02.png") left center no-repeat;
    }

    .icon3 h1,.icon3 h2,.icon3 h3,.icon3 h4,.icon3 h5,.icon3 h6 {
        padding-left: 30px;
        background: url("../../files/theme/img/icons/blau/lab.png") left center no-repeat;
    }

    .icon4 h1,.icon4 h2,.icon4 h3,.icon4 h5,.icon4 h6 {
        padding-left: 25px;
        background: url("../../files/theme/img/icons/blau/Scissors.png") left center no-repeat;
    }

    .icon5 h1,.icon5 h2,.icon5 h3,.icon5 h4,.icon5 h6 {
        padding-left: 35px;
        background: url("../../files/theme/img/icons/blau/first-aid.png") left center no-repeat;
    }

    .hsize1 h1,.hsize1 h2,.hsize1 h3,.hsize1 h4,.hsize1 h5,.hsize1 h6 {
        font-size: 1em;
    }

    .hsize2 h1,.hsize2 h2,.hsize2 h3,.hsize2 h4,.hsize2 h5,.hsize2 h6 {
        font-size: 1.1em;
    }

    .hsize3 h1,.hsize3 h2,.hsize3 h3,.hsize3 h4,.hsize3 h5,.hsize3 h6 {
        font-size: 1.2em;
    }

    .hsize4 h1,.hsize4 h2,.hsize4 h3,.hsize4 h4,.hsize4 h5,.hsize4 h6 {
        font-size: 1.3em;
    }

    .hsize5 h1,.hsize5 h2,.hsize5 h3,.hsize5 h4,.hsize5 h5,.hsize5 h6 {
        font-size: 1.4em;
    }

    .sozialcontact {
        float: right;
        margin-right: 5px;
    }

    .sozialcontact .iconssozial {
        float: right;
        margin: 0;
    }

    .sozialcontact .iconssozial li {
        float: left;
        display: inline;
        margin: 0 0 0 5px;
        list-style-type: none;
        text-indent: -9999px;
        -moz-transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

    .sozialcontact .iconssozial li a {
        width: 24px;
        height: 24px;
        display: block;
        background-repeat: no-repeat;
        list-style-type: none;
        background-position: 0 0;
    }

    .sozialcontact .iconssozial li.facebook {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAA8CAYAAAB8SnrYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMxJREFUeNrsl8EJAjEQRTPBAuzIEpzcrcAqtAnPe/CetQO3ItPBOIoEDyEIZtCQH/gsWdh58PNh84mZxRku74xX/4DVl99TjDFvQgjSCkA4g4/tKfk+rkXF5GhMqWbXWBbJmCkCAIAOACQisAgAAAD4+a1iuz9v9Dmr1o1nJxV7o+HuNXP2RsMz5G872kF1VS2X0y6/1PNs0tEm1dEyplP3HW1536jvt1oSfaO8d9zRNKZUiyk6WtEW/NEA6BCQDOenB4CNIM9ry12AAQBDbC5HwZ8/cQAAAABJRU5ErkJggg==");
        background-repeat: no-repeat;
    }

    .sozialcontact .iconssozial li.twitter {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAA8CAYAAAB8SnrYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVpJREFUeNrsV0FuwjAQNFHu4dpTeQJ9Ae0PHPXCrekT+gP6A3gBcONSJU+AH4QfpKdewwvSSTVUUUScOK2FgLU0cuRYM97VbpwZaK0nSqkEGKr/HTmgPUfkipyJ54j8V8RTjsdtC8yARyDtI5ATJvJ3YNxXQPF0GtjW1jOSl2MRx/Er5shWYEji8nRPtVTM6pshssa0so1gDnzyeQc8cC0x7LcSKE8aA/eVtTfgcGozotgzValNFa0qURhHGIYBplG9ONoEEkYRdNDQldK16oMR0aUvejVaqwDSs2za4zfkPWWpZkzToYE7APnctg+iSoOtDeQvPEhkis43dPGx0baMJOOnYcz3ne4Rv+X9kfDG74PcIX/usWJciPz8tgyKopBLXwREQATOLeA/b77Eo4lHE4/2R4/2Mb1z79EgcgUeDVG49Wj4polHM6bHnUcDuXg08WiX7tG+BRgA/fuCgkHSTWkAAAAASUVORK5CYII=");
        background-repeat: no-repeat;
    }

    .sozialcontact .iconssozial li.googleplus {
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAA8CAYAAAB8SnrYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAgVJREFUeNrsV8FxwjAQlDz8IQ/e0EHoIHRgu4JABVACHUAqCFRgUkGUDqACwjd5BCpQpJlV5lBkYwvEhGDN3Ngey7d3tydZy5MkeWCMLZW12HnHTlkSBXLO4HMZBXL+AxKxwCM4QMN6nisTyt4d9exp0nD9NbIs42mayjyAFT5uAURfJ8oWeH+vbKas61MiHW1f2RbR9+BIA8WYt1Y29uVAR7pHlHZHzcj9iy8HgtTZHl0Arx3vOGp/wAOdoDlpoDSGh7wF4xoSTgpJjhAhQ5nmDkemox59OUjI89jKZIkMmxYflTiYIMoFsugT0AUy9N6vuNpNTd0EHOkM3sicjU//u7aKPsogUBJGgM++F9F6D3PIr7QX7RCpyGnXId7NfTIwe0wKsgcg/lXZVFmHEL70IdncP8O5awwA0HHstKU4GBU4p5xsfUnulfi/ntRFqyPzTKvGVU8WBuCpoEMEVnYT5Fc6tnAp5XX/9GuAGqAG+A8AjU/Og2o0/sHYV0AZtas12uU0WltKrhrm8hpNd9EGUemTtd1RCZFOcdHBKy+Dv6/R2uTQoLOgE3RGJ2s05eRoia5bo+kukuT0zODMpdEKWzSvRAYgmEajADax+xK64QY0mi7RlKzmGAR3ydqYkbWSWV1XCiCoRjMAoyN9rkt4R1fw7Wi0MhwIQqwoke3BseVbgAEACU+9IHVUvqsAAAAASUVORK5CYII=") left top no-repeat;
    }

    .sozialcontact .iconssozial li:hover {
        background-position: 0 -36px;
    }

    .sozialcontact #contactdetails ul {
        margin: 0;
    }

    .sozialcontact #contactdetails {
        float: right;
        display: block;
        margin: 40px 0 0;
    }

    .sozialcontact #contactdetails li:first-child {
        border: medium none;
    }

    .sozialcontact #contactdetails li {
        display: inline-block;
        margin-left: 10px;
        padding-left: 10px;
        border-left: 1px solid #e9e9e9;
    }

    .sozialcontact #contactdetails li a {
        text-decoration: none;
    }

    .sozialcontact #contactdetails i {
        margin-right: 4px;
    }

    .sozialcontact #contactdetails .icoenvelope {
        width: 14px;
        height: 14px;
        display: inline-block;
        vertical-align: text-bottom;
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAJCAYAAAACTR1pAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMtJREFUeNqU0D8LAXEcx/FzN0hmT0GXSazKwAO4TWSyEyUMNwhZ3KCU3eABeAQmg5IFgzKYFTPl3/tX36vrSrh63fD5/T7f+v4ClmV1NU2rIaz9/i11flsM/ygdMFbFKW6o4/GltEEVJVU00EEIDTw/lHZoibTuOVC7vlDA3VdaIYc2UirwFo+4IIgKrpIv0EcSc/eyW9yjjCImiMouMwzQk/yEplpHlym2PE5WBqlSHCM4iEnuyJvYhmmaZ5mS8u2VQB4RX57B+i3AAAF3KNPreQD+AAAAAElFTkSuQmCC") left center no-repeat;
        line-height: 14px;
        opacity: 1;
    }

    .sozialcontact #contactdetails .icouser {
        width: 14px;
        height: 14px;
        display: inline-block;
        vertical-align: middle;
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAM5JREFUeNps0c8KQUEUx/Hx5yrlX0KK8gw2ykLiBVwvIHtrW0/BytKO2Agrr2BnY+sNEKHwPTmT282pz51m5tc5Uzfguq5jjOmgh7L51gNLDMJ8ZqhCgicNvNHAVAItDLFB1PzqiVFYN3fcEPAEZMzDBuQiqGwFje/gb3lHXPDyjXjZQBMF7ejoZQgZO0I2RVQQQw1xeZvtMMcedSzQxRgT2yGrI9IoIaVrxAbkIIcE8jpGVscGdtjqmDUOWOEsbziijyuSaGs3+ReZjwADAJdBI/epCZqQAAAAAElFTkSuQmCC") left center no-repeat;
        line-height: 14px;
        opacity: 1;
    }

    .farbiger-slogan {
        width: 98%;
        overflow: hidden;
        display: table;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    #farbiger-slogan .farbiger-titel {
        width: 70%;
        display: table-cell;
        margin-bottom: 20px;
    }

    #farbiger-slogan .leuchten:before {
        width: 60%;
        height: 0px;
        left: 20%;
        top: 50%;
        position: absolute;
        background-color: #afd400;
        -webkit-box-shadow: 0 0 50px 40px #afd400;
        box-shadow: 0 0 50px 40px #afd400;
        behavior: url("assets/css3pie/1.0.0/PIE.htc");
        content: "";
        z-index: -1;
    }

    #farbiger-slogan .leuchten {
        background-color: #00c7d7;
    }

    #farbiger-slogan .farbiger-titel-inside {
        position: relative;
        overflow: hidden;
        display: block;
        padding: 30px 10px;
        text-align: center;
        z-index: 0;
    }

    #farbiger-slogan .farbiger-titel-inside h3 {
        margin-top: 0;
        margin-bottom: 0;
        color: #fff;
    }

    #farbiger-slogan .farbiger-titel-inside h3 {
        margin-top: 0;
        margin-bottom: 0;
        font: 26px "Open Sans","Lucida Sans","Lucida Grande","Lucida Sans Unicode",sans-serif;
        color: #fff;
        font-weight: 300;
    }

    a.farbiger_button {
        width: 23%;
        margin-top: 0;
        margin-bottom: 0;
        font: 26px "Open Sans","Lucida Sans","Lucida Grande","Lucida Sans Unicode",sans-serif;
        text-decoration: none;
        color: #fff;
        font-weight: 300;
        -webkit-transition: all 0.3s ease-in-out 0s;
        -o-transition: all 0.3s ease-in-out 0s;
        transition: all 0.3s ease-in-out 0s;
    }

    a:hover.farbiger_button {
        margin-top: 0;
        margin-bottom: 0;
        font: 34px "Open Sans","Lucida Sans","Lucida Grande","Lucida Sans Unicode",sans-serif;
        color: #fff;
        font-weight: 400;
    }

    .farbiger_button {
        width: 25%;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        color: #fff;
        background: none !important;
        background-color: #3D4244 !important;
        padding: 0 30px !important;
    };
	

}

 /* @media only screen and (min-width:768px) and (max-width:1024px) and (orientation : landscape){ 
#customnavi li {
        float:none;
		padding : 30px;
     }
}
*/


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

    .image_container .caption {
        padding-left: 5px;
        font-size: 10px;
    }
	
 #customnavi li {
        float:right;
		padding: 0;
		padding-top : 30px !important;
     }
	
	#customnavi a {
        display: block;
        padding: 0px 7px;
        text-align: left;
        font-size: 0.9em !important;
        text-decoration: none;
        -moz-transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
    }

     #customnavi span {
       display: block;
        padding: 0px 7px;
        text-align: left;
        font-size: 0.9em !important;
        text-decoration: none;
        color: #ffffff;
		letter-spacing: 0.1em;
				font-family:"latoregular" !important;
        -moz-transition: all .5s ease;
        -webkit-transition: all .5s ease;
        -o-transition: all .5s ease;
        transition: all .5s ease;
           }
	#logo img {	
		max-width:70%;
	}
}


@media screen and (max-width: 600px){
*[class*="grid"] {
    float: none;
    display: inline;
    margin-right: 1%;
    margin-left: 1%;
}
}

 #kontakt li {
	text-align:left !important;
 }



@media print {
/* Style sheet print-globalcompany-3 */
    body {
        margin: 24px;
        padding: 0;
    }

    * {
        font-family: Arial;
    }
	#mainmenu, #navmobil, #customnavi, #header, #footer {
		display:none !important;
	}
	
	#wrapper, #container, #header, #footer #mainmenu {	
	}
		#container {
		position: absolute;
		top:-150px;
	}


	.bx-wrapper {
		float:none !important;
		position:absolute;
		top:0px;
	}
	
	h1 {
		margin-top:2em;
	}
	#logo {
    padding-right: 20px;
	}
	#foto-bild-text p{
	font-size :0.6em;
	text-align:center;
 	position: relative;
	right : 0;
	margin-right:20px;
	max-width:300px; /*tftf so breit wie bild*/
}


.sequence-theme {
  /* this container is just to ensure the background color stretches all the way across on bigger screens */
  background: #00c7d7;
  width:960px;
}

}