@import url(reset.css);
@import url(//fonts.googleapis.com/css?family=Ubuntu:400,700italic,700,500italic,500,400italic,300italic,300);
@import url(clubsite.css);
@import url(colors.css);

body {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    font-family: 'Ubuntu', sans-serif;
    font-size: 14px;
    line-height: auto;
    font-weight: 400;
	overflow-x: hidden;
}

a,
a:hover,
a:visited,
a:focus {text-decoration: none; cursor:pointer;}

a.button {padding:0 10px;}
a.button:hover {text-decoration:none;}
a img {border: none;}

ol {padding:0 0 1em 2em;}

.cke_show_borders ol, .edit-content ol,
.cke_show_borders ul, .edit-content ul	{display:block; list-style:outside; unicode-bidi: embed; }
.cke_show_borders li, .edit-content li	{display: list-item }
.cke_show_borders ul, .edit-content ul,
.cke_show_borders ol, .edit-content ol	{margin: 1.12em 0 }
.cke_show_borders ol, .edit-content ol,
.cke_show_borders ul, .edit-content ul	{margin-left: 15px}
.cke_show_borders ol, .edit-content ol	{list-style-type: decimal }
.cke_show_borders ol ul, .edit-content ol ul,
.cke_show_borders ul ol, .edit-content ul ol,
.cke_show_borders ul ul, .edit-content ul ul,
.cke_show_borders ol uo, .edit-content ol ol	{margin-top:5px; margin-bottom:5px;}

table td a:hover {text-decoration:none;}

h1,
h2,
h3,
h4,
h5,
h6 {font-family: 'Ubuntu', sans-serif; font-weight: 700; margin-bottom: 12px;}
h1 {font-size: 24px; line-height: 36px; font-weight:400;}
h2 {font-size: 20px; line-height: 22px; font-weight:500;}
h3 {font-size: 18px; line-height: 20px;}
h4 {font-size: 15px; line-height: 17px;}
h5 {font-size: 14px; line-height: 16px;}
h6 {font-size: 12px; line-height: 14px;}
h2.line {margin-bottom: 30px}
h5 span {display: block; font-weight: 300; font-size: 12px; margin-top: 5px;}

p {margin:10px 0 20px 0; padding:0;}
hr, .hr{
	border:none;
	background:transparent url('../images/imTbXX4Jo8A6.png') repeat-x bottom left;
	height:1px;
	margin:20px 0;
}


/* =================================================================== */
/* LAYOUT
====================================================================== */

.one-full {width: 100%}
.one-half {width: 48%}
.one-third {width: 30.66%}
.two-third {width: 65.33%}
.one-fourth {width: 22%}
.three-fourth {width: 74%}
.one-fifth {width: 16.8%}
.two-fifth {width: 37.6%}
.three-fifth {width: 58.4%}
.four-fifth {width: 67.2%}
.one-sixth {width: 13.33%}
.five-sixth {width: 82.67%}
.one-half,
.one-third,
.two-third,
.three-fourth,
.one-fourth,
.one-fifth,
.two-fifth,
.three-fifth,
.four-fifth,
.one-sixth,
.five-sixth {
    position: relative;
    margin-right: 4%;
    float: left;
}
.last {margin-right: 0 !important; clear: right;}

.one-half img {max-width:100%; height:auto;}

.edit-content img {max-width:100%; height:auto;}
.edit-content td img {}


/* ----------------------------------------------------- */
/* HEADER */
/* ----------------------------------------------------- */

#header {
	padding:10px 0 7px 0;
    margin-bottom: 3px;
	z-index:1000;
}
.header {
	position:relative;
	height:100px;
	padding:10px;
}

#menutab {
	padding:0 0 7px 0;
    margin-bottom: 3px;
}

#home-slider {
/*	padding:10px 0 7px 0;
	margin:-10px auto 10px auto;*/
    margin:0 auto;
}
.flexslider {padding:10px;}

.header .logo {float:left;}
.header .company {float:left; font-size:25px; font-weight:300; line-height:80px; margin-left:20px;}
.header .social {position:absolute; top:10px; right:10px;}
.header .social img {margin-left:5px;}


/* .shadow-top {} */

/*-----------------------------------------------------------------------------------*/
/*	CONTENT
/*-----------------------------------------------------------------------------------*/

.content-full {padding-top:20px;}

.content h1 {margin-bottom:20px;}
.content h1 span {font-size:15px; font-weight:normal;}
.content img {max-width:100%; height:auto;}
.content img.frame {max-width:97% !important; padding:1.5%; background-color:#fff;
	-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
	   -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
	        box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
}
.content .box-el {background-color:#fff; padding:20px; margin-bottom:30px;
	-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
	   -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
	        box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
}

/*-----------------------------------------------------------------------------------*/
/*	SIDEBAR
/*-----------------------------------------------------------------------------------*/

.sidebox {font-size:12.5px; margin-left: 30px; margin-top: 15px; padding-top: 15px;}
.sidebox:first-child {margin-top: 0px; padding-top: 0px;}
.sidebox .menudivider {margin-bottom: 20px;} /* for � skille mellom flere undermenyer */

.sidebar h3 {font-size: 16px; font-weight:400;}
.sidebar img {max-width:100%; height:auto;}
.sidebar img.frame,
.sidebar img.frame_s {max-width:98%; padding:1%; background-color:#fff;
		-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
		   -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
		        box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
}

/* ----------------------------------------------------- */
/* SUBTITLE */
/* ----------------------------------------------------- */

.subtitle {background: transparent url(../images/5hnP15sIlKcY.png) repeat-x center bottom; padding:15px 0;}
.subtitle h1 {font-size:22px;font-weight:300; margin:0;}
.subtitle h1 span {font-weight:normal; font-size:18px;}

/* ----------------------------------------------------- */
/* BREADCRUMB */
/* ----------------------------------------------------- */

#breadcrumb {font-size:11px; padding:5px 0;}
.breadcrumb a {text-decoration: none;}
.breadcrumb a + a {background: url(../images/sIrhdNdR6Pdw.png) no-repeat center left; padding-left:13px; margin-left:10px;}

/* ----------------------------------------------------- */
/* FOOTER */
/* ----------------------------------------------------- */

.footer {position:relative; padding:30px 0 42px 0; font-size:12px;}
.footer a {text-decoration: none;}
.footer input[type=text] {display:block; width:97%; font-size:12px; margin-bottom:10px; padding:3px;}
.footer textarea {height:180px; width:97%; line-height:15px; margin-bottom:0;}
.footer .submit {text-align:left; padding-top:10px;}

/* ----------------------------------------------------- */
/* COPYRIGHT */
/* ----------------------------------------------------- */

#copyright {padding:20px 0;}
.copyright {font-family: 'Open Sans', sans-serif; font-size:11px; position: relative;}
.copyright p {padding: 0}
.copyright .cop {width:50%; float:left;}
.copyright .prod {width:50%; float:right; text-align:right;}

#back-to-top {position: absolute; bottom:59px; right:0px; font-size:11px;}
#back-to-top a {padding:5px 8px 5px 25px; line-height:40px
/*
	opacity: 0.6; transition: opacity 0.4s ease;
	-moz-transition: opacity 0.4s ease;
	-o-transition: opacity 0.4s ease;
	-webkit-transition: opacity 0.4s ease;
*/
}
#back-to-top a:hover {opacity: 1;}

/* ----------------------------------------------------- */
/* FORMS */
/* ----------------------------------------------------- */

ul.form-wide {width:80%;} /* inputs med label til venstre */
ul.form-wide li {margin-bottom:10px;}
ul.form-wide label {float:left; width:25%;}
ul.form-wide input,
ul.form-wide select,
ul.form-wide textarea {max-width:70%;}

ul.mark {margin:20px 0 30px 0;}
ul.mark li input {background-color:#eee;}

#frm_login {width:300px;}

#account-form input.textbox {font-size:16px; padding:3px;}

form .big-field {width:98%;}
form .medium-field {width:100px;}
form .small-field {width:80px;}
form .tiny-field {width:30px;}

.caption {display:block; padding-bottom:0px;}
.field {display:block; padding-bottom:0px;}

select {font-size:13px;}

option.sel-label {}

input,
textarea,
select {font-family: 'Open Sans', sans-serif; font-size: 13px;  padding:4px;}
.textbox {padding:6px;}

input.pcode {width:60px;}
input.city {width:327px;}

.button-basket {width:130px; padding:2px;}
.button-wishlist {width:130px; padding:2px;}
.save {margin-top:20px;}
.delete {}

form .stopthebot {display:none;}

.formheading {font-size:18px; margin-bottom:20px;}
form .label {margin-bottom:0.1em;}
form .field {margin-bottom:0.5em;}
form .submit {clear:both; text-align:right; padding-top:20px;}

form .on-line {margin-left:20px;}

#el_forgotpwd {display:none;padding-top:20px;}

div.buttontab {text-align:right; padding-top:20px; margin-bottom:10px;}
div.buttontab input {margin-left:10px;}

input.button,
input.button-grey,
.buttontab .button,
a.button {
    height: 29px;
    line-height: 23px;
    font-size: 13px;
    padding: 0px 20px;
    display: inline-block;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    cursor: pointer;
}
input.save {margin-top:20px;}


/* WEBKIT FIX */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	form input.btn-submit {
	    padding-bottom: 0px
	}
}

/* ----------------------------------------------------- */
/* MENUS */
/* ----------------------------------------------------- */

#menutab {}
.sf-menu {position:relative;}
.sf-menu li {display:inline;}
.sf-menu li {float:left; position:relative; padding:0;}
.sf-menu li a {display:block; text-decoration: none; padding: 14px 15px; text-transform: uppercase; font-weight: 500; font-size: 14px; color: #606060;}
.sf-menu li a:hover {color: #009c97}
.sf-menu li a.selected {color: #009c97}
.sf-menu li.home a {background:transparent url('../images/TsBAvKwwhyCe.png') no-repeat 50% 50%; padding:14px 20px; text-indent:-9999px;}

.sf-menu ul {position:absolute; width:180px; display:none; top:45px; left:0; margin-top:10px; z-index:999; background:#fff; border-top:1px solid #bdbdbd; padding:0 10px;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
}
.sf-menu ul li {}
.sf-menu ul li:last-child {background-image:none}
.sf-menu ul li a {font-size: 13px; padding:10px 0; display:block; width:180px; border-bottom:rgba(0,0,0,0.1); margin: 0;}

/* Mobile Menu  */
		
#mobile-menu {position:relative; width:100%; background-color:#005654; border-bottom:1px solid #efefef; margin-top:10px; margin-bottom:0; z-index:20;}
#mobile-menu li {display:block; margin: 0;}
#mobile-menu > li > ul,
#mobile-menu > li > ul > li > ul {display: none;margin-left: 0;}
#mobile-menu li a {position: relative;display: block; border-top: 1px solid #efefef;color: #fff;font-size: 13px; text-transform:uppercase; text-align: left;text-decoration: none; padding: 15px 25px;}
#mobile-menu ul a {padding-left:45px;}
#mobile-menu ul.sub-menu a {padding-left:45px; text-transform:none;}
#mobile-menu ul.sub-menu a:before {font-family: FontAwesome; content:'\f105 '; padding-right:8px; font-size:10px;}
#mobile-menu .mobile-menu-submenu-arrow {position: absolute;top: 0;right: 0;height: 100%;width: 70px;border-left: 1px solid #efefef;color: #fff;font-size:20px;line-height: 50px;text-align: center;cursor: pointer;}
#mobile-menu .mobile-menu-submenu-arrow:hover {background-color: #333;}
#mobile-menu li a:hover,
#mobile-menu li a:focus {background-color:rgba(0,0,0,0.3);}
#mobile-menu {display: none;}
/* Mobile menu trigger  */
#mobile-menu-trigger {display:none; color:#333;}

@media (max-width: 979px) {
	#menu {display: none;}
	.menu-mobile {text-align:right; padding:8px 10px 5px 0;}
	#mobile-menu-trigger {display: block;}
	#mobile-menu-trigger a,
	#mobile-menu-trigger a:hover,
	#mobile-menu-trigger a:focus,
	#mobile-menu-trigger a:visited {text-decoration:none !important; line-height:35px;}
	#mobile-menu-trigger:after {font-family: 'FontAwesome'; font-size: 42px; line-height:42px; color: #555; content: "\f039"; text-decoration:none; padding:0 0 0 10px; margin:0;}
	#mobile-menu-trigger a span {line-height:42px;}
}

/*-----------------------------------------------------------------------------------*/
/* COLNAV */
/*-----------------------------------------------------------------------------------*/

ul.colnav {}
ul.colnav li {background: url(../images/sIrhdNdR6Pdw.png) no-repeat 0 50%;}
ul.colnav li a {display:block; font-size:12.5px; color:#666; padding:2px 15px;}
ul.colnav li a:hover {color:#009c97;}


/*ul.colnav li a {
	display: block;
	padding: 5px 0;
	padding-left: 12px;
}
ul.colnav li:first-child a {margin: -3px 0 0 0;}
*/
ul.colnav li a.pdf {background: url(icons/file-pdf.png) no-repeat 0 50%; padding-left:25px;}
ul.colnav li a.xls {background: url(icons/file-exe.png) no-repeat 0 50%; padding-left:25px;}

/* ----------------------------------------------------- */
/* GALLERY */
/* ----------------------------------------------------- */

.photoalbum-wrapper {}
.photoalbum-wrapper .wrap {float:left; width:31.3333%; margin:0 1% 2% 1%; cursor:pointer;}
.photoalbum-wrapper .album {height:215px; text-align:center;}
.photoalbum-wrapper .image {padding:10px 10px 0 10px;}
.photoalbum-wrapper img {max-height:134px; width:auto; margin:0 auto;}
.photoalbum-wrapper .description {padding:0 5px;}
.photoalbum-wrapper a:hover {text-decoration:none;}
.photoalbum-wrapper p {margin-bottom:5px; padding:0;}
.photoalbum-wrapper span {font-size:90%; font-style:italic;}
.photoalbum-wrapper .mobile {display:none;}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* ----------------------------------------------------- */
/* PLACEHOLDER */
/* ----------------------------------------------------- */

/*
label{position:absolute; left:-9999px;}
input,
textarea{font:inherit; resize:none;}
*/
[placeholder]{}
[placeholder]:active,
[placeholder]:focus{cursor:text;}

/* ----------------------------------------------------- */
/* MISC */
/* ----------------------------------------------------- */

.videoWrapper {
	position:relative;
	padding-bottom:56.25%; /* 16:9 */
	padding-top:25px;
	height:0;
}
.videoWrapper iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.content .headline {}
.content .headline h3,
.content .headline h4 {font-size:16px; font-weight:500; margin-bottom:20px;}

.sidebar .headline {}
.sidebar h3,
.sidebar .headline h3,
.sidebar .headline h4 {font-size:16px;}

.footer .headline {}
.footer .headline h3,
.footer .headline h4 {font-size:16px; padding:0; margin:0 0 15px 0;}

iframe {width:100%;}
iframe.map {width:95%; padding:2%; background-color:#fff; border:1px solid #e5e5e5;}
iframe.map a {color:#000;}

.ie-dropdown-fix {position:relative; z-index: 55;}