@import url('https://fonts.googleapis.com/css?family=Khand:400,700');
@import url('https://fonts.googleapis.com/css?family=Roboto:200,300,400,500,700');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:700');

html { height:100%; }
body { height:100%; padding:0px; margin:0px; background:#ffffff; font-family:'Khand', sans-serif; font-weight:400; font-style:normal; }

h1 { padding:0px; margin:0px; margin-bottom:5px; }
h2 { padding:0px; margin:0px; margin-bottom:4px; }
h3 { padding:0px; margin:0px; margin-bottom:3px; }
h4 { padding:0px; margin:0px; margin-bottom:2px; }
p { padding:0px; margin:0px; margin-bottom:2px; }
a { text-decoration:none; color:#3286cc; }
a:hover { text-decoration:none; }

img { border:none; }

.topbox { width:1075px; max-width:100%; margin:0 auto; }
.topboxinner { margin:40px 20px; padding:0px; }

.toplogobox { width:40%; height:194px; float:left; text-align:left; }
.toplogobox img { height:140px; }

.topmenyjoxbox { width:60%; height:50px; float:right; text-align:right; }
.menybox { height:100%; }
.meny { font-size:32px; color:#bbbbbb; margin:0px 0px 0px 7px; }
.meny_aktiv { color:#000000; }

.menytextjoxbox { width:60%; height:144px; float:right; text-align:right; }
.menytextbox { height:100%; position:relative; }
.menytext { margin-top:20px; font-size:20px; color:#bbbbbb; text-align:right; text-transform:uppercase; } /* position:absolute; bottom:0; left:0;  */

.workbox { position:relative; width:100%; height:450px; box-sizing:border-box; background-attachment:scroll; background-position:center; background-size:cover; }
/* padding-top:80%; */

.workboxoverlay { position:absolute; top:0; left:0; width:100%; height:100%;  background:#000000; opacity:0.4; transition:opacity .3s ease-in-out; -moz-transition:opacity .3s ease-in-out; -webkit-transition:opacity .3s ease-in-out; }
.workboxoverlay:hover { opacity: 0; transition:opacity .3s ease-in-out; -moz-transition:opacity .3s ease-in-out; -webkit-transition:opacity .3s ease-in-out; }
.workboxtextbox { position:absolute; top:50%; width:100%; pointer-events:none; }
.workboxtext { position:relative; top:50%; transform:translateY(-50%); padding:0 15px; text-align:center; font-size:60px; font-weight:400; line-height:1.0; color:#ffffff; text-shadow: 0px 0px 2px rgba(150, 150, 150, 1); }

.item { margin:0px; }
.w1h1 { width:25%; }
.w1h2 { width:25%; }
.w1h2 .workbox { height:900px; }
.w2h1 { width:50%; }

@media (max-width:1600px) {
.w1h1 { width:33.33%; }
.w1h2 { width:33.33%; }
.w1h2 .workbox { height:900px; }
.w2h1 { width:66.66%; }
}

@media (max-width:1200px) {
.w1h1 { width:50%; }
.w1h2 { width:50%; }
.w1h2 .workbox { height:900px; }
.w2h1 { width:100%; }
}

@media (max-width:800px) {
.toplogobox img { height:120px; }
.w1h1 { width:100%; }
.w1h2 { width:100%; }
.w1h2 .workbox { height:450px; }
.w2h1 { width:100%; }
}

@media (max-width:750px) {
.menytext { font-size:18px; }
}

@media (max-width:700px) {
.toplogobox img { height:110px; }
}

@media (max-width:0px) {
.topboxinner { margin:30px 10px; }
.toplogobox { width:28%; height:170px; }
.toplogobox img { height:100px; }
.topmenyjoxbox { width:72%; height:40px; }
.menytextjoxbox { height:130px; }
.menytext { font-size:16px; }
}

@media (max-width:650px) {
.topboxinner { margin:20px 10px; }
.toplogobox { height:100px; }
.toplogobox img { height:120px; }
.topmenyjoxbox { height:100px; }
.meny { display:block; font-size:28px; line-height:32px; }

.menytextjoxbox { width:100%; height:70px; }
.menytext { font-size:14px; line-height:16px; }
}
@media (max-width:425px) {
.toplogobox img { height:80px; }
}

@media (max-width:370px) {
.menytext { font-size:12px; line-height:16px; }
}


.projekt_rubrik { max-width:800px; padding:0px 15px; margin:0 auto; margin-top:50px; font-size:32px; color:#000000; text-align:center; }
.projekt_beskrivning { max-width:800px; padding:0px 15px; margin:0 auto; margin-bottom:50px; font-size:20px; color:#bbbbbb; text-align:center; }
.bildcontainer { float:left; width:33.33%; padding:0px; margin:0px; }
.bildcontainer img { width:100%; }
.filmcontainer { float:left; width:33.33%; padding:0px; margin:0px; background:#000000; }
.filmcontainer_inner { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; max-width:100%; height:auto; }
.filmcontainer_inner iframe, .filmcontainer_inner object, .filmcontainer_inner embed { position:absolute; top:0; left:0; width:100%; height:100%; }

@media (max-width:1400px) {
.bildcontainer { width:50%; }
.filmcontainer { width:50%; }
}

@media (max-width:1000px) {
.projekt_beskrivning { font-size:18px; }
}

@media (max-width:800px) {
.projekt_rubrik { font-size:26px; }
.projekt_beskrivning { font-size:16px; }
.bildcontainer { width:100%; }
.filmcontainer { width:100%; }
}



.infobox { width:1075px; max-width:100%; margin:0 auto; }
.infobildbox { float:left; width:50%; padding:0px; padding-bottom:10px; margin:0px; }
.infobildbox img { max-width:100% }
.infotextbox { float:left; width:50%; padding:0px; margin:0px; }
.infotext { font-size:18px; line-height:1.35; color:#000000; padding:0px 15px; }
.infotext2 { font-size:18px; line-height:1.35; color:#bbbbbb; padding:10px 15px; }

@media (max-width:850px) {
.infotext { font-size:17px; line-height:1.35; }
.infotext2 { font-size:17px; line-height:1.35;  }
}

@media (max-width:725px) {
.infotext { font-size:16px; line-height:1.30; }
.infotext2 { font-size:16px; line-height:1.30;  }
}

@media (max-width:660px) {
.infobildbox { float:none; width:100%; }
.infotextbox { float:none; width:100%; }
.infotext { font-size:17px; line-height:1.35; }
.infotext2 { font-size:17px; line-height:1.35;  }
}


.contactbox { width:1075px; max-width:100%; margin:0 auto; }
.contactbildbox { float:right; width:80%; padding:0px; padding-bottom:10px; margin:0px; }
.contactbildbox img { max-width:100% }
.contacttextbox { float:right; width:20%; padding:0px; margin:0px; }
.contacttext { font-size:18px; line-height:1.35; color:#000000; padding:1px 15px; }

@media (max-width:800px) {
.contacttext { font-size:17px; line-height:1.35; padding:1px 15px; }
}
@media (max-width:1000px) {
.contactbildbox { float:none; width:100%; }
.contacttextbox { float:none; width:100%; padding:0px 0px 10px 0px;}
}



/* Admin */

.meny_main { height:25px; }

.meny_tab_bar { height:25px; padding-top:0px; background:#e8e8e8; border:#a6a6a6 1px solid; }
.meny_tab_bar a { display:inline-block; height:25px; padding:0px 25px 0px 25px; margin:0px; border-right:#666666 1px solid; font-family:'Roboto', sans-serif; font-size:10pt; font-style:normal; font-weight:400; line-height:25px; color:#666666; }
.meny_tab_bar_right { float:right; border-right:none !important; border-left:#666666 1px solid; }
.meny_tab_bar a:hover { text-decoration:none; color:#000000; }

.meny_tab_bar_bla { background:#c0c9ff; background:-moz-linear-gradient(top, #b1d4ff 0%, #a3ccff 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#b1d4ff), color-stop(100%,#a3ccff)); background:-webkit-linear-gradient(top, #b1d4ff 0%,#a3ccff 100%); background:-o-linear-gradient(top, #b1d4ff 0%,#a3ccff 100%); background:-ms-linear-gradient(top, #b1d4ff 0%,#a3ccff 100%); background:linear-gradient(to bottom, #b1d4ff 0%,#a3ccff 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1d4ff', endColorstr='#a3ccff',GradientType=0); }

.div_ram { border:#9D9DA1 1px solid; }
.div_rubrik { padding:3px; background:#e0dfe3; border-bottom:#9D9DA1 1px solid; text-align:center; }

.box { margin:3px; padding:2px; border:#a6a6a6 1px solid; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.box_all { bottom:0; top:0; left:0; right:0; margin:3px; padding:2px; border:#a6a6a6 1px solid; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.box_rubrik_bar { padding:5px; background:#dddddd; }
.box_rubrik_text { font-family:'Roboto', sans-serif; font-size:9pt; font-weight:600; color:#000000 }

.box_table_rubrik_tr { height:20px; background:#eeeeee; font-family:'Roboto', sans-serif; font-size:8pt; font-weight:600; color:#000000; }
.box_table_rubrik_tr_pointer:hover { background:#D0E4FD; cursor:pointer; }
.box_table_loptext_tr { font-family:'Roboto', sans-serif; font-size:8pt; font-weight:400; color:#000000; }
.box_table_loptext_fet_tr { font-family:'Roboto', sans-serif; font-size:8pt; font-weight:600; color:#000000; }
.box_table_line td { padding:0px; height:1px; background:#dddddd; }
.box_table_darkline td { padding:0px; height:1px; background:#bbbbbb; }

.box_button { display:inline-block; margin:2px; padding:2px; background:#f0f0f0; border:#a6a6a6 1px solid; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; cursor:pointer; }
.box_button:hover { background:#D0E4FD; border:#777777 1px solid; }

.admin_loptext { font-family:'Roboto', sans-serif; font-size:8pt; font-style:normal; font-weight:400; color:#000000 }
.admin_loptext_fet { font-family:'Roboto', sans-serif; font-size:8pt; font-style:normal; font-weight:600; color:#000000 }
.admin_loptext_inaktiv { font-family:'Roboto', sans-serif; font-size:8pt; font-style:normal; font-weight:400; color:#a8a8a8 }
.admin_loptext_inaktiv_fet { font-family:'Roboto', sans-serif; font-size:8pt; font-style:normal; font-weight:600; color:#a8a8a8 }

.admin_link { font-family:'Roboto', sans-serif; font-size:8pt; font-style:normal; font-weight:600; color:#3286cc; }
.admin_roundbox { padding:5px 12px; background:#ffffff; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; border:1px solid #3286cc; }
.admin_submit { height:29px; padding-bottom:2px; background:url('/pics/admin_submit.png'); border:#3aa2dd 1px solid; font-family:'Roboto',sans-serif; font-weight:700; font-size:10pt; color:#ffffff; margin:1px; border-radius:2px; -moz-border-radius:2px; }
.admin_submit:hover { background:url('/pics/admin_submit_mo.png'); color:#ffffff; cursor:pointer; }

.admin_topplist { height:33px; background:url('/pics/admin_topplist.png'); font-family:'Roboto',sans-serif; font-weight:400; font-size:10pt; line-height:33px; font-style:normal; color:#000000; }
.admin_topplist_knapp { float:left; height:100%; padding:0px 15px 0px 15px; border-right:#eaeaea 1px solid; color:#3aa2dd; }
.admin_topplist_knapp_right { float:right; height:100%; border-left:#eaeaea 1px solid; }
.admin_topplist_knapp:hover { background:url('/pics/admin_topplist_knapp_mo.png'); cursor:pointer; }
.admin_topplist_knapp_on { background:url('/pics/admin_topplist_knapp_on.png'); background-position:center top; font-weight:700; }

.admin_toppshadow { width:100%; height:3px; background:url('/pics/admin_toppshadow_3.png'); }

.admin_cell_ram { margin:0px; padding:5px; background:#fdfdfd; border:#dedede 1px solid; }


.ilp_link { display:block; margin:0px 3px; padding:2px 0px; overflow:hidden; white-space:nowrap; }
.ilp_link:hover { background:#f0f0f0; }

.circliful { position:relative; }
.circle-text, .circle-info, .circle-text-half, .circle-info-half { width:100%; position:absolute; text-align:center; display:inline-block; }
.circle-info, .circle-info-half { color:#999; }
.circliful .fa { margin:-10px 3px 0 3px; position:relative; bottom:4px; }

.cut { width:100%; overflow:hidden; white-space:nowrap; /*text-overflow:ellipsis;*/ }
.uncut :hover { overflow:visible; white-space:normal; }

.checkbox { height:14px; width:14px; margin:0px; padding:0px; vertical-align:middle; }
.radio { height:14px; width:14px; margin:0px; vertical-align:middle; }

.inputtext { background-color:#fcfcfc; border:#bbbbbb 1px solid; color:#222222; font-family:verdana; font-size:10px; height:18px; line-height:18px; width:100%; padding-left:3px; padding-right:3px; }
.inputtextblock { background-color:#fcfcfc; border:#bbbbbb 1px solid; color:#222222; font-family:verdana; font-size:10px; height:100%; width:100%; overflow:auto; }
.inputtext_datepicker { width:85px; background-color:#fffff; background-image:url('/pics/admin_kalender_ikon.png'); background-position:right center; background-repeat:no-repeat; cursor:pointer; }