/* import core styles | Basis-Stylesheets einbinden */
@import url(default.css);

html * { margin: 0; padding: 0; }

/*
font-family:'Meta Offc W01 Normal';
font-family:'Meta Offc W01 Normal Italic';
font-family:'MetaCompPro-Medium W01 Regular';
font-family:'MetaCompPro-MediumIta W01 Rg';
*/



a.absbl { 
	position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	text-indent: -999em; overflow: hidden; outline:0;
}

/* === WEBSITE-LAYOUT GENERELL ========================================== */
body    { overflow-y: scroll; background: #fff; }

/* POSITIONIERUNGEN */
#canvas, #page, #header, #main  { position: relative; }

/* Z-INDEXES */
#header { z-index: 3; }
#page, #main, #content { z-index: 1; }
#footer { z-index: 2 }

#canvas { overflow: hidden;  }
#main { margin: 0 auto; }

#page { padding-top: 0; }

#header 			{ border-bottom: 1px solid #0984B0; }
#header > .wrap 	{ position: relative; top: 0; left: 0; height: 150px; background: #0984B0; }
#main, #footer 		{ position: relative; top: 0; left: 0; }
#main 				{ background: #FFF; }

/*
#header > div, 
#content { width: 100%; max-width: 1400px; position: relative; margin: 0 auto; }
*/

body #page { width: 100%; max-width: 1200px; margin: 0 auto; }
body #header > .wrap::after { right: 0; }

/* LAYOUT 1 */
body.layout1 #page { width: auto; max-width: 3600px; }
body.layout1 #header > .wrap::after { right: 20px; }
body.layout1 #content { padding-right: 40px; }
body.layout1 #primarynav .l1 li:hover a::after,
body.layout1 #primarynav .l1 li.act a::after { left: 5px; } 


/* LAYOUT 2 */
body.layout2 #page { width: auto; max-width: 3600px; }
body.layout2 #nav,
body.layout2 #header > .wrap, 
body.layout2 #main, 
body.layout2 #footer > div  { width: 100%; max-width: 1200px; position: relative; margin: 0 auto; }
body.layout2 #primarynav { top: 110px; }
body.layout2 #header { height: 150px; margin-bottom: 80px; background: #0984B0 }
body.layout2 #secondarynav { border-bottom: 2px dotted #0984B0; }
/* === */

/*
.row, 
#content > div { margin-left: -15px; margin-right: -15px; }
*/

#logo { width: 450px; height: 150px; margin: 0; padding: 0; }
#logo { font-size: 14px; line-height: 30px; letter-spacing: 1px;  }
#logo { background: url('../../media/gfx/header-2016-10-b.jpg') top left no-repeat transparent; overflow: hidden; }
#logo a {  }

#header > .wrap::after { 
	content: ''; position: absolute; top: 0; right: 20px; width: 210px; height: 150px; 
	background: url('../../media/gfx/header-2016-10-b.jpg') top right no-repeat transparent; overflow: hidden;
}

.kat199 #header > .wrap::before { 
	content: ''; position: absolute; top: 0; right: 250px; width: 270px; height: 150px; 
	background: url('../../media/gfx/header-2016-10-b.jpg') -460px 0 no-repeat transparent; overflow: hidden;
}

#content { margin-left: 25%; padding: 40px 0 40px 40px; min-height: 50em; }

#footer { background: #0984B0; padding: 53px 20px; position: relative; }
#footer * { font-size: 16px; color: #fff; margin: 0; text-transform: uppercase; }

.ctel, #footer { -webkit-transform: translate3d(0,0,0); }

/* = PRIMARYNAV ========================================== */
#nav { position: static; }
#primarynav { position: absolute; top: 280px; width: 25%;  }
#primarynav .l1 { padding: 20px 20px 20px 0; border-bottom: 2px #ccc dotted; overflow: hidden; }

.l1, .l2  { list-style: none; padding: 0; margin:0; position: relative; }
.l1 { padding: 0;  }

#primarynav .l1 > li { display: block; margin: 0; padding:0; }

#primarynav .l1 a  { text-decoration:none; display: block; position: relative; border: 0; outline: 0; }
#primarynav .l1 a, #primarynav .l1 a:link, #primarynav .l1 a:visited, #primarynav .l1 a:active { font-size: 16px; line-height: 18px; color: #444; padding: 7px 20px; margin: 0 0; text-decoration: none; font-weight: 400; }
#primarynav .l1 a {  }
#primarynav .l1 a:hover { color: #000; }

#primarynav .l1 a { 
-webkit-transition: color 0.4s;
   -moz-transition: color 0.4s;
     -o-transition: color 0.4s;
        transition: color 0.4s;
}

#primarynav .l1 > li.act > a { color: #0984B0; }
/*#primarynav .l1 > li.cur > a { color: #000000; }*/

#primarynav .l2 { display: none; }

#primarynav .l1 > li > a::after { content: '»'; position: absolute; top: 7px; left: -20px; margin-top: 0; width: 16px; height: 16px; overflow: hidden; 
	font-size: 18px; line-height: 16px; color: #aaa; font-weight: 700; 
	transition: left .2s;
}
#primarynav .l1 > li:hover > a::after,
#primarynav .l1 > li.act > a::after { left: 5px; } 
/*#primarynav .l1 li.cur a::after { left: 0; }*/

#primarynav .csc-text-text { padding: 20px; }
#primarynav .csc-text-text a:link { text-decoration: none; }
#primarynav .csc-text-text a:hover { color: #0984B0; text-decoration: underline; }
/* ===================================================== */

/* = SECONDARYNAV ========================================== */
#secondarynav { background: #fff  }
#secondarynav .l1 { padding: 15px 0; }

.l1, .l2  { list-style: none; padding: 0; margin:0; position: relative; }
.l1 { padding: 0; font-size: 0 }

#secondarynav .l1 > li { float: left; margin: 0; padding:0; }
#secondarynav .l1 > li.right { float: right; }

#secondarynav .l1 a  { text-decoration:none; display: block; position: relative; border: 0; outline: 0; }
#secondarynav .l1 a, #secondarynav .l1 a:link, #secondarynav .l1 a:visited, #secondarynav .l1 a:active { font-size: 16px; line-height: 16px; color: #444; padding: 8px 20px; margin: 0 0; text-decoration: none; font-weight: 400; }
#secondarynav .l1 a {  }
#secondarynav .l1 a:hover { color: #000; }

#secondarynav .l1 a { 
-webkit-transition: color 0.4s;
   -moz-transition: color 0.4s;
     -o-transition: color 0.4s;
        transition: color 0.4s;
}

#secondarynav .l1 .act > a, 
#secondarynav .l1 .cur > a { color: #0984B0; }

#secondarynav .l2 { display: none; }

#secondarynav .l1 a::after { content: ''; position: absolute; top: 50%; right: -2px; margin-top: 0; width: 4px; height: 4px; border-radius: 2px; background: #0984B0; overflow: hidden;  }
#secondarynav .l1 > div > div:last-child a::after { display: none; }

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

/* = TEXTSTILE ======================================= */
html * { font-size:100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

body { font-size: 15px; line-height: 100% }

body,h1,h2,h3,h4,
p,table,ol,ul,dl,li,a,address,dd,dt, .ctel li span,
form,input,textarea,select,label { color: #444; font-family: 'Meta Offc W01 Normal', Arial, Verdana, Tahoma, Helvetica, sans-serif; }

h1,h2,h3,h4,p,li,address,input,textarea,select,dd,dt,label,table { font-style: normal; font-weight: 400; }
h1,h2,h3,h4,p,li,address,input,textarea,select,dd,dt,label,table { }


/* FONT-SIZES */
.small 		{ font-size: 81.81% !important;	line-height: 125% !important; }
.big 		{ font-size: 160% !important; line-height: 125%;  }

/* HEADLINES */
h1, h2, h3, h4, .subheader { margin: 1em 0 1.5em 0; line-height: 110%;  }
h2, h3, h4 {  }	

h1, .h1 { color: #4d4d4d; font-size: 150%; text-transform: uppercase;  font-weight: normal; }
h2, .h2, h1 + .subheader { color: #444444; font-size: 130%; margin: 1.5em 0 0.7em 0; text-transform: none; font-weight: 400; }
h3, .h3, h2 + .subheader { color: #444444; font-size: 110%; text-transform: none; margin: 5px 0 .6em 0; font-family: 'MetaCompPro-Medium W01 Regular', Arial, sans-serif; font-weight: 400; }
h4, .h4, h3 + .subheader { color: #444444; font-size: 100%; text-transform: none; margin: 5px 0 .6em 0; font-family: 'MetaCompPro-Medium W01 Regular', Arial, sans-serif; font-weight: 400; }

h1 > b {  }
.headerWrap { padding-bottom: 8px; }


h2 em { font-style: normal; font-size: 80%; line-height: 1.2; display: block; margin-bottom: .2em  }

.csc-text-text h1, .csc-text-text h2, .csc-text-text h3 { margin-top: 1em; margin-bottom: 0.4em; }

/* ABSÄTZE / TABELLEN IN CONTENT-ELEMENTEN */
p, ul, ol, blockqoute, address, table { margin: 0 0 1em 0; line-height: 140%  }
/*p.small 		{ margin-bottom: 0.6em }*/
li p 			{ margin-bottom: 0.2em; }

p { -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; }

em        { font-style: italic; }
b, strong { font-family: 'MetaCompPro-Medium W01 Regular', Arial, sans-serif; font-weight: 400; }
address   { font-style: normal;  }
table     { width: 100%; }
table p   { margin: 0; }
table td { padding: 0.3em 0; }
table caption { text-align: left; }

/* AUFLISTUNGEN IN CONTENT-ELEMENTEN */
.csc-text-text ul, .csc-text-text ol { padding: 0 0 0 1.4em; }
.csc-text-text li { padding: 0 0 0.5em 0; margin: 0; }
.csc-text-text ul li { margin-left: -0.2em; padding-left: 0.2em; }

.csc-text-text ul { padding: 1px 0 0 0; }
.csc-text-text ul li { list-style: none; margin-left: 20px; padding-left: 0; position: relative; }
.csc-text-text ul li:before {
	color:#0984B0;
	content:"\2022";
	text-indent: 0;
	font-size: 1em;

	position: absolute;
	top: 0;
	left: -20px;
/*	content: '';
	width: 6px;
	height: 6px;
	border-radius: 3px;
	background: #666;
*/
}

ul.super { overflow: hidden; }
ul.super li { float: left; width: 50%; background: #eee; padding: 20px; margin: 0; }

td { vertical-align: top; }

blockquote { margin: 0; }

/* LINK-STYLES */
a, a:link, a:visited, a:active { color: inherit; /*text-decoration: underline;*/ }
a:active, a:focus { color: #111; }
a:hover { text-decoration: underline; }

a.internal-link, a.internal-link-new-window, a.external-link, a.external-link-new-window, a.download, a.mail, abbr, acronym, 
a.lightbox-link, a.phone, a.mobile, a.fax, a.rss { background:transparent; padding: 0; }

a.internal-link { background-position: right 12px; }
a.internal-link-new-window, a.external-link, a.external-link-new-window {  background-position: right -10px; }
a.download 			{ background-position: right -30px; }
abbr, acronym 		{ background-position: right -50px; }
a.lightbox-link 	{ background-position: right -50px; }
a.mail     			{ background-position: right -90px; }
a.phone				{ background-position: right -110px; }
a.mobile			{ background-position: right -130px; }
a.fax				{ background-position: right -150px; }
a.rss				{ background-position: right -170px; }

a.internal-link-new-window::after { display: inline; content: '…';  }

.csc-text-text a:link { text-decoration: underline; }

#footer a:hover { color: #ffffff; text-decoration: none; }

/* === TYPO3 INHALTSELEMENTE ======================================= */
.stdCol { clear: left; float: none; padding-bottom: 20px; position: relative; z-index: 2; padding-left: 15px; padding-right: 15px; }
/*.ctel .ctel { margin-bottom: 0; padding-left: 0; padding-right: 0; }*/

.ctype-div { position: relative; z-index: 3; padding: 0 !important; }
.ctype-shortcut { padding-left: 0; padding-right: 0; }

.divider { text-align: center;  }

.row.col-pad-small { margin-left: -10px; margin-right: -10px;  }
.col-pad-small > div { padding-left: 10px; padding-right: 10px  }

.row.col-pad-none { margin-left: 0; margin-right: 0;  }
.col-pad-none > div { padding: 10px 25px }


.highlight, .highlight *, .highlight *:before, 
.highlight-ts 	{ color: #EA7C1B; padding: 0;  }

.important, .important--bright { padding: 1em 2em; border-radius: 5px; margin: 2em 0;  }

.important 	{ background: #CDE6EE  }
.important--bright { background: #E5F2F6; }

.quote 		{ background: linear-gradient(to right, #fdfdfd, #f5f5f4); padding-left: 90px; margin: 0; }
.quote::before { content: '»'; font-weight: 300; font-size: 180px; line-height: 60px; color: #e5e5e5; height: 90px; /*background: #ccc; overflow: hidden;*/ position: absolute; left:0; top: 50%; transform: translateY(-50%); }

.list-unstyled { padding-left: 0; list-style: none; }
.list-unstyled > li { margin-left: 0;  }
.list-unstyled > li:before { display: none; }

.dark { background: #D2DAC3; }
.dark2 { background: #C5CEAF; }
.dark3 { background: #728E44; }
.bright { background: #E1E6D6; }

.bg-white > div { background: #FFFFFF; padding: 30px; }

a.btn, a.btn:link { text-decoration: none; font-size: 81.81% !important; line-height: 125% !important; text-align: center; display: block; color: #B6C39C; text-transform:uppercase; white-space: nowrap; padding: 20px; margin-bottom: 0; }
a.btn:hover {  color: #fff }


/* === TEASER === */
.teaser {  }
.teaser > div { overflow: hidden; margin-bottom: 1em; position: relative; padding: 10px; background: #fff; transition: background-color .3s }
.teaser > div:hover { background-color: rgba(9,132,176,.1) }
.teaser .text {    }
.teaser .text p { text-align: justify; line-height: 120%;  }
.teaser .text p:last-child { margin-bottom: 0; }
.teaser a { background: rgba(0,0,0,0.0); }

/* === SLIDE CONTENT MORE/LESS === */
.slide {  }
.slideToggle { 
	color: #4d4d4d; font-weight: normal; cursor: pointer; position: relative; display: block; top: -5px; overflow: hidden; text-align: center; margin: 0 auto;
/*	color: #fff;*/
}
.slideToggle:hover {  }

.slideToggle b { font-family: 'Museo W01_300', Arial, Verdana, Tahoma, Helvetica, sans-serif; text-transform: uppercase; font-size: 81.81% !important; line-height: 125% !important; }
.slideToggle > b { display: inline-block; padding: 10px 22px 7px 35px; position: relative;
	background: #F4983E;
	background: #E1E6D6;
}

.slideToggle b b { 
	position: absolute; left: 13px; top: 50%; margin-top: -4px;
	height: 12px; width: 10px;
	background: transparent no-repeat;
	background-image: url('data:image/svg+xml;charset=UTF-8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="10px" height="10px" viewBox="0 0 10 10" enable-background="new 0 0 10 10" xml:space="preserve"><polygon fill="%23EA7C1B" points="1.185,10 0,8.812 3.812,5 0,1.185 1.185,0 6.186,5 "/></svg>');
	overflow: hidden; 
	opacity: 1;
	
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;	
}

.slideToggle.act b b { 
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);

	transform: rotate(90deg);
}

/* === RESPONSIVE ========================= */
.ctel img.border { padding: 0 }

.align-c .img-responsive, table.align-c, div.img-align-c .img-responsive { margin: 0 auto; }
.align-r .img-responsive, table.align-r, div.img-align-r .img-responsive { margin: 0 0 0 auto; }
.img-responsive {  }

.imgwrap { margin: 0; }
.imgwrap-responsive { margin: 0; } 
 
.imgwrap.fl-right 	{ float: right; padding-left: 20px; padding-right: 0; }
.imgwrap.fl-left 	{ float: left; padding-right: 20px; padding-left: 0 }
 
.imgwrap.fl-right, .imgwrap.fl-left { margin-bottom: 10px }
.ctype-textpic > .imgwrap.above { margin-bottom: 0 }
.ctype-textpic > .imgwrap.below { margin-top: 0 }

.above.align-c .outer-wrap, .below.align-c .outer-wrap { float: right; position: relative; right: 50%; }
.above.align-c .inner-wrap, .below.align-c .inner-wrap { float: right; position: relative; right: -50%; text-align: left; }

.above.align-r .inner-wrap, .below.align-r .inner-wrap { float: right; position: relative; text-align: left; }

.imgwrap-responsive.above.align-c .outer-wrap, .imgwrap-responsive.above.align-c .inner-wrap, 
.imgwrap-responsive.below.align-c .outer-wrap, .imgwrap-responsive.below.align-c .inner-wrap { float: none; position: static; right: auto;  }

.imgwrap figcaption { font-size: 83.33%; line-height: 120%; font-style: italic; padding: 0.4em 0 }
.imgwrap img.border { padding: 0; }

.imgwrap figure { display: inline-block; vertical-align: top; padding: 0; }
.imgwrap.col1 figure { display: block; }

.imgwrap-responsive.col2 figure, .imgwrap-responsive.col3 figure, .imgwrap-responsive.col4 figure, .imgwrap-responsive.col5 figure, .imgwrap-responsive.col6 figure, .imgwrap-responsive.col7 figure, .imgwrap-responsive.col8 figure { display: inline-block; }
.imgwrap-responsive.col2 figure { width: 50%; }
.imgwrap-responsive.col3 figure { width: 33.33%; }
.imgwrap-responsive.col4 figure { width: 25%; }
.imgwrap-responsive.col5 figure { width: 20%; }
.imgwrap-responsive.col6 figure { width: 16.66%; }
.imgwrap-responsive.col7 figure { width: 14.28%; }
.imgwrap-responsive.col8 figure { width: 12.50%; }


.col2.imgwrap, .col3.imgwrap, .col4.imgwrap, .col5.imgwrap, .col6.imgwrap, .col7.imgwrap, .col8.imgwrap { margin-left: -20px; margin-right: -20px }
.col2 figure, .col3 figure, .col4 figure, .col5 figure, .col6 figure, .col7 figure, .col8 figure { padding: 20px; }

.img-pad-small .col2.imgwrap, .img-pad-small .col3.imgwrap, .img-pad-small .col4.imgwrap, .img-pad-small .col5.imgwrap, .img-pad-small .col6.imgwrap, .img-pad-small .col7.imgwrap, .img-pad-small .col8.imgwrap { margin-left: -3px; margin-right: -3px }
.img-pad-small .col2 figure, .img-pad-small .col3 figure, .img-pad-small .col4 figure, .img-pad-small .col5 figure, .img-pad-small .col6 figure, .img-pad-small .col7 figure, .img-pad-small .col8 figure { padding: 3px; }

.img-pad-none .col2.imgwrap, .img-pad-none .col3.imgwrap, .img-pad-none .col4.imgwrap, .img-pad-none .col5.imgwrap, .img-pad-none .col6.imgwrap, .img-pad-none .col7.imgwrap, .img-pad-none .col8.imgwrap { margin-left: 0; margin-right: 0 }
.img-pad-none .col2 figure, .img-pad-none .col3 figure, .img-pad-none .col4 figure, .img-pad-none .col5 figure, .img-pad-none .col6 figure, .img-pad-none .col7 figure, .img-pad-none .col8 figure { padding: 0; }


.col1 > figure + figure { margin-top: 20px; }
.slides > figure + figure { margin-top: 0; }

@media (max-width: 767px) {
	.imgwrap-responsive.fl-right 	{ float: none; padding: 0; }
	.imgwrap-responsive.fl-left 	{ float: none; padding: 0; }
	.above.align-r .inner-wrap, .below.align-r .inner-wrap { float: none; }
	
	.ctype-textpic .imgwrap-responsive { margin-bottom: 20px; }
	
	.col2.imgwrap, .col3.imgwrap, .col4.imgwrap, .col5.imgwrap, .col6.imgwrap, .col7.imgwrap, .col8.imgwrap { margin-left: -5px; margin-right: -5px }
	.col2 figure, .col3 figure, .col4 figure, .col5 figure, .col6 figure, .col7 figure, .col8 figure { padding: 5px; }	
	
	.imgwrap-responsive.col4 figure { width: 50%; }
}

@media (max-width: 575px) {
	.imgwrap-responsive figure { display: block; width: auto; }
	/* !important ??? */
}

.slide .imgwrap { margin-top: 5px; }

/* === MENU ========================= */
/* ==================================== */
.navbar-toggle {
	position: absolute;
	top: 20px;
	right: 10px;
	z-index: 999;
	padding: 10px;
	height: 50px;
	width: 50px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	background: #0984B0;
	border: 1px solid #B6D9E9;
	border-radius: 10px;
	
	display: none;
}


/*.navbar-toggle { 
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.navbar-toggle.act {
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);

	transform: rotate(90deg);
}

*/


.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
	display: block;
	width: auto;
	height: 3px;
	border-radius: 0;
	background: #EFF0F2;
}
.navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; }


.navbar-toggle:hover,
.navbar-toggle:focus {
/*  background-color: #005C59;*/
}


/* === RESPONSIVE ========================= */
@media (max-width: 1400px) {
	#content { padding-right: 40px; }
}
	
@media (max-width: 1024px) {
/*	.ctel  { padding: 30px 20px 80px 20px; }
	.ctel > div { padding-left: 20px; padding-right: 20px; }
*/
}

@media (max-width: 1023px) {
	#primarynav .l1 a, #primarynav .l1 a:link, #primarynav .l1 a:visited, #primarynav .l1 a:active { font-size: 14px; line-height: 14px; padding: 7px 7px 7px 20px; }
	#secondarynav .l1 a, #secondarynav .l1 a:link, #secondarynav .l1 a:visited, #secondarynav .l1 a:active { font-size: 14px; line-height: 14px; padding: 7px 10px 7px 10px; }
	.kat199 #header > .wrap::before { display: none; }
}


@media (max-width: 900px) {
}

@media (max-width: 767px) {
	body { font-size: 13px; line-height: 100% }
	
	#secondarynav,
	#header > .wrap::after {  display: none; }
	
	
	body.layout2 #primarynav { position: relative; top: 0; width: auto; }
	body.layout2 #header { margin-bottom:0; height: auto; }
	#header > .wrap { height: auto; }
	
	#logo { width: 73%; background-size: cover; padding-bottom: 34.7%; height: 0; }
	
	#content { margin-left: 0; padding: 10px; }
	
	.navbar-toggle { display: block; }
	#nav { display: none; }
	#nav.act { display: block; }
	
	#primarynav .l1 { padding: 10px 0 10px 0; border-top: 2px dotted #B6D9E9; border-bottom: 2px dotted #B6D9E9; /*margin: 0 10px;*/ }
	#primarynav .l1 a { color: #ffffff; }
	#primarynav .l1 a, #primarynav .l1 a:link, #primarynav .l1 a:visited, #primarynav .l1 a:active { color: #ffffff; }
	
	#primarynav .l1 > li.act > a { color: #ffffff; text-decoration: underline; }
	/*#primarynav .l1 > li.cur > a { color: #000000; }*/

	#primarynav .l2 { display: none; padding: 10px 10px; background: #B6D9E9; }
	#primarynav li.open > .l2 { display: block; }
	#primarynav .l2 a, #primarynav .l2 a:link, #primarynav .l2 a:visited, #primarynav .l2 a:active { color: #0984B0; }

	#primarynav .l1 > li > a::after { display: none; content: '»'; position: absolute; top: 7px; left: -20px; margin-top: 0; width: 16px; height: 16px; overflow: hidden; 
		font-size: 18px; line-height: 16px; color: #B6D9E9
	}
	
/*	#primarynav .l1 > li:hover > a::after,
	#primarynav .l1 > li.act > a::after { left: -20; }
*/	#primarynav .l1 > li.sub > a::after { left: 5px; display: block; }
	
	#primarynav .csc-text-text * { color: #fff !important; }
}

@media (max-width: 575px) {
	.imgwrap.fl-left, .imgwrap.fl-right { float: none !important; display: block !important; text-align: center !important; margin: 0 !important; padding: 0 !important; }
	.ctype-textpic > div { margin: 0 !important; }
}


@media (max-width: 320px) {
	
}

/* SEHR NIEDRIG */

@media (min-width: 1000px) and (max-height: 700px) {

}

/* = PRINT ========================================== */
@media print { 

}

/* === FANCYBOX DOWNLOAD ==================================*/
.fancybox-title a, .fancybox-title a:link, .fancybox-title a:visited, .fancybox-title a:active, .fancybox-title a:focus { color: #FFF; outline: 0 !important; background-position: right -36px; }
.fancybox-title a:hover { text-decoration: underline; }

::-webkit-input-placeholder { color: #888888; opacity: 1; }
          :-moz-placeholder { color: #888888; opacity: 1; }
         ::-moz-placeholder { color: #888888; opacity: 1; }
     :-ms-input-placeholder { color: #888888; opacity: 1; }