/*husk moduler.css med baggrundsbillede*/

#b, #sidepanel_mobil, .bryd_formularlinier, .del_opload{display:none;}
#indhold{width: 650px;margin: 0 auto;} 

.formulartop{
width: 600px;
margin: 0 auto;
margin-top:30px;
font-size: 80%;
padding: 10px 20px 10px 20px;
background-color: white;
border-radius: 15px 15px 0 0;
box-shadow: 0 0 12px 2px #777;
opacity:0.9;}

.formulartop_tekst{line-height:17px;margin-bottom:15px;}
.brugerfladeformular{display:inline-block;margin-left:100px;}
.brugerfladeknap, #brugerfladeknap{
border-radius: 5px;padding:2px 0;width:130px;background-color:#94A6B2;color:#ffffff;text-align:center;
margin-right:20px;border:none;cursor:pointer;font-size:100%;}

.knap_oversigt{
border-radius: 5px;padding:2px 0;width:60px;background-color:#94A6B2;color:#ffffff;text-align:center;
margin-left:18px;margin-top:10px;border:none;cursor:pointer;}

.brugerfladeknap:hover, .knap_oversigt:hover, .opret_kommentar:hover, #opret_blog:hover{background-color:#506D7F;
-webkit-transition: all 0.3s ease-in-out; 
-moz-transition: all 0.3s ease-in-out; 
-o-transition: all 0.3s ease-in-out; 
transition: all 0.3s ease-in-out;}

.formularboks{
width: 600px;
margin: 0 auto;
margin-top:20px;
font-size: 80%;
padding: 20px;
background-color: white;
border-radius: 0 0 15px 15px;
box-shadow: 0 0 12px 2px #777;
opacity:0.9;}

                                            /*visning på blogsiden*/
                /*log ind på forum*/
#logintekst_blog{text-align:center;margin-top:15px;}

.opslagsknapper, .opslagsknap_lang{
border-radius: 5px;padding:2px 0;width:90px;background-color:#94A6B2; color:#ffffff;text-align:center;
margin-right:20px;border:none;cursor:pointer;font-size:90%;}

.opslagsknap_lang{width:140px;}

.opslagsknapper:hover{background-color:#506D7F;
-webkit-transition: all 0.3s ease-in-out; 
-moz-transition: all 0.3s ease-in-out; 
-o-transition: all 0.3s ease-in-out; 
transition: all 0.3s ease-in-out;}

.login_email{width:170px;clear:left;}
.login_password{width:170px;margin-left:15px;}
.auto_login{font-size:100%;color:#777777;clear:both;margin-top:8px;}
.checkbox_size{width:15px; height:15px;position:relative;left:10px;top:3px;}
.login_knapdiv{position:relative;top:-22px;left:260px;}
.ikke_medlem{margin-top:10px;margin-bottom:-20px;width:90%;}
.ikke_medlem a{color:#32620C;font-weight:bold;}
.login_navn{margin-right:15px;}
#opret_knapdiv{margin-top:15px;margin-bottom:25px;}
                /*popup-formularer*/
#skriv_indlaeg, #oprettelse, #login_bruger{background: white;padding: 2% 3%;text-align: left;max-width: 58%;margin: 4% auto;position: relative;color:#777777;}
#skriv_indlaeg p, #oprettelse p, #login_bruger p{margin-top:-10px;color:#777777;padding-left:0,48%;padding-right:0,6%;font-size:105%;line-height:100%; }
h1.title_info{margin-bottom:5px;color:#777777;font-weight:bold;margin-top:0px;font-size:120%;margin-bottom:15px;}

                /*visning af blog*/
#overskrift_blog{font-size:200%;width:430px;margin:0 auto;margin-top:170px;}   
                
.blog_udskrift{margin-top:50px;width:60%;display:inline-block;margin-left:40px;}
.overskrift {font-size:200%;}
.afspiller{position:relative; top:-42px;margin-bottom:-44px; width:280px;margin-left:20px;}
.lydfil{width:40px;height:40px;margin-bottom:-10px;margin-left:15px;}
.dato{float:left;color:#8F7550;margin-top:8px;font-size:80%;font-weight:bold;}
.arkiveret_i{margin-left:150px;color:#8F7550;margin-top:8px;font-size:80%;font-weight:bold;width:60%;}
.tekst_over{margin-left:0px;clear:both;margin-top:25px;margin-bottom:20px;}
img.opslagsbillede{max-width:600px;height:auto;}
.laes_mere{font-size:100%;margin-bottom: 30px;margin-top:15px;}
.laes_mere a, .kommentarer a{color:#8F7550;}
        	/*start sidepanel */
#sidepanel{
background-color:#94A6B2;
min-height:400px;
width:238px;
color:#ffffff;
float:right;
margin-right:40px;
position:relative;
top:50px;}

.antal_indlaeg{margin-left:15px;margin-top:20px;font-weight:bold;font-size:16px;}

#sidepanel p{margin-left:15px;margin-top:15px;margin-bottom:20px;}
.sidepanel, .sidepanel a{margin-left:20px; margin-top:-15px;margin-bottom: 40px; color:#ffffff;font-size:95%;text-decoration:none;}
#sidepanel p a{margin-top:15px;margin-bottom:20px;color:#ffffff;}
.fejlbesked_login_red{clear:both;color:red;}
.fejlbesked_login_red a{color:red;text-decoration:none; font-weight:bold;}
.fejlbesked_login_green{clear:both;color:#506D7F;}
.fejlbesked_login_green a{color:#506D7F;text-decoration:none; font-weight:bold;}

 					/*start kommentarside*/
.kommentar_field{margin-left:42px;}
 .kort_streg{width:400px;text-align:left;margin-bottom:10px;}
.kommentar_udskrift{margin-bottom:10px;}
.kommentar_dato{font-size:90%;color:#386814;margin-top:8px;margin-top:15px;}
.kommentar_navn{font-weight:bold; color:#506D7F;}
.kommentar_tekst{font-size:105%;margin-top:10px;margin-bottom:20px; }
hr{margin-left:0px;width:600px;margin-bottom:-10px;}
.kommentarformular{margin-top: 50px; margin-left:30px;}
.kommentartekst_felt{margin-left:-30px; width:600px;height:40px;margin-top:-20px;}
.opret_kommentar{margin-left:180px;margin-top:20px;margin-bottom:20px;border-radius: 5px;padding:4px 0;width:200px;background-color:#94A6B2;color:#ffffff;text-align:center;
border:none;cursor:pointer;font-size:100%;}
#opret_blog{border-radius: 5px;padding:2px 0;width:150px;background-color:#94A6B2;color:#ffffff;text-align:center;
border:none;cursor:pointer;font-size:90%;margin-bottom:30px;}

		/*start skriv_opslag*/
#opslags_overskrift{position:relative;top:-20px; left:210px;}
#opslagsoverskrift_felt{position:relative;left:10px;}
#fil{margin-top:-10px;width:450px;}	
#fil_felt{margin-left:10px;}
#lydfil{width:450px;margin-top:10px;}
#lydfil_felt{margin-left:12px;}
#tekst{margin-top:33px;}
#tekstfelt{width:412px;position:relative;top:-37px; left:50px;}

#valideringsfelt{width:130px;position:relative;top:-25px; left:335px;} 

            /*på adm*/
#tekstfelt_adm{width:550px;position:relative;top:-17px; left:0px;}
.skjul_denne_adm{display:none;}
.kontrolspm_adm{font-size:100%;margin-top:-10px;margin-bottom:10px;}
#valideringsfelt_adm{width:130px;position:relative;top:0px; left:10px;} 
.opret_blog_adm{border-radius: 5px;padding:2px 0;width:150px;background-color:#94A6B2;color:#ffffff;text-align:center;
border:none;cursor:pointer;font-size:100%;margin-bottom:15px;}

        /*rediger indlæg*/
.rediger_event{position:relative;top:-18px; left:280px;}
.hent_event_felt{width:30px;}
.hent_event_knap{ 
border-radius: 5px;padding:2px 0;width:130px;background-color:#94A6B2;color:#ffffff;text-align:center;
margin:0 15px 0 9px;border:none;font-size:14px;}
.rediger_event_knap{position:relative; top:-20px; left:410px;}
        
.afspiller{position:relative;top:-20px;left:-20px;}        
        
        
@media (max-width: 1162px){                       
#overskrift_blog{margin-top:130px;}   
}


@media (max-width: 999px){

#b{display:block;}
.login_password{width:170px;margin-left:0px;margin-top:15px;}
#opret_knapdiv{position:relative;top:-38px;left:190px;margin-bottom:0px;}
.ikke_medlem{margin-top:-10px;margin-bottom:-20px;}
}

@media (max-width: 998px){                       
#overskrift_blog{margin-top:80px;} 
.kommentartekst_felt{width:500px;}
}

@media (max-width: 914px){
#sidepanel{
width:220px;
margin-right:10px;}  
}

@media (max-width: 818px){
#skriv_indlaeg{max-width: 90%;}  
.kommentartekst_felt{width:450px;}
}

@media (max-width: 744px){
.kommentartekst_felt{width:400px;}
}

@media (max-width: 698px){
.opret_kommentar{margin-left:-30px;}   
}

@media (max-width: 693px){/*her skiftes til stregikon*/
#skriv_indlaeg, #oprettelse, #adm, #forum{max-width: 90%;}
.blog_udskrift{margin-left:40px;width: 90%;}
.overskrift {width:100%;}
.tekst_over{width:100%;}
.arkiveret_i{position:relative;top:20px;left:-150px;width:100%;}
.tekst_over{margin-top:35px;}  

#sidepanel{display:none;}  
#sidepanel_mobil{display:block;width:50px;float:right;margin-top:0px;margin-right:20px;margin-bottom:-80px;}/*placering af ikon*/
#stregicon{height:50px;width:50px;}

.sub{z-index:100;}						
#sidepanel_mobil li{position:relative;list-style:none;color:#ffffff;font-size:16px;}
#sidepanel_mobil ul li a{color:#ffffff;display:block;text-decoration:none;padding:8px 5px 5px 18px;width:280px;}/*menupunkterne*/
#sidepanel_mobil ul ul
{display:none;z-index:100;position:absolute;top:50px;left:-180px;font-size: 17px;box-shadow: 0px 1px 5px grey;} 
#sidepanel_mobil ul.niveau1 li.sub:hover ul.niveau2, #sidepanel_mobil ul.niveau2 li.sub:hover ul.niveau3 
{display:block;background-color:#94A6B2;margin-left:-50px;width:250px;}
.overskrift_sidepanel{margin-left:15px;margin-top:25px;margin-bottom:-5px;} 
.indlaeg_sidepanel{margin-left:15px;margin-bottom:-10px;}
.nyt_indlaeg_sidepanel{margin-left:-5px;margin-top:25px;margin-bottom:15px;text-decoration:underline;}

.afspiller{position:relative;top:25px;left:-20px;margin-bottom:0px;} 
} 

@media (max-width: 660px){
.kommentartekst_felt{margin-left:-30px; width:100%;height:60px;margin-top:-20px;}  

img.opslagsbillede{max-width:100%;height:auto;}
}

@media (max-width: 620px){
.login_email{width:200px;margin-top:15px;}
.login_password{width:200px;position:relative;top:0px;left:0px;}
.auto_login{font-size:90%;margin-top:8px;}
.login_knapdiv{position:relative;top:10px;left:0px;}
.ikke_medlem{font-size:90%;margin-top:30px;margin-bottom:-20px;}
.login_navn{width:200px;margin-right:15px;}
#opret_knapdiv{position:relative;top:0px; left:0px;}    
}

@media (max-width: 539px){
.bryd_formularlinier{display:block;}
#kategori_felt{width:173px;margin-left:15px;}
#opslags_overskrift{position:relative;top:10px; left:1px;}
#opslagsoverskrift_felt{position:relative;left:6px;}
#fil{margin-top:20px;width:450px;}	
#fil_felt{margin-left:10px;}
#lydfil{width:450px;margin-top:10px;}
#lydfil_felt{margin-left:12px;}
#tekst{position:relative;top:-30px;}
#tekstfelt{position:relative;top:10px;left:10px;width:300px;}
.kontrolspm{margin-top:-10px;}
#valideringsfelt{width:130px;position:relative;top:0px; left:0px;}  
#opret_blog{margin-bottom:30px;margin-top:20px;}
}

@media (max-width: 458px){
#overskrift_blog{font-size:140%;width:320px;margin-top:40px;margin-bottom:-10px;} 
}

@media (max-width: 448px){
.del_opload{display:block;}
#tekstfelt{position:relative;top:10px;left:10px;width:250px;}
#fil_felt{margin-left:0px;}
#lydfil_felt{margin-left:0px;}
#tekstfelt{position:relative;left:0px;width:260px;}
.skjul_denne{display:none;}
}