* { margin: 0; padding:0; }

/* for placering af footer i bunden*/
html, body {height: 100%;}
/* html display rule*/
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
/* avoid img-border in ie*/
img {border: none;}
a:link, a:visited, a:active, a:hover { color: #000; text-decoration: none; }



















.te {height: 200px; width: 200px; background-color: #456456}
.ta {height: 200px; width: 200px; background-color: #789789}








/* -------- webspinderiet ---------------------- */
body { background-color: #fafafa; text-align: center; font-size: 16px; font-family: 'Signika', sans-serif; }
body{ overflow-x: hidden; }

/* absolute potiotion elementer*/
#topline { background-color: #000000; height: 12px; }
#menuline { position:absolute; top:350px; min-width:100%;  background: url('/menuline.png') no-repeat center;  left:0px; }

/* wrapper udenom alt undtagen topline og footer - min height er til brug af absolute placerign af footer */ 
#wrap { width: 700px; margin:0 auto -150px; text-align:left; min-height: 100%; height: auto !important; height: 100%; }

/* indoldet af header er absolute posioneret */
header { position: relative; height: 400px; }

#image{ position:absolute; left:-185px; top:10px; z-index:-2; width: 364px;}
#logo { position:absolute; z-index: 0; left:-45px; top:111px; width: 724px; }
#teaser { font-weight:normal; position:absolute; left:225px; top:285px; z-index:-1; color: #DCE9E2; font-size:1.4em; letter-spacing: 0.3em; }

nav {position: absolute; top: 335px; left: 200px; font-size: 1.2em;}
#menuen{ z-index: 100; position: absolute; width:400px; } /* makes menu stay on top of animation*/

nav ul {list-style-type:none;}
nav li {display: inline; padding: 0 15px 0 15px; }
nav li a:link, nav li a:visited, nav li a:active {color: #000; text-decoration: none; } 
nav li a:hover {font-style: italic; }

/* indholdscontainer - overflow er til absolut position af footer */
#content { font-size: .8em; line-height: 2em;  padding: 0 0 10px 0;  }
 
 .push {height:150px; }
/*  hvis footer skal ændres, skal der ændres i #content - margin-bottom, #footer margin-top + height */ 
footer { font-size: 0.8em; color: white; position: relative; height:150px;  background-color: #000000; width; 100%; clear:both;  }
#autofoot { width: 660px; padding:20px; margin: 0 auto; color: #fff; text-align: left }
.footerbox { width:100px; float:left; margin: 0 20px 0 0; }
.footerbox2 { width:300px; float:left; }

.footerbox li {display: block;  } 
.footerbox2 li {display: block; height: 30px; padding:1px; } 
.footerbox li a:link, .footerbox a:visited, .footerbox a:active, .footerbox2 li a:link, .footerbox2 a:visited, .footerbox2 a:active {text-align:left; color: #fff; text-decoration: none; } 
.footerbox li a:hover, .footerbox2 li a:hover {font-style: italic; }

/* Ask */
.felt {width: 350px; padding: 5px; outline-color: #548a70; margin: 5px 0; }
.felt2 {width: 100px; padding: 5px; outline-color: #548a70; margin: 5px 8px 5px 0; }
.felt3 {width: 225px; padding: 5px; outline-color: #548a70; margin: 5px 4px 5px 0; }
.sendknap { width: 360px; padding: 5px; color: #548a70; margin:5px 0; }

#www{display: none;}
#age{display: none;} 


#s1 { float:left; width: 370px; padding: 15px;  background-color: #DCE9E2; border-radius:25px; }
#s2 { float:left; width: 258px; padding:20px; }
#s2_1 { font-size: 1.6em;  font-weight: bold;  }

#content a:link, #content a:visited, #content a:active {color: #000; text-decoration: none; } 
#content a:hover {color:#548a70;}


#s2_2 { }
#s2_3 {}

 .punkt { margin: 0 0 0 10px; font-weight: bold; cursor: pointer;}

.content {padding: 10px 0 20px 0 ;} /* h1 */
#socialmedie { position:absolute; left: 470px; top: 30px; }
.socialmedielink {padding: 0 10px;}
.clear { clear:both; } /* */
.bold { font-weight:bold; }

.vikan {display:none; background-color: #fff; margin: 5px 20px; padding: 6px;  }
.menuwheel {  position:absolute; z-index: 50; top: -20px; left: 100px; width:90px; height:90px; margin:5px;  }

.divimg { width: 50px; float: left; text-align: center; }





@media screen and (max-width: 569px), screen and (max-device-width: 569px) {
    #wrap {  width: 320px;  }
    header { height: 400px;  }
    nav {  top: 180px; left: 0px; font-size: 1.2em; background-color: #456456; }
    #menuen{  width:320px; } /* makes menu stay on top of animation*/
   
    #menuline { display: none; }
    #tlf { text-align:center; padding:0px; font-size:3.0em; width: 100%;}
    #image{  left:-45px; top:10px;  width: 145px; }
    #logo {   left:10px; top:47px; width: 289px; }
    #teaser { font-weight:normal; position:absolute; left:100px; top:120px;font-size:0.8em; letter-spacing: 0.1em; }
    .menuwheel {display: none;}
    
    nav ul {list-style-type:circle ;}
    nav li { text-align:center; display: block; margin-bottom: 10px; padding: 10px 0px; background-color:#DCE9E2;  }
    nav li a:link, a:visited, a:active {color: #000; text-decoration: none; display: block; } 
    nav li a:hover {font-style: normal; }
    
    #content {  text-align:left; font-size: .8em; line-height: 2em; overflow:auto; padding: 0 0 10px 0; margin: 0px 0 -100px 0; }
    
    #s1 { float:left; width: 290px;  background-color: #DCE9E2; border-radius:25px; padding: 15px;}
    #s2 { display: none; }
    
    #autofoot { width: 320px; padding:20px; margin: 0 auto; color: #fff; text-align: left }
    .footerbox { display: none;}
    
    .content {padding: 10px 0 20px 0 ; font-size: 1.3em;} /* h1 */
   #socialmedie {display:none;}
   
   .felt {width: 260px; padding: 5px;  margin: 5px 0; }
   
   .sendknap { width: 260px; padding: 5px; color: #548a70; margin:5px 0; }
   
   .formcomment {display:none;}
   
   #asklinket { text-align: center; font-size: 1.2em; margin:0 0 10px 0;}
    }
  
 
@media screen and (min-width:570px) and (max-width:768px), 
       screen and (min-device-width:570px) and (max-device-width:768px)
{
     #asklinket {display: none;}
} 
 



@media screen and (min-width: 769px), screen and (device-min-width: 769px)  {
     #tlf {visibility:hidden; }
     #asklinket {display: none;}
}