div#trippel-a {float: left; width: 98px; }

/* Bildspel / Slideshow */

div#slideshow_container {
	width: 100%;
	height: auto !important;
	margin: 0 auto 20px auto !important;
}
div#slideshow_container, div#layerslider, #layerslider img, div.ls-inner, div.ls-slide {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	behaivor: url(border-radius.htc);
	border-radius: 4px;
}
div.cb_sh_l, div.cb_sh_r {
	display: none;
}
.cb_sh_l {background: url(../img/cb_btn_shadow_left.png) no-repeat center center; left: -15px;}
.cb_sh_r {background: url(../img/cb_btn_shadow_right.png) no-repeat center center; right: -15px;}

/* Slideshow (images) rounding */
.ls-slide .ls-bg {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	behaivor: url(border-radius.htc);
	border-radius: 2px;
}

/* Slideshow (text) content */
div.slide-txt-bg, div.slide-content {
	width: 28%;
	min-width: 300px;
	height: 100%;
	min-height: 340px;
		
}
div.slide-txt-bg {
	position: absolute;
	background: #ffffff;
	opacity: 0.8; filter: alpha(opacity=80); -moz-opacity:0.8;
}
div.slide-txt-content {
	position: absolute;
}
div.slide-content h2 {padding: 30px 20px 0 30px !important; color: #333333 !important; text-shadow: #fff 0 1px 0;} 
div.slide-content p {padding: 10px 20px 0 30px !important; color: #333333 !important; text-shadow: #fff 0 1px 0;}
.slide-content h2 {line-height: normal; margin-bottom: 0 !important;}

div.slide-content a.button_important { margin-left: 30px !important;}

/* Default sized boxes */
div.box-small {width: 30%;}
div.box-medium {width: 68%; margin-right: 2%;}
div.box-large {width: 100%;}


/* Other stuff */

div#wrapper {width: 100% !important; max-width: 1000px;}
div#header {width: 100% !important; max-width: 940px;}
div#nav_main_bg {width: 100% !important;}
div#container  {width: 100% !important; max-width: 940px; }

img.bottomshadow {width: 100%; display: block; margin: 0 auto; padding: 0;}

div.with_pics {width: 67% !important; margin: 0 !important;}

/* News and Cases etc - index page */
div.news_left_img {width: 40%; margin-right: 2%;}
div.news_left_img img {width: 100%;}
div.news_right_content {width: 58%;}

/*--------------------------------------------------------------------------------------------------------
/* == MOBILE NAVIGATION
------------------------------------------------------------------------------------------------------- */

ul#msub_ul_0 {
	position: absolute;
	background: #fff;
	width: 100%;
	height: 100%;
	padding-top: 30px;
	top: 0;
}
ul#msub_ul_0 li {border-bottom: 1px solid #ddd;}

.msub_menu {position: absolute; width: 100%; z-index: 90000; list-style: none; display: none;}
.msub_menu li { margin: 0; text-align: center; font-size: 100%; }
.msub_menu li a {color: #333; padding: 10px 0; display: block; text-decoration: none;}
.msub_menu li ul { background: #f0f0f0; border-top: 1px solid #ddd;}

.msub_menu ul.nav_col_categories {margin: 0 !important;}
.msub_menu .nav_col_categories li, .msub_menu .nav_col_categories li a {float: none; background: none !important; height: auto !important; line-height: normal !important;}
.msub_menu .nav_col_categories li {padding: 0; margin: 0;}
.msub_menu .nav_col_categories li a {padding: 10px 0;}

li.msub_contact {padding-top: 15px; border-bottom: 9px solid #ddd !important;}
.msub_menu li.msub_contact a {padding: 0; display: inline; font-size: inherit; color: #03F;}

span#open_mmenu {display: none; cursor: pointer; font-size: 30px; text-align: center; height: 34px; width: 48px; line-height: normal; color: #fff; background: url(/wwwdocs/img/mobile_menu.png) no-repeat center center; padding: 0; margin: 5px 0 0 0; overflow: hidden; float: left; }
span#open_mmenu:hover {text-decoration: none; color: #fff;}
a#msub_close {display: none; width: 30px; height: 30px; position: absolute; left: 100%; margin-left: -45px; top: 15px; background: url(/wwwdocs/img/close_1.png) no-repeat center center; z-index: 90009;}



/* YouTube Videos */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* For tablets and smaller laptops: */
@media only screen 
and (max-width : 959px) {
	div#construction {width: 55% !important;}
	#nav_main_bg ul li a {font-size: 15px !important;}
	.footer_column_first {display: none;}
}

/* Tablets and large phones? */
@media only screen
and (max-width : 800px) {

	a#logo {display: block; width: 80% !important; max-width: 230px; float: none !important; margin: 0 auto 15px auto !important; }
	div#header {width: 98% !important; height: auto !important; padding-bottom: 30px;}
	div#container {width: 98% !important;}
	div#nav_main_bg, .sub_menu_container {display: none;}
	div#header_right {width: 100% !important; float: none !important; margin: 15px auto 0 auto !important;}

	div#construction {float: none !important; margin: 0 auto 15px auto !important;}
	div#construction img {width: 100% !important; float: none !important; margin: 0 auto !important; display: block;}

	form#search_box {margin: 0 auto !important; float: none !important;}
	form#search_box input {width: 187px !important; float: left; margin-left: 13px; }
	a.psearch_tag {margin-top: 5px !important;}
	span#open_mmenu {display: block !important;}

	ul.nav_col_categories {text-align: center; width: 100%; margin: 0 !important; display: block; float: none; clear: both; position:inherit; padding-top: 30px;}
	ul.nav_col_categories li {float: none !important; display: inline-block !important; margin: 0 5px 10px 5px !important;}
	ul.nav_col_categories li a {display: inline-block; }

	div#construction {width: 80% !important;}

	div#more_videos_list {display: none;}

	.videos_latest .box-content div {height: auto;}
	.videos_latest .box-content iframe {height: 250px;}
	.more_images .regular_image {width: 31.333% !important; margin: 15px 1% 0 1%; }
	.box-medium, .box-small {float: none !important; width: 100%; margin: 0 0 15px 0; }
	div.slide-content a.button_important { display: none;}
	.news_right_content div, .news_right_content div p, .latest_cases_ul, .news_left_img {height: auto !important;}
	div.news_right_content a.button {clear: both; float: none; margin-top: 10px;}
}



/* A bitt smaller: */
@media only screen
and (max-width : 639px) {
	.regular_image p {padding-left: 0 !important; border-bottom: 1px solid #ccc;}
	.slide-txt-bg, .slide-content {display: none !important; visibility: hidden !important;}
	.box-xsmall h1, .box-small h1, .box-medium h1, .box-large h1, .box-xsmall h2, .box-small h2, .box-medium h2, .box-large h2 {font-size: 20px;}
	.staff_mobile {display: table !important;}
	.staff_regular {display: none !important;}

	.box-xsmall h1, .box-small h1, .box-medium h1, .box-large h1, .box-xsmall h2, .box-small h2, .box-medium h2, .box-large h2 {
		height: auto !important;
		line-height: 145% !important;
		text-indent: 0 !important;
		padding: 8px 15px 8px 15px !important;
	}

	div#news_latest, div#news_more {float: none !important; margin: 0 auto 10px auto !important; width: 100% !important;}
}

/* And even smaller: */
@media only screen
and (max-width : 519px) {
	.footer_column {width: 40% !important;}
	.footer_column_last {float: none !important; margin: 20px auto 0 auto !important; text-align: center;}
}

@media only screen
and (min-width : 640px) 
and (max-width : 740px) {
	#trippel-a {display: none;}
}
	
/* Phones */
@media only screen 
and (max-width : 479px) {
	div.with_pics, div.regular_image, a.alignright, a.alignright img, img.alignright, ul.images, .listpic {float: none !important; margin: 0 auto 10px auto !important; width: 100% !important;}
	#suppliers_promo tr td {width: 50% !important; max-width: 50% !important;}
	.box-xsmall h1, .box-small h1, .box-medium h1, .box-large h1, .box-xsmall h2, .box-small h2, .box-medium h2, .box-large h2 {font-size: 18px;}
	.ls-bottom-nav-wrapper {display: none !important; visibility: hidden !important;}
	.news_left_img, .news_right_content {float: none !important; width: 100% !important;}
	.news_left_img {margin-bottom: 10px !important;}
	.more_pics .regular_image { margin: 0 0 15px 0 !important; width: 100% !important; }
}

/* Smaller phones */
@media only screen 
and (max-width : 389px) {
	div#trippel-a {float: none; width: 100px; margin: 0 auto;}
	div.footer_column_middle {float: none; text-align: center; width: 80% !important; margin: 0 auto 15px auto;}
	div#footer {height: auto !important; padding-bottom: 20px;}
}

@media only screen 
and (min-width : 960px) {

}