@import url('reset.css'); 

body{
font-family: 'tagdetmed', Arial, sans-serif;
font-size: 14px;
line-height:20px;
color: #444444;
width: 100%;}

.orange{color:#F89829;}
.blaa{color:#6699cc;}
.kursiv{font-style:italic;}
.fed{font-weight:bold;}
hr{border:0;height:1px;width:100%;background-image: linear-gradient(to right, rgba(255, 102, 0, 0), rgba(255, 102, 0, 0.75), rgba(255, 102, 0, 0));}

#baggrunds_div{background: url(../billeder/forside3.jpg);
height: 1100px;                                                                 /*rettet fra 800px*/
background-position: center;
background-repeat: no-repeat; 
background-size: cover;
margin-top:70px;}
                   
/*indvalgssider*/
#top_div{background: url(../billeder/divtop.jpg) no-repeat scroll center top transparent;margin-top:70px;height: 180px;overflow:hidden;}
#topdiv_samling{width:700px;margin:0 auto;padding-top:25px;}
h2, h1{color:#ffffff;font-size:40px;font-family: 'Oswald', sans-serif;}

/*alle siders søgetop*/
.breake_form{display:none;}
#soegeform{margin-top:25px;}

.soegefelt{border-radius:4px;font-size:16px;width:335px;background-color:#fff;height:30px;border:none;font-family: 'Oswald', sans-serif;}
.soegefelt_emne{border-radius:4px;font-size:16px;width:341px;background-color:#fff;height:30px;border:none;font-family: 'Oswald', sans-serif;}
.soegeformular_knap{width:340px;height:32px;font-size:16px; border:none;background-color:#F89829;color:#ffffff;border-radius:4px;-webkit-appearance: none;}
.soegeformular_knap:hover, .soegeformular_knap_index:hover{background-color:#ff6600;
transition: background-color 0.4s ease;
-webkit-transition: background-color 0.4s ease;
-ms-transition: background-color 0.4s ease;
-moz-transition: background-color 0.4s ease;}
select{border-radius:4px;font-size:16px;width:345px;background-color:#fff;height:32px;margin-bottom:5px;border:none;font-family: 'Oswald', sans-serif;color:#444444;}

/*ny style for topform på index*/
.select_index{border-radius:4px;font-size:16px;width:345px;background-color:#fff;height:32px;margin-bottom:5px;border:none;font-family: 'Oswald', sans-serif;color:#444444;}
.soegefelt_index{border-radius:4px;font-size:16px;width:340px;background-color:#fff;height:30px;border:none;font-family: 'Oswald', sans-serif;}
.soegefelt_emne_index{border-radius:4px;font-size:16px;width:340px;background-color:#fff;height:30px;border:none;font-family: 'Oswald', sans-serif;}
.soegeformular_knap_index{width:345px;height:32px;font-size:16px; border:none;background-color:#F89829;color:#ffffff;border-radius:4px;-webkit-appearance: none;}

/*undersiders styling*/
#indhold{width:95%; max-width:800px;margin:0 auto;}
#indhold a{color:#F89829;text-decoration:none;}
.sideoverskrift {font-size:35px;margin-top:55px;margin-bottom:40px;font-weight:bold;width:100%;text-align:center;line-height:30px;}
.underoverskrift{font-size:20px;font-weight:bold;margin-top:25px;margin-bottom:10px;}

/*mine sider - profil.php*/
#indhold_mine_sider{width:100%;}
#boks1{float:left;width:200px;margin-left:50px;margin-top:0px;font-size:16px;}  
#boks1 li{margin-bottom:10px;}
#boks1 a{text-decoration:none;color:#6699cc;display:block;}
#boks1 a:hover{color:#133F9E;}
#boks2{float:left;width:600px;margin-left:200px;} 
.undertekst_profil{color:#6699cc;margin-bottom:10px;line-height:12px;}
.undertekst_profil_slet{color:red;font-weight:bold;}
.mellemrum_links{display:none;}

                                    /* animeret underscore på links*/
section{display:inline-block;}                                    
section h3 + div span {transition: all 0.2s ease-in-out;position: relative;}
section h3 + div span:before, section h3 + div span:after { /*linkstreg*/
  content: "";
  position: absolute;
  bottom: -1px; /*sætter afstand af linie til linktekst*/
  width: 0px;
  height: 1px; /*sætter bredde på linkstreg*/
  margin: 0;
  transition: all 0.2s ease-in-out;
  transition-duration: 0.40s; /*hastighed af stregs udfoldning*/
  opacity: 0;}
section h3 + div span.hover-3:before {left: calc(50%);background-color: #F89829;}
section h3 + div span.hover-3:after {right: calc(50%);background-color: #F89829;}
section h3 + div:hover span:before, section h3 + div:hover span:after {width: 100%;opacity: 1;}
section h3 + div:hover span.hover-3:before, section h3 + div:hover span.hover-3:after{width: 50%;}
 
                     /*start magnific popup*/
.zoom-anim-dialog{background: white;padding:30px;text-align: left; width:85%;max-width: 1000px;height:420px;margin: 40px auto;position: relative;}                                          
                        
.my-mfp-zoom-in .zoom-anim-dialog {
	opacity: 0;
	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out; 
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); }

.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	-o-transform: scale(1); 
	transform: scale(1); }

.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 
	opacity: 0;}

.my-mfp-zoom-in.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;}

/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {opacity: 0.8;}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {opacity: 0;}
                        /*slut magnific popup*/
                        

                

@media (max-width: 1070px){#boks2{margin-left:50px;}}
@media (max-width: 920px){#boks2{margin-left:20px;width:550px;}#boks1{width:150px;margin-left:20px;}}
@media (max-width: 760px){
#boks1{display:block;width:100%;margin:0;text-align:center;margin-top:-90px;}  
#boks1 li{display:inline-block;margin:0px;z-index:1000;}
#boks2{display:block;width:90%;margin-left:10%;}
.mellemrum_links{display:inline-block;width:20px;}}

@media (max-width: 727px){
#topdiv_samling{width:620px;}
.soegefelt, .soegefelt_emne{width:247px;}
.soegefelt_index, .soegefelt_emne_index{width:250px;}
.soegeformular_knap{width:250px;}
.soegeformular_knap_index{width:255px;}
select{width:250px;}
.select_index{width:255px;}
h2{font-size:35px;}}

@media (max-width: 646px){#topdiv_samling{width:520px;}}

@media (max-width: 603px){
#topdiv_samling{width:100%;padding-top:20px;}    
h2{font-size:30px;margin:0;}    
#soegeform{margin-left:0;margin-bottom:3px;}
select{width:98%;margin-bottom:5px;}
.soegefelt{width:97.3%;margin-bottom:5px;}
.soegefelt_emne{width:68.5%;}
.soegeformular_knap{width:28%;height:32px;float:right;}

.select_index{width:98.7%;margin-bottom:5px;}
.soegefelt_index{width:98%;margin-bottom:5px;}
.soegefelt_emne_index{width:70.2%;}
.soegeformular_knap_index{width:27%;height:32px;float:right;margin-right:0.5%;}
.sideoverskrift{margin-top:35px;}
.soegeform_indvalg{position:relative;top:-10px;}
}

@media (max-width: 500px){#baggrunds_div{background: url(../billeder/forside_mobil_ny.jpg);
height: 800px;background-position: center;background-repeat: no-repeat;background-size: cover;margin-top:70px;}}
 
@media (max-width: 455px){
#topdiv_samling{padding-top:10px;margin-bottom:10px;}     
h2{font-size:20px;padding-bottom:5px;}
#soegeform{margin-top:10px;}
select{margin-top:5px;}
.select_index{margin-top:5px;}
#boks1{margin-top:-90px;}
.sideoverskrift{margin-top:55px;}
.soegeformular_knap{margin-top:2px;}
.soegeformular_knap_index{margin-top:2px;}}

@media (max-width: 440px){#logind_fejl_glem{position:relative;top:65px;left:-240px;}}
 
@media (max-width: 410px){#boks1 li{font-size:13px}.mellemrum_links{width:10px;}}
@media (max-width: 405px){.sideoverskrift{font-size:25px;}.underoverskrift{font-size:18px;margin-bottom:5px;}}
@media (max-width: 393px){.soegefelt{width:96.6%;}}
@media (max-width: 369px){.soegefelt_index{width:98%;}}
@media (max-width: 362px){.soegefelt{width:96.8%;}}