/* =============================================================================
   HTML5 Boilerplate CSS: h5bp.com/css
   ========================================================================== 
   


	Colordefinition:
	
	## Linien Content grau
	#7D7D7D
	
	## Textfarbe Content
	#E3E4E4
	
	# Blau background bei Box links etc, links etc
	#009EE0
	
 
 
 
link:hover
 
 

 
 
 
 
 
*  */

/*
 * Newsletter subscription
 */
.newsletter-subscription select,
.newsletter-subscription input {
	
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom:10px;
	
}
.newsletter-subscription input {
	border:1px solid #ffffff;
	line-height:18px;
	height:18px;
	padding:0px 3px 0px 3px;
}
.newsletter-subscription input#newsletter-submit {
	padding:0px 8px 0px 8px;
}
.newsletter-subscription label {
	padding-right:10px;
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a { color: #e3e4e4; text-decoration: none;}
a:visited { color: #e3e4e4; }
a:hover { color: #009ee0; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

h1 {
	font-size: 17px;
	font-weight: bold;
	margin: 0 0 20px 0;
	padding: 0;
	
}
h2 {
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
	color: #009ee0;
}
p {
	margin: 0 0 1em 0;
}
/* ===== Initializr Styles =====================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */

body{ font:13px/18px Arial; color: #e3e4e4; background-color: #e3e4e5; text-align:center; }


/* ===================
    ALL: Orange Theme
   =================== */


::-moz-selection { background: #f16529; color: #fff; text-shadow: none; }
::selection      { background: #f16529; color: #fff; text-shadow: none; }

/* ==============
    MOBILE: Menu
   ============== */



/* ===============
    ALL: IE Fixes
   =============== */


/* ===== Primary Styles ========================================================
   Author:
   ========================================================================== */


#main {
	background-color: #31363d;
	max-width: 1160px;
	width: 90%;
	margin: 0 auto;
	-moz-box-shadow: 0 0 50px -9px #000;
	-webkit-box-shadow: 0 0 50px -9px #000;
	box-shadow: 0 0 50px -9px #000;
	text-align: left;
	padding: 15px 0 0 0;
}
#content {
	background: transparent url(../images/illustration.png) 42px bottom no-repeat;
	padding: 0 0 90px 0;
}
#content.start {
	background: transparent url(../images/illustration.png) right bottom no-repeat;
	padding: 0 0 90px 0;
}
.blue {
	color:  #009ee0 ;
}
.startcontent {
	margin-top: 35px;
}
.adresse {
	padding: 35px 20px 20px 20px;
}

/* ===== Farben ========================================================
   Dunkelgrau (M�nnle unten): #22252A 
   ========================================================================== */

/* ===== Meta section ========================================================
   Author:
   ========================================================================== */   

#meta {
	max-width: 1160px;
	width: 90%;
	margin: 18px auto 13px;
	color: #31363d;
	
}
#meta a:link, #meta a:visited {
	color: #31363d;
} 

#meta ul, #meta li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: right;
}
#meta ul {
	padding: 0 20px 0 0;
}
#meta li {
	display: inline;
}


/* ===== Navigation ========================================================
   Author:
   ========================================================================== */
#mnavControll {
	display: none;
}
#nav {
	border-bottom: 1px solid #7d7d7d;
	border-top: 1px solid #7d7d7d;
	margin: 0 0 0 0;
	position: relative;
	z-index: 4;
}
#nav ul {
	width: 70%;
	float:left;
	margin: 0 0 0 20px;
	padding: 0;
	list-style-type: none;
}
#nav ul li {
	display: inline-block;
	padding: 0 29px 0 0;
	position: relative;
	float:left;
}

#nav ul li a:link, #nav ul li a:visited  {
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color: #e3e4e4;
	padding: 25px 0 26px;
	display: block;
}
#nav ul li a:hover, #nav ul li.mactive > a:link, #nav ul li.mactive > a:visited, #nav ul li.mhassubactive a:link, #nav ul li.mhassubactive a:visited  {
	/*color: #009ee0;*/	
	padding: 25px 0 26px;
	display: block;
}
#nav ul li .subnavifirstlevel {
	position: absolute;
	top: 69px;
	left: -20px;
	margin: 0 0 0 0;
	padding: 13px 0 40px 0;
	border-top: 1px solid #7d7d7d;
	width: 253px;
	display: none;
	-webkit-box-shadow: 0 7px 15px -8px #787878;
	-moz-box-shadow:    0 7px 15px -8px #787878;
	box-shadow:         0 7px 15px -8px #787878;
	
}
#nav ul li .subnavifirstlevel li {
	display: block;
	border-bottom: 1px solid #7d7d7d;
	float: none;
	padding: 0;
	position: static;
}
#nav ul li.navilink:hover ul.subnavifirstlevel {
	/*display: block!important;*/
	background: #22252A;
	
}

#nav ul li .subnavifirstlevel li a:link, #nav ul li .subnavifirstlevel li a:visited {
	padding: 12px 0 12px 20px;
}

#nav ul li .subnavifirstlevel li a:hover {
	padding: 12px 0 12px 20px;
	background-color: #1e9ad3;
	color: #31363d;
}
#nav ul li .subnavifirstlevel li:hover, #nav ul li .subnavifirstlevel li.active a:link, #nav ul li .subnavifirstlevel li.active a:visited  {
	background-color: #1e9ad3;
	color: #31363d;
}

#nav ul.subnavifirstlevel > li.hassub > a:link, #nav ul.subnavifirstlevel > li.hassub > a:visited {
	background: transparent url(../icons/secondlevelright.png) 100% center no-repeat;
	padding: 12px 30px 12px 20px;
}
#nav ul.subnavifirstlevel > li.hassub > a:hover {
	background: #1e9ad3 url(../icons/firstlevelright.png) 100% center no-repeat;
}
#nav ul.subnavifirstlevel > li.hassubactive > a:link,  #nav ul.subnavifirstlevel > li.hassubactive > a:visited  {
	background: #1e9ad3 url(../icons/firstlevelright.png) 100% center no-repeat;
	color: #31363d;
}





#nav ul li .subnavisecondlevel {
	position: absolute;
	left: 253px;
	width: 253px;
	top: -1px;
	margin: 0 0 0 0;
	padding: 13px 0 40px 43px;
	border-top: 1px solid #7d7d7d;
	width: 253px;
	display: none;
	-webkit-box-shadow: 6px 2px 14px rgba(50, 50, 50, 0.35);
	-moz-box-shadow:    6px 2px 14px rgba(50, 50, 50, 0.35);
	box-shadow:         6px 2px 14px rgba(50, 50, 50, 0.35);
	
}
#nav .hassubactive > a:link, #nav .hassubactive > a:visited{
	color: #1e9ad3;
} 

#nav .hassubactive > a:link, #nav .hassubactive > a:visited{
	color: #1e9ad3;
} 

#nav ul.subnavifirstlevel li.subnavilink:hover ul.subnavisecondlevel {
	/*display: block!important;*/
	background: #22252A;
}
#nav ul li .subnavisecondlevel li a:hover, #nav ul li .subnavisecondlevel li.active a:link, #nav ul li .subnavisecondlevel li.active a:visited  {
	background-color: #1e9ad3;
	color: #e3e4e4;
}

#nav ul.subnavisecondlevel > li.hassub > a:link, #nav ul.subnavisecondlevel > li.hassub > a:visited {
	/*background: transparent url(../icons/secondlevelright.png) 100% center no-repeat;*/
	padding: 12px 30px 12px 20px;
}
#nav ul.subnavisecondlevel > li.hassub > a:hover {
	/*background: #1e9ad3 url(../icons/firstlevelright.png) 100% center no-repeat;*/
}
#nav ul.subnavisecondlevel > li.hassubactive > a:link,  #nav ul.subnavisecondlevel > li.hassubactive > a:visited  {
	background: #1e9ad3 url(../icons/firstlevelright.png) 100% center no-repeat;
	color: #31363d;
}
.firstsnl {
	border-top: 1px solid #7d7d7d;
}

#navlogo {
	width: 70px;
	float: right;
	margin: 0 20px 0 0;
}


#nav .subnavisecondlevel li.hassub ul {
	display: none!important;
}
#nav ul li .subnavithirdlevel {
/*	position: absolute;
	left: 253px;
	width: 253px;
	top: -1px;
	*/
	margin: 0 0 0 0;
	padding: 0 0 0px 20px;
	border-top: none;
	width: 189px;
	display: none;
	-webkit-box-shadow: 6px 2px 14px rgba(50, 50, 50, 0.35);
	-moz-box-shadow:    6px 2px 14px rgba(50, 50, 50, 0.35);
	box-shadow:         6px 2px 14px rgba(50, 50, 50, 0.35);
	
}

#nav ul li .subnavithirdlevel li  {
	border-bottom: none;
}
#nav ul.subnavisecondlevel li.subsubnavilink:hover ul.subnavithirdlevel {
	/*display: block!important;*/
	background: #22252A;
}
#nav ul li .subnavithirdlevel li a:hover, #nav ul li .subnavithirdlevel li.active a:link, #nav ul li .subnavithirdlevel li.active a:visited  {
	background-color: #1e9ad3;
	color: #e3e4e4;
}

/* ===== Linke Spalte ========================================================
   Author:
   ========================================================================== */

#content aside#left {
	float:left;
	margin: 13px 2% 0 0;
	padding: 0 0 0 0;
	width: 21.8%;
	border-top: 1px solid #7D7D7D;
}

/* ===== Rechte Spalte ========================================================
   Author:
   ========================================================================== */

#content aside#right {
	border-top: 1px solid #7D7D7D;
	float:right;
	margin: 13px 0 23px 0;
	padding: 0 0 0 0;
	width: 23%;
}

/* ===== Subnavigation ========================================================
   Author:
   ========================================================================== */


#content aside#left ul, #content aside#left li{
	padding: 0;
	margin: 0;
	list-style-type: none;
}
#content aside#left ul, #content aside#left li > a{
	font-weight: bold;
}
#content aside#left ul li ul {
	padding: 14px 0 14px 0;
}

#content aside#left ul li ul li ul{
	padding: 0;
}

#content aside#left ul li {
	display: block;
	border-bottom: 1px solid #7d7d7d;
}

#content aside#left ul li a:link, #content aside#left ul li a:visited {
	display: block;
	padding: 12px 20px;
	font-size: 15px; 
}
#content aside#left ul > li.active > a:link, #content aside#left ul > li.active > a:visited, #content aside#left ul > li >  a:hover  {
	display: block;
	padding: 12px 20px;
	background-color: #1e9ad3;
	color: #e3e4e4;
}
#content aside#left ul > li.hassub > a:link, #content aside#left ul > li.hassub > a:visited  {
	background: transparent url(../icons/down.png) 97% center no-repeat;
}
#content aside#left ul li ul > li.hassub > a:link, #content aside#left ul li ul > li.hassub > a:visited  {
	background: none;
}
#content aside#left ul > li.hassub > a:hover {
	background: #1e9ad3 url(../icons/down.png) 97% center no-repeat;
}
#content aside#left ul > li.hassubactive > a:link,  #content aside#left ul > li.hassubactive > a:visited  {
	background: #1e9ad3 url(../icons/up.png) 97% center no-repeat;
}
#content aside#left ul li ul > li.hassubactive > a:link,  #content aside#left ul li ul > li.hassubactive > a:visited  {
	background: none;
	color: #009EE0;
}

/* ===== Subsubnavigation ========================================================
   Author:
   ========================================================================== */


#content aside#left ul li ul li, #content aside#left ul li ul li a:link, #content aside#left ul li ul li a:visited   {
	display: block;
	border-bottom: none;
	font-size: 13px;
	font-weight: normal;
}
#content aside#left ul li ul li a:link, #content aside#left ul li ul li a:visited   {
	padding: 0 0 0 40px;
}

#content aside#left ul li ul li.active a:link, #content aside#left ul li ul li.active a:visited, #content aside#left ul li ul li a:hover  {
	display: block;
	padding: 0 0 0 40px;
	background-color: transparent;
}

#content aside#left ul li ul li.active a:link, #content aside#left ul li ul li.active a:visited, #content aside#left ul li ul li a:hover   {
	display: block;
	padding: 0 0 0 40px;
	background-color: transparent;
	color: #009ee0;
}

/* ===== Subsubsubnavigation ========================================================
   Author:
   ========================================================================== */

#content aside#left ul li ul li ul li, #content aside#left ul li ul li ul li a:link, #content aside#left ul li ul li ul li a:visited   {
	display: block;
	border-bottom: none;
	font-size: 13px;
	font-weight: normal;
}
#content aside#left ul li ul li ul li a:link, #content aside#left ul li ul li ul li a:visited   {
	padding: 0 0 0 60px;
	color: #e3e4e4!important;
}
#content aside#left ul li ul li ul li a:link, #content aside#left ul li ul li ul li a:visited, #content aside#left ul li ul li ul li a:hover  {
	display: block;
	padding: 0 0 0 60px!important;
	background-color: transparent;
}


 #content aside#left ul li ul li ul li a:hover,  #content aside#left ul li ul li ul li.active a:link,  #content aside#left ul li ul li ul li.active a:visited  {
	display: block;
	padding: 0 0 0 60px;
	background-color: transparent;
	color: #009ee0!important;
}

/* ===== Content ========================================================
   Author:
   ========================================================================== */
#innercontent #mainimage {
	margin: 0 0 13px 0;
	position:relative;
}
#innercontent #mainimage img {
	width: 100%;
	height: auto;

}
#innercontent {
	width: 46.5%;
	float:left;
	margin: 13px 20px 0 2%;
}

/* ===== Minigallery ========================================================
   Author:
   ========================================================================== */
.minigallery {
	margin-top: 12px;
}
.minigallery .images {
	height: 46px;
	overflow: hidden;
}
.minigallery .images .imageholder {
	padding: 0;
	margin: 0;
	list-style-type:none;
	display: block;
}
.minigallery .images .imageholder li {
	margin: 0 13px 10px 0;
	height: 41px;
	width: 52px;
	overflow: hidden;
	display: block;
	float:left;
}

.minigallery .mgcontroll .galleryToggle {
	display: block;
	cursor: pointer;
	border-top: 1px solid #7d7d7d;
	border-bottom: 1px solid #7d7d7d;
	background: transparent url(../icons/down.png) 91% center no-repeat;
	font-size: 15px;
	font-weight: bold;
	padding: 12px 0 12px 20px;
}


#right .contactright h2 {
	display: block;
	cursor: pointer;
	border-bottom: 1px solid #7d7d7d;
	background: transparent url(../icons/down.png) 91% center no-repeat;
	font-size: 15px;
	font-weight: bold;
	padding: 12px 0 12px 20px;
	color: #E3E4E4;
}
#right .contactright h2.active {
	background: transparent url(../icons/up.png) 91% center no-repeat;
}

#right .contactright form {
	padding: 12px 15px 12px 20px;
}

.minigallery .mgcontroll .active {
	background: transparent url(../icons/up.png) 91% center no-repeat;
}
.minigallery .mgcontroll .galleryToggle:hover {
	background-color: #1e9ad3;
}
/* ===== Breadcrumb ========================================================
   Author:
   ========================================================================== */
#breadcrumb ul, #breadcrumb li {
	list-style-type: none;
	margin: 0;
}

#breadcrumb ul {
	border-bottom: 1px solid #7d7d7d;
	border-top: 1px solid #7d7d7d;
	margin: 0 0 12px 0;
	padding: 12px 0px 12px 0;
}
#breadcrumb li {
	display: inline;
	margin: 0;
	padding: 0;
}


/* ===== Footer ========================================================
   Author:
   ========================================================================== */
footer{
	border-top: 1px solid #7d7d7d;
	font-size: 12px;
	padding: 12px 20px;
}
	
footer .fleft {
	width: 40%;
	float:left;
}
footer .fright {
	float: right;
	width: 40%;
	text-align: right;
}
footer .fright ul, footer .fright li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
footer .fright li {
	display: inline;
} 
footer .fright li:after {
	white-space: normal;
}

#bottomline {
	max-width: 1160px;
	width: 90%;
	margin: 18px auto 13px;
	color: #31363d;
	font-style: italic;
	font-size: 13px;
	text-align: left;
}
#bottomline a {
	color: #31363d;
}
#bottomline .blleft {
	width: 50%;
	float:left;
	margin: 0 0 0 20px;

}
#bottomline .blleft p{
	padding-top: 14px;
}
#bottomline .blleft img{
	float:left;
	margin-right: 15px;
}
#bottomline .blright {
	float: right;
	width: 40%;
	text-align: right;
	margin: 13px 20px 0 0;
}

/* 
 */
/* =============================================================================
   Slideshow
   ========================================================================== */

#slideshow {
	position: relative;
	width: 100%;
	margin-top: 13px;
	height: 433px;
}
#slideshow .ssholder {
	
	width: 100%;
}
#slideshow .slide{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	display: none;
}
#slideshow div.active{
	display: block;	
}
#slideshow .slide img{
	width: 100%;
	position: relative;
	z-index: 0;
	height: auto;
}
#slideshow .slide .slidecontent {
	position: absolute;
	top: 65px;
	left :0;
	z-index: 1;
}
#slideshow .slide .slidecontent h2 {
	color: white;
	font-size: 36px;
	line-height: 36px;
	padding-left: 20px;
	padding-bottom: 25px;
	text-transform: uppercase;
}

#slideshow .slide .slidecontent p {
	padding-left: 20px;
	padding-bottom: 5px;
	font-size: 15px;
	font-weight: bold;
	color: white;
}

#slideshow .slide .slidecontent p a.internalLinkHome:link, #slideshow .slide .slidecontent p a.internalLinkHome:visited  {
	margin-left: -20px;
	display: block;
	width: 210px;
	padding: 13px 20px;
	font-size: 15px;
	font-weight: bold;
	color: white;
	background: #009ee0 url(../icons/secondlevelright.png) 97% center no-repeat;
}
#slideshow .slide .slidecontent p a.internalLinkHome:hover  {
	background: #32363D url(../icons/secondlevelright.png) 97% center no-repeat;
}
#slideshow .slide .slidecontent p a:link, #slideshow .slide .slidecontent p a:visited {
	color: white;
} 
#slideshow .slide .slidecontent p a:hover {
	color: #32363D;
} 

#slideshow .slidecontrol {
	position: absolute;
	bottom: 25px;
	width: 300px;
	overflow: hidden;
	z-index: 3;
	left:50%;
	margin-left:-150px;
}

#slideshow .slidecontrol ul, #slideshow .slidecontrol li  {
	list-style-type: none;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

#slideshow .slidecontrol ul {
	position:relative;
	float:left;
	left: 50%;
}

#slideshow .slidecontrol li  {
	position:relative;
	float:left;
	right: 50%;
	margin: 0 5px;
}
#slideshow .slidebottom {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.teasermenu ul, .teasermenu li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.teasermenu li {
	float: left;
	width: 120px;
	margin-right: 12px;
}
.teasermenu li img {
	margin-bottom: 5px;
}
/* 
 */
/* =============================================================================
   col based content
   ========================================================================== */
.col25 {
	width: 23.27%;
	margin-left: 20px;
	padding: 0 0 0 0;
	float: left;
}
.col25right {
	float: right;
}

.boxright {
	
}
.boxright h2 {
	font-weight: bold;
	font-size: 15px;
	margin: 0 0 0 0;
	padding: 12px 0 12px 20px;
	border-bottom: 1px solid #7D7D7D;
	cursor: pointer;
	background: transparent url(../icons/down.png) 91% center no-repeat;
	color: #FFF;
}
.boxright h2:hover {
	background: #1e9ad3 url(../icons/down.png) 91% center no-repeat; 
}

.boxright .openDivActive {
	background: #1e9ad3 url(../icons/up.png) 91% center no-repeat; 
}
.boxright .openDivActive:hover {
	background: #1e9ad3 url(../icons/up.png) 91% center no-repeat; 
}

.boxright .tx-damfrontend-pi1 {
	display: none;
	padding: 12px 0 12px 20px;
}


/* Formular */
#kontakt td { padding: 2px 10px 2px 0; text-align:left; }
#kontakt .textfeld { width: 215px; height: 16px; border: 1px solid #7d7d7d; background-color: #fff; padding: 0; font-size: 11px; }
#kontakt textarea { width: 215px; height: 100px; border: 1px solid #7d7d7d; background-color: #fff; padding: 0; font-size: 11px; }
#kontakt .button { width: 100px; border: 1px solid #7d7d7d; background-color: #31363d; color: #e3e4e4; font-weight: bold; padding: 2px 5px; font-size: 11px; margin: 10px 0 0 0; }
#kontakt #plz { width: 65px; }
#kontakt #ort {	width: 143px; }



/* TYPO3 INTERNE ANPASSUNGEN */

/* Sitemap */ 
.csc-sitemap{} 
.csc-sitemap ul {list-style-type: none; padding: 0; margin: 0;} 
.csc-sitemap ul li {padding: 0 0 10px 0; margin:0; font-weight: bold;} 
.csc-sitemap ul li ul {list-style-type: none; padding: 0 0 0 15px; margin:0;} 
.csc-sitemap ul li ul li {padding: 0; margin:0; font-weight: bold;}
.csc-sitemap > ul > li > ul > li > a:link, .csc-sitemap ul > li > ul > li > a:visited {color: #009EE0;}
.csc-sitemap > ul > li > ul > li > ul li a:link, .csc-sitemap ul > li > ul > li > ul li a:visited {color: #E3E4E4;}
.csc-sitemap ul li ul li ul {list-style-type: none; padding: 0 0 0 15px; margin:0;} 
.csc-sitemap ul li ul li ul li {padding: 0; margin:0; font-weight: normal;}
.csc-sitemap ul li ul li ul li a:hover {color: #009EE0;}
	
/* DAM */
.tx-damfrontend-pi1 h2 {padding: 6px 0 12px 0;}
.tx-damfrontend-pi1 p {margin: 0 0 6px 0; padding: 0;}

.news-list-img {float: left; padding: 0 12px 12px 0;}
.news-list-item {clear: both; padding: 10px 0 0 0;}
.news-pagebrowser {clear: both; padding: 10px 0 0 0;}
.news-single-img img {padding: 0 6px 6px 0;}

.tx-damfrontend-pi2 {
	display: none;
	width: 223px;
	/*overflow: hidden;*/
	margin: 12px 20px 12px 20px;
}

.tx-damfrontend-pi1 {
	margin: 0 0 0 0;
}

.tx-damfrontend-pi1 .tree_close {
	padding: 1px 0 5px 25px;
	background:url(../../../../typo3conf/ext/dam_frontend/res/images/tree_close.gif) no-repeat left top;
}
		
.tx-damfrontend-pi1 .tree_open {
	padding: 1px 0 5px 20px;
	background:url(../../../../typo3conf/ext/dam_frontend/res/images/tree_open.gif) no-repeat left top;
}

.tx-damfrontend-pi1 li {
  list-style-type: none; padding: 3px 0 0 0;
}

.tx-damfrontend-pi1 .treeBgWhite {
  font-weight: bold;
  margin: 8px 0 0 0;
}


/* 
 */
/* =============================================================================
   Media Queries
   ========================================================================== */

/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {


	#main {
		width: 100%;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	#meta {
		width: 90%;
		margin: 10px auto 10px;
	}
	#main #nav ul {
		display: none;
	}
	#main aside#left ul {
		display: none;
	}
	


}

/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

/* ====================
    WIDE: CSS3 Effects
   ==================== */
	#main {
		width: 100%;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	#meta {
		width: 95%;
	}
	#meta ul {
		padding-right: 0px;
	}	

	footer .fleft {
		display:none;
	}
	footer .fright {
		width: 100%;
		float: left;
	}
	footer .fright li {
		float: left;
	}
	
	#bottomline .blleft {
		width: 100%;
		margin: 0 0 12px 0;
		padding: 0 0 12px 0;
		border-bottom: 1px solid;
		
	}
	#bottomline .blright {
		width: 100%;
		float: left;
		text-align: left;
		padding: 0 0 12px 0;
		border-bottom: 1px solid;
	}
	#bottomline .blleft img {
		float: none;
		display: block;
		margin: 0 0 12px 0;
	}
	#bottomline .blleft p {
		padding: 0;
		margin:0;
	}
	.slidebottom {
		/*display: none;*/
	}
	#bottomline {
		max-width: 1160px;
		width: 94.6%;
		margin: 18px auto 13px;
		color: #31363d;
		padding: 0 20px;
		font-style: italic;
		font-size: 13px;
		text-align: left;
	}
	.start .tx-distributor {
		margin-top: 0px;
	}

	#mnavControll {
	display: none;
}
#nav {
	border-bottom: 1px solid #7d7d7d;
	border-top: 1px solid #7d7d7d;
	margin: 0 0 0 0;
	position: relative;
	z-index: 4;
}
#nav ul {
	width: 70%;
	float:left;
	margin: 0 0 0 20px;
	padding: 0;
	list-style-type: none;
}
#nav ul li {
	display: inline-block;
	padding: 0 29px 0 0;
	position: relative;
	float:left;
}

#nav ul li a:link, #nav ul li a:visited  {
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color: #e3e4e4;
	padding: 25px 0 26px;
	display: block;
}
#nav ul li a:hover, #nav ul li.mactive > a:link, #nav ul li.mactive > a:visited, #nav ul li.mhassubactive a:link, #nav ul li.mhassubactive a:visited  {
	/*color: #009ee0;*/	
	padding: 25px 0 26px;
	display: block;
}
#nav ul li .subnavifirstlevel {
	position: absolute;
	top: 69px;
	left: -20px;
	margin: 0 0 0 0;
	padding: 13px 0 40px 0;
	border-top: 1px solid #7d7d7d;
	width: 253px;
	display: none;
	-webkit-box-shadow: 0 7px 15px -8px #787878;
	-moz-box-shadow:    0 7px 15px -8px #787878;
	box-shadow:         0 7px 15px -8px #787878;
	
}
#nav ul li .subnavifirstlevel li {
	display: block;
	border-bottom: 1px solid #7d7d7d;
	float: none;
	padding: 0;
	position: static;
}
#nav ul li.navilink:hover ul.subnavifirstlevel {
	/*display: block!important;*/
	background: #22252A;
	
}

#nav ul li .subnavifirstlevel li a:link, #nav ul li .subnavifirstlevel li a:visited {
	padding: 12px 0 12px 20px;
}

#nav ul li .subnavifirstlevel li a:hover {
	padding: 12px 0 12px 20px;
	background-color: #1e9ad3;
	color: #31363d;
}
#nav ul li .subnavifirstlevel li:hover, #nav ul li .subnavifirstlevel li.active a:link, #nav ul li .subnavifirstlevel li.active a:visited  {
	background-color: #1e9ad3;
	color: #31363d;
}

#nav ul.subnavifirstlevel > li.hassub > a:link, #nav ul.subnavifirstlevel > li.hassub > a:visited {
	background: transparent url(../icons/secondlevelright.png) 100% center no-repeat;
	padding: 12px 30px 12px 20px;
}
#nav ul.subnavifirstlevel > li.hassub > a:hover {
	background: #1e9ad3 url(../icons/firstlevelright.png) 100% center no-repeat;
}
#nav ul.subnavifirstlevel > li.hassubactive > a:link,  #nav ul.subnavifirstlevel > li.hassubactive > a:visited  {
	background: #1e9ad3 url(../icons/firstlevelright.png) 100% center no-repeat;
	color: #31363d;
}





#nav ul li .subnavisecondlevel {
	position: absolute;
	left: 253px;
	width: 253px;
	top: -1px;
	margin: 0 0 0 0;
	padding: 13px 0 40px 43px;
	border-top: 1px solid #7d7d7d;
	width: 253px;
	display: none;
	-webkit-box-shadow: 6px 2px 14px rgba(50, 50, 50, 0.35);
	-moz-box-shadow:    6px 2px 14px rgba(50, 50, 50, 0.35);
	box-shadow:         6px 2px 14px rgba(50, 50, 50, 0.35);
	
}
#nav .hassubactive > a:link, #nav .hassubactive > a:visited{
	color: #1e9ad3;
} 

#nav .hassubactive > a:link, #nav .hassubactive > a:visited{
	color: #1e9ad3;
} 

#nav ul.subnavifirstlevel li.subnavilink:hover ul.subnavisecondlevel {
	/*display: block!important;*/
	background: #22252A;
}
#nav ul li .subnavisecondlevel li a:hover, #nav ul li .subnavisecondlevel li.active a:link, #nav ul li .subnavisecondlevel li.active a:visited  {
	background-color: #1e9ad3;
	color: #e3e4e4;
}

#nav ul.subnavisecondlevel > li.hassub > a:link, #nav ul.subnavisecondlevel > li.hassub > a:visited {
	/*background: transparent url(../icons/secondlevelright.png) 100% center no-repeat;*/
	padding: 12px 30px 12px 20px;
}
#nav ul.subnavisecondlevel > li.hassub > a:hover {
	/*background: #1e9ad3 url(../icons/firstlevelright.png) 100% center no-repeat;*/
}
#nav ul.subnavisecondlevel > li.hassubactive > a:link,  #nav ul.subnavisecondlevel > li.hassubactive > a:visited  {
	background: #1e9ad3 url(../icons/firstlevelright.png) 100% center no-repeat;
	color: #31363d;
}
.firstsnl {
	border-top: 1px solid #7d7d7d;
}

#navlogo {
	width: 70px;
	float: right;
	margin: 0 20px 0 0;
}


#nav .subnavisecondlevel li.hassub ul {
	display: none!important;
}
#nav ul li .subnavithirdlevel {
/*	position: absolute;
	left: 253px;
	width: 253px;
	top: -1px;
	*/
	margin: 0 0 0 0;
	padding: 0 0 0px 20px;
	border-top: none;
	width: 189px;
	display: none;
	-webkit-box-shadow: 6px 2px 14px rgba(50, 50, 50, 0.35);
	-moz-box-shadow:    6px 2px 14px rgba(50, 50, 50, 0.35);
	box-shadow:         6px 2px 14px rgba(50, 50, 50, 0.35);
	
}

#nav ul li .subnavithirdlevel li  {
	border-bottom: none;
}
#nav ul.subnavisecondlevel li.subsubnavilink:hover ul.subnavithirdlevel {
	/*display: block!important;*/
	background: #22252A;
}
#nav ul li .subnavithirdlevel li a:hover, #nav ul li .subnavithirdlevel li.active a:link, #nav ul li .subnavithirdlevel li.active a:visited  {
	background-color: #1e9ad3;
	color: #e3e4e4;
}
	
/* ============
    WIDE: Menu
   ============ */
	


/* ============
    WIDE: Main
   ============ */


}


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

/* ===============
    Maximal Width
   =============== */
  	#mnavControll {
  		display: block;
  	}
  	#mnavControll .inner {
  		display: block;
  		text-transform: uppercase;
  		font-size: 20px;
  		font-weight: bold;
  		float: left;
  		padding: 25px 0 25px 20px;
  		width: 190px;
  		background: transparent url(../icons/down.png) 95% center no-repeat;
  		cursor: pointer;
  	}
  	#mnavControll .mactive {
  		
  		background:  #1D1D1B url(../icons/up.png) 95% center no-repeat;
  	}

	#content aside#left {
	  	width: 100%;
	}
	#innercontent {
		width: 90%;
		margin: 0;
		padding: 5%;
	}
	#content aside#right {
		width: 90%;
		padding: 5%;
		margin: 0;
	}
	#content aside#left ul li.hassub a:link, #content aside#left ul li.hassub a:visited  {
		background: none;
	}
	#content aside#left ul li.hassub a:hover {
		background: none;
	}
	#content aside#left ul li.hassubactive a:link,  #content aside#left ul li.hassubactive a:visited  {
		background: none;
	}
	#nav {
		position: relative;
	}
	#nav .navi {
		display: none;
		position: absolute;
		background-color: #1D1D1B;
		left: -20px;
		padding: 0 0 25px 0;
		
		top: 70px;
		width: 210px;
	}
	

	#nav .navi li {
		float: left;
		padding: 0;	
	}
	
	#content aside#left ul {
		display: none;
	}

  	#nav ul.navi li.navilink {
  		display: block;
  		width: 100%;
  	}
  	
  	#nav ul.navi li.navilink:hover ul.subnavifirstlevel {
		display: none;
		
	}
	#nav ul.navi li.navilink a:link, #nav ul.navi li.navilink a:visited {
		border-bottom: 1px solid #7d7d7d;
		padding: 12px 0 12px 20px;
	}
	#nav ul.navi li.navilink ul.subnavifirstlevel {
		position: relative;
		display: none;
		top: auto;
		left: auto;
		width: 210px;
		font-size: 13px;
		border-top: none;
		background-color: #1D1D1B;
		padding: 0 0 0 0;
	}
	#nav ul.navi li.navilink ul.subnavifirstlevel li {
		float: left;
		width: 100%;
	}
	#nav ul li .subnavifirstlevel li:hover, #nav ul li .subnavifirstlevel li.active a:link, #nav ul li .subnavifirstlevel li.active a:visited {
		background-color: #1D1D1B;
		color: #E3E4E4;
		margin-left: 20px;
	}
	#nav ul li .subnavifirstlevel li:hover {
		margin-left: 0;
	}
	#nav ul.navi li.navilink ul li a:link, #nav ul.navi li.navilink ul li  a:visited {
		border-bottom: none;
		margin-left: 20px;
	}
	#nav ul.subnavifirstlevel li.hassubactive > a:link, #nav ul.subnavifirstlevel li.hassubactive > a:visited {
		background: #1D1D1B url(../icons/down.png) 90% center no-repeat;
		color: #E3E4E4;
	}

	#nav ul.subnavifirstlevel li.hassub > a:link, #nav ul.subnavifirstlevel li.hassub > a:visited {
		background: #1D1D1B url(../icons/down.png) 90% center no-repeat;
		color: #E3E4E4;
	}


	#nav ul.navi li.navilink ul.subnavisecondlevel {
		position: relative;
		display: none;
		top: auto;
		left: auto;
		width: 210px;
		font-size: 13px;
		border-top: none;
		background-color: #1D1D1B;
		padding: 0 0 0 0;
		margin: 1px 0 -1px 0;
	}
	#nav ul.navi li.navilink ul.subnavisecondlevel li {
		background-color: #1D1D1B;
		float: left;
		width: 100%;
	}
	#nav ul.navi li.navilink ul.subnavithirdlevel li {
		padding-left: 0;
	}
	#nav ul li .subnavithirdlevel {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
	#nav ul.navi * {
		background-color: #1D1D1B!important;
		color: #E3E4E4!important;
	}
	
	#nav ul.navi li.navilink ul.subnavisecondlevel li a:link, #nav ul.navi li.navilink ul.subnavisecondlevel li a:visited, #nav ul.navi li.navilink ul.subnavisecondlevel li a:hover {
		font-size: 15px;
		padding-left: 40px;
		font-weight: bold;
	}
	#nav ul.navi li.navilink ul.subnavithirdlevel li a:link, #nav ul.navi li.navilink ul.subnavithirdlevel li a:visited, #nav ul.navi li.navilink ul.subnavithirdlevel li a:hover {
		font-size: 15px;
		padding-left: 60px;
		font-weight: bold;
	}
	#breadcrumb {
		display: none;
	}
	#nav ul {
		width: 100%!important;
	}
	#slideshow .slidecontrol {
		bottom: -50px;		

	}
	
	#slideshow .slide .slidecontent {
		top: 10px;
	}
	
	#slideshow .slide .slidecontent h2 {
		font-size: 16px;
		line-height: 16px;
		padding-bottom: 5px;
	}
	
	#slideshow .slide .slidecontent p {
		padding-left: 20px;
		padding-bottom: 0px;
		font-size: 13px;
		font-weight: bold;
		color: white;
	}
	
	#slideshow .slide .slidecontent p a.internalLinkHome:link, #slideshow .slide .slidecontent p a.internalLinkHome:visited  {
		margin-left: 0px;
		display: inline;
		width: 233px;
		font-size: 11px;
		font-weight: bold;
		color: white;
		text-decoration: underline;
		background: none;
		padding: 0;
	}
	#slideshow .slide .slidecontent p a.internalLinkHome:hover  {
		background: #32363D url(../icons/secondlevelright.png) 97% center no-repeat;
	}
	#slideshow .slide .slidecontent p a:link, #slideshow .slide .slidecontent p a:visited {
		color: #009ee0;
	} 
	#slideshow .slide .slidecontent p a:hover {
		color: #32363D;
	} 	
	
	.col25 {
		width: 87%;
	}
	.col25right {
		float: left;
		margin-top: 50px;
	}	
	.startcontent {
		margin-top: 65px;
	}
	footer .fleft {
		display:none;
	}
	footer .fright {
		width: 100%;
		float: left;
	}
	footer .fright li {
		float: left;
	}
	.start .tx-distributor {
		margin-top: 0px;
	}
	
	#bottomline .blleft {
		width: 100%;
		margin: 0 0 12px 0;
		padding: 0 0 12px 0;
		border-bottom: 1px solid;
		
	}
	#bottomline .blright {
		width: 100%;
		float: left;
		text-align: left;
		padding: 0 0 12px 0;
		border-bottom: 1px solid;
	}
	#bottomline .blleft img {
		float: none;
		display: block;
		margin: 0 0 12px 0;
	}
	#bottomline .blleft p {
		padding: 0;
		margin:0;
	}
	.slidebottom {
		/*display: none;*/
	}
	
	.minigallery .images {
	width: 304px;
	height: 50px;
	overflow: hidden;
	}
	.minigallery .images .imageholder li {
		margin: 0 7px 10px 0;
		height: 41px;
		width: 52px;
		overflow: hidden;
		display: block;
		float: left;
	}
	.firstsnl {
		border-top: none;
	}	
	
	#content aside .adresse {
	    padding: 12px 0 0 13px;
	    margin: 12px 0 0 13px;
  	}
  
  	.adresse {
		display: none;
	}

	/* Formular */
	#kontakt td { padding: 2px 10px 2px 0; text-align:left; }
	#kontakt .textfeld { width: 165px; height: 16px; border: 1px solid #7d7d7d; background-color: #fff; padding: 0; font-size: 11px; }
	#kontakt textarea { width: 165px; height: 100px; border: 1px solid #7d7d7d; background-color: #fff; padding: 0; font-size: 11px; }
	#kontakt .button { width: 100px; border: 1px solid #7d7d7d; background-color: #31363d; color: #e3e4e4; font-weight: bold; padding: 2px 5px; font-size: 11px; margin: 10px 0 0 0; }
	#kontakt #plz { width: 40px; }
	#kontakt #ort {	width: 119px; }
	#kontakt select {	width: 165px; }


}

@media only screen and (max-width: 767px) and (min-width: 631px) {

	
	#content aside#right {
		width: 90%;
		padding: 5%;
		margin: 0;
	}
	#innercontent {
		width: 68%;
		margin: 0;
		padding: 5%;
		padding-right: 0%;
	}
	#content aside#left ul li.hassub a:link, #content aside#left ul li.hassub a:visited  {
		background: none;
	}
	#content aside#left ul li.hassub a:hover {
		background: none;
	}
	#content aside#left ul li.hassubactive a:link,  #content aside#left ul li.hassubactive a:visited  {
		background: none;
	}
	#meta ul {
		padding-right: 4px;
	}	
}
.col25 {
	box-sizing: border-box;
	margin:0px;
	float:left;
	padding:0px;
	padding-left:20px;
	width:25%;
	overflow:hidden;
}
.col25 img {
	width:100%;
	height:auto;
}
.col25right {
	padding-top:20px;
}


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

/* ===============
    Maximal Width
   =============== */
	#content aside#left {
	  	width: 100%;
	}
	#innercontent {
		width: 90%;
		margin: 0;
		padding: 5%;
	}
	#content aside#right {
		width: 90%;
		padding: 5%;
		margin: 0;
	}
	.col25 {
		width:100%;
		padding:0px 20px 0px 20px;
	}
}
/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* =============================================================================
   Print Styles
   ========================================================================== */
 
@media print {


}
#events-ul {
	padding:0px;
	margin:0px auto 0px auto;
	max-width:900px;
	padding:10px;
	background-color: #555555;
}
#events-ul img {
	width:100%;
	height:auto;
}
.event-overlay {
	position: relative;
}
.event-overlay .mfp-close:focus,
.event-overlay .mfp-close:active,
.event-overlay .mfp-close:hover,
.event-overlay .mfp-close {
	color:#000000 !important;
	width:60px;
	height:60px;
	line-height:60px;
	font-size:40px;
	opacity:1;
	background-color: #555555;
	top:100%;
	left:50%;
	bottom:auto;
	right:auto;
	margin-top:0px;
	margin-left:-40px;
}
.mfp-container {
	padding:10px !important;
}