@import url('reset.css');

body{
font-family: 'Source Sans Pro', sans-serif; 
font-weight:400; 
font-size: 18px; 
line-height: 22px;
color:#323333;}

#samlet_toplogo{height:260px;overflow: hidden;width:100%;background-image:url(../billeder/skovbund.jpg); background-size: cover;}
#toplogo{color:#ffffff;margin-left:50px;}
#toplogo a{text-decoration:none;}
#logo_img{width:200px;margin-top:20px;}
#foreningsnavn{color:#ffffff;font-size:135%;}
.fed{font-weight:bold;}
#rotate {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
position:absolute;top:135px;left:200px;}

#topmenu{display:inline-block;float:right;margin-right:20px;margin-top:-35px;font-size:110%;}
#topmenu li{display:inline-block;margin-left:10px;}
#topmenu li a{display:block;padding:5px 5px;color:#ffffff;text-decoration:none;}
#topmenu li a:hover{border-bottom:1px solid #ffffff;}

#facebook img{width:35px;position:absolute;top:20px;right:2%;}
#ekstra_afstand{clear:both;margin-bottom:50px;}
#menustreg{clear:both;width:90%;margin-bottom:15px;box-shadow: 0px 0px 0px grey;border-top:0px solid #ffffff;}

                                        /*arrangementer og gamle turbilleder*/
#arrangementer_billeder{
background: #ffffff;
background: linear-gradient(#ffffff 1%,#cccccc 99%); 
background: -moz-linear-gradient(#ffffff 1%,#cccccc 99%);
background: -o-linear-gradient(#ffffff 1%,#cccccc 99%);
background: -webkit-linear-gradient(#ffffff 1%,#cccccc 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 );          
width:100%;   
}
.arrangementer_samlet{width:1026px;margin:0 auto;}
.kommende_arrangementer{font-size:200%;margin:40px 0 0 25px;}
.arrangementer_enhed{/*min-height:520px;*/width:450px;float:left;margin-left:25px;margin-right:25px;margin-top:50px;background-color:#ffffff;}
.arrangements_img_box{width:100%;height:300px;overflow:hidden;}
.arrangements_img{width:100%;margin-top:5px;}

.arr_overskrift{font-size:150%;font-weight:bold;display:inline-block;padding-top:25px;padding-left:30px;}
.arr_dato{font-size:100%;float:right;padding-right:20px;}

.arr_moedested{margin-top:10px;padding-left:30px;}
/*.arr_tidspunkt{display:inline-block;}*/
.arr_beskrivelse{padding:0 30px;padding-bottom:20px;}

.arr_pdf a{text-decoration:none;color:#0FC750;font-weight:bold;}
                                        /*nyhedsboks*/
.nyhedsboks{width:600px;margin:0 auto;background-color:#ffffff;padding:20px 40px;}
.nyhedsoverskrift{font-size:150%;font-weight:bold;margin-bottom:15px;}


                                        /*galleriet*/
.small{font-size:50%;margin-left:20px;}
#tidligere_arrangementer{font-size:200%;}
.billeder_galleri{float:left;margin-left:24px;margin-top:40px;}

.galleri_lille{width:218px;height:140px;margin-top:15px;}
.galleri_stor{width:500px;height:auto;}

#bryd_float{clear:both;}

#arrangementer_svampevenner{margin-top:30px;margin-bottom:50px;}


                /*om svampevennerne og medlemskab og priser*/
#om_svampevennerne{width:100%;height:700px;margin-top:20px;background-image:url(../billeder/svampe.jpg);background-size: 100%;background-repeat:no-repeat;}

#om_svampevennerne_tekst{width:1000px;height:450px;position:relative;top:50px;color:#ffffff;margin:0 auto;}
#om_svampevennerne_tekst p{width:1000px;height:450px;background-color:#000000;opacity: 0.8;margin:0 auto;}
#om_svampevennerne_tekst > div {position: absolute; top: 40px;left: 60px;right: 5px;bottom: 60px;margin:0 auto;} 
#om_svampevennerne_tekst a{color:#0FC750;font-weight:bold;}

                /*kontaktformular*/
.tilbagelink{float:right;}.tilbagelink a{text-decoration:none;color:#777777;font-weight:bold;}
.kontaktformular_navn{width:62%;;margin-left:32px;margin-top:15px;} 
.kontaktformular_email{width:62%;margin-left:25px;margin-top:7px;}   
.kontaktformular_emne{width:62%;margin-left:27px;margin-top:7px;}  
#flyt_label{float:left;margin-top:10px;}
.kontaktformular_besked{width:62%;height:100px;margin-left:16px;margin-top:7px;}     
.kontaktformular_knap{margin-top:15px;margin-left:24%;font-size:110%;text-align:center;width:200px;padding:10px 0 10px 0;border:none;background-color:#0FC750; color:#ffffff;cursor:pointer;}
.kontaktformular_knap:hover{background-color:#8F7550;}
.overskrift{width:300px;font-size:200%;color:#0FC750;}
.kontakt_mig a{position:relative;left:250px;font-size:120%;color:#0FC750;text-decoration:none;}

            /*garnfarvning*/
#om_garnfarvning{width:1200px;margin:0 auto;margin-top:50px;}

#hovedblok_img{float:left;width:48%;}
#garnfarvning_overskrift{font-size:200%;color:#0FC750;margin-bottom:20px;}
#hovedblok_tekst{width:48%;float:right;}

#smaa_blokke_samlet{clear:both;position:relative;top:50px;margin-bottom:100px;}
.garnfarvning_blok{display:inline-block;width:33%;}
.garnfarv_img_blok{width:95%;height:189px;overflow:hidden;}
.garnfarvning_blok_img{width:100%;}
.garnfarvning_blok_tekst{width:95%;}
.garnfarvning_blok_overskrift{color:#0FC750;font-weight:bold;font-size:120%;}

            /*bibliotek - bestyrelse*/
#bibliotek{background-image:url(../billeder/baggrund.jpg);background-size: 100%;background-repeat:repeat;margin-top:0px;padding-bottom:30px;}
#bibliotek_bogliste{width:1000px;height:2350px;position:relative;top:30px;color:#ffffff;margin:0 auto;margin-bottom:30px;}
#bibliotek_bogliste p{width:1000px;height:2350px;background-color:#000000;opacity: 0.7;margin:0 auto;}
#bibliotek_bogliste > div {position: absolute; top: 40px;left: 60px;right: 5px;bottom: 60px;margin:0 auto;} 
#bibliotek_bogliste a{color:#0FC750;font-weight:bold;}

            /*arkiv*/
#arkiv{background-image:url(../billeder/baggrund.jpg);background-size: 100%;background-repeat:repeat;margin-top:0px;padding-bottom:30px;}
#arkiv_liste{width:1000px;height:500px;position:relative;top:30px;color:#ffffff;margin:0 auto;margin-bottom:30px;}
#arkiv_liste p{width:1000px;height:500px;background-color:#000000;opacity: 0.7;margin:0 auto;}
#arkiv_liste > div {position: absolute; top: 40px;left: 60px;right: 5px;bottom: 60px;margin:0 auto;} 
#arkiv_liste a{color:#0FC750;font-weight:bold;}



            /*bestyrelse og vedtægter*/
#bestyrelse{background-image:url(../billeder/baggrund.jpg);background-size: 100%;background-repeat:repeat;margin-top:0px;padding-bottom:30px;}
#bestyrelse_vedtaegter{width:1000px;height:2900px;position:relative;top:30px;color:#ffffff;margin:0 auto;margin-bottom:30px;}
#bestyrelse_vedtaegter p{width:1000px;height:2900px;background-color:#000000;opacity: 0.7;margin:0 auto;}
#bestyrelse_vedtaegter > div {position: absolute; top: 40px;left: 60px;right: 5px;bottom: 60px;margin:0 auto;} 
#bestyrelse_vedtaegter a{color:#0FC750;font-weight:bold;}


/*footer*/
#footer{height:30px;background-color:#3988EF;font-size:80%;letter-spacing: 0.03em;}
#tekst_1{font-size: 1.25vw;color:#ffffff;margin-left:2.5%;margin-top:6px;display:inline-block;}
#loginlink{text-decoration:none; color:#ffffff;}



                                    /*galleri*/
.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;}




