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

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

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

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

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

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

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

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

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

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

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

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

	/* Positioning of images: */

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

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

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

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

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

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

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

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

	/* Browser fixes: */

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

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

	/* Table background colors: */

	table.contenttable-color-1 { background-color: #EDEBF1; }
	table.contenttable-color-2 { background-color: #F5FFAA; }
	table.contenttable-color-240 { background-color: black; }
	table.contenttable-color-241 { background-color: white; }
	table.contenttable-color-242 { background-color: #333333; }
	table.contenttable-color-243 { background-color: gray; }
	table.contenttable-color-244 { background-color: silver; }
/* specific page styles for extension "tx_cssstyledcontent" */
	.csc-textpic-intext-right-nowrap .csc-textpic-text { margin-right: 610px; }
	.csc-textpic-intext-left-nowrap .csc-textpic-text { margin-left: 610px; }
/* default styles for extension "tt_news" */



.news-single-rightbox,
.news-single-imgcaption,
.news-latest-date,
.news-latest-morelink,
.news-latest-category,
.news-list-category,
.news-list-author,
.news-list-imgcaption,
.news-list-date,
.news-list-browse,
.news-amenu-container,
.news-catmenu  {
	font-size:10px;
}



/*-----------------------------------  clearer  -----------------------------------*/
/* prevent floated images from overlapping the div-containers they are wrapped in  */

.news-latest-container HR.clearer,
.news-list-container HR.clearer,
.news-list2-container HR.clearer,
.news-list3-container HR.clearer,
.news-single-item HR.cl-left,
.news-single-item HR.cl-right
 {
	clear:right;
	height:1px;
	border:none;
	padding:0;
	margin:0;
}
.news-list2-container HR.clearer,
.news-list3-container HR.clearer {
	clear:both;
}

.news-single-item HR.cl-left {
	clear:left;
}

/*-----------------------------------  tt_news LATEST view  -----------------------------------*/

.news-latest-container {
	padding:10px;
}

.news-latest-gotoarchive {
	padding:3px;
	margin:3px;
	background-color:#f3f3f3;
}


.news-latest-container H2 {
  padding: 0 0 2px 0;
  margin:0;
}

.news-latest-item {
	padding:3px;
	margin:0;
}

.news-latest-item IMG {

	margin: 0 5px 5px 0;
	float:left;
	border: none;
}
.news-latest-category IMG {
	float: none;
	border:none;
	margin:0px;
}




.news-latest-item > p {
	margin:0;
	padding:0;
}




/*--------------------------------- tt_news LIST view  -----------------------------------*/
.news-list-container {
	padding: 10px 0;

}
.news-list-item {
	padding: 0 0 10px 0;
}

.news-list-container H2 {
	margin: 0px;
}

.news-list-date {
	float: right;
	display:block;
	padding-left:10px;
}

.news-list-imgcaption {
	padding:3px 3px 0 0;

}

.news-list-container IMG {
	float: right;
	margin:0 2px 5px 5px;
	border: none;

}

.news-list-category IMG {
	float: none;
	border:none;
	margin:0px;
}

.news-list-morelink  {
	padding-left:5px;
}



	/*---------------------------------  LIST2 / 3 ---------------------------------*/

.news-list2-container,
.news-list3-container {
	padding: 0 0 10px 0;
}


.news-list2-container,
.news-list3-container {
	background:#e5e5e5;
}

.news-list3-item,
.list2-subdiv-hdr {
	background:#f1f1f1;
}
.news-list2-container .hdr-left,
.news-list2-container .hdr-right,
.news-list3-container .list3-left,
.news-list3-container .list3-right {
	width:48%;
	float:left;
	padding:5px;
}

.news-list2-container .sub-left,
.news-list2-container .sub-middle,
.news-list2-container .sub-right {
	width:31%;
	float:left;
	padding:5px;
}

.news-list3-item {
	padding:5px;
}

.news-list3-item,
.list3-subdiv,
.list2-subdiv {
	border-top:5px solid #fff;
}


.news-list2-container IMG {
	float: right;
	margin:0 2px 5px 5px;
	border: none;

}
.news-list3-container IMG {
	float: left;
	margin:0 5px 5px 2px;
	border: none;

}



	/*---------------------------------  tt_news Page-Browser ---------------------------------*/

.news-list-browse {
	text-align:center;
	margin-bottom:20px;
}

.activeLinkWrap {
	font-weight:bold;
}
.disabledLinkWrap {
	color: #999;
}
.disabledLinkWrap,
.browseLinksWrap a,
.activeLinkWrap {
	padding:0 1px;
}

	/*--------------------------------- tt_news SINGLE view  ---------------------------------*/


.news-single-item {
	padding:5px;
	margin-bottom:5px;


}

.news-single-img {
	float: right;
	margin:10px 0 0 10px;
	padding:0;
}

.news-single-img img {
	border:none;
}

.news-single-imgcaption {
	padding: 1px 0 3px 0;
	margin:0;
}

.news-single-rightbox {
	float: right;
	width:160px;
	text-align:right;
	clear:both;
}
.news-single-backlink {
	padding: 10px;
}



.news-single-additional-info {
	margin-top: 15px;
	padding:3px;
	clear:both;
}

.news-single-related,
.news-single-files,
.news-single-links  {
	margin: 0;
	margin-bottom: 3px;
	padding: 3px;
}

.news-single-related DD,
.news-single-links DD,
.news-single-files DD {
	margin-left: 20px;
}

.news-single-related DT,
.news-single-links DT,
.news-single-files DT {
	font-weight: bold;
	margin-left: 5px;
}

.news-single-files DD A {
	padding:0 3px;
}


	/*--------------------------------- SINGLE2  ---------------------------------*/


.sv-img-big img,
.sv-img-small img {
	border:none;
}

.sv-img-big {
	float: right;
	padding: 10px 0 2px 10px;
}
.sv-img-small-wrapper {
	padding:15px 0;
}
.sv-img-small {
	float: left;
	padding: 0 10px 10px 0;
}


/*--------------------------------- tt_news Archivemenu (AMENU) --------------------------------- */
.news-amenu-container {
	width:165px;
    padding:0;
    margin-left:10px;
}
.news-amenu-container LI {
	padding-bottom:1px;

}
.news-amenu-container LI:hover {
	background-color: #f3f3f3;

}

.news-amenu-container UL {
    padding:0;
    margin:0;
	margin-top:5px;

	list-style-type: none;
}

.news-amenu-item-year {
	font-weight: bold;
    margin-top:10px;
	padding: 2px;
	background-color: #f3f3f3;

}


.amenu-act {
	background:#fff;
	font-weight:bold;
}

/*--------------------------------- tt_news Categorymenu (CATMENU) --------------------------------- */

.news-catmenu  {
	padding:10px;

}

ul.tree {
	list-style: none;
	margin: 0;
	padding: 0;
	clear: both;
}

ul.tree A {
	text-decoration: none;
}

ul.tree A.pm {
	cursor: pointer;
}

ul.tree img {
	vertical-align: middle;
}

ul.tree ul {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left: 17px;
}

ul.tree ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 10px;
	white-space: nowrap;
}

ul.tree ul li.expanded ul {
	background: transparent url('../../typo3/gfx/ol/line.gif') repeat-y top left;
}

ul.tree ul li.last > ul {
	background: none;
}

ul.tree li.active, ul.tree ul li.active {
	background-color: #ebebeb !important;
}

ul.tree li.active ul, ul.tree ul li.active ul {
	background-color: #f7f3ef;
}






/*  Styles for catmenu mode "nestedWraps" */
.level1 {
	padding:1px;
	padding-left:10px;
	background-color:#ebf8bf;
	border-left:1px solid #666;
	border-top:1px solid #666;
}
.level2 {
	padding:1px;
	padding-left:10px;
	background-color:#ddf393;
	border-left:1px solid #666;
}
.level3 {
	padding:1px;
	padding-left:10px;
	background-color:#cae46e;
	border-left:1px solid #666;
	border-top:1px solid #666;

}
.level4 {
	padding:1px;
	padding-left:10px;
	background-color:#b0cb51;
	border-left:1px solid #666;
}


/* default styles for extension "tx_form" */
	div.csc-mailform ol,
	div.csc-mailform ol li {
		margin: 0;
		padding: 0;
	}

	div.csc-mailform ol li {
		overflow: hidden;
	}

	div.csc-mailform fieldset {
		margin: 0;
		padding: 0;
		position: relative;
	}

	div.csc-mailform legend {
		margin-left: 1em;
		color: #000000;
		font-weight: bold;
	}

	div.csc-mailform fieldset ol {
		padding: 1em 1em 0 1em;
	}

	div.csc-mailform fieldset li {
		padding: 0.5em;
		margin-bottom: 0.5em;
		list-style: none;
	}

	div.csc-mailform fieldset.submit {
		border-style: none;
	}

	/**
	 * Normal label
	 * Left aligned, in front of input
	 */
	div.csc-mailform li label {
		float: left;
		width: 13em;
		margin-right: 1em;
		vertical-align: baseline;
	}

	div.csc-mailform li input + label,
	div.csc-mailform li textarea + label,
	div.csc-mailform li select + label {
		float: none;
		width: auto;
		margin-right: 0;
		margin-left: 1em;
	}

	div.csc-mailform li textarea + label {
		vertical-align: top;
	}

	label em,
	legend em {
		display: block;
		color: #060;
		font-size: 85%;
		font-style: normal;
		text-transform: uppercase;
	}

	legend em {
		position: absolute;
	}

	label strong,
	legend strong {
		display: block;
		color: #C00;
		font-size: 85%;
		font-weight: normal;
		text-transform: uppercase;
	}

	legend strong {
		position: absolute;
		top: 1.4em;
	}

	/**
	 * Labels alignment right
	 */
	.labels-alignment-right label,
	.labels-alignment-right .fieldset-subgroup legend,
	.labels-alignment-right.fieldset-subgroup legend {
		text-align: right;
	}

	/**
	 * Horizontal fieldset
	 */
	fieldset.fieldset-horizontal {
		border-width: 0;
	}

	fieldset.fieldset-horizontal ol {
		padding: 0;
	}

	fieldset.fieldset-horizontal li {
		float: left;
		padding: 0;
		margin-right: 1em;
	}

	fieldset.fieldset-horizontal.label-below label {
		display: block;
		margin-left: 0;
		margin-top: 0.2em;
		font-size: 90%;
		color: #999999;
		text-align: left;
	}

	fieldset.fieldset-horizontal label em {
		display: inline;
	}

	/**
	 * Subgroup fieldset
	 */
	fieldset.fieldset-subgroup {
		margin-bottom: -2em;
		border-style: none;
	}

	fieldset.fieldset-subgroup legend {
		margin-left: 0;
		padding: 0;
		font-weight: normal;
		width: 13em;
	}

	fieldset.fieldset-subgroup ol {
		position: relative;
		top: -1.4em;
		margin: 0 0 0 14em;
		padding: 0;
	}

	fieldset.fieldset-subgroup li {
		padding: 0;
	}

	fieldset.fieldset-subgroup input + label {
		float: none;
		width: auto;
		display: inline;
		margin: 0 0 0 1em;
	}

	/**
	 * Labels as block
	 * Labels displayed above or below the input fields
	 */
	.labels-block label {
		display: block;
		float: none;
		margin: 0 0 0.5em;
		width: auto;
	}

	.labels-block input + label,
	.labels-block textarea + label {
		margin: 0.5em 0 0;
	}

	.labels-block fieldset.fieldset-subgroup,
	fieldset.labels-block.fieldset-subgroup {
		margin-bottom: 0;
	}

	.labels-block .fieldset-subgroup legend,
	.labels-block.fieldset-subgroup legend {
		width: auto;
	}

	.labels-block .fieldset-subgroup legend em,
	.labels-block.fieldset-subgroup legend em {
		position: relative;
	}

	.labels-block .fieldset-subgroup legend strong,
	.labels-block.fieldset-subgroup legend strong {
		position: relative;
		top: 0;
	}

	.labels-block .fieldset-subgroup ol,
	.labels-block.fieldset-subgroup ol {
		top: 0;
		margin: 0;
		padding: 0.5em 0 0;
	}

@font-face {
    font-family: 'Roboto';
    src: url('../../fileadmin/templates/font/Roboto-Regular.ttf');

    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../../fileadmin/templates/font/Roboto-Light.ttf');

    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Amatic SC';
    src: url('../../fileadmin/templates/font/AmaticSC-Bold.ttf');

    font-weight: 700;
    font-style: normal;
}




.sf-menu > li > a {
 -webkit-transition: all 0.4s ease-in-out;
 -moz-transition: all 0.4s ease-in-out;
 -ms-transition: all 0.4s ease-in-out;
 -o-transition: all 0.4s ease-in-out;
 transition: all 0.4s ease-in-out;
}
.align-center {
text-align: center;
}

div.csc-textpic div.csc-textpic-imagecolumn {
float: left;
width: 24%!important;
}
div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image {
margin-right: 1%;
}
::selection {
  background: rgb(250,80,60);
  color: #fff;
}
::-moz-selection {
 background:rgb(250,80,60);
 color: #fff;
}
a[href^="tel"]:link, a[href^="tel"]:visited, a[href^="tel"]:hover {
  text-decoration: none;
  color: rgb(250,80,60);
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, h3 b, h2 b, h1 b, h4 b, h5 b, h6 b, h3 strong, h2 strong, h1 strong, h4 strong, h5 strong, h6 strong {
  border: 0 none;
  font: inherit;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
ul,li{list-style:none;}
a {
  text-decoration: none;
  color: rgb(40,40,40);
}
a:hover, .news-amenu-container a:hover {
  color: rgb(250,80,60);
}
img {
  border: 0;
  line-height: 0;
}
li, ul {
  margin: 0;
  padding: 0;
}
h1, h2, h3, h4, h5 {
  color: rgb(106,106,106);
}
h1 {
  font: 700 58px/60px 'Amatic SC', cursive;
  position:relative;
}
.news-wrap h1 {
  color:#fff;
  margin-bottom:60px!important;
}
section h1, .news-wrap h1 {
  font: 700 58px/60px 'Amatic SC', cursive;
  position:relative;
  text-align:center;
  display:block;
  margin-bottom:40px;
}
section h1:before, .news-wrap h1:before {
  background: rgb(236,119,75);
  background-size:50px 50px;
    content: "";
    position: absolute;
    left: 40%;
  right:40%;
    bottom: -10px;
    z-index: 99;
  height:3px;
  width:20%;
}
h2 {
  font: 700 30px/35px 'Amatic SC', cursive; 
  margin: 30px 0 20px;
  
}
h2:nth-child(4n+4) {
  color:rgba(62,177,206,1);
}
h2:nth-child(4n+3) {
  color:rgba(136,200,123,1);
}
h2:nth-child(4n+2) {
  color:rgba(180,155,25,1);
}
h3 {
  font: 300 20px/25px 'Roboto', sans-serif;
}

section table {
  width: 100%;
  margin: 3% 0;
  text-align: center
}
section table td {
  padding:2%;
}
section table thead tr th {
  background:#f1f1f1;
  padding:2%;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
.clearfix {
  display: inline-block;
}
* html .clearfix {
  height: 1px;
}
.clearfix {
  display: block;
}
body, html {
  font: 300 15px/21px 'Roboto', sans-serif;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  color: rgb(105,105,105);
}

.header, .cont {
  width:90%;
  max-width:1200px;
  margin: 0 auto;
  clear: both;
}
/* /HEADER / */
  
header {
  background:rgba(251,251,251,1);
}
.logo {
  width: 15%;
  height: auto;
  float: left;
  padding: 2% 5% 0 0;
}
.logo img {
  width: 100%;
  height: auto;
  max-width: 120px;
  text-align: center;
  padding: 0;
}
.top {
  background:url('../../fileadmin/templates/grafik/nav_border.jpg') bottom left no-repeat;
  background-size: 100% 3px;
  padding:15px 0;
  width:80%;
  float:right;
  margin:0 0 25px 0;
}
.mail, .tel {
  float:right;
  position:relative;
  padding:4px 0;
  margin: 5px 0 5px 70px;
}
.mail a, .tel {
  color:#888;
}
.mail:before {
  background:url('../../fileadmin/templates/grafik/icons.png')top right no-repeat;
  background-size:50px 50px;
  bottom: 0;
    content: "";
    position: absolute;
    left: -40px;
    top: 0;
    z-index: 99;
  height:24px;
  width:26px;
}
.tel:before {
  background:url('../../fileadmin/templates/grafik/icons.png')top left no-repeat;
  background-size:50px 50px;
  bottom: 0;
  content: "";
  position: absolute;
  left: -37px;
  top: 0;
  z-index: 99;
  height:24px;
  width:25px;
}

.nav-wrap {
  float:right;
  width:80%;
}
.slider {
  width:100%;
  clear:both;
  position:relative;
}
.slider:before {
  background:url('../../fileadmin/templates/grafik/mask_top.png')top left no-repeat;
  background-size:100% auto;
  bottom: 0;
    content: "";
    position: absolute;
    left: 0px;
    top: 0;
    z-index:99;
  height:24px;
  width:100%;
}
.slogan {
  width:94%;
  background:url('../../fileadmin/templates/grafik/schule.jpg') no-repeat fixed;
  background-size:cover;
  text-align:center;
  padding:5% 3%;
  position:relative;
}
.slogan:before {
  background:url('../../fileadmin/templates/grafik/border-slogan.png')top left repeat;
  background-size:100% 8px;
  bottom: 0;
    content: "";
    position: absolute;
    left: 0px;
    top: 0;
    z-index: 9;
  height:8px;
  width:100%;
}
.slogan:after {
  background:url('../../fileadmin/templates/grafik/mask_slogan.png')top left repeat;
  background-size:100% auto;
  bottom: 0;
    content: "";
    position: absolute;
    left: 0px;
    top: 0;
    z-index: 9;
  height:auto;
  width:100%;
  border-bottom: 10px solid #f1f1f1;
}
.slogan h1 {
  font: 400 40px/45px 'Amatic SC', cursive;
  color:rgba(255,209,190,1);
}
/* /MAIN / */

main {
  width:100%;
  padding:4% 0;
}

.gruen {
  width:100%;
  background:rgb(140,200,90);
  padding:4% 0;
  margin:5% 0 0 0;
}
.left {
  float:left;
  padding:0 2% 0 0;
  width:48%;
}
.right {
  float:right;
  padding:0 0 0 2%;
  width:48%;
}

.inhalt {
  display: flex;
  display: -webkit-box;
  display: -moz-flex;
  display: -o-flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  padding: 0;
}
.inhalt div {
  box-sizing: border-box;
  flex-grow: 1;
  width: 100%; 
  overflow: hidden;
  list-style: none;
  padding:15px;
}

/* /FOOTER/ */

footer {
}
.table {
  width:100%;
  display:table;
  position:relative;
  table-layout: fixed;
  margin:30px 0;
}
.table div {
  display: table-cell;
  text-align: center;
  width:33.333%;
  border-left:1px solid rgb(231,231,231);
  padding:60px 2% 25px 2%;
}
.table-list {
  display: -webkit-box;
  display: flex;
  display: -moz-flex;
  display: -o-flex;
  display: -ms-flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  padding: 0;
}
.table-list li {
  box-sizing: border-box;
  flex-grow: 1;
  width: 100%; 
  overflow: hidden;
  list-style: none;
  padding:30px 4%;
  position:relative;
}
.table-list > li  {
  width: 31.2%;
  flex-grow: 0;
  margin:0 1% 30px 1%;
  border:1px solid #f1f1f1;
}
.table-list li:nth-of-type(2n+1) {
  background:#f9f9f9!important;
}
.ad {
  background: url('../../fileadmin/templates/grafik/adr.png') no-repeat center 20px;
  background-size: 30px auto;
}
.telefon {
  background: url('../../fileadmin/templates/grafik/tel.png') no-repeat center 20px;
    background-size: 30px auto;
}
.email {
  background: url('../../fileadmin/templates/grafik/mail.png') no-repeat center 20px;
    background-size: 30px auto;
}
.footer-bottom {
  text-align:center;
  background:rgba(230,230,230,1);
  padding:50px 0;
  font-size:12px;
}

.table-list .mail, .table-list .tel {
float: left;
position: relative;
padding: 4px 0;
margin: 5px 0 5px 40px;
 }

/* /KONTAKT/*/

.kontakt-form {
  margin: 3% 0;
}
.kontakt-wrap {
  width: 100%;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus {
  outline: 0;
}
.kontakt-form #field-2, .kontakt-form #field-3, .kontakt-form #field-4 {
  width: 80%;
  float: left;
  padding: 7%;
  margin: 0 5% 15% 0;
  border: none;
  background: rgba(250, 245, 230, 1);
  border: 1px solid rgb(180,130,110);
}
.kontakt-form #field-2:focus, .kontakt-form #field-5:focus, .kontakt-form #field-3:focus, .kontakt-form #field-4:focus {
  background: rgb(230,224,204);
  border: 0;
}
.kontakt-form #field-5 {
  width: 89.9%;
  float: left;
  padding: 4%;
  margin: 0 0 1% 0;
  border: none;
  background: rgba(250, 245, 230, 1);
  border: 1px solid rgb(180,130,110);
}
.kontakt-form .csc-form-2, .kontakt-form .csc-form-3, .kontakt-form .csc-form-4 {
  width: 33.333%;
  float: left;
}
.kontakt-form .csc-form-5 {
  width: 100%;
  float: left;
}
label em, legend em {
  display: none;
}
ol {
  list-style-type: none
}
.kontakt-form textarea {
  resize: none;
  font-family: "Roboto",sans-serif;
  font-size: 12px;
}
.kontakt-form .csc-form-confirmation {
  float: left;
  margin: 5% 0 0 0;
}
div.csc-mailform li label {
  display: block;
  font-size: 15px;
  margin: 0 0 10px 0;
  width: 100%;
}
.kontakt-form input[type="text"]:focus {
  border: #000;
}
.kontakt-form .csc-form-6 {
  float: left;
  width:100%;
}
/*BTN*/

.kontakt-form .csc-form-7 {
  float: left;
}
input[type="submit"] {
  font: 300 18px/18px 'roboto', serif;
  background: rgba(136,200,123,1);
  border: 0;
  color: #fff;
  cursor: pointer;
  padding: 25px 25px;
  width: auto;
  margin: 25px 0;
}
input[type="submit"]:hover {
  background: rgb(40,40,40);
  color: rgb(255,255,255);
}
/*BTN*/

.google-iframe {
  min-height: 30%;
  height: 100% !important;
  left: 0;
  position: relative;
  top: 0;
  width: 100% !important;
}
.google-iframe iframe {
  left: 0;
  max-height: 400px;
  min-height: auto;
  top: 0;
  width: 100% !important;
}

/* /////////////////////////////////////////////////////////////////////
//  TT_NEWS
/////////////////////////////////////////////////////////////////////*/

.tablee {
  width:100%;
  display:table;
  position:relative;
  table-layout: fixed;
  margin:30px 0;
}
.cell {
  display: table-cell;
  width:40%;
  border-left:1px solid rgb(231,231,231);
  padding:20px 1% 25px 1%;
  background:rgba(249,7,11,1.00);
}
/* startseite*/
.news-wrap {
  background: url('../../fileadmin/templates/grafik/news-bg.jpg') rgba(150,210,90,1);
  padding:4% 0 60px 0;
  margin:5% 0 0 0;
  position: relative;
}
.table-news {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  width:90%;
  max-width:1200px;
  margin: 0 auto;
}
.table-news .cell-news {
  box-sizing: border-box;
  flex-grow: 1;
  width: 100%; 
  overflow: hidden;
  padding:2%;
  position:relative;
  border-radius: 0 0 20px 20px;
-webkit-border-radius: 0 0 20px 20px;
-moz-border-radius: 0 0 20px 20px;
  border-bottom:10px solid #ccc;
}
.table-news > .cell-news  {
  width: 48%;
  flex-grow: 0;
  margin:0 1% 2% 1%;
  background:#fff;
}
.news-header div {
  height: 100px;
  width: 100px;
  display: inline-block;
  overflow: hidden;
  margin: 0 20px 0 0;
  border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
}
.news-header div img {
  height: 100%;
  width: auto;
  min-width: 100%;
} 
.news-header h2 {
  display:inline-block;
  margin: 0 0 2px 0;
}
.news-inhalt h2 {
  text-align:right;
  margin: 30px 0 0 0;
}
.mehr  {color: rgb(250,80,60);}
.mehr:hover {color: #ccc;}

 
.news-wrap-link {
  text-align: center;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.news-wrap .internal-link {
  background:#fff;
  padding:20px;
    position:relative;
}

/* startseite END*/

/* Tables
================================== */
.news-list-container {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
.news-list-item {
  box-sizing: border-box;
  flex-grow: 1;
  width: 100%; 
  overflow: hidden;
  list-style: none;
  padding:15px;
}

/* Table column sizing
================================== */


.news-list-container > .news-list-item  {
  width:29.8%;
  flex-grow: 0;
  margin:0 1% 20px 1%;
  border-top:1px solid #f1f1f1;
  border-right:1px solid #f1f1f1;
  border-left:1px solid #f1f1f1;
  border-radius: 0 0 20px 20px;
-webkit-border-radius: 0 0 20px 20px;
-moz-border-radius: 0 0 20px 20px;
  border-bottom:10px solid #ccc;
}
.news-list-container > .news-list-item:nth-child(3n+3) {
  margin-right:0;
}
.news-list-container > .news-list-item:nth-child(3n+1){
  margin-left:0;
}
.news-latest-container {
  padding:0;
}

.news-amenu-container LI:hover {
  background-color:#fafafa!important;
}

.news-latest-item {
    margin: 0;
    overflow: hidden;
  float:left;
  width:31.3%;
  padding: 30px 2% 0 0;
}

.news-single-img img {
  width:98%;
  height:auto;
  padding:1%;
  float:left;
}

.news-single-imgcaption {
  padding: 0;
  margin:0;
}

.news-single-img {
  width:40%;
  max-width:550px;
  height:auto;
}
.news-single-nav {
  width:100%;
  overflow: hidden;
  margin: 0 0 40px 0;
}
.news-single-nav a {
  color:#ccc;
  font-size:12px;
}
.news-single-backlink a {
  color:#ccc;
 }
.news-single-nav a:hover, .news-single-backlink a:hover {
  color: rgb(250,80,60);
}
.news-single-rightbox, .news-list-date {
  clear: both;
  float: none;
  text-align: left;
  margin:6px 0 6px 0;
  display: block;
  font: 400 10px/12px "Roboto",sans-serif;
  color:#0d2553;
  width:100%;
  padding:0;
}

.news-latest-gotoarchive {
    background-color:#fff;
    margin: 3px;
    padding: 3px;
  width:100%;
  float:left;
}
.news-latest-gotoarchive {
    background-color:#fff;
    margin: 0;
    padding: 20px 0;
  width:100%;
  float:left;
}
.news-latest-gotoarchive a {
  border: 1px solid #d7d9da;
    color: #363f45;
    display: inline-block;
    font: 400 15px/30px "Roboto",sans-serif;
    padding: 13px 30px 14px 28px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.news-latest-gotoarchive a:hover {
  background:#cdcab6;
}
 .news-latest-morelink {
  font-size: 14px;
  margin: 0 0 0 5px;
}
.news-latest-morelink-preil, .back-pfeil {
  font-size:24px;
  position:relative;
  top:3px;
  color:#ccc;
}
.news-latest-date {
  color:#ffd100;
}
.news-list-morelink a {
  color: rgb(250, 80, 60);
  display:block;
}
.news-list-morelink a:hover {
  color: rgb(40, 40, 40);
}  
.news-list-date {
  display: block;
}
.news-list-date-details, .news-list-category {
  float:left;
  color:#ccc;
}
.news-list-date-details {margin:0 0 0 8px; padding:0 0 0 8px; float:right;}

.news-list-container IMG {
    float: left;
    margin: 0 20px 5px 0;
}
.news-list-item-img img {
  width:100%;
  height:auto;
  margin:0 0 20px 0;
}
.news-list-item-img {
  width:100%;
}
.news-amenu-container {
    margin: 60px 0 0;
    padding: 0;
    width: 100%;
}
.news-amenu-container LI {
    padding-bottom: 0;
}

.news-amenu-item-year {
    background-color: inherit!important;
    font-weight: normal;
    padding: 0!important;
    color: #cdcab6;
    font-size: 23px;
    margin:20px 0 10px 0;
}
.news-amenu-container li:nth-child(odd) {  
   background: #f5f4f0;
}
.news-amenu-container li {  
   background: #fafafa;  
   padding:15px;
}
.news-catmenu #sub-ul {
    background-image: none;
  list-style: outside none none;
}
.news-amenu-container a {
    color: #999;
   font-size: 15px;
}

.news-catmenu li {
  float:left;
  margin:0;
}
.news-list-container H2 {
   margin: 0;
  font-size: 20px;
  letter-spacing:0;
  text-transform: uppercase;
  padding:0;
} 
.news-list-container {
    padding: 10px 0;
    width: 100%;
    float: left;
}
.news-list-browse {width:100%;}
.disabledLinkWrap, .browseLinksWrap a, .activeLinkWrap {font-size:12px;}
.amenu-act a {color: rgb(250,80,60);}
/*############# NEWS END #####################*/

.csc-textpic-imagewrap img {
  width:100%;
  height:auto;
}
.csc-textpic-imagewrap.responsive {
  max-width:50%;
}
@media screen and (max-width: 450px) {
  .csc-textpic-imagewrap.responsive {
    max-width:100%;
    float:none !important;
  }
  .csc-textpic-imagewrap.responsive img {
    width:inherit;
  }
}

div.csc-textpic-intext-right .csc-textpic-imagewrap {
  width: 45%;
}
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
  width:100%;
}


/* ****** ACCORDION ********/
#accordion {
  list-style: none;
  padding: 0;
  margin:30px 0;
  width: 100%;
}
#accordion li{
  display: block;
  font: 700 30px/35px 'Amatic SC', cursive;
  margin: 1px;
  cursor: pointer;
  padding: 3%;
}
.accordion-head {
  background: #f1f1f1;
}


#accordion ul {
  padding: 0;
  display: none;
}
#accordion ul li{
  font: 300 15px/21px 'Roboto', sans-serif;
  cursor: auto;
  background: #fff;
  padding:2%;
}
#accordion ul li ul{
  display:block;
}
#accordion ul li ul li, .liste li{
  padding:2px 0 2px 25px;
  position:relative;
}
#accordion ul li ul li:before, .liste li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 22px;
  width: 15px;
  display: inline-block;
  background: url('../../fileadmin/templates/grafik/list.png') center left no-repeat;
  background-size: 15px 15px
}
/* ****** ACCORDION  END ********/
.table-box {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin:6% 0;
}
.table-box div {
  box-sizing: border-box;
  flex-grow: 1;
  width: 100%; 
  overflow: hidden;
  list-style: none;
  padding:2%;
  position:relative;
  margin:20px;
}
.table-box div img {
  width:100%;
  height:auto;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
.table-box > div  {
  width: 25%;
  flex-grow: 0;
  margin:0;
  text-align:center;
}
/*60 40*/
.sechs {
  float:left;
  width:68%;
}
.vier {
  float:right;
  width:25%;
}

/*################## COOKIES ######################*/

.cc_banner-wrapper {
    background: rgba(255,255,255,.9);
    bottom: 20px;
    padding: 5%;
    position: fixed;
    width: 40%;
    z-index: 999;
  color:rgb(30,30,30);
  right:20px;
}
.cc_btn {
  padding:6px;
  border:1px solid #333;
}
.cc_banner-wrapper a {
  font: 20px/28px 'Amatic SC', cursive;
  color:rgb(250,80,60);;
}
/*################## COOKIES END ######################*/


/* MOBIL */

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

@media screen and (max-width: 860px) {
.nav-wrap {
  float:right;
  width:80%;
}
}

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

.news-list-container > .news-list-item  {
  width: 100%;
  flex-grow: 0;
  margin:0 0 20px 0;
}
}



@media screen and (max-width: 767px) {
nav select {
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0 !important;
    color: #777!important;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 14px;
    padding: 20px!important;
    cursor: pointer;
    background: rgb(245,245,245) !important;
  display:block!important;
  text-align:center!important;
} 
.nav-wrap {
  float:right;  
  width:100%;
}
.table-list li {
  box-sizing: border-box;
  flex-grow: 1;
  width: 100%; 
  overflow: hidden;
  list-style: none;
  padding:4%;
  position:relative;
}
.table-list > li  {
  width: 100%;
  flex-grow: 0;
  margin:0 0 20px 0;
  border:1px solid #f1f1f1;
}

}

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


.table-news > .cell-news  {
  width: 98%;
  flex-grow: 0;
  margin:0 1% 2% 1%;
  background:#fff;
}


.logo {
  width: 100%;
  text-align:center;
  padding: 2% 0;
}
.top {
  padding:15px 0;
  width:100%;
  margin:0;
}
.table {
  display: block;
  margin:30px 0;
}
.table div {
  display: block;
  width:96%;
  border-left:none;
  padding:60px 2% 20px;
  border-bottom:1px solid rgb(231,231,231);
}
.email, .ad, .tel {
  background-position:center 10px;
}
}

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

@media only screen and (min-width: 767px) {
.fixed {
  position: fixed;
  top: 0;
  z-index:999;
  width:100%;
  left: 0;
}
.fixed .sf-menu > li > a {
    padding: 0;
  color: rgba(124,124,124,1.00);
}
.fixed .sf-menu {
    font: 400 12px/30px "Roboto",sans-serif;
  width: 100%;
}
.fixed .sf-menu > li {
    background: none repeat scroll 0 0 rgb(50, 50, 50);
}

.fixed .sf-menu > li.current > a {
    background: none repeat scroll 0 0 rgba(120, 120, 120,1);
    color: #ccc;
}
.fixed .sf-menu > li > a:hover {
    background: none repeat scroll 0 0 rgba(120, 120, 120,1);
    color:#fff;
}
.fixed .sf-menu > li.current > a {
    background: none repeat scroll 0 0 rgba(120, 120, 120,1);
    color: #fff;
}
.fixed .sf-menu ul {
    background: none repeat scroll 0 0 rgba(170, 170, 170,1);
    padding: 0;
    top: 30px;
}
.fixed  .sf-menu > li.current > a::before {
    border-bottom: 5px solid rgb(250,80,60);
}
.subb li {
    display: inline-block !important;
    padding: 2px;
}
}

.sf-menu ul, .sf-menu li {
  list-style:none;
}
.sf-menu {
    display: table;
    font:400 14px/40px "Roboto",sans-serif;
    letter-spacing: 0.08em;
    table-layout: fixed;
    width: 100%;
}
.sf-menu > li {
    display: table-cell;
    padding-right: 1px;
    position: relative;
    text-align: center;
}
.sf-menu > li::after {
    border-right: 1px solid rgb(200,200,200);
    bottom: 0;
    content: "";
    opacity: 0.3;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
}
.sf-menu > li:first-child {
    padding-left: 1px;
}
.sf-menu > li:first-child::before, .sf-menu > li:last-child::after {
    border-right: 0;
}
.sf-menu > li > a {
    color: rgba(136,136,136,1);
    display: inline-block;
    width: 100%;
}
.sf-menu > li > a.sf-with-ul {
    color: rgba(136,136,136,1);
}
.sf-menu > li > a:hover {
    color:rgb(250,80,60);
}

.sf-menu > li:nth-child(4n+4) > a:hover {
  color:rgba(62,177,206,1);
}
.sf-menu > li:nth-child(4n+3) > a:hover {
  color:rgba(136,200,123,1);
}
.sf-menu > li:nth-child(4n+2) > a:hover {
  color:rgba(180,155,25,1);
}
.sf-menu > li.current > a {
    color: rgb(250,80,60);
  position:relative;
}
.sf-menu > li.current:nth-child(4n+4) > a {
  color:rgba(62,177,206,1);
}
.sf-menu > li.current:nth-child(4n+3) > a {
  color:rgba(136,200,123,1);
}
.sf-menu > li.current:nth-child(4n+2)  > a {
  color:rgba(180,155,25,1);
}

.sf-menu > li.sfHover > a {
    color: rgba(136,136,136,1);
}
.sf-menu ul {
    background: none repeat scroll 0 0 rgba(206,206,206,.9);
    display: none;
    left: 0;
    padding: 10px;
    position: absolute;
    right: 0;
    top: 52px;
    z-index: 999;
}
.sf-menu ul:before {
    background: url('../../fileadmin/templates/grafik/ecke.png') center center no-repeat;
  background-size: auto 8px;
    left: 0;
    position: absolute;
    right: 0;
    top: -8px;
    z-index: 99;
  height:8px;
  width:100%;
  content:"";
  opacity:.9;
}
.sf-menu ul ul:before {
    background: none;
}
.sf-menu ul > li {
    position: relative;
}
.sf-menu ul > li > a {
    color: #333;
    display: inline-block;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
}
.sf-menu ul > li > a:hover {
    background: none repeat scroll 0 0 #f1f1f1;
    color: #333033;
}
.sf-menu ul > li.sfHover > a {
    background: none repeat scroll 0 0 #ffffff;
    color: #333033;
}
.sf-menu ul ul {
    background:rgb(140,140,140);
    left: 100%;
    margin: 0 0 0 12px;
    padding: 10px;
    top: -10px;
    width: 100%;
}
.sf-menu ul ul > li {
    position: relative;
}
.sf-menu ul ul > li a {
  color: #ffffff;
  line-height: 18px
}
.sf-menu ul ul > li a:hover {
    color: #2f3133;
}
@media only screen and (max-width: 1299px) {
}
@media only screen and (max-width: 1100px) {

}
@media only screen and (max-width: 767px) {
header nav {
    border: medium none !important;
    color: #927c67;
    float: none !important;
    font: 12px/15px 'Roboto', sans-serif;
    margin: 0 auto;
    text-transform: uppercase;
}
header nav ul {
    border: medium none;
}
.sf-menu {
    float: none;
    visibility: hidden;
}
#mm0 {
    background: none repeat scroll 0 0 #f4f4f4;
    border: 1px solid #e0dad1;
    color: #535252;
    float: none;
    font: 12px/15px 'Roboto', sans-serif;
    outline: medium none;
    width: 90%;
  margin:20px 5%;
  padding: 10px 0;
  text-align:center;
}
}
/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0; }
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
  width: 100%;
  height:auto;
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.slide-text {
  position: absolute;
  z-index: 1;
  top: 160px;
  margin-left: 550px;
}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {
  margin: 0;
  position: relative;
  zoom: 1;
}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  z-index: 10;
  cursor: pointer;
  text-indent: -9999px;
  opacity: 0.5;
  background-image: url('../../fileadmin/templates/grafik/slide-nav.png');
  background-repeat: no-repeat;
  background-position: 0 0;
  margin-top: -20px;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  bottom: 5px;
}
.flex-direction-nav .flex-next {
  background-position: 100% 0;
  right: 45px;
}
.flex-direction-nav .flex-prev {
  right: 86px;
}
.flexslider:hover .flex-next {
  opacity: 0.4;
}
.flexslider:hover .flex-prev {
  opacity: 0.4;
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
  opacity: 0.8;
}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
  display: none;
}
.news-slider .flex-control-nav {
  bottom: -30px;
  display: block;
}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #b9b29b; background: rgba(185,178,155,1); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #e96060; background: rgba(233,96,96,1); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

@media screen and (max-width: 767px) {
.flex-direction-nav a {
display:none;
}
}
/* Smartphones & Old Tablets  480 x 639 --------------------------------------- */
@media
only screen and (min-width: 480px) and (max-width: 639px) {

.flex-direction-nav a {
display:none;
}
}

/* Smartphones (portrait) & Old SP  320 x 479 -------------------------------------- */
@media
only screen and (min-width: 320px) and (max-width: 479px) {

.flex-direction-nav a {
display:none;
}
  
}

/* Old Smartphones 319 --------------------------------------- */
@media
only screen and (max-width: 319px) {
  
.flex-direction-nav a {
display:none;
}
}
/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('../../fileadmin/templates/js/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('../../fileadmin/templates/js/fancybox/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('../../fileadmin/templates/js/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('../../fileadmin/templates/js/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('../../fileadmin/templates/js/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('../../fileadmin/templates/js/fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('../../fileadmin/templates/js/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('../../fileadmin/templates/js/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('../../fileadmin/templates/js/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('../../fileadmin/templates/js/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('../../fileadmin/templates/js/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('../../fileadmin/templates/js/fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('../../fileadmin/templates/js/fancybox/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('../../fileadmin/templates/js/fancybox/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('../../fileadmin/templates/js/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('../../fileadmin/templates/js/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('../../fileadmin/templates/js/fancybox/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }