/**
 * @license
 * MyFonts Webfont Build ID 3149321, 2016-01-06T10:15:38-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: HelveticaNeueLTStd-Lt by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/neue-helvetica/helvetica-45-light/
 * Copyright: Copyright © 1988, 1990, 1993, 2002 Adobe Systems Incorporated.  All Rights Reserved. © 1981, 2002 Heidelberger Druckmaschinen AG. All rights reserved.
 * Licensed pageviews: 1,250,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3149321
 * 
 * � 2016 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/300e09");

  
@font-face {font-family: 'HelveticaNeueLTStd-Lt';src: url('../Fonts/300E09_0_0.eot');src: url('../Fonts/300E09_0_0.eot?#iefix') format('embedded-opentype'),url('../Fonts/300E09_0_0.woff2') format('woff2'),url('../Fonts/300E09_0_0.woff') format('woff'),url('../Fonts/300E09_0_0.ttf') format('truetype');}
 

/*static styles*/

* {
    outline: none !important;
}


body {
    font-family: 'HelveticaNeueLTStd-Lt', "Helvetica Neue",Helvetica,Arial,sans-serif;
    /*font-family: 'Work Sans', sans-serif;*/
    /*font-family: 'Lato', sans-serif;*/
    /*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/
    font-size:16px;
    text-align: left;
}

a,a:visited,a:focus  {
   text-decoration: none;
   color: inherit;
   outline:none;   
}

a:hover {    
    color: #c9c9c9;
}

html , body {    
    height: 100%;
}

body {
    margin: 0;
    padding: 0;    
}

.hide {
    display: none;
}

.clear {
    clear: both;    
}

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

img.lazy {
    display: none;
    transition: opacity 0.3s ease-in 0s;
 
    max-width: auto;
    width: 100%;
    /* and for IE 8 */
    width: auto\9;
}
}
.csc-textpic-image {
    width: 100%;
}
div.csc-textpic-center .csc-textpic-imagewrap, div.csc-textpic-center figure.csc-textpic-imagewrap {
    width: 100%;
    
}

div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li {
    overflow: visible;
}

input, select,textarea {    
    border: 1px solid #666;
}

fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

#content legend {
    margin: 0;
    padding: 0;
}
/*grid modifications*/
.multicolumnContainer {
    margin-bottom: 50px;
}

/*graphic styles*/

#outerDiv {    
    margin: 0 0 0 0;    
}
    
	.container {
	    width: 970px;	    
	}
	
	#header {
	    height: 400px;	    
	    background-size: contain;
	    border-radius: 5px;
	    padding: 20px;
	}
	
	#hamburger,
	#sidr {
	    display: none;
	}


/*sidr start ***************************************/

.sidr {
    background: #F7F8F7;    
    color: #202020;
    display: none;    
    
    height: 100%;    
    right: -260px !important;

    position: absolute;
    top: 0;    
    width: 260px;
    z-index: 999999;
}
.sidr {
    padding: 15px;
}

.sidrContents {
    padding-top: 10px;
}

.sidr.right
{
    right: -260px;
    left: auto;
}



/*sidr end ***************************************/
    
	    
	    #logo {
		float: left;
		width: 87px;
		height: 93px;
		background: url(../Images/logo.png) no-repeat 0 0;
	    }
		#logo a {
		    display: block;
		    width: 87px;
		    height: 93px;
		    text-indent: -9999px;
		}
	
	#title,#subtitle {
	    color: #fff;
	}
        
	#title {
	    float: left;
	    margin-top: 12px;
	    margin-left: 25px;
	}
	#subtitle {
	    margin-top: 310px;
	    float: right;
	    
	}
	
	#mainNav {
	    
	    margin-left: -20px;
	    background: #EBEEF0;
	    
	}
	    #mainNavUL {
		border-radius: 0 0 5px 5px;
	    }
	
	    #mainNavUL li:hover ul {
		/*display: block;*/
	    }
	    
	    #mainNavUL li ul {
		display: none;
		position: absolute;
	    }
	
	
	ul#mainNavUL {
	    font-size: 0.9em;
	    float: left;
	    width: 22em;
	    margin: 0;
	    padding: 0;
	    width: 946px;
	    overflow: hidden;
	    position: absolute;
	    top:365px;
	    line-height: 1em;
	    padding: 0.5em 13px;
	    background: #C6CED5;
	  }
	  ul#mainNavUL li {
	    list-style: none;
	    margin: 0; padding: 0.5em;
	    display: inline;
	    float: left;
	    font-size: 1.0em;
	    line-height: 1;
	    list-style-type: none;
	    margin: 0 .25em 0 0;
	    padding: 0.2em;
	  }
	  ul#mainNavUL a {
	    display: block;
	    padding: 0.2em;
	    border-radius: 0.2em;
	   /* line-height: 2em; */
	    text-decoration: none;
	    /*text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);*/
	    font-weight: normal;
	    background: rgba(204, 204, 204, 0.25);
	  }

	ul#mainNavUL a:link {
	    color: black; background-color: #C6CED5;
	  }
	    ul#mainNavUL a:visited {
	    color: black; background-color: #C6CED5;
	  }
	    ul#mainNavUL a:hover {
	    color: white; background-color: #788C97;
	  }
	    ul#mainNavUL li.cur a {
	    color: white; background-color: #E63034;
	  }
	  ul#mainNavUL li.cur {
	    display: block;
	    padding: 0.2em;
	    border-radius: 0.2em;
	    background-color: #E63034;
	    /*   background: rgba(255, 255, 255, 0.3); */
	    font-weight: bold;
	    color: white;
	  }
          
	#hamburger,
	#sidr {
	    display: none;
	}

      
	    
    #contents {
        z-index: 0;
        /*position: relative;        */
        /*width: 1024px;*/
	margin-top: 80px;
        min-height: 585px;
	padding: 0 18px;
        background-color: rgba(255,255,255,0.5);
    }
    
     
       
     
        #tray2 {                     
	    
        }
	
                
            #content {
                /*margin: 27px 24px 0 24px;*/
            }
	    
		p a {
		    color: #E63034;
		}
		/*
		.panel-group {
		    margin: 0 -18px;
		}
		*/
		.panel-heading {
		    padding: 10px 20px;
		}
		.accordion-title-link-text,
		.accordion-button:not(.collapsed) {
			font-size: 16px;
			color: #333;
			background-color: #f5f5f5;
			border-color: #ddd;
			outline: none !important;
		}		
		.accordion-title-link-text:focus,
		.accordion-button:not(.collapsed):focus,
		.accordion-button:focus {
			outline: none !important;
			box-shadow: none;
		}
		button.accordion-button:focus {
			outline: none !important;
			box-shadow: none;
		}
		
		.panel-body {
		    padding: 10px 20px;
		}
		
		ul {
		    padding-left:13px;
		    margin:6px 0;
		}
		
		
		p.bodytext {
		    margin:6px 0;
		}
		
		    .csc-textpic p.bodytext {
			margin-top:0;
		    }
		
		    ul.csc-uploads span {
			float:left;
		    }
		    
		    span.csc-uploads-fileSize {
			width:50px;
			float:left;
			margin-left:30px;
		    }
	        
		.csc-uploads-fileName a {
		    text-decoration:underline;
		}
		
		tr {
		    padding:3px 0;
		}
		    
        #footer {
            height: 100px;
            min-height: 68px;            
            margin: 20px;
	    
            border-top: 2px solid #C6CED5;
	    background: url(../Images/spja.png) no-repeat left center;
	    background-size: 100px;
            
	    
	    padding: 18px 15px 0 150px ;
	    
        }
	
            #footerNavUL {
                list-style: none;
                margin-top: 10px;
                padding: 0;
            }
	    
                #footerNavUL li {
                    float: left;
                }
                
                #footerNavUL a {
                    padding: 8px 8px;
                    color: #666;
                }
		#footerNavUL li.first a {
		    padding-left: 0;
		}
                #footerNavUL a:hover{
                    color: #E73134;
                }
		
            #copyright {
                display: none;
            }
            

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

/*2 columns*/
@media screen and (max-width: 1023px) {
    
    * {
        -webkit-text-size-adjust:none;    
    }
    
    #subtitle {
	margin-top: 245px;
    }

    .container {
	width: 750px;	    
    }
    ul#mainNavUL {
	width: 696px;
    }
    
    #footerNavUL li {
	float: none;
	margin: 0;
    }
    #footerNavUL li a {
	padding-left: 0;
    }
    
}

@media screen and (max-width: 768px) {
 
    * {
           -webkit-text-size-adjust:none;    
    }   
    
    #mainNav {
	display: none;
    }
    #subtitle {
	margin-top: 80px;
    }
    #hamburger {
	cursor: pointer;
	display: block;
	position: absolute;
	top: 20px;
	right: 15px;
	width: 36px;
	height: 36px;
	background: url(../Images/hamburger.png) no-repeat center center;
    }
    #header {
	height: 250px;
	margin-top: 80px;
    }
	#mobileNavUL {
	    list-style-type: none;
	}
	#mobileNavUL li {
	    line-height: 40px;
	}
	#mobileNavUL li.cur a,
	#mobileNavUL li a:hover {
	    color: #E63034;
	}
	
    .container {
	width: 100%;	    
    }
    ul#mainNavUL {
	width: 96%;
    }
    #container #content .tx-powermail .powermail_fieldset .powermail_fieldwrap_submit {
	width: 100%;
    }
    #container #content .tx-powermail .powermail_fieldset .layout1 {
	float: none;
	clear: none;	
    }
    #container #content .tx-powermail .powermail_fieldset .powermail_fieldwrap {
	width: 100%;
    }
    #container #content .tx-powermail .powermail_fieldset input.powermail_submit {
	width: 100%;
    }
}

@media screen and (max-width: 560px) {
    #title {
	display: block;
	
	
	font-size: 16px;
    }
    #subtitle {
	left: 0;
	margin-top: 0;
    }
}
@media screen and (max-width: 479px) {
    
    * {
        -webkit-text-size-adjust:none;    
    }
    
    #container h1 {
	font-size: 25px;
	line-height: 32px;
    }
    #footer {
	padding-left: 0;
	padding-top: 150px;
    }
     
}