@import 'https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700';

html, body { height:100%; }
.container-fluid { max-width:1000px; height:100%; padding:0px; }

.navbar { border:none; font-size:10pt; font-weight:300; color:#000000; }
.navbar-default { background:#ffffff; height:100px; border:none; padding-top:10px; box-shadow:none; }
.navbar-brand { line-height:50px; height:50px; padding-top:0; padding-top:0; background:transparent; vertical-align:center; }
.navbar .container-fluid { padding:0px 10px; }
.navbar-collapse { background:#ffffff; }
.navbar-nav { padding-top:40px; }
.navbar-header { height:90px; }

.nav>li>a { border-radius:5px; }

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>li>a,
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover { font-family:'Roboto Condensed',sans-serif; font-weight:700; font-size:15px; color:#000000; background:#ffffff; }

.navbar-nav>li>.dropdown-menu { margin:10px; background:#ffffff !important; border-radius:5px; font-size:10pt; font-weight:300; }
.navbar-default .navbar-nav .open .dropdown-menu>li>a { font-family:'Roboto Condensed',sans-serif; font-weight:400; font-size:13px; color:#333333; padding:5px 15px 5px 15px; }

.dropdown-menu:after { position:absolute; top:-6px; left:35px !important; display:inline-block; border-right:6px solid transparent; border-bottom:6px solid #ffffff; border-left:6px solid transparent; content:''; }

#dropleft { right:auto; }
#dropleft::before { left:12px; right:auto }
#dropleft::after { left:13px; right:auto }

#dropright::after { position:absolute; top:-6px; left:101px !important; display:inline-block; border-right:6px solid transparent; border-bottom:6px solid #ffffff; border-left:6px solid transparent; content:''; }

.meny_logo { width:157px; height:80px; background:url('/pics/sta-bil.png'); }

.tbl-div { float:left; margin:0px; padding:0px; }

/* Anpassningar per upplösning */
/* Upp till 800 px */
@media ( max-width:800px ){
	.meny_logo { width:140px; height:71px; background-size:140px 71px; margin-top:5px; }

}
/* Upp till 768 px */
@media ( max-width:768px ){
	.meny_logo { width:157px; height:80px; background-size:157px 80px; margin-top:0px; }
	.navbar-nav .open .dropdown-menu { position:relative !important; }
	.navbar-nav { padding-top:0px; }
	.navbar-toggle { margin-top:25px; margin-right:25px;}
}
/* Upp till 650 px */
@media ( max-width:650px ){
	.tbl-div { width:100% !important; }
	.hide_col { display:none; }
}
/* Upp till 410 px */
@media ( max-width:410px ){
}

a { text-decoration:none; }
a:hover { text-decoration:underline; }

h1 { margin:0px; font-family:'Roboto Condensed',sans-serif; font-weight:700; font-size:30px; font-style:normal; color:#363636; }
h2 { margin:0px; font-family:'Roboto Condensed',sans-serif; font-weight:700; font-size:26px; font-style:normal; color:#363636; }
h3 { margin:0px; font-family:'Roboto Condensed',sans-serif; font-weight:700; font-size:20px; font-style:normal; color:#363636; }
h4 { margin:0px; font-family:'Roboto Condensed',sans-serif; font-weight:700; font-size:18px; font-style:normal; color:#363636; }
p  { margin:0px; font-family:'Roboto Condensed',sans-serif; font-weight:400; font-size:14px; font-style:normal; color:#363636; text-align:justify; }
.pt    { font-family:'Roboto Condensed',sans-serif; font-weight:400; font-size:14px; font-style:normal; color:#363636; }
.ptfet { font-family:'Roboto Condensed',sans-serif; font-weight:700; font-size:14px; font-style:normal; color:#363636; }
.link  { font-family:'Roboto Condensed',sans-serif; font-weight:700; font-size:14px; font-style:normal; color:#4480e3; }

.pt_rod { font-family:'Roboto Condensed',sans-serif; font-size:14px; font-style:normal; font-weight:400; color:#bb0000; }
.pt_rod_fet { font-family:'Roboto Condensed',sans-serif; font-size:14px; font-style:normal; font-weight:700; color:#bb0000; }

.pt_bla { font-family:'Roboto Condensed',sans-serif; font-size:14px; font-style:normal; font-weight:400; color:#0000ff; }
.pt_bla_fet {  font-family:  Arial, Helvetica, sans-serif; font-size:14px; font-style:normal; font-weight:700; color:#0000ff; }

.pt_gron { font-family:'Roboto Condensed',sans-serif; font-size:14px; font-style:normal; font-weight:400; color:#008000; }
.pt_gron_fet {  font-family:  Arial, Helvetica, sans-serif; font-size:14px; font-style:normal; font-weight:700; color:#008000; }

.pt_rosa { font-family:'Roboto Condensed',sans-serif; font-size:14px; font-style:normal; font-weight:400; color:#ff33cc; }
.pt_rosa_fet {  font-family:  Arial, Helvetica, sans-serif; font-size:14px; font-style:normal; font-weight:700; color:#ff33cc; }

.pt_orange { font-family:'Roboto Condensed',sans-serif; font-size:14px; font-style:normal; font-weight:400; color:#ff9900; }
.pt_orange_fet {  font-family:  Arial, Helvetica, sans-serif; font-size:14px; font-style:normal; font-weight:700; color:#ff9900;}

.pt_vit { font-family:'Roboto Condensed',sans-serif; font-size:14px; font-style:normal; font-weight:400; color:#FFFFFF; }
.pt_vit_fet { font-family:'Roboto Condensed',sans-serif; font-size:14px; font-style:normal; font-weight:700; color:#FFFFFF; }

.pt_gra { font-family:'Roboto Condensed',sans-serif; font-size:14px; font-style:normal; font-weight:400; color:#999999; }
.pt_gra_fet { font-family:'Roboto Condensed',sans-serif; font-size:14px; font-style:normal; font-weight:700; color:#999999; }

.loptext { font-family:'Roboto Condensed', sans-serif; font-size:8pt; font-style:normal; font-weight:400; color:#000000 }
.loptext_fet { font-family:'Roboto Condensed', sans-serif; font-size:8pt; font-style:normal; font-weight:700; color:#000000 }
.loptext_rod { font-family:'Roboto Condensed', sans-serif; font-size:8pt; font-style:normal; font-weight:400; color:#b40000 }
.loptext_gra { font-family:'Roboto Condensed', sans-serif; font-size:10pt; font-style:normal; font-weight:400; color:#AAAAAA }

.checkbox { height:20px; width:20px; }
.radio { height:12px; width:12px; }
.submit {  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8pt; font-weight:normal; color:#000000 }

.slidesjs-pagination { position:relative; top:-23px; margin:0px; float:right; list-style:none; z-index:130; }
.slidesjs-pagination li { float:left; margin:1px; background:#000000; }
.slidesjs-pagination li a { display:block; padding:1 4 1 4; border:#333333 1px solid; float:left; font-family:'Roboto Condensed', sans-serif; font-size:8pt; font-style:normal; font-weight:bold; color:#AAAAAA; }
.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active { color:#FFFFFF; }
.slidesjs-pagination li a:hover { color:#FFFFFF; }

#slides .slidesjs-navigation { margin-top:0px; }
a.slidesjs-next,
a.slidesjs-previous { display:none }
a.slidesjs-play,
a.slidesjs-stop { position:relative; top:-23px; z-index:130; border:#333333 1px solid; background:#000000; background-image:url(/pics/btns-next-prev.png); background-repeat:no-repeat; display:block; width:19px; height:16px; overflow:hidden; text-indent:-9999px; float:right; margin:1 5 0 5; }
a.slidesjs-next { margin-right:10px; background-position:-12px 0; }
a:hover.slidesjs-next { background-position:-12px -18px; }
a.slidesjs-previous { background-position:0 0; }
a:hover.slidesjs-previous { background-position:0 -18px; }
a.slidesjs-play { background-position:-25px 0;} 
a:hover.slidesjs-play { background-position:-25px -18px; }
a.slidesjs-stop { background-position:-41px 0; }
a:hover.slidesjs-stop { background-position:-41px -18px; }

.xxxxxx_navbar { overflow:hidden }
#slides { display:none }
.slide_container { margin:0 auto; width:100%; }


#fx img { -webkit-transition:all 0.5s; }
#fx img:hover { -webkit-filter:none; }
#fx img.brightness:hover { -webkit-filter:brightness(0); }

#doinvert img { -webkit-transition:all 0.5s; }
#doinvert img:hover { -webkit-filter:invert(100%); }

.saturate {-webkit-filter:saturate(3);}
.grayscale {-webkit-filter:grayscale(100%);}
.contrast {-webkit-filter:contrast(160%);}
.brightness {-webkit-filter:brightness(0.25);}
.blur {-webkit-filter:blur(3px);}
.invert {-webkit-filter:invert(100%);}
.sepia {-webkit-filter:sepia(100%);}
.huerotate {-webkit-filter:hue-rotate(180deg);}
.opacity {-webkit-filter:opacity(50%);}

.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%; }