/* =============================================================================
   Site
   ========================================================================== */
	
	body {
	  background: #fff;
	  color: #000;
	  font-size: 12px;
	  height: auto;
	}
	
	
	a {
	  color: #3c84e1;
	  text-decoration: none;
	}
	
	a:hover {
	  text-decoration: none;
	}
	
	p {
	  padding: 0px;
	  margin: 0px;
	}
	
	h1 {
	  font-family: ConduitRegITCTT, Georgia, serif;
	  font-weight: bold;
	  text-align: left;
	  margin-top:0px;
	  padding-top:0px;
	}
	
	h2 {
	  padding-top: 10px;
	  font-family: ConduitRegITCTT, Georgia, serif;
	  font-weight: bold;
	  text-align: left;
	  margin-top:20px;
	  padding-top:0px;
	  margin-bottom:20px;
	  padding-bottom:0px;
	}
	
	
	.text {
		 font-family:ConduitRegITCTT, Helvetica, sans-serif;
		 line-height:28px;
		 font-size:25px;
		 color:#575756;
	}
	.formtext {
		 font-family:ConduitRegITCTT, Helvetica, sans-serif;
		 line-height:28px;
		 font-size:15px;
		 color:#575756;
	}
	
	.tipsa {
		 font-family:ConduitRegITCTT, Helvetica, sans-serif;
		 line-height:21px;
		 font-size:20px;
		 font-weight:normal;
		 color:#e1e1e1;
		 text-align:right;
		 height:50px;
	}
	
	
	.firstpagepicture {
	  margin-top: 10px;
	  margin-bottom:30px;
	}
	
	
	.container {
		
	}
	
	
	.container-main {
	  background-color: #fff;
	  background-repeat: repeat-y;
	  padding-bottom: 10px;
	}
	
	
	.top {
		width:100%;
		height:140px;
		background-color:#fff;
		margin-left: auto;
		margin-right: auto;
		z-index:2;
		/*-moz-box-shadow: 4px 0 4px #000;
		-webkit-box-shadow: 4px 0 4px #000;
		box-shadow: 4px 0 4px #000;*/
		position: relative;
		padding-top:10px;
	}
	
	.top-nav {
	  padding-top: 0px;
	  text-align: right;
	  color:#575756;
	  font: 26px 'ConduitRegITCTT', 'trebuchet MS', 'Tahoma';
	  margin-top: 50px;
	}
	
	.top-nav-mobile {
	  text-align: left;
	  color:#575756;
	  font: bold 14px 'lucida sans', 'trebuchet MS', 'Tahoma';
	  margin-top: 10px;
	  margin-bottom: 20px;
	  height:400px;
	}
	
	
	.mobile {
	  display:none;
	}
	
	
	
	.navleft {
	  padding: 10px;
	  text-align: left;
	  color:#fff;
	  font: normal 14px 'lucida sans', 'trebuchet MS', 'Tahoma';
	  margin-top: 10px;
	  width:203px;
	  
     border:1px solid #777777;
      
     /* Gradient background */
     background:#9fc342;
     background: -moz-linear-gradient(top, #9fc342, #87b413);
     background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9fc342), to(#87b413));
  
     /* Rounded Corners */
     -moz-border-radius: 5px 5px 5px 5px;
     -webkit-border-radius: 5px 5px 5px 5px;
     border-radius: 5px 5px 5px 5px;
	  
	  /*background:url(../images/nyhetsbrev223.png);*/
	}
	.navleftlinkoff {
	  text-align: left;
	  color:#fff;
	  font: normal 14px 'lucida sans', 'trebuchet MS', 'Tahoma';
	  line-height:20px;
	}
	.navleftlinkon {
	  text-align: left;
	  color:#000;
	  font: normal 14px 'lucida sans', 'trebuchet MS', 'Tahoma';
	  line-height:20px;
	  background:#fff;
	  padding:3px;
	  width:100%;
	  margin-left:-3px;
	}
	
	
	.footer {
		width:100%;
		
		/*background-color:#e1e1e1;*/
		margin-top:10px;
		margin-left: auto;
		margin-right: auto;
		overflow:hidden;
		z-index:-5;
		padding-top:20px;
		padding-bottom:20px;
	   color:#575756;
	   font: normal 20px 'ConduitRegITCTT', 'trebuchet MS', 'Tahoma';
		text-align:center;
	}
	.footertext {
	   color:#575756;
	   font: normal 16px 'ConduitRegITCTT', 'trebuchet MS', 'Tahoma';
		text-align:left;
	}
	.footerrubrik {
	  padding-top: 0px;
	  font-family: ConduitRegITCTT, Georgia, serif;
	  font-weight: bold;
	  font-size:22px;
	  text-align: left;
	  margin-top:0px;
	  padding-top:0px;
	  margin-bottom:0px;
	  padding-bottom:0px;
	  color:#575756;
	}
	
	
	
	.koknapp {
		overflow: visible;
		position: relative;
		border: 0;
		padding: 0;
		cursor: pointer;
		height: 40px;
		width: 160px;
		text-align:center;
		font: bold 25px/40px 'ConduitRegITCTT', 'trebuchet MS', 'Tahoma';
		color: #fff;
		border-radius: 10px;
		text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
		margin-top:10px;
		
		/* Background color and gradients */
		background: #ff7e00;
		background: -moz-linear-gradient(top, #e60211, #ff7e00);
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e60211), to(#ff7e00));
	}
	
	
	
	
	.shadow-top {
		-moz-box-shadow: 4px 0 4px #000;
		-webkit-box-shadow: 4px 0 4px #000;
		box-shadow: 4px 0 4px #000;
	}

	
	
	
	.menutext {
    	text-align:left;
		font: bold 20px 'ConduitRegITCTT', 'trebuchet MS', 'Tahoma';
		color: #fff;
		text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
	}
	
	
	
	
	body, ul, li {
    font-size:14px; 
    font-family:Arial, Helvetica, sans-serif;
    line-height:21px;
    text-align:left;
}

/* Navigation Bar */
 
#mobile-menu {
    list-style:none;
    width:100%;
    margin:0px auto 0px auto;
    /*height:20px;*/
    padding:0px 0px 0px 0px;
 
    /* Rounded Corners 
     
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
 	 */
	 
	 
    /* Background color and gradients  
    background: #014464;
    background: -moz-linear-gradient(top, #0272a7, #013953);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0272a7), to(#013953));
    */
	 
	 
    /* Borders
    border: 1px solid #002232;
 
    -moz-box-shadow:inset 0px 0px 1px #edf9ff;
    -webkit-box-shadow:inset 0px 0px 1px #edf9ff;
    box-shadow:inset 0px 0px 1px #edf9ff;
	 */
}
 
#mobile-menu li {
    float:left;
    text-align:center;
    position:relative;
    /*padding: 4px 10px 4px 10px;*/
    margin-right:30px;
    /*margin-top:7px;*/
    border:none;
}
 
#mobile-menu li:hover {
    /*border: 1px solid #777777;
    padding: 4px 9px 4px 9px;*/
     
    /* Background color and gradients 
    background: #F4F4F4;
    background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
    */
	 
	 
    /* Rounded corners 
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
	 */
}
 
#mobile-menu li a {
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px; 
    color: #fff;
    display:block;
    outline:0;
    text-decoration:none;
    text-shadow: 1px 1px 1px #000;
}
 
#mobile-menu li:hover a {
    /*color:#161616;
    text-shadow: 1px 1px 1px #FFFFFF;*/
}
#mobile-menu li .mobile-drop {
    padding-right:10px;
}
#mobile-menu li:hover .mobile-drop {
	
}
 
/* Drop Down */
 
.mobile-dropdown_1column, 
.mobile-dropdown_2columns, 
.mobile-dropdown_3columns, 
.mobile-dropdown_4columns,
.mobile-dropdown_5columns {
    margin:4px auto;
    float:left;
    position:absolute;
    left:-999em; /* Hides the drop down */
    text-align:left;
    padding:10px 5px 10px 5px;
    border:1px solid #777777;
    border-top:none;
     
    /* Gradient background */
    background: #ff7e00;
	 background: -moz-linear-gradient(top, #e60211, #ff7e00);
	 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e60211), to(#ff7e00));
 
    /* Rounded Corners */
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
	 
}
 
.mobile-dropdown_1column {width: 140px;}
.mobile-dropdown_2columns {width: 280px;}
.mobile-dropdown_3columns {width: 420px;}
.mobile-dropdown_4columns {width: 560px;}
.mobile-dropdown_5columns {width: 700px;}
 
#mobile-menu li:hover .mobile-dropdown_1column, 
#mobile-menu li:hover .mobile-dropdown_2columns, 
#mobile-menu li:hover .mobile-dropdown_3columns,
#mobile-menu li:hover .mobile-dropdown_4columns,
#mobile-menu li:hover .mobile-dropdown_5columns {
    left:-1px;
    top:auto;
}
 
/* Columns */
 
.mobile-col_1,
.mobile-col_2,
.mobile-col_3,
.mobile-col_4,
.mobile-col_5 {
    display:inline;
    float: left;
    position: relative;
    margin-left: 5px;
    margin-right: 5px;
}
.mobile-col_1 {width:130px;}
.mobile-col_2 {width:270px;}
.mobile-col_3 {width:410px;}
.mobile-col_4 {width:550px;}
.mobile-col_5 {width:690px;}
 
/* Right alignment */
 
#mobile-menu .menu_right {
    float:right;
    margin-right:0px;
}
#mobile-menu li .align_right {
    /* Rounded Corners */
    -moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
}
#mobile-menu li:hover .align_right {
    left:auto;
    right:-1px;
    top:auto;
}
 
/* Drop Down Content Stylings */

#mobile-menu p, #mobile-menu h2, #mobile-menu h3, #mobile-menu ul li {
    font-family:Arial, Helvetica, sans-serif;
    line-height:21px;
    font-size:12px;
    text-align:left;
    /*text-shadow: 1px 1px 1px #FFFFFF;*/
}
#mobile-menu h2 {
    font-size:21px;
    font-weight:400;
    letter-spacing:-1px;
    margin:7px 0 14px 0;
    padding-bottom:5px;
    /*border-bottom:1px solid #666666;*/
}
#mobile-menu h3 {
    font-size:14px;
    /*margin:7px 0 14px 0;
    padding-bottom:7px;
    border-bottom:1px solid #888888;*/
}
#mobile-menu p {
    line-height:18px;
    margin:0 0 10px 0;
}
 
#mobile-menu li:hover div a {
    font-size:12px;
    color:#fff;
}
#mobile-menu li:hover div a:hover {
    color:#fff;
}

#mobile-menu li ul {
    list-style:none;
    padding:0;
    margin:0 0 0 0;
}
#mobile-menu li ul li {
    font-size:12px;
    line-height:24px;
    position:relative;
    text-shadow: 1px 1px 1px #ffffff;
    padding:0;
    margin:0;
    float:none;
    text-align:left;
    width:130px;
}
#mobile-menu li ul li:hover {
    background:none;
    border:none;
    padding:0;
    margin:0;
}




.cf:before, .cf:after{
		 content:"";
		 display:table;
	}
	 
	.cf:after{
		 clear:both;
	}
	 
	.cf{
		 zoom:1;
	}
	
	
	
	/* Form wrapper styling */
	.form-wrapper {
		 /*width: 250px;
		 padding: 10px;
		 margin: 0px auto 0px auto;
		 background: #444;
		 background: rgba(0,0,0,.2);
		 border-radius: 10px;
		 box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);*/
	}
	 
	/* Form text input */
	
	.form-input {
		 width: 200px;
		 height: 20px;
		 padding: 5px;
		 float: left;
		 font: 15px 'lucida sans', 'trebuchet MS', 'Tahoma';
		 border: 0;
		 background: #eeeeee;
		 border-radius: 3px;
	}
	.form-button {
		 overflow: visible;
		position: relative;
		border: 0;
		padding: 0;
		cursor: pointer;
		height: 40px;
		width: 200px;
		text-align:center;
		font: bold 25px/40px 'ConduitRegITCTT', 'trebuchet MS', 'Tahoma';
		color: #fff;
		border-radius: 10px;
		text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
		margin-top:10px;
		
		/* Background color and gradients */
		background: #ff7e00;
		background: -moz-linear-gradient(top, #e60211, #ff7e00);
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e60211), to(#ff7e00));
	}
	
	
	.form-wrapper input {
		 width: 200px;
		 height: 20px;
		 padding: 5px;
		 float: left;
		 font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';
		 border: 0;
		 background: #eee;
		 border-radius: 3px;
	}
	 
	.form-wrapper input:focus {
		 outline: 0;
		 background: #fff;
		 box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
	}
	 
	.form-wrapper input::-webkit-input-placeholder {
		color: #999;
		font-weight: normal;
		font-style: italic;
	}
	 
	.form-wrapper input:-moz-placeholder {
		 color: #999;
		 font-weight: normal;
		 font-style: italic;
	}
	 
	.form-wrapper input:-ms-input-placeholder {
		 color: #999;
		 font-weight: normal;
		 font-style: italic;
	}    
	 
	/* Form submit button */
	.form-wrapper button {
		 overflow: visible;
		 position: relative;
		 float: left;
		 border: 0;
		 padding: 0;
		 cursor: pointer;
		 height: 40px;
		 width: 70px;
		 font: bold 15px/40px 'lucida sans', 'trebuchet MS', 'Tahoma';
		 color: #fff;
		 text-transform: uppercase;
		 background: #058431;
		 border-radius: 0 3px 3px 0;      
		 text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
	}   
		
	.form-wrapper button:hover{     
		 background: #87b314;
	}   
		
	.form-wrapper button:active,
	.form-wrapper button:focus{   
		 background: #87b314;
		 outline: 0;   
	}
	 
	.form-wrapper button:before { /* left arrow */
		 content: '';
		 position: absolute;
		 border-width: 8px 8px 8px 0;
		 border-style: solid solid solid none;
		 border-color: transparent #ff9a12 transparent;
		 top: 12px;
		 left: -6px;
	}
	 
	.form-wrapper button:hover:before{
		 border-right-color: #ff9a12;
	}
	 
	.form-wrapper button:focus:before,
	.form-wrapper button:active:before{
			  border-right-color: #ff9a12;
	}      
	 
	.form-wrapper button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */
		 border: 0;
		 padding: 0;
	}
	
	
	.lifebuoy { 
		margin-top:50px;
	}
	.key { 
		margin-top:80px;
	}
	.key-concept { 
		margin-top:60px;
	}
	
	.piggybank { 
		margin-top:0px;
	}
	.redcarpet { 
		margin-top:0px;
	}
	.pling { 
		margin-top:0px;
	}
	
	.heart-about { 
		margin-top:50px;
	}
	.redcarpet-objects { 
		margin-top:30px;
	}
	
	.studenthat-concept { 
		margin-top:0px;
	}
	
	.trashcan-concept { 
		margin-top:0px;
	}
	
	
	.fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style]{width:100% !important;}
	.fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe     span[style]{width: 100% !important;}


	
/* =============================================================================
   Page
   ========================================================================== */
	
	
/* =============================================================================
   Media
   ========================================================================== */
	
	/* Tablet Portrait size to Base 996px */
	@media only screen and (min-width: 768px) and (max-width: 995px) {
			
			.top-nav {
			  margin-top: 35px;
			  font: 24px 'ConduitRegITCTT', 'trebuchet MS', 'Tahoma';
			}
			
			.top {
				height:120px;
			}
			
			h1 {
			  font-size: 40px;
			}
			
			.lifebuoy { 
				margin-top:80px;
			}
			.key { 
				margin-top:110px;
			}
			.piggybank { 
				margin-top:30px;
			}
			.redcarpet { 
				margin-top:30px;
			}
			.pling { 
				margin-top:30px;
			}
			
			.studenthat-concept { 
				margin-top:60px;
			}
			
			.trashcan-concept { 
				margin-top:60px;
			}
			
			.key-concept { 
				margin-top:90px;
			}
			
			
		}
	
	/* All Mobile Sizes */
	@media only screen and (max-width: 767px) {
			
			.big {
			  display: none;
			}
			.mobile {
			  display: inline;
			}
			
			.top {
				height:140px;
			}
			
			
			h1 {
			  font-size: 35px;
			}
			
			.lifebuoy { 
				margin-top:0px;
			}
			.key { 
				margin-top:0px;
			}
			.redcarpet { 
				margin-top:0px;
			}
			.pling { 
				margin-top:0px;
			}
			
			
			
			.key-concept { 
				margin-top:0px;
			}
			.studenthat-concept { 
				margin-top:0px;
			}
			.trashcan-concept { 
				margin-top:0px;
			}
			
			
			
			
		}
	
	/* Mobile Landscape Size to Tablet Portrait */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
			
			.mobile-nav {
				display:inline;
			}
			.top {
				height:40px;
			}
			.top-mobile {
				display: inline;
			}
			.main-big {
				display: none;
			}
			.main-mobile {
				display: inline;
			}
			.fb-like {
				display: none;
			}
		}
		
		
	/* Mobile Portrait Size to Mobile Landscape Size */
	@media only screen and (max-width: 479px) {
			
			.top {
				height:40px;
			}
			.top-mobile {
				display: inline;
			}
			.top-big {
				display: none;
			}
			.fb-like {
				display: none;
			}
			
			#mobile-menu li {
				 margin-right:25px;
			}
			
			
		}
	
	
/* =============================================================================
   Font-Face
   ========================================================================== */
/* This is the proper syntax for an @font-face file

/* @font-face {
font-family: 'FontName';
src: url('../fonts/FontName.eot');
src: url('../fonts/FontName.eot?iefix') format('embedded-opentype'),
url('../fonts/FontName.woff') format('woff'),
url('../fonts/FontName.ttf') format('truetype'),
url('../fonts/FontName.svg#FontName') format('svg');
font-weight: normal;
font-style: normal; }
*/

@font-face {font-family: 'ConduitRegITCTT';src: url('../fonts/2A8C61_0_0.eot');src: url('../fonts/2A8C61_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2A8C61_0_0.woff') format('woff'),url('../fonts/2A8C61_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'ConduitITCPro-Bold';src: url('../fonts/2A8C61_1_0.eot');src: url('../fonts/2A8C61_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2A8C61_1_0.woff') format('woff'),url('../fonts/2A8C61_1_0.ttf') format('truetype');}