/*
Theme Name: InternetForm och BokaTräning
Author: InternetForm
Author URI: http://internetform.se/
Description: Modertema 2014. Responsive design. Bootstrap.
Version: 2.0
License: Får inte kopieras eller spridas vidare.

*/


/* MAIN-width = 650px */





@import url('bootstrap/css/bootstrap.css'); 

body { 
	padding-top: 30px; 
	font-size: 13px;
	font-family: arial, sans-serif;
	/*	background-image: url("http://www.internetform.se/wp-content/uploads/bg_pattern.png"); */
	background-color: #e7e7e7;
}

#internetform_pageholder {
	margin-left: auto;
	margin-right: auto;
}

/*/////////////////////////////////////////////////////////////////////////////
	
	InternetForm: Header with profilefield (logo, desc), menu and bg-image.

/////////////////////////////////////////////////////////////////////////////*/

#internetform_header {

}

#internetform_menu {

}
	.navbar-brand {
	  padding: 10px 80px 0 10px;
	  margin-left: 0px;
	}
	.navbar-fixed-top {
		border-top: 20px solid #000;
		font-size: 13px;
	}
	.nav > li > a {
		position: relative;
		display: block;
		padding: 15px 20px;
	}

@media (max-width: 990px) {
	.navbar-brand {
	  padding: 10px 20px 0 10px;
	  margin-left: 0px;
	}
	.navbar-fixed-top {
		font-size: 10px;
	}
	.nav > li > a {
		position: relative;
		display: block;
		padding: 15px 10px;
	}

}
	.navbar-default .navbar-nav > .open > a,
	.navbar-default .navbar-nav > .open > a:hover,
	.navbar-default .navbar-nav > .open > a:focus {
	  color: #555;
	  background-color: #e7e7e7;
	}
	.navbar-default .navbar-nav > .active > a, 
	.navbar-default .navbar-nav > .active > a:hover, 
	.navbar-default .navbar-nav > .active > a:focus {
		color: #555;
		background-color: #00cce4;
	}
	.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
		color: #555;
		text-decoration: none;
		background-color: #e7e7e7;
		outline: 0px none;
	}
	.dropdown-menu > .active > a {
		color: #555;
		text-decoration: none;
		background-color: #00cce4;
		outline: 0px none;
	}
	.dropdown-menu > li > a {
		display: block;
		padding: 3px 20px;
		clear: both;
		font-weight: normal;
		line-height: 1.42857;
		color: #333;
		white-space: nowrap;
	}



#internetform_header-images { 
	width: 100%;
	height: 550px;
	position: absolute;
}







/*/////////////////////////////////////////////////////////////////////////////
	
	InternetForm: Main.

/////////////////////////////////////////////////////////////////////////////*/

#internetform_main {
	position: relative;
	margin-top: 0px;
}

.internetform_whiteblock_spaceforheaderimg {
	box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.34);
	background-color: #fff;
	position: relative;
	margin-top: 150px;
	padding: 25px 0px 0px 20px;
	min-height: 550px;
	
}

.internetform_whiteblock_minheight {
	background-color: #fff;
	position: relative;
	margin-top: 10px;
	padding: 20px 20px 15px 20px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.34);
	min-height: 550px;
}
	@media (max-width: 400px) {
		.internetform_whiteblock_minheight {
			margin-top: 4px;
			padding: 5px;
			min-height: 350px;
		}
	}
.internetform_whiteblock {
	background-color: #fff;
	position: relative;
	margin-top: 10px;
	padding: 20px 20px 15px 20px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.34);

}
.internetform_whiteblock_separetedblockstemplate {
	background-color: #fff;
	position: relative;
	margin-top: 10px;
	padding: 15px 20px 10px 30px !important;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.34);
}
	@media (max-width: 400px) {
		.internetform_whiteblock_separetedblockstemplate {
			margin-top: 4px;
			padding: 10px !important;
		}
	}

.internetform_greyblock {
	background-color: #e7e7e7;
	position: relative;
	margin-top: 10px;
	padding: 15px 20px 35px 20px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.34);
}
.internetform_blackblock {
	background-color: #000;
	position: relative;
	margin-top: 10px;
	padding: 20px 20px 15px 20px;
}
.internetform_importantblock {
	background-color: #00cce4;
	color: #fff;
	position: relative;
	margin-top: 10px;
	padding: 15px 20px 15px 20px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.34);
	border: 10px solid #fff;
	font-size: 18px;
	font-style:italic;
}

.internetform_onecolpage {
	padding: 10px 20px 15px 20px !important;

}
	.internetform_onecolpage_greybgblock {
		width: 100%; 
		background-color: #e7e7e7; 
		padding: 25px 20px 30px 40px;
	}
	.internetform_staff {
		background-color: #fff; 
		padding: 20px;
		width: 320px;
	}

.internetform_leftblock {
	padding: 10px 20px 30px 20px;
	max-width: 670px; /* width = 650px */
}
.internetform_rightblock {
	padding: 10px 20px 30px 20px;
}
@media (max-width: 800px) {
	.internetform_leftblock {
		border-bottom: 4px solid #333;
		margin: 5px;
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
	.internetform_rightblock {
		margin-top: 0px;
		margin: 5px;
		padding-bottom: 40px;
	}
	#sidebar {
		margin-left: -40px;
		left: 0px;
		padding-left: 0px;
	}

}
/*	Use in template one col when you want some text to be 650px width */
.internetform_onecoltemplate_withtext {
	max-width: 650px;
	clear: left;
}

/*	space so the avatar gets padding ahead, use only on pages with spaces between blocks */
.internetform_lastblock {
	padding-bottom: 50px;
}

.internetform_heading-with-bg {
	background-color: #000;
	color: #fff;
	padding: 5px;
	width: 100%;
	margin-top: 0px;
}
	.internetform_heading-with-bg-borderright {
		border-right: 4px solid #00cce4;
	}


/*/////////////////////////////////////////////////////////////////////////////
	
	InternetForm: Frontpage.

/////////////////////////////////////////////////////////////////////////////*/
#internetform_main_frontpage {
	position: relative;
	margin-top: 0px;
}
.internetform_whiteblock_frontpage {
	box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.34);
	background-color:rgba(255,255,255,0.5);
	position: relative;
	margin-top: 150px;
	padding: 25px 0px 0px 20px;
	
}

#internetform_main_frontpage h2 {
	margin-top: 5px;
}
#internetform_main_frontpage p {
	margin: 0px;
	padding: 0px;
}

.internetform_aboutus_content {
	margin-left: 8px;
	width: 100%; 
	min-height: 253px; 
	color: #fff;
	padding: 35px 20px 30px 50px;
}
@media (max-width: 990px) {
	.internetform_aboutus_content {
		margin-left: 8px;
		width: 100%; 
		min-height: 230px; 
		color: #fff;
		padding: 10px 20px 10px 25px;
	}

}
.internetform_aboutus_content_1 {
	background-color: #666;
	margin-top: 20px;
 }
.internetform_aboutus_content_2 {
	background-color: #555;
	margin-top: -20px;
	margin-right: 0;
}
.internetform_aboutus_content_3 {
	background-color: #444;
	margin-top: 20px;
}
.internetform_aboutus_content_4 {
	background-color: #333;
	margin-top: -20px;
}
.internetform_aboutus_content_5 {
	background-color: #fff;
	margin-top: 0px;
	margin-left: 8px;
	padding-right: 7px;
	padding-left: 10px;
	color: #333;
}
@media (max-width: 400px) {
	.internetform_whiteblock_frontpage {
		margin-top: 50px;
	}
	.internetform_aboutus_content {
		padding: 20px;
		margin-left: 8px;
		width: 95%; 
	}
	.internetform_aboutus_content_5 {
		margin-top: 10px;
		padding: 20px;
	}
}




.internetform_news_content {
	background-color: #fff;
	max-width: 300px;
	height: 100px;
}
.internetform_blog_content {
	background-color: #fff;
	padding: 15px;
	height: 350px;
	border: 1px solid #ddd;
	box-shadow: 0 0 5px #ddd;
}

.internetform_offer_content {
	background-color: #fff;
	min-height: 150px;
	padding: 10px;
	max-width: 300px;
	margin-bottom: 0px;
	border: 1px solid #ddd;
	box-shadow: 0 0 5px #ddd;

}
@media (max-width: 400px) {
	.internetform_offer_content {
		margin-bottom: 10px;
	}
}
	.offerimg {
		margin-bottom: 5px;
	}

.internetform_kunskapsbank_content {
	background-color: #00cce4; 
	padding: 5px; 
	margin-top: 5px;
	width: 150px;
	font-size: 11px;
	height: 40px;
}
.internetform_kunskapsbank_arrow {
	background-color: #00cce4; 
	margin-top: 5px;
	width: 31px;
	padding: 10px; 
	border-left: 1px solid #06B3D0;
	font-size: 14px;
	height: 40px;
}

ul.instagram-pics {
	/* background-color: #333; */
	margin-left: -40px;
}

.instagram-pics li {
	display: inline;
	list-style-type: none;
	margin-left: 0px;
}
.instagram-pics img {
	width: 134px;
	height: 134px;
	margin: 4px;
}

/*/////////////////////////////////////////////////////////////////////////////
	
	InternetForm: Bottom.

/////////////////////////////////////////////////////////////////////////////*/

#internetform_bottom {
	background-color: #000;
	color: #fff;
	margin-bottom: 15px;
	min-height: 163px;
	box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.34);
}
	#internetform_bottom .internetform_avatar {
		margin-top: -34px;
		float:left;
	}
	#internetform_bottom .internetform_content-text {
		padding: 20px;
	}
	#internetform_bottom .internetform_bottomcol {
		border-top: 3px solid #fff;
	}


/*/////////////////////////////////////////////////////////////////////
	
	InternetForm: Headings

//////////////////////////////////////////////////////////////////////*/


a {
	color: #02b0c5;
}
a:hover {
	text-decoration: none;
	color: #02b0c5;
}
h1 {
	font-family: "Oswald", sans-serif;
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 25px;
	margin-top: 0px;
	padding-top: 0px;
	line-height: 130%;
	text-transform:uppercase;
}
h2 {
	font-family: "Oswald", sans-serif;
	font-size: 22px;
	font-weight: bold;
	border-bottom: #ccc;
	padding-bottom: 10px;
	margin-top: 50px;
	margin-bottom: 5px;
	text-transform:uppercase;
	letter-spacing: 1px;
	line-height: 150%;
}
h3 {
	font-family: "Oswald", sans-serif;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 15px;
	margin-top: 40px;
	letter-spacing: 1px;
	line-height: 150%;
}
	.internetform_blogpostscontent h3 {
		margin-top: 10px;
		letter-spacing: 0px;
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #ccc;
	}
	h3.internetform_bokatraningarg  {
		margin-top: 0px !important;
		letter-spacing: 0px;
		margin-bottom: 2px;
		padding-bottom: 0px;
	}

h4 {
	font-family: "Oswald", sans-serif;
	font-size: 16px;
	font-weight: normal;
	margin-top: 18px;
	letter-spacing: 1px;
	line-height: 150%;
}

h5 {
	font-family: "Oswald", sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 3px;
	margin-top: 0px;
	letter-spacing: 1px;
	text-transform:uppercase;
	line-height: 150%;
}


/* Högerspalts huvudrubrik */
h2.h2_sidebar  {
	font-family: "Oswald", sans-serif;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 25px;
	margin-top: 0px;
	padding-top: 0px;
	text-transform:uppercase;
	letter-spacing: 1px;
}

@media (max-width: 800px) {
	h1 {
		font-family: "Oswald", sans-serif;
		font-size: 20px;
		line-height: 130%;
	}
	h2.h2_sidebar  {
		font-family: "Oswald", sans-serif;
		font-size: 22px;
		line-height: 130%;
	}
}

.internetform_specialheader {
	box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.34);
	background-color:rgba(255,255,255,0.5);
	position: relative;
	margin-top: 173px;
	padding: 25px 0px 0px 30px;
	margin-bottom: 10px;
}
@media (max-width: 400px) {
	.internetform_specialheader {
		margin-top: 100px;
		padding: 23px 0px 0px 23px;
		margin-bottom: 0px;
	}
}

/*/////////////////////////////////////////////////////////////////////
	
	Banners

//////////////////////////////////////////////////////////////////////*/

.internetform_dashboard-block-1 {
	background-color: #eeeded;
	border-right: 8px solid #fff;
	border-bottom: 8px solid #fff;
	padding: 10px;
	height: 150px;
	overflow-y: auto;
	-webkit-border-radius: 5px;
	 -moz-border-radius: 5px;
	 border-radius: 5px;
}
	.lastcol {
		border-right: 0px solid #fff;
	}

.internetform_dashboard-block-2 {
	font-family: "Oswald", sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #fff;
	margin-top: -4px;
}
.internetform_shortcut {
	padding: 43px;
	padding-top: 33px;
	padding-bottom: 33px;
	margin-left: 0px;
	float: left;
}

.shortcut-1 {
	background-color: #e23a43;
}
.shortcut-2 {
	background-color: #fee96c;
}
.shortcut-3 {
	background-color: #83bb75;
}
.shortcut-4 {
	background-color: #70c0c4;
}
.shortcut-5 {
	background-color: #f2bb50;
}
.shortcut-6 {
	background-color: #e7e7e7;
	padding: 49px;
	padding-top: 33px;
	padding-bottom: 33px;
}


.internetform_dashboard-block-3 {
	background-color: none;
	border-right: 8px solid #fff;
	border-bottom: 8px solid #fff;
	padding: 10px;
	height: 350px;
}

.internetform_whitebanner {
	background-color: #f5f5f5;
	border: 10px solid #fff;
	padding-bottom: 20px;
	padding-left: 25px !important;
	padding-right: 25px !important;
	margin-right: 25px;
	margin-left: 15px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20);
	max-width: 335px;
	margin-bottom: 15px;

}

.internetform_turquosebanner{
	background-color: #94D8E0;
	border: 10px solid #fff;
	padding: 60px 20px 65px 20px !important;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20);
	width: 100%;
	margin-bottom: 35px;
	color: #fff;
	font-family: "Oswald", sans-serif;
	font-size: 24px;
	font-weight: bold;
	text-transform:uppercase;
	letter-spacing: 1px;
	line-height: 150%;
	text-align: center;
}
	.internetform_jennyS {
		border: 10px solid #fff;
		box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20);
		width: 100%;
		margin-bottom: 15px;
		margin-top: 35px;
	}


.internetform_importantblock_insideblock {
	color: #00cce4;
	font-size: 60px;
	font-style:italic;
	font-family: "Just Another Hand";
}

/*/////////////////////////////////////////////////////////////////////
	
	Tables

//////////////////////////////////////////////////////////////////////*/
thead {
	background-color: #8cd5de;
	border-top: 3px solid #00cce4;
	border-bottom: none;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: none;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 10px;
  line-height: 1.428571429;
  vertical-align: top;
  border-bottom: 1px solid #00cce4;
}

/*/////////////////////////////////////////////////////////////////////
	
	Buttons

//////////////////////////////////////////////////////////////////////*/

.clearfix {
	clear:both;
}

.btn {
	padding-left: 40px;
	padding-right: 40px;
}


.btn-default {
  background-color: #8cd5de;
  border: double 4px #fff;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  padding: 15px 60px 15px 60px;
  margin-bottom: 20px;
}
	.btn-default:hover,
	.btn-default:focus,
	.btn-default:active,
	.btn-default.active,
	.open .dropdown-toggle.btn-default {
	  background-color: #71bfc9;
	  border: double 4px #fff;
	  font-size: 14px;
	  font-weight: bold;
	  color: #fff;
	padding: 15px 60px 15px 60px;
	}

.btn-black {
  background-color: #000;
  font-size: 12px;
  color: #fff;
  padding: 7px 30px 7px 30px;
  border-radius: 0px; 
}
	.btn-black:hover,
	.btn-black:focus,
	.btn-black:active,
	.btn-black.active,
	.open .dropdown-toggle.btn-black {
	  background-color: #3c3c3c;
	  font-size: 12px;
	  color: #fff;
	  padding: 7px 30px 7px 30px;
	  border-radius: 0px; 
	}

.bt_glyphicon-ok-green {
	color: #99cc33; 
	margin-right: 3px;
	margin-bottom: 8px;
}
.bt_glyphicon-turq {
	color: #00cce4;
	margin-right: 3px;
	margin-bottom: 8px;
}




.myButton {
	-moz-box-shadow: 0px 6px 14px -7px #3e7327;
	-webkit-box-shadow: 0px 6px 14px -7px #3e7327;
	box-shadow: 0px 6px 14px -7px #3e7327;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77b55a), color-stop(1, #72b352));
	background:-moz-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:-webkit-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:-o-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:-ms-linear-gradient(top, #77b55a 5%, #72b352 100%);
	background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77b55a', endColorstr='#72b352',GradientType=0);
	background-color:#77b55a;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:18px;
	padding:22px 58px;
	text-decoration:none;
	text-shadow:0px 1px 0px #5b8a3c;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #72b352), color-stop(1, #77b55a));
	background:-moz-linear-gradient(top, #72b352 5%, #77b55a 100%);
	background:-webkit-linear-gradient(top, #72b352 5%, #77b55a 100%);
	background:-o-linear-gradient(top, #72b352 5%, #77b55a 100%);
	background:-ms-linear-gradient(top, #72b352 5%, #77b55a 100%);
	background:linear-gradient(to bottom, #72b352 5%, #77b55a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#72b352', endColorstr='#77b55a',GradientType=0);
	background-color:#72b352;
	color:#ffffff;
}
.myButton:active {
	position:relative;
	top:1px;
	color:#ffffff;
}



/*/////////////////////////////////////////////////////////////////////
	
	Content classes in MAIN

//////////////////////////////////////////////////////////////////////*/

.internetform_dottedborder {
	border-bottom: 1px dotted #333;
	padding: 15px 10px 15px 10px;
}
.internetform_examples {
	font-style: italic;
	font-size: 13px;
	color: #fff;
	background-color: #00cce4;
	margin-bottom: 2px;
	padding: 5px;
}
.internetform_examples_2 {
	color: #00cce4;
	font-size: 46px;
	font-style:italic;
	font-family: "Just Another Hand", arial;
	line-height: 100%;
}
.internetform_quotation {
	color: #333;
	font-size: 26px;
	font-style:italic;
	font-family: "Just Another Hand", arial;
	line-height: 100%;
}


/*/////////////////////////////////////////////////////////////////////
	
	Other classes for InternetForm

//////////////////////////////////////////////////////////////////////*/

/*	Pagination	*/
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  cursor: default;
  background-color: #00cce4;
  border-color: #00cce4;
}

/*	Tabs padding */
.tab-pane {
	padding: 25px 0px 15px 10px;
}

/*	Align margins */
.pull-left {
	margin-right: 10px;
}

hr {
	border-color: #ccc;
}
.hr_black {
	border-bottom: 2px solid #000;
	padding-top: 30px;
}
/*	Row padding */
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 8px;
  padding-left: 8px;
}


.col-xs-2.nogutter,
.col-xs-3.nogutter,
.col-xs-4.nogutter,
.col-xs-5.nogutter,
.col-xs-6.nogutter,
.col-xs-7.nogutter,
.col-xs-8.nogutter,
.col-xs-9.nogutter,
.col-xs-10.nogutter,
.col-xs-11.nogutter,
.col-xs-12.nogutter,
.col-sm-1.nogutter,
.col-sm-2.nogutter,
.col-sm-3.nogutter,
.col-sm-4.nogutter,
.col-sm-5.nogutter,
.col-sm-6.nogutter,
.col-sm-7.nogutter,
.col-sm-8.nogutter,
.col-sm-9.nogutter,
.col-sm-10.nogutter,
.col-sm-11.nogutter,
.col-sm-12.nogutter,
.col-md-1.nogutter,
.col-md-2.nogutter,
.col-md-3.nogutter,
.col-md-4.nogutter,
.col-md-5.nogutter,
.col-md-6.nogutter,
.col-md-7.nogutter,
.col-md-8.nogutter,
.col-md-9.nogutter,
.col-md-10.nogutter,
.col-md-11.nogutter,
.col-md-12.nogutter,
.col-lg-1.nogutter,
.col-lg-2.nogutter,
.col-lg-3.nogutter,
.col-lg-4.nogutter,
.col-lg-5.nogutter,
.col-lg-6.nogutter,
.col-lg-7.nogutter,
.col-lg-8.nogutter,
.col-lg-9.nogutter,
.col-lg-10.nogutter,
.col-lg-11.nogutter,
.col-lg-12.nogutter {
  position: relative;
  min-height: 1px;
  padding-right: 0px;
  padding-left: 0px;
  margin-top: -25px;
}



.internetform_arrows {
	font-size: 16px;
	font-style: italic;
	padding-left: 10px;
	padding-bottom: 8px;
}

ul {
	list-style-type:square;
}


a.blacklink {
	color: #000;
	text-decoration: none;
}




/*/////////////////////////////////////////////////////////////////////
	
	Gallery

//////////////////////////////////////////////////////////////////////*/

.internetform_gallery { 
	background-color: #e7e7e7;
	padding: 20px;
}

.internetform_gallery_image { 
    padding: 10px;
	background-color: #fff;
	margin: 5px;
	width: 210px;
	height: 210px;
	border: 1px solid #ddd;
	box-shadow: 0 0 5px #ddd;

}






/*/////////////////////////////////////////////////////////////////////
	
	Blog

//////////////////////////////////////////////////////////////////////*/

.internetform_blogposts {
	margin-bottom: 10px;
	margin-top: 0px;
	background-color: #fff;
	min-height: 350px;
	padding: 6px;
	min-width: 262px;
}
.internetform_blogpostscontent {
	padding: 5px;
	max-width: 260px;
}


.internetform_card {
	background-color: #313131;
	padding: 10px;
	color: #fff;
	width: 100%;
	margin-bottom: 2px;
	border: 2px solid #000;
}
.internetform_imgborder {
	border-bottom: 4px solid #00cce4;
}
.internetform_cardcontent {
	padding: 5px 10px 10px 15px;
}

/* single.php */
.internetform_cat_style {
	background-color: #00cce4;
	color: #fff;
	padding: 4px 10px 4px 10px;
	text-transform: uppercase;
	font-family: "Oswald", sans-serif;
	font-weight: bold;
	font-size: 13px;
	border-right: 2px solid #fff;

}
.internetform_cat_name_style {
	background-color: #e7e7e7;
	color: #00cce4;
	padding: 4px 10px 4px 10px;
	text-transform: uppercase;
	font-family: "Oswald", sans-serif;
	font-weight: bold;
	font-size: 13px;
}
.internetform_tag_name_style  {

}
	/* single.php - kategorilistning */
.internetform_cat_list {
	background-color: #e7e7e7;
	color: #00cce4;
	padding: 10px;
	text-transform: uppercase;
	font-family: "Oswald", sans-serif;
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 1px;
}
	.internetform_cat_desc {
		background-color: #e7e7e7;
		color: #000;
		padding: 10px;
		font-size: 13px;
		margin-bottom: 15px;
	}

/*/////////////////////////////////////////////////////////////////////
	
	CCS trix

//////////////////////////////////////////////////////////////////////*/


/* slider i formulär */
.ui-slider-horizontal {
    height: 25px;
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 25px;
    height: 35px;
    cursor: default;
	margin-left: 5px;
}
#internetform_amount {
	font-size: 18px;
}

label {
	font-family: "Oswald", sans-serif;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 5px;
	margin-top: 20px;
	margin-bottom: 0px;
	text-transform:uppercase;
}

.form-control:focus {
    border-color: #00cce4;
    outline: 0px none;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(102, 175, 233, 0.6);
}

.internetform_borderbottom {
	padding: 20px 7px 20px 7px;
	border-bottom: 1px dotted #333;
} .lesspadding {
	padding: 7px;
}

#internetform_main li {
	margin-top: 15px;
}

.internetform_morebr {
	margin-bottom: 20px;
}
.internetform_morebr_small {
	margin-bottom: 7px;
}










/* http://coveloping.com/tools/pricing-tables */
.pricing-table ul { 
    border-width: 1px; 
    border-style: solid; 
    border-color: #cccccc; 
    border-radius: 3px; 
    margin: 2px; 
    width: 300px; 
    text-align: center; 
    list-style: none; 
    float: left; 
    padding: 5px; 
    background-color: #ffffff; 
	margin-bottom: 40px;
} 
.pricing-table ul li { 
    padding: 10px; 
    background-color: #ffffff; 
    border-width: 0px; 
    border-style: dotted; 
    border-color: #B8B8B8; 
    border-radius: 0px; 
    border-bottom-width: 1px; 
    font-size: 12px; 
	margin-top: 0px !important;
} 
.pricing-table li:nth-child(odd){ 
    background-color: #ffffff; 
} 
.pricing-table ul .heading{ 
    color: #ffffff; 
    background-color: #00cce4; 
    font-size: 16px; 
    padding: 10px; 
} 
.pricing-table ul .price{ 
    color: #636363; 
    background-color: #ffffff; 
    font-size: 20px; 
} 
.pricing-table ul .action{ 
    font-size: 14px; 
    background-color: #f5f5f5; 
    color: #4f4f4f; 
} 
.feature{ 
    -webkit-transform: scale(1.1); 
    transform: scale(1.1); 
    box-shadow: 3px 5px 7px rgba(0,0,0,.7); 
} 
.pricing-table .action a{ 
    color: #000000;
	text-decoration: none;
}


.internetform_glyph_bootstrap_bg {
	background-color:#9cd6dc; 
	padding: 8px;
	font-size: 20px;
	margin-right: 10px;
}







/* History timeline - Historien om oss */
/** timeline box structure **/
.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
}
/* the line */
.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #00b7cc;
  left: 50%;
  margin-left: 0px;
}
/* the line with heart */
.timeline_red:before {
  background-color: #fff;
}

.tldate {
  display: block;
  width: 200px;
  background: #414141;
  border: 3px solid #212121;
  color: #ededed;
  margin: 0 auto;
  padding: 3px 0;
  font-weight: bold;
  text-align: center;
  -webkit-box-shadow: 0 0 11px rgba(0,0,0,0.35);
}

.timeline li {
  margin-bottom: 25px;
  position: relative;
}

.timeline li:before, .timeline li:after {
  content: " ";
  display: table;
}
.timeline li:after {
  clear: both;
}
.timeline li:before, .timeline li:after {
  content: " ";
  display: table;
}

/** timeline panels **/
.timeline li .timeline-panel {
  width: 46%;
  float: left;
  background: #fff;
  border: 1px solid #d4d4d4;
  padding: 20px;
  position: relative;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
}

/** panel arrows **/
.timeline li .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  content: " ";
}

.timeline li .timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " ";
}
.timeline li .timeline-panel.noarrow:before, .timeline li .timeline-panel.noarrow:after {
  top:0;
  right:0;
  display: none;
  border: 0;
}

.timeline li.timeline-inverted .timeline-panel {
  float: right;
}

.timeline li.timeline-inverted .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}

.timeline li.timeline-inverted .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}


/** timeline circle icons **/
.timeline li .tl-circ {
  position: absolute;
  top: 23px;
  left: 50%;
  text-align: center;
  background: #00cce4;
  color: #fff;
  width: 35px;
  height: 35px;
  line-height: 35px;
  margin-left: -16px;
  border: 3px solid #00b7cc;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  z-index: 11;
}
/** timeline heart icons **/
.timeline li .tl-heart {
  position: absolute;
  top: 23px;
  left: 50%;
  text-align: center;
  width: 35px;
  height: 35px;
  line-height: 35px;
  margin-left: -20px;
  z-index: 11;
  color: #e20200;
	font-size: 40px;

}
	.largeicon {
		color: #e20200;
		font-size:18px;
	}


/** timeline content **/

.tl-heading h4 {
  margin: 0;
  color: #333;
}

.tl-body p, .tl-body ul {
  margin-bottom: 0;
}

.tl-body > p + p {
  margin-top: 5px;
}

/** media queries **/
@media (max-width: 991px) {
  .timeline li .timeline-panel {
    width: 44%;
  }
}

@media (max-width: 700px) {
  .page-header h1 { font-size: 1.8em; }
  
  ul.timeline:before {
    left: 40px;
  }
  
  .tldate { width: 140px; }

  ul.timeline li .timeline-panel {
    width: calc(100% - 90px);
    width: -moz-calc(100% - 90px);
    width: -webkit-calc(100% - 90px);
  }

  ul.timeline li .tl-circ {
    top: 22px;
    left: 22px;
    margin-left: 0;

  }
  ul.timeline > li > .tldate {
    margin: 0;
  }

  ul.timeline > li > .timeline-panel {
    float: right;
  }

  ul.timeline > li > .timeline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
  }

  ul.timeline > li > .timeline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
  }
}





/*/////////////////////////////////////////////////////////////////////
	
	Rightcol blocks

//////////////////////////////////////////////////////////////////////*/

.internetform_splash_block {
	background-color: #e7e7e7;
	padding: 12px;
	width: 100%;
	margin-bottom: 20px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
}
	.redtop {
		border-top: 5px solid #e20200;
		width: 100%;
	}
	.yellowtop {
		border-top: 5px solid #ffcc66;
		width: 100%;
		
	}
	.greentop {
		border-top: 5px solid #00cccc;
		width: 100%;
	}
	.offert {
		border-top: 5px solid #00cce4;
		width: 100%;
		border-bottom-right-radius: 0px;
		border-bottom-left-radius: 0px;
		text-align: center;
		padding-top: 20px;
		margin-bottom: 20px;
	}



.ref_srf {
    position: relative;
    margin-top: -60px;
    font-size: 14px;
    width: 95%;
    margin-left: 5px;
	font-style: italic;
	max-width: 300px;
}
.ref_srf_who {
    font-size: 11px;
    margin-left: 5px;
    margin-top: 10px;
	max-width: 300px;
}

.ref_dancehall {
    position: relative;
    margin-top: -50px;
    font-size: 14px;
    width: 92%;
    margin-left: 5px;
	font-style: italic;
	max-width: 280px;
}
.ref_dancehall_who {
    font-size: 11px;
    margin-left: 5px;
    margin-top: 10px;
	max-width: 300px;
}

.ref_bns {
    position: relative;
    margin-top: -68px;
    font-size: 14px;
    width: 95%;
    margin-left: 5px;
	font-style: italic;
	max-width: 280px;
}
.ref_bns_who {
    font-size: 11px;
    margin-left: 5px;
    margin-top: 10px;
	max-width: 300px;
}





/* Contact Form 7 - plugin  */
.str_name {
	height: 40px;
	border: 1px solid #00cce4;
	width: 320px;
}
.str_email {
	height: 40px;
	border: 1px solid #00cce4;
	width: 320px;
}
.str_subject {
	height: 40px;
	border: 1px solid #00cce4;
	width: 320px;
}
.str_mess {
	border: 1px solid #00cce4;
	width: 320px;
}
.wpcf7-submit {
	padding: 8px 70px 8px 70px;
}

div.wpcf7-mail-sent-ok {
    border: 2px solid #00cce4;
    padding: 10px;
}

div.wpcf7-validation-errors {
    border: 2px solid #000;
    padding: 10px;
}





/*	BT-subpages in rightcol  */
 #menu-bokatraning-meny li { 
	margin-left: -40px; 
	list-style-type: none;
	border-bottom: 1px #ccc solid;
	padding-bottom: 5px;
	margin-top: 5px;
}