* { margin:0; padding:0; }
* {  /*transition: left 0.5s;  transition: right 0.8s;  transition: top 0.8s;  transition: bottom 0.8s;    transition: margin 0.8s;  transition: width 0.8s; */ }
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

@font-face {
    font-family: 'dinmittelschrift_ltregular';
    src: url('font/lte50846-webfont.eot');
    src: url('font/lte50846-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('font/lte50846-webfont.html') format('woff2'),
         url('font/lte50846-webfont.woff') format('woff'),
         url('font/lte50846-webfont.ttf') format('truetype'),
         url('font/lte50846-webfont.svg#dinmittelschrift_ltregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html, body { 
	color:#fff;
	/*font-family: 'Roboto', sans-serif;
	font-family: 'Roboto Condensed', sans-serif;*/
	font-family: /*'dinmittelschrift_ltregular',*/ Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: normal;
	color: #444444;*/
	color: black; 
	background-color:#f0f0f0;
	line-height:1.4em;
	text-align: center;
}
.social { position: absolute; top: 10px; left: 20px; float: left; width: auto; }
.social a { color: #ffffff; }
.social a i { font-size: 1.75em; }
.social a:hover { color: #000; }

#outerTable ul, #outerTable ol { margin:5px; padding:5px; text-align: center; }

#outerTable ul { list-style-type:disc; }

#outerTable ul li, #outerTable ol li {

	background-color: #e6e6e6;
	text-align: center;
	margin: 5px 0;
	position: relative;
	border-width: 3px;
	border-image: radial-gradient(#47b753 50%, #fff 90%, #fff) 7%;
		border-top:0;
	border-right:0;
	border-left:0;
	border-bottom:2px;
	/*color:#0E7409;*/
	padding: 0px 0 0px 0;
}
#outerTable ul li a, #outerTable ol li a { text-decoration:none; }


table {
    border-collapse: collapse;
    width: 100%;
	border: 1px solid #ddd;
}

th, td {
    /*text-align: left;*/
    padding: 8px;
	 border-bottom: 1px solid #ddd;
}

tr:nth-child(even){background-color: #f2f2f2}

th {
    background-color: #4CAF50;
    color: white;
}


a.phone-number { color: #fff; text-decoration: none; font-size: 1.6em; }
.email-address { font-size: 1.3em; }


/*
table { border:0; padding:5px; margin-right:0 }
table ul li { color:#FFFFFF; padding:5px;}
table ul li a { text-decoration:none; }
table tr td {padding:5px;
color:#FFFFFF; vertical-align:top;
background-color: #008ca0;}
table tr td a { color:#ffffff; }
*/

form table {  padding:5px 0; margin:0}
form table tr td { padding-right:5px; padding-bottom:5px; color:#0E7409; background:none;  } 

input, textarea, select { 
width:100%;
border:1px solid #d9d9d9;
background-color:#fbfbfb; 
padding:7px;
margin:1% 0;
color:#333333;
/*
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
*/
max-width:600px;
font-size:1.25em;
/*
-moz-box-shadow: 0px 1px 15px 0px #999999;
	-webkit-box-shadow: 0px 1px 15px 0px #999999;
	box-shadow: 0px 1px 15px 0px #999999;
	*/
}

.actionButton {
/*	-webkit-box-shadow: 5px 0px 20px 0px rgba(0, 0, 0, 0.57);
-moz-box-shadow:    5px 0px 20px 0px rgba(0, 0, 0, 0.57);
box-shadow:         5px 0px 20px 0px rgba(0, 0, 0, 0.57); 
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0e7409), color-stop(1, #3eab38));
	background:-moz-linear-gradient(top, #0e7409 5%, #3eab38 100%);
	background:-webkit-linear-gradient(top, #0e7409 5%, #3eab38 100%);
	background:-o-linear-gradient(top, #0e7409 5%, #3eab38 100%);
	background:-ms-linear-gradient(top, #0e7409 5%, #3eab38 100%);
	background:linear-gradient(to bottom, #0e7409 5%, #3eab38 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0e7409', endColorstr='#3eab38',GradientType=0);*/
	background-color:#008ca0;
	/* border:1px solid #3b6e22; */
	display:block;
	cursor:pointer;
	color:#ffffff;
	font-size:19px;
	font-weight:500;
	padding:13px 32px;
	text-decoration:none;
	margin-bottom:25px;
	max-width:250px;
	text-align:center;
	width:100%;
	-webkit-border-radius: 3%;
-moz-border-radius: 3%;
border-radius: 3%;
}
.actionButton:hover {
	/*background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3eab38), color-stop(1, #0e7409));
	background:-moz-linear-gradient(top, #3eab38 5%, #0e7409 100%);
	background:-webkit-linear-gradient(top, #3eab38 5%, #0e7409 100%);
	background:-o-linear-gradient(top, #3eab38 5%, #0e7409 100%);
	background:-ms-linear-gradient(top, #3eab38 5%, #0e7409 100%);
	background:linear-gradient(to bottom, #3eab38 5%, #0e7409 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3eab38', endColorstr='#0e7409',GradientType=0);*/
	background-color:#0ba6bc;
}
.actionButton:active {
	position:relative;
	top:1px;
}




#body { position:absolute;min-height:100%;z-index:0;height:300%; }

#aBg {
	position:absolute;
	z-index:2;
	height:1200px;
	min-height:500px;
	z-index:1;
	min-width:1250px;
	width:100%;
	margin-right:-5%;
	text-align:right;
	float:right;
	overflow:hidden
}

#aBg img { margin-right:-300px; }

a { color: #b3b3b3;
	transition: color .5s ease-in-out;
   -moz-transition: color .5s ease-in-out;
   -webkit-transition: color .5s ease-in-out;
}
a:active { outline: none;}
:focus {outline:none;}
/*a:hover { color:#9BC641; }*/
a:hover { color:none; }

li {
   transition: background-color .5s ease-in-out;
   -moz-transition: background-color .5s ease-in-out;
   -webkit-transition: background-color .5s ease-in-out;
}
blockquote { font-style:oblique; }

img { border:0 none; margin:0; padding:0; max-width:100%; }

ol li { margin-bottom: 1px; } 
p { margin:0; padding:0  }

h1, h2, h3, h4, h5, h6 { line-height:1.4em; font-family: 'dinmittelschrift_ltregular'}

h1 { font-size: 1.8em; color: #3dab38; font-weight: normal; margin: 0px 0px 40px 0px }
h2 { font-size: 1.4em; font-weight:normal; color:black; text-align: left; line-height:1.2; margin: 10px 0px;   }
h3 { font-size: 1.3em;  font-weight:normal; color:#222221;   }
h4 {  font-size: 1.2em; font-weight:normal;  }

h5 { margin: 0;font-size: 1.2em;font-weight: normal;margin-bottom: 5px;}

#wrapper { margin: 0 auto;position: relative; text-align: center; z-index: 5; background-color:#e6e6e6;}
#innerWrapper { margin:0 auto; display: table; width:100%; background-color:#757575; /*background-image:url(../lay_pics/header.jpg); background-size: contain; background-position:right; background-repeat:no-repeat*/ }

#bgColor { background-color:#1a171b; opacity: 0.8; position:absolute; height:1500px; width:100%; z-index:-1; overflow:hidden  }

.background_image{ 	position: absolute; z-index: -2; top: 0; left:0; }

#logo { margin: 0 auto; width: 85%; max-width:750px;  }
#logo img { width:100%; }
#logoBottom { float:right; width:20%; color:#e6e6e6; position: absolute; right: 20px; bottom: 20px; font-size:0.9em; display:none }
#logoBottom img {  max-width:100%; height:auto }
#logoBottom { color:#b3b3b3}

.logo-slogan { color:#e6e6e6; text-align:center; margin: 0; margin-bottom:20px; text-decoration:none; font-size:larger; margin-top: -5px; }
#headItems { position:absolute; right: 10px; top: 10px; text-align: right;}
#headItems li { display: inline-block }
#headItems li img { width:35px; }


#nav li { display: inline-block; margin-right: 0; padding-right: 0; border-bottom:none; line-height:1em; vertical-align:middle; font-size:0.8em; }
#nav a { text-decoration:none;  } 
#nav a:hover { color:#004d36;  }


#cms_languages {
position: absolute;
right: 0;
top: 0px;
/* right: 25px; */
text-transform: uppercase;
width: auto;
text-align: right;
padding-right: 20px;
height: 30px;
}
#cms_languages a { color:#ffffff;  }
#cms_languages img { margin:10px 0px 0px 0px; width:40px;}

.point { width:12px; height:12px; background-color:#FFFFFF; display:inline; float:left; text-align:left }

#cms_languages a {font-style: normal;font-weight: 700;font-size: 0.6em;}

#bodyTable { position: relative;z-index: 3;margin: 0 auto;width:100%;max-width: 1300px;
/*
-webkit-box-shadow: 1px 0px 30px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    1px 0px 30px 0px rgba(0, 0, 0, 0.75);
box-shadow:         1px 0px 30px 0px rgba(0, 0, 0, 0.75);
*/
}
#outerTable {  min-height:525px; clear:left; overflow:hidden; margin: auto; }
#innerTable { width:97%;  display:table; margin: 0 auto; }
#innerTable img { }
#outerTable1 { min-height:425px; margin-top:150px; }



.tableDesign1 { background-color:#0070b8; /*-moz-box-shadow: 3px 3px 8px #999;*/ border:2px solid #fff; width:167px; margin-right:20px;}
.tableDesign1 div { padding:8px;}
.tableDesign1 td { color:#e6e6e6; vertical-align:top; }
.tableDesign1 td img, .tableDesign1 img, .tableDesign1 tr img { 
	border:0 !important; -moz-box-shadow:none !important; margin:0 !important; padding:0 !important;
	border-top: 2px solid #fff !important; border-bottom:2px solid #fff !important; 
}
.tableDesign1 a:link, .tableDesign1 a:active, .tableDesign1 a:visited, .tableDesign1 a:hover  { 
	color:#FFFFFF; text-decoration:none;
}
.tableDesign1 ul { list-style-type:disc;  list-style-position:outside; }
.tableDesign1 ul li { list-style-position:inside  }

#subnavbar { 
	background-color:#1D1C1B;
	text-align:right;
	padding:25px;
	float:right;
	display:table;
	font-size:1.2em;
	margin-top:25px;
	position: relative;
}

li { text-align: left;font-weight: normal;}
li a:hover {  }

#footerOuter { margin: 0 auto; border-top:1px solid #dddddd; display: table;width: 100%; position:relative; max-width:1500px; height:200px; background-color:#e4e4e4 }
#subFooterOuter { height:64px; }
#footer { font-size: 0.75em; margin-top: 50px; text-align: right;}
.footerNav { display:table; float:left; margin-right: 40px; margin-left: 40px; margin-top: 50px; }

#subFooter { text-align:left; font-size:1.15em; color:#000;  }

#headerOuter { clear: both; display: block; margin-bottom: 16px; text-align: right; margin: 0 auto; padding:0px; }
#header { float:left; }
#header h2 {  background:none; margin-bottom:5px; font-weight:200; }
#header h2 a { text-decoration:none; }



#modnavtree2 ul { margin:5px 5px 15px 0 }
#modnavtree2 li.undercat2 { font-weight: 300; list-style-type: none; text-transform: uppercase; text-align: right; margin: 3px 0; font-size: 0.9em;}

#modnavtree2 li.undercat2 a { color:#A64997; padding-right:2px;  text-decoration:none; }
#modnavtree2 li.undercat2 a:hover { text-decoration:none ; color:#ffffff }

#modnavtree2 .hovernav {  }
#modnavtree2 .hovernav a:hover, #modnavtree2 .hovernav:hover {  }
#modnavtree2 .hovernav a  { color:#F8C25B !important; }

/* linked Contents */
.linkedContents { margin-top:15px; clear:both; margin-bottom:50px; }


/* summary general */
li div.innerSummary h2 { text-transform:uppercase; }

/* summary template 1 */
#navsummary { display: table; width:100%; margin: 0 auto;  }
#navsummary table { padding:10px !important; }
#navsummary ul { margin: 0px; padding: 0px; border:0; }
#navsummary li.undercat2 {    
    display: inline;
    float: left;
    list-style-type: none;
    margin-left: 0;
	margin-right: 5%;
    vertical-align: middle;
    width: 30%;
	border-bottom:none;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	background-position:center;
	margin-bottom:25px;
	/*border:10px solid #f0f0f0;*/
	background-color:#0089CF;
	border:5px solid #ffffff;
}
#navsummary li.undercat2:nth-child(3n+3) {  
  float: right; margin-right:0;
}

#f1Template2 #navsummary li.undercat2:nth-child(3n+3) {  
  float: left; margin-right:1%;
}
#f1Template2 #navsummary li.undercat2:nth-child(2n+2) {  
  float: right; margin-right:0;
}
#f1Template2 #navsummary li.undercat2 {    
    width: 47%;
}

#navsummary li div.innerSummary {
	padding: 2px 10px;
	width:100%;
}
#navsummary li div.innerSummaryHover { padding:10px 8px; line-height:1.3em; bottom: 0; height:75px; margin-bottom:15px; 	color:#FFFFFF; font-size: 1.0em; padding:2% 2% 0 2%;  }
#navsummary li.undercat2 a { text-decoration:none; color:#000000; display: block; width: 100%; height: 100%; font-weight:300;
	
	transition: background-color .5s ease-in-out;
	-moz-transition: background-color .5s ease-in-out;
	-webkit-transition: background-color .5s ease-in-out;
}
#navsummary li.undercat2 a:hover { text-decoration:none; }
#navsummary li.undercat2 a h2 { font-size: 2.0em; font-weight: 300; color: #A64997; padding: 10px 0; }

#navsummary .hovernav {  }
#navsummary .hovernav a:hover, #navsummary .hovernav:hover {  }
#navsummary .hovernav a:link, #navsummary .hovernav a:visited, #navsummary .hovernav a:active  { color:#ffffff !important; }

.linkedContentImage { line-height:0; padding:2% 2% 0 2%; background-color:#FFFFFF; height:120px; background-size:contain; background-position:center center; background-repeat:no-repeat }
.linkedContentImage img { width:100%; }

/* summary template 5 (like 1 whithout mouseover */
#navsummary5 { display: table; width:100%; margin: 0 auto;  }
#navsummary5 table { padding:10px !important; }
#navsummary5 ul { margin: 0px; padding: 0px; border:0; }
#navsummary5 li.undercat2 {    color: #ffffff;
    display: inline;
    float: left;
    font-size:1.2em;
    list-style-type: none;
    margin-left: 0;
	margin-right: 17px;
    vertical-align: middle;
    width: 46%;
	height: 240px;
	line-height:1.4em;
	border-bottom:none;
	margin-bottom:20px;
	background-color:#000000;

	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	background-position:center;
}

#navsummary5 li div.innerSummary {
	background-color:#1D1C1B;
	padding:10px 15px;
	min-height:33%;
	position:absolute;
	width:100%;
	height: 33%;
}
#navsummary5 li div.innerSummaryHover { display:block; padding:10px 15px; margin-top: 22%; position:absolute; font-size: 0.9em;line-height:1.3em; text-transform:uppercase; bottom: 0;   }
#navsummary5 li.undercat2 a { text-decoration:none; color:#ffffff; display: block; width: 100%; height: 100%; font-weight:300;
	transition: background-color .5s ease-in-out;
	-moz-transition: background-color .5s ease-in-out;
	-webkit-transition: background-color .5s ease-in-out;
}
#navsummary5 li.undercat2 a { text-decoration:none; background-color:#1D1C1B; }
#navsummary5 li.undercat2 a h2 { font-size: 1em; font-weight: 700; color:#A64997 }

#navsummary5 .hovernav {  }
#navsummary5 .hovernav a:hover, #navsummary5 .hovernav:hover {  }
#navsummary5 .hovernav a:link, #navsummary5 .hovernav a:visited, #navsummary5 .hovernav a:active  { color:#ffffff !important; }


/* summary template 2 */
#navsummary2 { display: table; width:100%; margin: 0 auto; }
#navsummary2 table { padding:10px !important; }
#navsummary2 ul { margin: 0px; padding: 0px; border:0; }
#navsummary2 li.undercat2 {    color: #ffffff;
    display: inline;
    float: left;
    font-size:1.3em;
    list-style-type: none;
    margin-left: 0;
	margin-right: 17px;
    vertical-align: middle;
    width: 30%;
	height: 375px;
	line-height:1.8em;
	border-bottom:none;
	margin-bottom: 25px;;
	background-color:#f0f0f0;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	background-position:center;
	margin-top: 55px;

}

#navsummary2 li div.innerSummary { padding:5px 10px; position: absolute; /*top: -35px;*/ bottom:22%; background-color:#1D1D1C}
#navsummary2 li div.innerSummaryHover { display:none; padding:0 10px; position: absolute; font-size: 0.7em; text-transform:none; bottom: 10%;background-color:#1D1D1C; width:100%; color:#FFFFFF  }


#navsummary2 li.undercat2 a { text-decoration:none; display: block; width: 100%; height: 100%; font-weight:300; 
	transition: background-color .5s ease-in-out;
	-moz-transition: background-color .5s ease-in-out;
	-webkit-transition: background-color .5s ease-in-out;
/*	
		transition: width .5s ease-in-out;
	-moz-transition: width .5s ease-in-out;
	-webkit-transition: width .5s ease-in-out;
	
	transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-webkit-transition: opacity .5s ease-in-out;
	*/
}
#navsummary2 li.undercat2 a:hover { text-decoration:none ; color:#666666;}
/*#navsummary2 li.undercat2 a:hover { text-decoration:none; background-color:#1D1C1B; }*/
#navsummary2 li.undercat2 a h2 { font-size: 1em; font-weight: 700; text-transform:uppercase; /*color: #1D1C1B;*/ }

#navsummary2 .hovernav {  }
#navsummary2 .hovernav a:hover, #navsummary2 .hovernav:hover {  }
#navsummary2 .hovernav a:link, #navsummary2 .hovernav a:visited, #navsummary2 .hovernav a:active  { color:#ffffff !important; }

/* summary template 3 */
#navsummary3 { display: table; width:100%; margin: 0 auto; }
#navsummary3 table { padding:10px !important; }
#navsummary3 ul { margin: 0px; padding: 0px; border:0; }
#navsummary3 li.undercat2 {    
    display: block;
    float: left;
    list-style-type: none;
    margin-left: 0;
    vertical-align: middle;
    width: 100%;
	border-bottom:none;
	/*margin-bottom:65px;
	
	background-color:#000000;
	background-repeat:no-repeat;
	background-size:cover;
	*/
	position:relative;
	background-position:center;
	clear:left;
}

#navsummary3 li div.innerSummary { padding:25px 0; min-height:33%; margin-bottom:5px; }
#navsummary3 li.undercat2 a { text-decoration:none; display: block; width: 100%; height: 100%; font-weight:300;
	transition: background-color .5s ease-in-out;
	-moz-transition: background-color .5s ease-in-out;
	-webkit-transition: background-color .5s ease-in-out;
/*		
	transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-webkit-transition: opacity .5s ease-in-out;
*/
 }
#navsummary3 li.undercat2 a:hover { text-decoration:none ; color:#666666;}
#navsummary3 li.undercat2 a h2 { text-transform:none }

#navsummary3 .hovernav {  }
#navsummary3 .hovernav a:hover, #navsummary2 .hovernav:hover {  }
#navsummary3 .hovernav a:link, #navsummary2 .hovernav a:visited, #navsummary2 .hovernav a:active  { color:#ffffff !important; }

#navsummary3 #linkedSummaryItems { margin-bottom:50px; display:table; width:100%; }
#navsummary3 #linkedSummaryItems .linkedSummaryItem { background-size:cover; height:150px; width:150px; float:left; margin-right:10px; margin-bottom:10px; background-position:center; position:relative; }
#navsummary3 #linkedSummaryItems .linkedSummaryItem a { display:block; width:100%; height:100%;}

#navsummary3 #linkedSummaryItems .linkedSummaryItem .linkedSummaryDesc { position:absolute; bottom:15px; background-color:#1D1C1B; width:100%; padding:2%; }
#navsummary3 #linkedSummaryItems .linkedSummaryItem h3 { bottom:0; font-size:0.8em; color:#FFFFFF; text-align:center  }


/* summary template 4 */
#navsummary4 { display: table; width:100%; margin: 0 auto;  }
#navsummary4 table { padding:10px !important; }
#navsummary4 ul { margin: 0px; padding: 0px; border:0; }
#navsummary4 li.undercat2 {    color: #ffffff;
    display: inline;
    float: left;
    font-size:1.2em;
    list-style-type: none;
    margin-left: 0;
	margin-right: 17px;
    vertical-align: middle;
    width: 30%;
	height: 200px;
	line-height:1.4em;
	border-bottom:none;
	margin-bottom:20px;
	background-color:#000000;

	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	background-position:center;
}

#navsummary4 li div.innerSummary { 	background-color:#1D1C1B; 	padding:10px 15px;	min-height:33%;	position:absolute;	width:100%;	height: 33%;}
#navsummary4 li div.innerSummaryHover { display:none; padding:10px 15px; margin-top: 33%; position:absolute  }
#navsummary4 li.undercat2 a { text-decoration:none; color:#ffffff; display: block; width: 100%; height: 100%; font-weight:300;
	
	transition: background-color .5s ease-in-out;
	-moz-transition: background-color .5s ease-in-out;
	-webkit-transition: background-color .5s ease-in-out;
/*		
	transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-webkit-transition: opacity .5s ease-in-out;
*/

}
#navsummary4 li.undercat2 a:hover { text-decoration:none; background-color:#1D1C1B;}
#navsummary4 li.undercat2 a h2 { font-size: 0.8em; font-weight: 700; color:#A64997 }

#navsummary4 .hovernav {  }
#navsummary4 .hovernav a:hover, #navsummary4 .hovernav:hover {  }
#navsummary4 .hovernav a:link, #navsummary4 .hovernav a:visited, #navsummary4 .hovernav a:active  { color:#ffffff !important; }



#summaryLeft { background-image:url(../lay_pics/summaryLeft.png); background-repeat:no-repeat; height:100%; position:absolute; width:10px; background-position:center; z-index:2 }
#summaryRight { background-image:url(../lay_pics/summaryRight.png); background-repeat:no-repeat; height:100%; position:absolute; width:10px; background-position:center; right:0;  z-index:2 }

#subnavtree {}
#subnavtree ul { margin: 0px; padding: 0px; border:0; }
#subnavtree li.undercat2 a:hover {  color:#B26800 !important; }
#subnavtree li.undercat2 { margin-top:15px; list-style-type:none; color: #B26800; vertical-align: middle; font-size:1.1em;}

#subnavtree li.undercat2 a { display:block;  color:#c42828; text-decoration:none}
#subnavtree li.undercat3 { list-style-type:none; display:block; padding:0;list-style-type:none; color: #fff; vertical-align: middle; margin:0;}

#subnavtree li.undercat3 a { display:block; text-decoration:none;}
#subnavtree li.undercat3 a:hover {text-decoration:none}
#subnavtree .hovernav a  { color:#c42828 !important; }
#subnavtree .hovernav { display:block; }
#subnavtree .hovernav a:hover, #subnavtree .hovernav:hover { color:#c42828; !important;  }


.activeLink { color:#ffffff !important; }

.navTD { background-color:#FFF; border-right:1px solid #f0f0f0; border-left:1px solid #f0f0f0; border-bottom: 1px solid #f0f0f0;  border-top: 1px solid #f0f0f0; margin-bottom:5px; margin-top: 3px; }

.txtsmall { font-size:0.9em !important; }
.txtsmallest { font-size: 0.89em !important; }
.txtmedsmall { font-size:11px !important; }
.txtmedium { font-size:1.2em !important; }
.txtmedbig { font-size:1.2em !important; }
.txtbig { font-size:1.4em !important; line-height:1.25em }

.blue { color:#298ddd !important; }
.red { color:#B26800 !important; }
.redlight { color:#C42828 }
.grey { color:#838383 }
.yellow { color:#FFFF00 !important; }
.orange { color:#FFCC00 !important; }
.roseborder { 3px solid color:#CF09D8 !important; }
.bluebg { background-color:#EAF7FF !important; }
.bottomborder { border-bottom:3px dotted #9900CC; }
.floatright { float: right }
.floatleft { float: left }
.error { background-color:#47b753; color: #fff; }
.bold {font-weight:bold !important; }
.inline { display:inline; }

.fa-download { font-size:1.2em; }
.fa-download:before { }
.fa-download:before {
margin-right:18px; 
}

.noImgBorder { border:none !important; -moz-box-shadow:none !important; filter: none !important;}

hr { background-color:#1D1C1B; border:0 none; color:#1D1C1B; height:1px; margin:5px 0; clear:both }

.btn { background-color:#F8C25B; color:#1D1C1B; border:3px solid #ffffff; text-align:center; display:inline; padding:10px; width:190px; margin:0 auto; font-weight:bold }
.btn:hover { text-decoration:none; background-color:#1D1C1B; color:#FFFFFF}

#printpage { display:inline; float:right; text-align:right }
.tabledesign { border:1px solid #838383; border-width:1px; border-collapse:collapse }
.tabledesign tr, .tabledesign td { padding: 3px; }

/* tooltip css */
.tool-tip { color: #fff; width: 139px; z-index: 13000; }
.tool-title { font-weight: bold;	font-size: 11px; margin: 0;	color: #fff; padding: 8px 8px 4px; background-color: #000; 
	/*background: url(imgs/bubble.png) top left;*/ }
.tool-text { font-size: 11px; padding: 4px 8px 8px; background-color:#000000; /* background: url(imgs/bubble.png) bottom right;*/ }

.tooltip { width: 139px; z-index: 130000000;	background-color:#000000; padding: 10px; color:#ffffff; }
.tooltip .tip { background-color: #333;	padding: 5px }
.tooltip .tip-title { font-size: 13px; font-weight: bold; padding-bottom:10px; }

#outerTable table {margin-bottom: 25px;}

#slides {position: relative;margin-left: 0px;}

.alignLeft { left:0% !important; }	

#nav li.homeNav { }

.fadeInLeft, .fadeInRight { opacity:0; position:relative }

/* gallery */
.csSlideOuter img { max-height:500px;  vertical-align:middle; }
.csSlideOuter li { margin: 0 auto; background-color:#151515; text-align: center; display:block; line-height: 500px; vertical-align: middle; height:505px; }
.csSlideOuter li a { vertical-align:middle }
.csPager, .cSGallery { background-color:#000000; margin:10px 0 !important; }
.csSlideOuter .csPager.cSGallery img {
	text-align: center;
	margin: 0 auto;
	vertical-align:middle
}
.csSlideOuter .csPager.cSGallery li { display:block; line-height: 150px; vertical-align: middle; height:150px;}

/* border radius */
.borderRadius {

	-webkit-border-radius: 5%;
	-moz-border-radius: 5%;
	border-radius: 5%;

	border:5px solid #ffffff;
	-webkit-box-shadow: 5px 0px 20px 0px rgba(0, 0, 0, 0.57);
-moz-box-shadow:    5px 0px 20px 0px rgba(0, 0, 0, 0.57);
box-shadow:         5px 0px 20px 0px rgba(0, 0, 0, 0.57);
}
.borderRadiusTop {
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}







/* filters */
.opacityFilter:hover {
	opacity: 0.5 !important; filter: alpha(opacity=50) !important;
}
.brightnessFilter:hover {
	-webkit-filter: brightness(130%) !important;
	filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' ><filter id='bright130'><feComponentTransfer><feFuncR type='linear' slope='1.30'/><feFuncG type='linear' slope='1.30' /><feFuncB type='linear' slope='1.30' /></feComponentTransfer></filter></svg>#bright130");
   /*filter: brightness(1.3);*/
    -webkit-filter: brightness(1.3);
    -moz-filter: brightness(1.3);
    -o-filter: brightness(1.3);
    -ms-filter: brightness(1.3);
}
.greyFilter:hover {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");

}

.sepiaFilter:hover {
/*
-webkit-filter: sepia(1);
-webkit-filter: sepia(100%); -moz-filter: sepia(100%);
-ms-filter: sepia(100%); -o-filter: sepia(100%);
filter: url(sepia.svg#old-timey); filter: sepia(100%);
*/
	-webkit-filter: contrast(1.2);
    filter: contrast(1.2);
}

.contrastFilter:hover{
    -webkit-filter: contrast(3);
    filter: contrast(3);
}
.blackwhiteFilter:hover {
         -webkit-filter: grayscale(100%)  !important;
}
.semiTransparent, .semiTransparent:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  -khtml-opacity: 0.85;
  opacity: 0.85;
}
.semiTransparentHover:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  -khtml-opacity: 0.85;
  opacity: 0.85;
}
.noTransparentHover:hover { }


.contentBoundary { clear:both; margin-top:25px; margin-bottom:25px; 
   }
.contentBoundary * { overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto; }
.contentBoundary li { margin-left:15px; }
#f4Template1 .contentBoundary, #f4Template2 .contentBoundary, #f2Template3 .contentBoundary, #f4Template4 .contentBoundary, #f4Template5 .contentBoundary {

}
/*
#f1Template1 .contentBoundary, #f1Template2 .contentBoundary, #f1Template3 .contentBoundary, #f1Template4 .contentBoundary, #f1Template5 .contentBoundary {
margin-bottom:0;
}
*/

/* responsive video */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.artistTable { width:46%; float:right; margin-left:2%; }
table.artistTable tr td { vertical-align:top !important; }

#debug { color:#FFFFFF; }




.bgGradient { 
/*
background: #0E7409;
background: -moz-linear-gradient(top,  #0E7409 0%, #47b753 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0E7409), color-stop(100%,#47b753)); 
background: -webkit-linear-gradient(top,  #0E7409 0%,#47b753 100%); 
background: -o-linear-gradient(top,  #0E7409 0%,#47b753 100%); 
background: -ms-linear-gradient(top,  #0E7409 0%,#47b753 100%); 
background: linear-gradient(to bottom,  #0E7409 0%,#47b753 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0E7409', endColorstr='#47b753',GradientType=0 );
*/
background-color:black;
}

.boxShadow {
/*-webkit-box-shadow: 5px 0px 20px 0px rgba(0, 0, 0, 0.57);
-moz-box-shadow:    5px 0px 20px 0px rgba(0, 0, 0, 0.57);
box-shadow:         5px 0px 20px 0px rgba(0, 0, 0, 0.57);*/
}

/*#mobilemenu { display:none !important; } */
/* sub nav */
#nav { position: relative; z-index: 100; float:right;  font-size: 1.1em; /*text-transform: uppercase;*/ font-weight:100; width:100%; background:#ED9218 }

#nav { -webkit-user-select: none; /* Chrome/Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */ }
#nav ul { margin: 0 auto; text-align:center; line-height:50px; }
#nav ul li {display:inline-block; padding-top:3px; margin-left:12px; 
margin-top: 0px;
padding-top: 0px;  height:50px; line-height:50px; overflow:hidden }
#nav ul li:hover { /*border-top:5px solid #A64997; padding-top:5px*/ }
#nav ul li a { /*display:block;padding:5px 0px; text-decoration: none; line-height:50px;font-size:0.8em;*/ color:#ffffff; width:100%; height:100%;  }
#nav ul li a.current, #nav ul li.current>a { color:#9BC641 }
#nav ul li ul {position:absolute; top: 50px; width:250px; line-height:normal;background-color:#313131  }
#nav ul li ul li {width:250px; margin-bottom: 1px; padding: 3%; margin-left:0; overflow:hidden; height:auto; line-height:normal}
#nav ul li ul li a {display:block;padding:5px 5px;color:#ffffff; font-size:1.1em; width:100%; height:100%; }
#nav ul li ul li a:hover { color:#9BC641; }
#nav ul li ul li:hover a {}
#nav ul li ul.fallback {display:none;}
#nav ul li:hover ul.fallback {display:block; padding-top:0px; margin-left: -4px;}
#nav ul li.undercatMobile { display:none !important; }
#nav ul li a.downArrow { margin:0; font-size:0.5em; padding:10px; }


.refs { margin-top:50px; }

.firstRefs { width:100%; float:left; margin-bottom:50px; font-size:0.8em; border:10px solid #ffffff; }
.firstRefs a img { float:left;  max-width:250px; margin-right:15px; }
.firstRefs .refTxt { padding:0px 15px;  }

.otherRefs { width:47%; margin-right:5%; margin-bottom:50px; float:left; font-size:0.8em; height:505px; float:left; border:10px solid #ffffff; display:table;  }
.otherRefs a img { float:none; width:100%; }
.otherRefs .refTxt { padding:5px 15px; overflow:auto; height:250px;  }
.otherRefs:nth-child(2n+2) {  
  float: left; margin-right:0;
}

.vkus { width:100%; margin-bottom:50px; border:10px solid #ffffff; display: table; }


.pagination { clear:both; margin: 0 auto; text-align: center; padding-top:50px; }
.pagination b { padding: 10px;  }
.pagination a { padding:10px 15px; font-weight:700; border:1px solid #ffffff; color:#222222 !important; background-color:#A64997 !important; text-decoration:none;
line-height: 3.5em;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #A64997), color-stop(1, #D27C00));
	background:-moz-linear-gradient(top, #A64997 5%, #D27C00 100%);
	background:-webkit-linear-gradient(top, #A64997 5%, #D27C00 100%);
	background:-o-linear-gradient(top, #A64997 5%, #D27C00 100%);
	background:-ms-linear-gradient(top, #A64997 5%, #D27C00 100%);
	background:linear-gradient(to bottom, #A64997 5%, #D27C00 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#A64997', endColorstr='#D27C00',GradientType=0);
	background-color:#c62d1f;
	
-moz-box-shadow: 3px 4px 0px 0px #dddddd ;
	-webkit-box-shadow: 3px 4px 0px 0px #dddddd ;
	box-shadow: 3px 4px 0px 0px #dddddd ;
	 }
.pagination a:hover {/*background-color:#333333  !important*/  border:1px solid #222222; color:#222222 !important; /*background-color:#A64997 !important;*/
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #A64997));
	background:-moz-linear-gradient(top, #ffffff 5%, #A64997 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #A64997 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #A64997 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #A64997 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #A64997 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#A64997',GradientType=0);
	background-color:#A64997 !important;
}

blockquote {
  background: #0089CF;
  color:#FFFFFF;
  border-left: 10px solid #333333;
  margin: 0.5em 10px;
  padding: 0.5em 10px;
  display:table;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #fff;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
/*
blockquote:after {
  color: #ccc;
  content: close-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
*/
blockquote p {
  display: inline;
}

.goTopOuter { width:60px; position:absolute; top:-30px; right:40px; z-index:10 }
.goTop { display:block;}
.goTop img { width:100%; }

.shadowed {
    -webkit-filter: drop-shadow(12px 12px 12px rgba(0,0,0,0.6));
    filter: url("data:image/svg+xml;utf8,<svg height='0' xmlns='http://www.w3.org/2000/svg'><filter id='drop-shadow'><feGaussianBlur in='SourceAlpha' stdDeviation='4'/><feOffset dx='12' dy='12' result='offsetblur'/><feFlood flood-color='rgba(0,0,0,0.5)'/><feComposite in2='offsetblur' operator='in'/><feMerge><feMergeNode/><feMergeNode in='SourceGraphic'/></feMerge></filter></svg>#drop-shadow");
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
}
a.headerli:link {color: #ffffff; text-decoration:none}
a.headerli:active {color: #ffffff; text-decoration:none}
a.headerli:visited {color: #ffffff; text-decoration:none}
a.headerli:hover {color: #ffffff; text-decoration:none}