/* some reset css */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
html, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, img,small, strong, sub, sup, var,b, i, ol, ul, li, fieldset, form, label, legend, table, caption,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

ol {list-style-image: url('images/bullit.png');}
ol {margin-left: 60px;}
ol {font-size:18px;}
ol {line-height:28px;}

      ol {
		 line-height:150%;
		 list-style-position: outside;
		 list-style-type: none;
		 margin: 0;
		 padding: 0;
      }

.toplogo{margin-top:2px; text-align:center;}

body{margin:0; padding:0; background:#ffffff; border-top:6px solid #4b4b4b; font-family: Helvetica, Arial, sans-serif; font-size:14px; line-height: 1.2;}

/* [NAVIGATION ON BIG SCREEN] */
/* Wrapper */
#page-nav {
  width: 100%;
  background: #fff;
  /* If you want the navigation bar to stick on top
  position: sticky;
  top: 0;
  */
}

/* Hide Hamburger */
#page-nav label, #hamburger {
  display: none; margin-top:20px; 
}

/* Menu Items */
#page-nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0; 
}
#page-nav ul li {
  display: inline-block;
  padding: 30px;
  box-sizing: border-box;
}

a.pictext:link{color:#000000; background-color:#fff; text-decoration:underline; }
a.pictext:visited{color:#000000; background-color:#fff; text-decoration:underline; }
a.pictext:hover{color:#000000; background-color:#fff; text-decoration:none; }
a.pictext:active{color:#000000; background-color:#fff; text-decoration:none; }

a.content:link{color:#000000; background-color:#ffffff; text-decoration:underline;}
a.content:visited{color:#000000; background-color:#ffffff; text-decoration:none;}
a.content:hover{color:#e42000; background-color:#ffffff; text-decoration:none;}
a.content:active{color:#e42000; background-color:#ffffff; text-decoration:none;}

a.emner:link{color:#000000; background-color:#ffffff; text-decoration:none;}
a.emner:visited{color:#000000; background-color:#ffffff; text-decoration:none;}
a.emner:hover{color:#e42000; background-color:#ffffff; text-decoration:none;}
a.emner:active{color:#e42000; background-color:#ffffff; text-decoration:none;}

a.article:link{color:#000000; background-color:#fff; text-decoration:none;font-style: normal; font-weight:normal;font-size:24px;}
a.article:visited{color:#000000; background-color:#fff; text-decoration:none;font-style: normal; font-weight:normal;font-size:24px;}
a.article:hover{color:#e42000; background-color:#fff; text-decoration:none;font-style: normal; font-weight:normal;font-size:24px;}
a.article:active{color:#e42000; background-color:#fff; text-decoration:none;font-style: normal; font-weight:normal;font-size:24px;}

a.readmore:link{color:#e42000; background-color:#fff; text-decoration:none;font-style: normal; font-weight:normal;font-size:14px;}
a.readmore:visited{color:#e42000; background-color:#fff; text-decoration:underline;font-style: normal; font-weight:normal;font-size:14px;}
a.readmore:hover{color:#e42000; background-color:#fff; text-decoration:underline;font-style: normal; font-weight:normal;font-size:14px;}
a.readmore:active{color:#e42000; background-color:#fff; text-decoration:underline;font-style: normal; font-weight:normal;font-size:14px;}

a.menu:link{color:#000000; background-color:#fff; text-transform:uppercase; text-decoration:none;}
a.menu:visited{color:#000000; background-color:#fff; text-transform:uppercase; text-decoration:none;}
a.menu:hover{color:#e42000; background-color:#fff; text-transform:uppercase; text-decoration:underline;}
a.menu:active{color:#e42000; background-color:#fff; text-transform:uppercase; text-decoration:none;}

a.submenu:link{color:#e42000; background-color:#fff; text-decoration:none; font-size:20px; font-weight:normal;}
a.submenu:visited{color:#e42000; background-color:#fff; text-decoration:none; font-size:20px; font-weight:normal;}
a.submenu:hover{color:#e42000; background-color:#fff; text-decoration:underline; font-size:20px; font-weight:normal;}
a.submenu:active{color:#e42000; background-color:#fff; text-decoration:none; font-size:20px; font-weight:normal;}

a.submenu_works:link{color:#000000; background-color:#fff; text-decoration:none; text-transform:uppercase; font-size:12px; font-weight:normal;}
a.submenu_works:visited{color:#000000; background-color:#fff; text-decoration:underline; text-transform:uppercase; font-size:12px; font-weight:normal;}
a.submenu_works:hover{color:#000000; background-color:#fff; text-decoration:underline; text-transform:uppercase; font-size:12px; font-weight:normal;}
a.submenu_works:active{color:#000000; background-color:#fff; text-decoration:underline; text-transform:uppercase; font-size:12px; font-weight:normal;}

a.footer:link{color:#000000; background-color:#ffffff; margin-right:8px; margin-left:8px; text-transform:uppercase; text-decoration:none; font-size:13px;}
a.footer:visited{color:#000000; background-color:#ffffff; margin-right:8px; margin-left:8px; text-transform:uppercase; text-decoration:none; font-size:13px;}
a.footer:hover{color:#e42000; background-color:#ffffff; margin-right:8px; margin-left:8px; text-transform:uppercase; text-decoration:none; font-size:13px;}
a.footer:active{color:#e42000; background-color:#ffffff; margin-right:8px; margin-left:8px; text-transform:uppercase; text-decoration:none; font-size:13px;}

a.banner:link{color:#e42000; background-color:#fff; text-decoration:none;font-style: italic; font-weight:normal;font-size:24px;}
a.banner:visited{color:#e42000; background-color:#fff; text-decoration:none;font-style: italic; font-weight:normal;font-size:24px;}
a.banner:hover{color:#e42000; background-color:#fff; text-decoration:underline;font-style: italic; font-weight:normal;font-size:24px;}
a.banner:active{color:#e42000; background-color:#fff; text-decoration:none;font-style: italic; font-weight:normal;font-size:24px;}

a.smallpic:link{margin-left:0px; margin-right:16px;}

.clear{clear:both; display:table; font-size:1px;}
img, a img{border:none; outline:none;}

html{-webkit-text-size-adjust:none;}
.wrapper{width:830px; height:auto; background:#ffffff; margin:0 auto; border:0; margin-bottom:0px; border: 0;}  /* width styrer bredden af yderste div */
header{margin-top:34px; margin-bottom:11px; width:100%;}

.content{width: 100%;margin: auto;border: 0;}
figcaptionleft{margin-top:22px; line-height:1; display:block; font-size:14px;text-align:left;}
figcaptioncenter{margin-top:22px; line-height:1; display:block; font-size:14px;text-align:center;}

ul {list-style: square;line-height: 2.2;}

/* .pic_100 figcaption{text-align:center;}
.pic_100_top figcaption{text-align:left;}
.pic_40_top figcaption{text-align:center;}*/

.pic_40 figcaption{text-align:center;}

/* figure.pic_10{ margin-top:90px; position:relative;}
figure.pic_20{ margin-top:90px; position:relative;}
figure.pic_30{ margin-top:90px; position:relative;}*/
figure.pic_40{ margin-top:110px; position:relative; text-align:center;}
figure.pic_50{ margin-top:100px; position:relative; text-align:center;}
figure.pic_50-2{ margin-top:60px; text-align:center;}
figure.pic_60{ margin-top:110px; text-align:center;}
figure.pic_70{ margin-top:110px; text-align:center;}
figure.pic_80{ margin-top:110px; text-align:center;}
/* figure.pic_90{ margin-top:90px; text-align:center;}*/
figure.pic_100_banner{margin-top:25px; margin-bottom:55px; text-align:center;}
figure.pic_100{margin-top:110px; text-align:center;}
figure.pic_100_top{margin-top:10px; text-align:left;}
figure.pic_40_top{margin-top:40px; text-align:center;}
figure.pic_20_top{margin-top:20px; text-align:center;}
figure.pic_bookpart {margin-top:10px; text-align:center;}
figure.pic_content {margin-top:60px; text-align:center;}
figure.pic_content70 {margin-top:60px; text-align:center;}
figure.pic_portraits{ margin-top:70px; text-align:center;}

/* h1{font-weight:bold; margin-bottom:26px; font-size:45px; text-align:center; margin-top:80px;color: #fff;
text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;}*/
h1{font-style: normal; font-weight:normal; margin-bottom:26px; font-size:30px; margin-top:60px;text-align:left;}
h1_kontakt{font-style: normal; font-weight:normal; margin-bottom:26px; font-size:30px; margin-top:80px;text-align:center;}
h2{font-style:normal;text-align:left; line-height:32px; margin-top:30px;margin-bottom:10px; font-size:24px; }
h3{font-style: normal;text-align:left; line-height:35px; margin-top:40px;margin-bottom:40px; font-size:20px; }
h4{font-style: normal;text-align:right; line-height:35px; margin-top:70px;}
h5{font-style: normal;text-align:center; line-height:35px; margin-top:20px;margin-bottom:10px;font-size:30px;}
h6{font-style: normal; font-weight:normal; text-align:left; line-height:35px; margin-top:20px;margin-bottom:15px;font-size:24px;}
p{line-height:28px;text-align:left; font-size:18px}
p_kontakt{line-height:28px;text-align:center; font-size:18px}
menuplace{text-align:center;}
p.height{line-height:60px;}
kontakt{line-height:22px;text-align:center; font-size:14px}

/* .path{line-height:22px;text-align:left; font-size:13px; margin-top:30px;}
a.path:link{text-decoration:none; }
a.path:hover{text-decoration:underline; }
a.path:active{text-decoration:underline; }
a.path:visited{text-decoration:underline; }*/

.textblock{width: 80%;margin-left: 12%;margin-right: 8%;border: 1px solid white;}

menu{line-height:22px;text-align:center;margin-top:40px;}

footer{margin-top:169px; width:100%; clear:both; float:left; padding-bottom:22px;}
footer p{font-size:11px; text-align:center; margin-top:10px;}

	figure.pic_100_top img{width:100%;}
	figure.pic_40_top img{width:40%;}
	figure.pic_100 img{width:100%;}
 	figure.pic_100_banner img{width:100%;} 
	figure.pic_10 img{width:10%;}	
	figure.pic_20 img{width:20%;}
	figure.pic_30 img{width:30%;}
	figure.pic_40 img{width:40%;}
	figure.pic_50 img{width:50%;}
	figure.pic_60 img{width:60%;}
	figure.pic_70 img{width:70%;}
	figure.pic_80 img{width:80%;}
	figure.pic_90 img{width:90%;}
	figure.pic_20_top{width:90%;margin-top:20px;}
  figure.pic_content img{width:80%;}
  figure.pic_content70 img{width:70%;}
  figure.pic_bookpart img{width:10%;}
    
@media only screen and (max-width:768px){
	html{-webkit-text-size-adjust:none;}
	.wrapper{width:711px; margin:0 auto;}
	header{margin-bottom:20px;}
  menuplace{text-align:left;}  
	figure.pic_30, figure.pic_40, figure.pic_50, figure.pic_60, figure.pic_70, figure.pic_80, figure.pic_80_left, figure.pic_100{margin-top:100px;}
	footer{margin-top:104px; padding-bottom:14px;}
  .path{ font-size:12px;}
  figure.pic_content img{width:90%;}  
}

@media only screen and (min-width:681px) and (max-width:767px){
	html{-webkit-text-size-adjust:none;}
	.wrapper{width:90%; overflow:hidden;}
	figure.pic_40{width:100%; text-align:left; margin-left:0; height:auto;}
	figcaptionleft{margin-top:12px; line-height:1; display:block; text-align:left; font-size:13px;}
	figcaptioncenter{margin-top:12px; line-height:1; display:block; text-align:center; font-size:13px;}  
}

@media only screen and (min-width:480px) and (max-width:680px){
	html{-webkit-text-size-adjust:none; width:100%;}
	body{font-size:14px; width:100%;}
	.wrapper{width:90%; border:1px solid transparent;}
	header{margin-bottom:0; padding:0; margin-top:38px;}
  menuplace{text-align:left;}  
	figure.pic_40_top img{width:70%;}		
	figure.pic_30 img{width:40%;}	
	figure.pic_40 img{width:50%;}
	figure.pic_50 img{width:50%;}
	figure.pic_60 img{width:60%;}
	figure.pic_portraits img{width:90%;}
	figure.pic_70 img{width:70%}
	figure.pic_80 img{width:80%}
	figure.pic_90 img{width:90%;}	
	figure.pic_30, figure.pic_40, figure.pic_50, figure.pic_60, figure.pic_70, figure.pic_80, figure.pic_90, figure.pic_100{margin-top:80px;}
	figcaptionleft{margin-top:11px; line-height:1; display:block; text-align:left; font-size:13px;}
	figcaptioncenter{margin-top:11px; line-height:1; display:block; text-align:center; font-size:13px;}
	footer{margin-top:64px; padding-bottom:16px; clear:none;}
	footer p{float:none;}
  h2{font-size:20px; font-weight:normal; line-height:28px;text-align:left;}  
	h3{margin-bottom:20px; margin-top:70px;}
  a.footer:link{font-size:12px;}
  a.footer:hover{font-size:12px;}
  a.footer:active{font-size:12px;}
  a.footer:visited{font-size:12px;}  
}

@media only screen and (min-width:310px) and (max-width:479px){
	html{-webkit-text-size-adjust:none;}
	body{font-size:14px;}
	.wrapper{width:89%;}
	header{margin-bottom:0; padding:0; margin-top:38px;}
  menuplace{text-align:left;}
	figure.pic_40_top img{width:90%;}	
	figure.pic_30 img{width:60%;}
	figure.pic_40 img{width:60%;}
	figure.pic_50 img{width:100%;}
	figure.pic_60 img{width:100%;}
	figure.pic_portraits img{width:100%;}
	figure.pic_70 img{width:100%}
	figure.pic_80 img{width:100%}
	figure.pic_90 img{width:90%;}		
	figure.pic_30, figure.pic_40, figure.pic_50, figure.pic_60,figure.pic_70, figure.pic_80, figure.pic_90, figure.pic_100{margin-top:80px;}
	figcaptionleft{margin-top:10px; line-height:1; display:block; text-align:left; font-size:13px;}
	figcaptioncenter{margin-top:10px; line-height:1; display:block; text-align:center; font-size:13px;}
	figure.pic_40 figcaption{width:100%; line-height:22px;}
	footer{margin-top:64px; padding-bottom:16px; clear:none;}
	footer p{float:none;}
  a.footer:link{font-size:12px;}
  a.footer:hover{font-size:12px;}
  a.footer:active{font-size:12px;}
  a.footer:visited{font-size:12px;} 
  
	video {
  width: 100%    !important;
  height: auto   !important;
  }
  h2{font-size:20px; font-weight:normal; line-height:28px;text-align:left;}  
	h3{margin-bottom:20px; font-size:18px; margin-top:70px;}
}

/* [NAVIGATION ON SMALL SCREENS] */
@media screen and (max-width: 768px){
  /* Show Hamburger */
  #page-nav label {
    display: inline-block;
    color: #000;
    background: #fff;
    font-style: normal;
    font-size: 1.2em;
    padding: 10px;
  }

  /* Break down menu items into vertical */
  #page-nav ul li {
    display: block;
  }
  #page-nav ul li {
    border-top: 1px solid #333;
    padding: 7px;    
  }

  /* Toggle show/hide menu on checkbox click */
  #page-nav ul {
    display: none;
  }
  #page-nav input:checked ~ ul {
    display: block;
  }
}