html, body{
	width:100%;
	max-width: 100%;
	background-color:#fff;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	background:#fff;
}

/* ------ FONTS ------ */
html, body, #wrapper p, nav a, h1, h2, h3, h4, h5, footer p, footer li, footer a {font-family:'Open Sans'; }

h1, #content h1 {color:#2b8ecd; font-size:33px; font-weight:300; margin-bottom:30px; line-height:45px;}
h2, #content h2 {color:#2b8ecd; font-size:26px; font-weight:300;}
h3, #content h3 {color:#2b8ecd; font-size:22px;}

#content p, #content-inner p {font-size:15px; color:#444;}
a:hover {text-decoration:none;}

/* ----- CONTENT ----- */
#wrapper {border-top:8px solid #165984;}
#content-wrapper {padding:0 0 60px 0;}
#wrapper #content-wrapper {margin-top:-100px;}
#wrapper.IsStartpage #content-wrapper {margin-top:0px;}
#content.with_sidemenu {margin-left:0px;}
hr {border-top:1px solid #d1d1d1; border-bottom:1px solid #FFF;}


#content-wrapper a img  {border-bottom:5px solid #165984; transition-duration:0.5s;}
#content-wrapper a:hover img  {border-bottom:5px solid #1782c7; transition-duration:0.5s;}

a[target=_blank] {width:100%;padding-right:35px; background: url(../img/external.png) right no-repeat;}

.width100 img {width:100%;}

/* ----- SIDE MENU ----- */
#side_menu {display:inline; background: #165984; padding:0px; display:block;}
#side_menu .menu li {padding-top:7px; padding-bottom:7px; border-bottom:1px solid #0d4365; display:block;}

#side_menu ul ul {background:#0d4365;}
#side_menu ul ul a {padding-left:27px;}

#side_menu li.parentisMenuGroup {	background:url(../img/arrow.png) top right no-repeat;}
#side_menu li.current.active.parentisMenuGroup { background:url(../img/arrow_active.png) top right no-repeat;}

#side_menu a {color:#FFF;
text-transform:uppercase;
font-size:14px;
padding-left:15px;
}

#side_menu ul  li.current.active, #side_menu ul ul li.current.active {background:#062539;}

/* ---- MOBILE MENU ---- */
#toggle_menu  li {padding:15px;}
#toggle_menu li a {
 	color:#666;
	text-transform:uppercase;
	font-weight:600;
	padding-left:0px;
}
#toggle_menu .menu ul {list-style-type:none;}
#toggle_menu .menu li.current.active {background:#0d4365;}
#toggle_menu .menu li.current.active > a { color:#fff;}

#toggle_menu .menu li.current.active>div>ul>li>a {color:#b2ccdd;}


/* ---- SLIDESHOW ---- */
.description {
	border-bottom: 1px solid #efefef;
	text-align:center;
	padding-bottom:25px;
}
.description h2 {font-size:25px; font-weight:normal;}

/* ----- STARTPAGE ---- */
#wrapper.IsStartpage #content-wrapper {background:url(../img/bg_stripe.png);}
.section-one-row {background:#FFF; padding-bottom:30px;}
.section-three-row {padding-top:30px;}

.startbox  {
	text-align:center;
	border-radius:3px;
	padding:18px;
	background:url(../img/bg_startbox.png) top center no-repeat;
	background-size:100%;
	margin-bottom:25px;

}
.startbox img {
width:100%;
border-bottom:5px solid #165984;
padding-bottom:40px;
}

.startbox p:last-child{margin-top:-50px;}
.startbox a{text-transform:uppercase;
	color:#666;
	letter-spacing:1px;
	font-size:18px;
}

#content strong a {padding:0px 5px!important; }

 .section-one .col-sm-12 a, #content strong a{
	text-transform:uppercase;
	color:#FFF;
	border-radius:3px;
	padding:5px 30px;
	background:#165984;
	font-weight:normal;
	font-size:14px;
}

.section-one .col-sm-12 a:hover, #content strong a:hover {
	background:#1782c7;
	transition: all 0.5s ease-in-out;
} 


/* ------- GALLERY ------- */
#content-inner .page a.edit_page {top:10%;}
#wrapper_gallery {padding:20px 0px; margin-bottom:20px; border-top:1px solid #DDD; height:auto;min-height:390px;}
#wrapper_gallery a:first-child img{max-width:100%;}
#wrapper_gallery img {max-width:19.5%; display:inline-block; margin:7px 10px 0;}
#wrapper_gallery img {float:left;}

.information_box.col-sm-9{
	margin-left:5px;
}
/* ---- PRODUCTS ---- */
.productsTable td p:nth-child(2){ font-weight:700; text-transform:uppercase;}
.productsTable img {float:right !important; max-width:300px !important;}
.productsTable p:last-child a{
	text-transform:uppercase;
	color:#FFF;
	border-radius:3px;
	padding:5px 30px;
	background:#165984;
	font-weight:normal;
	font-size:14px;
	}

	
#content.page-21 {padding-right:20px;}
#wrapper.page-21  img{margin:0 auto;}
#wrapper.page-21 .information_box {text-align:center; border-bottom:1px solid #ddd; margin-bottom:20px;}
.inline img {display:inline-block;}
.inline {text-align:center;}
	
/* ------------ OFFERT ---------- */
.offertAbout  {margin-bottom:20px;}
.trailer, .trailer p {height:99px; position:relative; overflow:hidden;}
.trailer img{position:absolute; bottom:-100%; transition-duration:0.3s; width:100%; max-width:460px;height:auto;}

.trailer img:first-child, .trailer img:nth-child(2), .trailer img:nth-child(3){bottom:0;}


.Tva img:nth-child(4){bottom:0;}
.Tre img:nth-child(5){bottom:0;}
.Fyra img:nth-child(6){bottom:0;}
.Fem img:nth-child(7){bottom:0;}

.Ja img:nth-child(2){bottom:0;}


/* ---------- KUNDBILDER -------- */
#wrapper.page-21 #wrapper_gallery img {

height:150px; margin:5px;}

/* ------- CONTACT ------- */
#contact-form {padding:0px;}
#contact-form input, textarea, #offert_form input, select {width:100%; position:relative; z-index:1;}
.edit {z-index:1000;}
input, textarea, select {
	border-radius:4px;
	border:1px solid #d0d0d0;
	margin-bottom:10px;
	padding:8px;

	background: #ececec; /* Old browsers */
	background: -moz-linear-gradient(top,  #ececec 0%, #ffffff 20%, #f2f2f2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(20%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ececec 0%,#ffffff 20%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ececec 0%,#ffffff 20%,#f2f2f2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ececec 0%,#ffffff 20%,#f2f2f2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ececec 0%,#ffffff 20%,#f2f2f2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}
textarea {min-height:100px;}
input:focus, textarea:focus {border-color:#a4a4a4;}
input[type=submit]{background:#165984; padding:5px; color:#FFF; font-size:15px; border:0px;

margin-bottom:15px;
}


/* ---- FOOTER ---- */
footer {
	background:url(../img/bg_dot.png) #102a3b;
	border-top:5px solid #004875;
	font-size:14px;
}
footer, footer p, footer lil, footer a {color:#FFF;}
.footer-row {background:url(../img/shadow.png) top center no-repeat; padding:50px 0;}
footer a {text-decoration:underline;}

footer ul {list-style-type:none; text-align:center;}


@media (max-width:768px){
#content {clear:both;}
#side_menu {width:100%;}
#wrapper_gallery {min-height:150px;}
.productsTable img {float:none !important; width:100% !important;max-width:100% !important; }
}

/* -------------------------------------------------------------------------------------------- */
@media (min-width: 768px){
/* ---- MENU ---- */
nav ul {text-align:center;}
nav ul li{
	display: inline-block;
	padding:6px;
	margin:-8px 10px 0;
}
nav ul li.current.active {border-bottom:8px solid #1782c7;}
nav ul li.current.active>a{color:#000;}
nav ul li a {
	color:#666666;
	text-transform:uppercase;
	font-size:14px;
	font-weight:600;	
}

#side_menu a {
font-size:12px;
padding-left:5px;
}
#side_menu a[target=_blank] {padding-right:26px;}
#side_menu ul ul a {padding-left:17px;}

/* ---- SLIDESHOW ---- */
.description.container {width:100%;}
.description {
	font-size:16px;
}
.description h2 {font-size:35px;}

#content {text-align:left; padding-left:20px;}

footer ul {text-align:left;}
.container {width:100%;}
.information_box.col-sm-9{
	margin-left:18%;
}

 .trailer p {margin-left:20px;}

#offert_form fieldset:last-child{margin-top:40px;}

#offert_form textarea {min-height:175px;}

}
/* -------------------------------------------------------------------------------------------- */

@media (min-width: 992px){


/* ---- MENU ---- */
nav ul {float:right;}
nav ul li.current.active {border-top:8px solid #1782c7; border-bottom:0;}
nav ul li{
	padding:30px 5px 10px;
}
#side_menu a[target=_blank] {padding-right:35px;}
#side_menu a {
font-size:14px;
padding-left:15px;
}
#side_menu ul ul a {padding-left:27px;}

/* ---- SLIDESHOW ---- */
.description {
	position:absolute; top:0px;
	width:100%;
	font-size:28px;
	color:#FFF;
	line-height:35px;
	border-bottom:0px;
}
.description h2 {font-size:55px; margin-bottom:2%; color:#FFF;}
/* ------ STARTPAGE -------*/
.startbox {margin-top:-80px;}	
#content {padding:0 85px 0 20px;}

}
/* -------------------------------------------------------------------------------------------- */
@media (min-width: 1200px){
.container {width:1170px;}
/* ---- SLIDESHOW ---- */
.description {
	position:absolute; top:5%;
}
/* ------ STARTPAGE -------*/
.startbox {margin-top:-100px;}	



}