h1,h2,h3,h4,h5,h6,p {margin:6px 0px 6px 0px;padding:0}

* {font-family: Arial, Helvetica, sans-serif;}

* {box-sizing: border-box;}

.sektion {padding: 5px 15px 5px 15px;}

.txt-centreret {text-align: center}
.txt-left {text-align: left}
.txt-right {text-align: right}

.space-top {margin-top: 15px}
.space-bottom {margin-bottom: 15px}


.row::after {
    content: "";
    clear: both;
    display: table;
}

[class*="col-"] {
    float: left;
    /*padding: 15px;*/
}


/* For mobile phones: */
[class*="col-"] {width: 100%;}

h1 {font-size: 20px; margin-top: 5px;}
h2 {font-size: 18px;}
h3 {font-size: 16px;}
* p, * a, * li {font-size: 15px;}
.pSmall {font-size: 12px;}

.buttons button, .buttons a, .inlinebutton a, .dropdown-content a  {font-size: 16px;}
#logo-left {display: none!important;}
/*#logo-right {display: none!important;}*/
.kontakt img {display: none!important;}
header p {font-size: 18px;}
#menuen {display: none;}
.menuIconContainer {display: block!important;}
.col-s-1 {width: 8.33%;}
.col-s-2 {width: 16.66%;}
.col-s-3 {width: 25%;}
.col-s-4 {width: 33.33%;}
.col-s-5 {width: 41.66%;}
.col-s-6 {width: 50%;}
.col-s-7 {width: 58.33%;}
.col-s-8 {width: 66.66%;}
.col-s-9 {width: 75%;}
.col-s-10 {width: 83.33%;}
.col-s-11 {width: 91.66%;}
.col-s-12 {width: 100%;}
@media only screen and (max-width: 619px) {
	.visible_s {display: block!important;}
}

@media only screen and (min-width: 620px) {
    /* For tablets: */
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
	header p {font-size: 21px;}
	h1 {font-size: 21px;margin-top: 5px;}
	h2 {font-size: 19px;}
	h3 {font-size: 18px;}
	* p, * a, * li {font-size: 13px}
	.pSmall {font-size: 10px;}
	.buttons button, .buttons a, .inlinebutton a, .dropdown-content a  {font-size: 12px;}
	#logo-left {display: block!important;}
	.kontakt img {display: block!important;}
	#menuen {display: block!important;}
	.menuIconContainer {display: none!important;}
	.visible_s {display: block!none;}
	.visible_m {display: block!important;}
}

@media only screen and (min-width: 900px) {
    /* For desktop: */
    .col-d-1 {width: 8.33%;}
    .col-d-2 {width: 16.66%;}
    .col-d-3 {width: 25%;}
    .col-d-4 {width: 33.33%;}
    .col-d-5 {width: 41.66%;}
    .col-d-6 {width: 50%;}
    .col-d-7 {width: 58.33%;}
    .col-d-8 {width: 66.66%;}
    .col-d-9 {width: 75%;}
    .col-d-10 {width: 83.33%;}
    .col-d-11 {width: 91.66%;}
    .col-d-12 {width: 100%;}
	header p {font-size: 24px;}
	h1 {font-size: 24px; margin-top: 5px;}
	h2 {font-size: 22px;}
	h3 {font-size: 20px;}
	* p, * a, * li {font-size: 14px;}
	.pSmall {font-size: 11px;}
	.buttons button, .buttons a, .inlinebutton a, .dropdown-content a {font-size: 14px;}
	#logo-left {display: block!important;}
	.kontakt img {display: block!important;}
	#menuen {display: block!important;}
	.menuIconContainer {display: none!important;}
	.visible_s {display: block!none;}
	.visible_m {display: none!important;}
	.visible_d {display: block!important;}

}

@media only screen and (min-width: 1200px) {
    /* For large desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
	header p {font-size: 24px;}
	h1 {font-size: 24px; margin-top: 5px;}
	h2 {font-size: 22px;}
	h3 {font-size: 20px;}
	* p, * a, * li {font-size: 15px;}
	.pSmall {font-size: 12px;}
	.buttons button, .buttons a, .inlinebutton a, .dropdown-content a {font-size: 15px;}
	#logo-left {display: block!important;}
	.kontakt img {display: block!important;}
	#menuen {display: block!important;}
	.menuIconContainer {display: none!important;}
	.visible_s {display: block!none;}
	.visible_m {display: none!important;}
	.visible_d {display: none!important;}
	.visible_- {display: block!important;}

}



/*@media (min-resolution: 200dpi) {
		h1 {font-size: 40px;}

}*/






/* --- Google calender holders --- */
iframe {border-width:0; width:95%; height:300px; frameborder:0; scrolling:yes; align: middle;}
#alleKalendere {border-width:0; width:100%; height:600px; frameborder:0; scrolling:yes; align: middle;}



h1 {color: #2a8862; clear: both; text-align: center;}
h2 {font-weight: normal; color: #2a8862}
h3 {font-weight: normal; color: #2a8862}
h4 {font-weight: normal; color: #2a8862}

p, a, li {color: #444444}

.codeFont {font-family: "Courier New", Courier, Monospace;}

body  {
	margin-top: 5px;
	padding: 0;
    background: white;
	/*background-image: url("images/rope_t.png");*/
	/*background-repeat: repeat; */
	/*background-size: 25px auto;*/
    color: #000000; 
	text-align: center; 	
}
#wrapper {
	text-align: left; 
	margin: auto;
	padding 0px;
	width: 100%;
    max-width: 1400px;
	background-color: white;
    border: 3px solid #247555;
    border-radius: 5px;
	display: inline-block;
  /*  box-shadow: 0 0 5px 0px rgba(0,180,0,0.8);*/
}
  
  
  
  
#newswrapper {
  overflow:hidden;
  transition:max-height 0.6s ease-in; // note that we're transitioning max-height, not height!
  height:auto;
  max-height:1px; // still have to hard-code a value!
}


.newswrapper {
	margin: auto;
	/*width: 95%;*/
	padding: 5px 15px 3px 15px;
	
    /*background_color: #444444;*/
    /*border: 3px solid #247555;*/
    /*border-radius: 5px;*/
	display: block;
	transition: all 2s ease;
	
	background: url(images/rope_t.png);
	background-origin: content-box;
    background-size: 70px auto;
    background-repeat: repeat-x;	
	/*  box-shadow: 0 0 5px 0px rgba(0,180,0,0.8);*/
	background-color: #444444;
}  


#newswrapper h1 {color: white; text-shadow: 1px 1px 4px #000000 ,2px 2px 3px #000000,-2px 2px 3px #000000,-2px -2px 3px #000000,2px -2px 3px #000000, 3px 3px 2px #247555;}
#newswrapper h2, #newswrapper p {color: white;}

.newsListItem {background: #f5f5f5; border: solid 1px #e5e5e5;} /* Leder login rettelse af nyheder*/

#content {color: #444444; background-color: light-gray; display: block; padding:0;}

header p {
    display: block;
    margin: 0;
    padding 0;
    font-weight: bold;
    color: white; 
    background-color: #247555; 
    text-align: center;
}

header {margin-top: 0; margin-bottom: 3px; margin-left: 0px; margin-right: 0px; color: white;
}






/*---------------- MENU Icon -------------------*/
.menuIconContainer {
	position: absolute;
	top: 15px;
	right: 20px;    
    cursor: pointer;
	z-index: 1;
}

.bar1, .bar2, .bar3 {
    width: 20px;
    height: 3px;
    background-color: white;/*#d80000;*/
    margin: 4px 0;
    transition: 0.4s;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-4px,3px);
    transform: rotate(-45deg) translate(-4px,4px) ;
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-6px, -6px) ;
    transform: rotate(45deg) translate(-6px, -6px) ;	
}

.changemenuen {display: block!important;}
/*---------------- MENU Icon -------------------*/



[id*="logo-"] {
	
	margin-left: auto;
	margin-right: auto;
	display: block;
	
	/*width: 50%;*/
	max-width: 35px;
	height: auto;
    padding: 2px 0px 0px 0px;
}



 #woodcraft {width: 99%; height: auto; border-radius: 3px;}
 #resenborgLinkAtIndex {text-decoration: none;}
 #resenborgLinkAtIndex img {width: 120px; border-radius: 3px;} 
 #snobroed {width: 41.4%; height: auto; display: inline-block; padding: 0; border-radius: 3px 0px 0px 3px;}
 #folie {width: 55%; height: auto; display: inline-block; padding: 0; border-radius: 0px 3px 3px 0px;}
 

.spejderhuse img {width: 90%; height: auto; border-radius: 3px;}
/*.spejderhuse, .forside { text-align: center; color: #444444;   }*/
.spejderhuse a, .links a, .tidogsted a, .linkboldhover {text-decoration: none;color: #444444;   }
.spejderhuse a:hover, .links a:hover, .tidogsted a:hover, .linkboldhover:hover {text-decoration: none; font-weight: bold;}




/* Style for kontakter */
.kontakt img {width: 75px; float: left; margin-right:5px; border-radius: 3px;}
.kontakt h3 {margin-bottom:4px;}
.kontakt p {margin-top:4px;}
/*.kontakt span {color: #2a8862;}*/
.kontakt span {color: white; background-color: #444444;}


/* Billeder i heading for enhederne */
.enhedheadingimg {width: auto; height: 80px; margin:auto; display: block;}


/* Style for links */
.links img {width: 75px; height:auto; float: left; margin-right:5px; border: 1px; padding: 5px;border-style: solid;border-color: white #444444 white white}

.footer *, .footer{
  color: white;
  background-color: #247555;
  display: block;
  text-align: center;  
}
/*Centrer billede*/
.footer p { 
	font-size: 18px;
}
.footer a { 
	font-size: 18px;
    text-decoration: none;
	display: inline-block;
}

.footer a:hover {transform: translate(2px,2px); }



/*---------------- MENU -------------------*/
.dropbtn {
    text-decoration: none;
    background-color: #444444;
    color: white;
    padding: 4px 3px 4px 3px;
    width: 100%;   
    border: 1px solid white;
    cursor: pointer;
    margin 0px, 2px;	
}
.dropbtn:hover {font-weight: bold;}

.dropbtnLeder {
	    background-color: #d80000;
}
.dropbtnLeder:hover {font-weight: bold;}

.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-content {
    display: none;
	position: absolute;
    background-color: #f9f9f9;
    width: 100%
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
	border: 1px solid #444444;
    
}
.dropdown-content a {
    color: #d80000;
    padding: 5px 5px;
    text-decoration: none;
    display: block;
    text-align: center;
	border-top: 1px solid #444444;
}
.dropdown:hover .dropdown-content {display: block;transition: 0.4s;}
.dropdown:hover .dropbtn  {background-color: #d80000;transition: 0.4s;}
.dropdown:hover .dropbtnLeder  {background-color: #444444;transition: 0.4s;}
.dropdown-content a:hover  {background-color: #d80000; color: white;transition: background-color 0.4s;}




.menubtn {
    text-align: center;
	text-decoration: none;
	display: inline-block;
    background-color: #444444;
    color: white;
    padding: 4px 0px 4px 0px;
    width: 100%;   
    /*font-size: 1em;*/
    border: 1px solid white;
	/*border: none;*/
    cursor: pointer;
    margin 1px;   
  }
.menubtnLeder{
	    background-color: #d80000;
}
.menubtn:hover  {background-color: #d80000; color: white; font-weight: bold; transition: 0.4s;}

.menubtnLeder:hover  {background-color: #444444; color: white; font-weight: bold; transition: 0.4s;}

/*---------------- MENU -------------------*/




/*---------------- Inline button -------------------*/
.inlinebutton {
  display: inline-block;
  padding: 3px 5px;

  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: white;
  background-color: #444444;
  border: none;
  border-radius: 10px;
  box-shadow: 0 4px #999;
}
.inlinebutton:hover{background-color: #d80000;transition: 0.4s}
.inlinebutton:active, .inlinebuttoninv:active{
  color: white;
  background-color: #444444;
  box-shadow: 0 2px #666;
  transform: translateY(3px);
}
/*---------------- Inline button -------------------*/

.inlinebutton-danger {
  background-color: #ff0000;	
}

.inlinebutton-news {
  background-color: white;	
  color: #444444;	
}
.inlinebutton-news:hover {
  color: white;	
}

input.inlinebutton:disabled {
    background-color: #aaaaaa;
}




/*---------------- Tilføj ramme så man kan se se se at det er muligt at vælge pågældende kontakt ----------------*/
.kontaktImgUpload {
	padding: 3px;
	background-color: #ff0000;

}

.kontaktImgUpload p {
	cursor: pointer;
	color: #ffffff;

}

.opslagAfBrugerHeadings {font-size: 10px; font-style: italic;}










.pictureDropArea {
	width: 100%;  
	
	border:2px dashed #ccc;  
	
	text-align:center;  
	font-size:24px;  
}
.file_drag_over{  
	color:#000;  
	border-color:#000;  
}  


















/* The Modal (background) */
.popUp {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 50px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(255,255,255,0.6); /* Black w/ opacity */
}

/* Modal Content */
.popup-content {
	background-color: #fefefe;
	margin: auto;
	padding: 20px;
	border: 1px solid #888;
	width: 70%;
	max-width:400px;
}

.popup-content-wide {
	width: 80%;
	max-width:600px;
}