/**********************************************/
/* Color definitions in page_layout.css*/


/* ********************************************************************** */
/* WEBFONT Montserrat  */
/* ********************************************************************** */
@font-face {
    font-family: 'Montserrat';
    font-weight: 400;
    src: url('/fileadmin/templates/esc/fonts/Montserrat/Montserrat-Regular.ttf');
}
@font-face {
    font-family: 'Montserrat';
    font-weight: 700;
    src: url('/fileadmin/templates/esc/fonts/Montserrat/Montserrat-Bold.ttf');
}


/* ********************************************************************** */
/* WEBFONT Open Sans  */
/* ********************************************************************** */
@font-face {
    font-family: 'Open Sans';
    font-weight: 400;
    src: url('/fileadmin/templates/esc/fonts/OpenSans/OpenSans-Regular.ttf');
}
@font-face {
    font-family: 'Open Sans';
    font-weight: 400;
    font-style: italic;
    src: url('/fileadmin/templates/esc/fonts/OpenSans/OpenSans-Italic.ttf');
}
@font-face {
    font-family: 'Open Sans';
    font-weight: 600;
    src: url('/fileadmin/templates/esc/fonts/OpenSans/OpenSans-SemiBold.ttf');
}
@font-face {
    font-family: 'Open Sans';
    font-weight: 600;
    font-style: italic;
    src: url('/fileadmin/templates/esc/fonts/OpenSans/OpenSans-SemiBoldItalic.ttf');
}
@font-face {
    font-family: 'Open Sans';
    font-weight: 700;
    src: url('/fileadmin/templates/esc/fonts/OpenSans/OpenSans-Bold.ttf');
}
@font-face {
    font-family: 'Open Sans';
    font-weight: 700;
    font-style: italic;
    src: url('/fileadmin/templates/esc/fonts/OpenSans/OpenSans-BoldItalic.ttf');
}



/* ********************************************************************** */
/* GENERAL  */
/* ********************************************************************** */

/* ********************************************************************** */
/* STANDARD CONTENT ELEMENTS, indiv */
/* ********************************************************************** */
body{font-family:'Montserrat', sans-serif; font-size:15px; color:rgb(100,100,100);}

::-moz-selection { background:rgb(246,157,37) !important; color:white !important; text-shadow: none; }
::selection { background:#3b3d43 !important; color:white !important; text-shadow: none; }


/* ********************************************************************** */
/* Content container
/* ********************************************************************** */
.centered_with_container{width:1200px; margin:0 auto; overflow:hidden; text-align:left;}
.centered_with_container .centered_with_container{width:auto;}


/* ********************************************************************** */
/* STANDARD CONTENT ELEMENTS */
/* ********************************************************************** */
#content_box { }
#content_box p{font-family: 'Open Sans', sans-serif; font-size:1em; line-height:1.6em; margin:10px 0 10px 0; padding:0;}
#content_box em{ font-style:italic;}
#content_box strong{font-weight:bold;}
#content_box sub{}
#content_box sup{}
#content_box strike{text-decoration: line-through;}
#content_box u{text-decoration:underline;}
#content_box img{max-width:100%;}




#content_box h1{/*padding-left: 100px; padding-right: 100px; */font-size:1.8em; color:black; letter-spacing:1px; line-height:1.3em; font-weight:bold; } 
#content_box  h2{font-size:1.4em; color:rgb(157, 159, 164); letter-spacing:1px; line-height:1.3em; font-weight:bold; }
#content_box h3{font-size:1.3em; color:black; letter-spacing:1px; line-height:1.3em; font-weight:bold;}
#content_box h4{font-size:1.3em; color:#A0C63C; letter-spacing:1px; line-height:1.3em; font-weight:bold;}
#content_box h5{font-size:1.0em; color:#A0C63C; letter-spacing:1px; line-height:1.3em; font-weight:bold;}
#content_box h6{font-size:18px; line-height:1.6em; }

#content_box a{color:#A0C63C; background-color:transparent; text-decoration:underline; word-break:break-word;}
#content_box a:link {color:#A0C63C;}
#content_box a:hover {background-color:#A0C63C; color:white; border-radius: 1px; -webkit-transition: all 0.3s; transition: all 0.3s; }
#content_box a:active {}
#content_box a img{border:none; background-color:transparent;}
#content_box a:hover img{}
#content_box a > span{color:inherit; background-color:inherit;}

/*
#content_box ul{ overflow:hidden; padding-left:1.0em;}
#content_box ul li { margin-left:1.3em; }
#content_box ol{ overflow:hidden; padding-left:1.0em;}
#content_box ol li{ margin-left:1.3em; }
*/

#content_box ul{ overflow:hidden; /*padding-left:1.0em;*/}
#content_box ul li { font-family: 'Open Sans', sans-serif; font-size:1em; line-height:1.4em; margin:10px 0 10px 5px; padding:0;font-weight: normal; }
#content_box ol{ overflow:hidden; /*padding-left:1.0em;*/}
#content_box ol li{ font-family: 'Open Sans', sans-serif; font-size:1em; line-height:1.4em; margin:10px 0 10px 5px; padding:0; font-weight: normal;}



#content_box table{margin:10px 0 10px 0;}
#content_box table tr{}
#content_box table tr th{vertical-align:top; font-size:1em;}
#content_box table tr td{vertical-align:top; font-size:1em;}

#content_box hr{margin:10px 0 10px 0; border:1px solid rgb(220,220,220); border-width:1px 0 0 0;}

#content_box div{font-size:inherit; color:inherit; line-height:inherit;}
#content_box span{font-size:inherit; color:inherit; line-height:inherit;}

#content_box blockquote {}
#content_box blockquote p{color:rgb(211,172,43); font-style:normal;}

#content_box pre{font-family:Courier, monospace;}
#content_box pre code{color:rgb(90,90,90);}

#content_box dl{}
#content_box dl dt{}
#content_box dt dd{}



/* ********************************************************************** */
/* ADDITIONAL STANDARD CLASSES */
/* ********************************************************************** */
#content_box .align-left{text-align:left;}
#content_box .align-right{text-align:right;}
#content_box .align-center{text-align:center;}
#content_box .align-justify{text-align:justify;}


/* ********************************************************************** */
/* ADDITIONAL CUSTOM CLASSES */
/* ********************************************************************** */

/* ********************************************************************** */
/* General text color in non-white BG elements(BG, inverted, etc)
/* ********************************************************************** */
#content_box .inverted *{color:white; }

#content_box .inverted a, 
#content_box .inverted a:link, 
#content_box .inverted a:visited {} 
#content_box .inverted a:hover {}

#content_box .inverted pre code{color:rgb(90,90,90); }


/* ********************************************************************** */
/* Link style in some of the BG boxes (turquoise, orange, brown and green)
/* ********************************************************************** */
#content_box .turquoiseBG a, #content_box .orangeBG a, #content_box .brownBG a, #content_box .greenBG a{ color:white; }
#content_box .turquoiseBG a:hover, #content_box .orangeBG a:hover, #content_box .brownBG a:hover, #content_box .greenBG a:hover{ background-color:rgb(30,104,129); color:white;}



/* ********************************************************************** */
/* Link styles (coloured link boxes)
/* ********************************************************************** */
#content_box .content_tile a[class^="link"]{display:inline-block; text-decoration:none; padding:8px 16px; border-radius:1px; border:1px solid white; }
#content_box .content_tile a[class$="Border"]{ background-color:white;   }
#content_box .content_tile a[class$="BG"]{color:white;}

#content_box .content_tile a.linkGreenBorder{color:#A0C63C ; border-color:#A0C63C ;}
#content_box .content_tile a.linkGreenBorder:hover{color:white; background-color:#A0C63C ;}

#content_box .content_tile a.linkGreenBG{ background-color:#A0C63C ; border-color:#A0C63C ;}
#content_box .content_tile a.linkGreenBG:hover{color:#A0C63C ; background-color:white;}

#content_box .content_tile a.linkGreyBorder{color:#3b3d43 ; border-color:#3b3d43 ;}
#content_box .content_tile a.linkGreyBorder:hover{color:white; background-color:#3b3d43 ;}

#content_box .content_tile a.linkGreyBG{ background-color:#3b3d43 ; border-color:#3b3d43 ;}
#content_box .content_tile a.linkGreyBG:hover{color:#3b3d43 ; background-color:white;}


#content_box .content_tile a.linkWhiteBG{ color:rgb(90,90,90); background-color:white; border-color:white;}
#content_box .content_tile a.linkWhiteBG:hover{	background-color:rgba(255,255,255,0.8); color:rgb(90,90,90);}

#content_box .content_tile a.linkBlueGhost{color:rgb(30,104,129); border-color:rgb(30,104,129); background-color:transparent;}
#content_box .content_tile a.linkBlueGhost:hover{background-color:rgb(30,104,129); color:transparent; border-color:rgb(30,104,129);}

#content_box .content_tile a.linkWhiteGhost{color:white; border-color:white; background-color:transparent;}
#content_box .content_tile a.linkWhiteGhost:hover{background-color:rgba(255,255,255,0.1); color:white; border-color:white;}


/* ********************************************************************** */
/*  CUSTOM BUTTON BG: LINES (from conference)
/* ********************************************************************** */

#content_box a.button_custom {width: 25%; padding: 1%; font-size: 16px; line-height: 18px; opacity: 0.9; margin-bottom: 100px; padding-left: 50px; background-color: #A0C63C; color:white; text-decoration: none; background-image: url(../images/line_white.png); background-repeat: no-repeat; background-position: 15px 22px; font-style:normal; }
#content_box a.button_custom:link {  color:white; width: 25%; padding: 1%; font-size: 16px; line-height: 18px; opacity: 0.9; margin-bottom: 100px; padding-left: 50px; background-color: #A0C63C; color: white; text-decoration: none; background-image: url(../images/line_white.png); background-repeat: no-repeat; background-position: 15px 22px; font-style: normal;}
#content_box a.button_custom:hover {text-decoration: none; font-style:normal; background-color: transparent; color:#A0C63C; background-image: url(../images/line_green.png); background-repeat: no-repeat; background-position: 15px 22px; font-style:normal; border: 1px #A0C63C solid; }



/* ********************************************************************** */
/* General Box Classes */
/* ********************************************************************** */
#content_box .content_tile{}
#content_box .has_padding{padding:10px;}
#content_box .has_margin{margin: 30px 250px;}
#content_box .solidBG{border-radius:inherit; text-align:left;}
#content_box .borderBox{border-radius:inherit; border-width:1px; border-style: solid; text-align:left;}
#content_box .content_tile.inverted{color:white;}

#content_box .whiteBG{ background-color:white;}
#content_box .greenBG{ background-color:#A0C63C; }
#content_box .greyBG{ background-color:#4f5156;     border: 1px white solid;}
#content_box .greyBG a{ color:white; }

#content_box .whiteBorder{border-color:white;}
#content_box .greenBorder{border-color:#A0C63C;}
#content_box .greyBorder{border-color:#4f5156;}




/* ********************************************************************** */
/* Content Tile header
/* ********************************************************************** */
#content_box .content_tile div.csc-header{/*padding:5px 10px;*/ margin:0; overflow:hidden;}

#content_box .content_tile.no_padding div.csc-header{}
#content_box .content_tile.has_padding div.csc-header{margin:-10px -10px 0 -10px;}

#content_box .content_tile div.csc-header h1{margin:0; padding:0;}
#content_box .content_tile div.csc-header h2{margin:0; padding:0;}
#content_box .content_tile div.csc-header h3{margin:0; padding:0;}
#content_box .content_tile div.csc-header h4{margin:0; padding:0;}
#content_box .content_tile div.csc-header h5{margin:0; padding:0;}
#content_box .content_tile div.csc-header h6{margin:0; padding:0;}

#content_box .whiteBorder div.csc-header{}
#content_box .whiteBorder div.csc-header *{color:inherit;}
#content_box .greenBorder div.csc-header{background-color:rgb(141,201,114); }
#content_box .greenBorder div.csc-header *{color:white;}
#content_box .greyBorder div.csc-header{background-color:rgb(90,90,90); }
#content_box .greyBorder div.csc-header *{color:white;}



/* ********************************************************************** */
/* Accordions */
/* ********************************************************************** */
#content_box .content_tile.box-accordion{border:1px solid #4f5156; background-color:white; margin-top:10px; margin-bottom: 10px;}
#content_box .content_tile.box-accordion .csc-header{ cursor:pointer; margin:-10px -10px 0 -10px; padding:0;}
#content_box .content_tile.box-accordion .csc-header .csc-firstHeader{ cursor:pointer; color:white; margin:0; padding:5px 10px; background-color:#4f5156;}
#content_box .content_tile.box-accordion .csc-header:hover{color:white !important; background-color:rgb(150, 184, 61);}
#content_box .content_tile.box-accordion .accordion-content{padding:10px;}

#content_box .content_tile.expanded {}
#content_box .content_tile.expanded .csc-header:after{font-family: 'FontAwesome'; color:white; content: "\f078"; font-size:1.3em; margin:-34px 10px 0 0; display: inline-block; float:right; font-weight: normal;}
#content_box .content_tile.expanded .csc-header:hover:after{color:rgb(211,172,43);}

#content_box .content_tile.collapsed {padding-bottom:0 !important;}
#content_box .content_tile.collapsed .csc-header:after{font-family: 'FontAwesome'; color:white; content: "\f054"; font-size:1.3em; margin:-31px 10px 0 0; display: inline-block; float:right; font-weight: normal;}
#content_box .content_tile.collapsed .csc-header:hover:after{color:rgb(150, 184, 61);}




/* ********************************************************************** */
/* FIRST ELEMENT IN CONTENT AREA - margin-top*/
/* ********************************************************************** */
#content_box .content_tile.has_padding p:first-child{margin-top:0;}
#content_box .content_tile.has_padding h1:first-child{margin-top:0;}
#content_box .content_tile.has_padding h2:first-child{margin-top:0;}
#content_box .content_tile.has_padding h3:first-child{margin-top:0;}
#content_box .content_tile.has_padding h4:first-child{margin-top:0;}
#content_box .content_tile.has_padding h5:first-child{margin-top:0;}
#content_box .content_tile.has_padding h6:first-child{margin-top:0;}
#content_box .content_tile.has_padding ul:first-child{margin-top:0;}
#content_box .content_tile.has_padding ol:first-child{margin-top:0;}
#content_box .content_tile.has_padding table:first-child{margin-top:0;}
#content_box .content_tile.has_padding blockquote:first-child{margin-top:0;}
#content_box .content_tile.has_padding img:first-child{margin-top:0;}



/* ********************************************************************** */
/* SPECIAL ELEMENT
 * First level non-padding element in content area (screen)
/* ********************************************************************** */
/* necessary ?!? */
#content_box > .full_width_container > .centered_container.no_padding{padding:10px 0;}



/* ********************************************************************** */
/* FCE (Typo3 Flexible Content elements)
/* ********************************************************************** */
.two_colums_50_50{}
.two_colums_50_50 > .column_50_50{min-height:1px; width:50%;}
.two_colums_50_50 > .column_left{float:left;}
.two_colums_50_50 > .column_right{float:right;}

.two_colums_33_66{}
.two_colums_33_66 > .column_33_66{min-height:1px; }
.two_colums_33_66 > .column_left{float:left; width:33.3333%;     padding-right: 20px;}
.two_colums_33_66 > .column_right{float:right; width:66.3333%; }

.two_colums_66_33{}
.two_colums_66_33 > .column_66_33{min-height:1px; }
.two_colums_66_33 > .column_left{float:left; width:66.3333%;}
.two_colums_66_33 > .column_right{float:right; width:33.3333%;}

.three_colums_33_33_33{}
.three_colums_33_33_33 > .column_33_33_33{min-height:1px; width:33.233333%;}
.three_colums_33_33_33 > .column_left{float:left;}
.three_colums_33_33_33 > .column_middle{float:left; border-left:5px solid white;}
.three_colums_33_33_33 > .column_right{float:right; margin-right:0;}

.four_colums_25_25_25_25{}
.four_colums_25_25_25_25 > .column_25_25_25_25{min-height:1px; width:25%;}
.four_colums_25_25_25_25 > .column_left{float:left;}
.four_colums_25_25_25_25 > .column_middle_left{float:left;}
.four_colums_25_25_25_25 > .column_middle_right{float:left;}
.four_colums_25_25_25_25 > .column_right{float:right; margin-right:0;}




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

/* 980 - 1200 */
@media only screen and (min-width: 980px) and (max-width:1199px) {          
}


/* 768 - 980 */
@media only screen and (min-width: 768px) and (max-width:979px) {          
}
 

/* < 768  */
@media only screen and (max-width: 767px){

	.two_colums_50_50 > .column_50_50{margin:0;}
	.two_colums_50_50 > .column_left{clear:both; width:96%; margin-left:2%; margin-right:2%; }
	.two_colums_50_50 > .column_right{clear:both; width:96%; margin-left:2%; margin-right:2%; margin-top:10px;}

	.two_colums_33_66 > .column_33_66{margin:0;}
	.two_colums_33_66 > .column_left{clear:both; width:96%; margin-left:2%; margin-right:2%; }
	.two_colums_33_66 > .column_right{clear:both; width:96%; margin-left:2%; margin-right:2%;  margin-top:10px;}

	.two_colums_66_33{}
	.two_colums_66_33 > .column_66_33{margin:0;}
	.two_colums_66_33 > .column_left{clear:both; width:96%; margin-left:2%; margin-right:2%; }
	.two_colums_66_33 > .column_right{clear:both; width:96%; margin-left:2%; margin-right:2%;  margin-top:10px;}

	.three_colums_33_33_33{}
	.three_colums_33_33_33 > .column_33_33_33{margin:0;}
	.three_colums_33_33_33 > .column_left{clear:both; width:96%; margin-left:2%; margin-right:2%; }
	.three_colums_33_33_33 > .column_middle{clear:both; width:96%; margin-left:2%; margin-right:2%;  margin-top:10px;}
	.three_colums_33_33_33 > .column_right{clear:both; width:96%; margin-left:2%; margin-right:2%;  margin-top:10px;}

	.four_colums_25_25_25_25{}
	.four_colums_25_25_25_25 > .column_25_25_25_25{margin:0;}
	.four_colums_25_25_25_25 > .column_left{clear:both; width:96%; margin-left:2%; margin-right:2%; }
	.four_colums_25_25_25_25 > .column_middle_left{clear:both; width:96%; margin-left:2%; margin-right:2%;  margin-top:10px;}
	.four_colums_25_25_25_25 > .column_middle_right{clear:both; width:96%; margin-left:2%; margin-right:2%;  margin-top:10px;}
	.four_colums_25_25_25_25 > .column_right{clear:both; width:96%; margin-left:2%; margin-right:2%;  margin-top:10px;}

	/* ********************************************************************** */
	/* SPECIAL ELEMENT
	 * First level non-padding element in content area (screen)
	/* ********************************************************************** */
	#content_box > .full_width_container > .centered_container.no_padding{padding:10px;}
        #content_box .has_margin{margin: 0px;}

} /* end of < 768  */