body {
	height:100%;
	padding:0;
	width: 90%;
	margin:0 auto;
	text-align:center;
	background:#EEEEEE;
}

html {
	height:100%;
}

 *{
 border:0;
 margin:0;
 padding:0;
 }

#bookInfo {
padding-top:10px;
padding-bottom:10px;
}
 
 input,textarea {
 border:1px solid #330000;
 }
 
  h1 {font-size: 32px; font-family: calibri; padding:0;float:none;clear:none;margin:0; }
  h2{font-size: 19px; font-family: tahoma;padding-left:5px;}
  h3{font-size: 15px; font-family: tahoma;padding-left:5px;}
  p {font-size: 13px; font-family: verdana; padding-left:5px;}
  a { font-family: verdana;
      color: black; 
	  text-decoration:none;
	  border-width: 5px;
	  border-color: #330000;
}	
	  
#site {
	border:0;
	text-align:left;
	width:100%;
	float:left;
}
	  
#title {
	width:100%;
	height: 125px;
	border:0;
	background:white;
	text-align:center;
	background-color: White;
	border-radius: 5px;
	margin-top: 5px;
	margin-bottom: 8px;
	box-shadow: 0px 0px 2px 2px #B8B8B8;
}

#rightmenuItem {
padding-top:7px;
padding-bottom:7px;
	border-bottom-style:solid;
	border-width: 2px;
	padding: 4px;
	border-color:grey;
}
#rightmenuItem a img{
display: block;
    margin-left: auto;
    margin-right: auto;
	}
#rightmenu {
	width:28%;
	float:left;
	border-radius: 5px;
	background-color: White;
	padding: 0,5%;
	box-shadow: 0px 0px 2px 2px #B8B8B8;
	}

	#rightmenu h3{
		padding-left:11px !important;

	}
#content {
	float:left;
	width:69%;
	border:0;
	border-radius: 5px;
	padding-left: 1%;
	padding-bottom: 1%;
	padding-right: 1%;
	background-color: White;
	margin-right: 1%;
	margin-bottom: 8px;
	box-shadow: 0px 0px 2px 2px #B8B8B8;
}

#copyright{
	font-size: 10px;
	color: #330000;
	float:left;
	width:100%;
	text-align:center;
	margin:15px 0px;
	clear:left;
	
}

.book {
	float:left;
	clear:left;
	width:100%;
}

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

div#leftmenu a {
	border:0;
	width: 100%;
	display: block;
}

div#leftmenu li {
	border:6px ridge silver;
	width:120px;
	background: silver;
	border-radius: 5px;
}
	  
#content a {
	border:0;
	color:black;
}
#Gustavslam{
	float: left;
	width: 105px;
	margin-right: 5px;
}
#julerejse{
	float: left;
	width: 105px;
}
#billede{
	float: left;
	clear:left;
}
img#billede1{
	margin-right: 15px;
	margin-top: 5px;
	float: left;
	width: 40%;
}	
img#billede2{
	width: 60%;
	margin-left:20%;
	margin-bottom: 1%;
	margin-top: 1%
}
#tekst{
	font-size: 19px;
}
#tekst1{
	font-size: 18px;
	position:center;
}
#tekst2{
	color: red;
	float: right;
}	
#tekst3{
	float: left;
	margin: 3px;
}
#tekst4{
	color: red;
	font-size: 13px;
	float: left;
	font-family: verdana;
}	
#tekst5{
	font-size: 16px;
	font-family: verdana;
}
#tekst_pris{
	float: right;
}
#tekst_bog{
	margin-right: 15%;
}	
#links {
	font-size: 18px;
	color: #1515BF;
}
#bla {
	color: #000099;
	font-size: 13px;
	font-family: verdana;
}
#streg {
	border-bottom:solid 2px gray;
	width:100%;
}
#streg1 {
	border-bottom:solid 1px gray;
	padding: 10px;overflow: auto;
}
#img	{
	Margin: 5px;	
	}
.sigurd2013  a h3{
width: 48%;
}
#left {
	clear:left;
	float:left;
	margin: 15px;
}
img#konkurrence{
	margin-left:20%; 
	width:60%;
	}
h1#center{
	text-align:center;
}
h2#center{
	text-align:center;
}
h3#center{
	text-align:center;
}
p#center{
	text-align:center;
}
.nav-respons{
		display:none;
	}
.nav-mobil{
	display:none;
}
/*-------------------------- responsive ------------------------*/
	
@media screen and (max-width: 760px)
{
	body 
		{
		width:95%;
		}
	h1 
		{font-size: 28px;
		}
	h2{font-size: 24px; }
	h3{font-size: 20px; }
	p {font-size: 18px;}

	#title{
		height: auto;
		width:96%;
		margin-left:2%;
		margin-right:2%;
		position:relative;
		text-align:center;
		}
	#content 
		{
		float:left;
		width:94%;
		margin-left:2%;
		margin-right:2%;
		margin-bottom: 8px;
		margin-top:1%;
		text-align:center;
		}
	img.title{
		width:85%;	
		padding: 1%
		}	
	img#konkurrence{
		width:80%;
		margin-left:10%; 
	}
	img#billede2{
	width: 90%;
	margin-left:5%;
	}
	#rightmenu {
		width:96%;
		margin-left:2%;
		margin-right:2%;
		margin-bottom: 5px;
		text-align:center;
		}
	.nav-respons {
		display:block;
	}
	.nav-mobil{
		display:block;
	}
	aside.menu-respons a {
		 float:left; 
		 color:#000000;    /* Linkfarven */
		 text-decoration:none; 
		 
		 width:100%; 
		 height:28px; 
		position:absolute;
	}
	.nav-respons span { 
		display: block;
		float: right;
		margin-left:8px;
		padding-right: 8px;
	}

	.menu-respons {
		list-style:none; 
		font:24px Arial,Verdana; 
		text-align:center; 
		margin:0 auto;
		display:none;
	}
	aside.nav-mobil li {
		position:relative; 
		width:96%; 
		text-align:left;
		background-color:#A0A0A0; /* Farve bagrund dropdown menu */
		padding: 2px;
	}
	aside.nav-mobil ul {
		border-radius: 5px;
		display:list-item; 
		list-style-type: none;
		font:normal 20px Arial,Verdana; 
		background:gray;   /* listefarven */
		list-style:none;
		margin: 0 auto;
	}
	aside.nav-mobil ul li {
		text-align: left;
		border-top:1px solid #ccc; 
		width: 96%  
	}
	li#dropdown.dropdown {
		color: #000000;
		cursor: pointer;
		font:28px Arial,Verdana; 
	}
	li#dropdown1.dropdown1 {
		color: #000000;
		cursor: pointer;
		font:28px Arial,Verdana; 
	}
	li#dropdown2.dropdown2 {
		color: #000000;
		cursor: pointer;
		font:28px Arial,Verdana; 
	}
	ul#dropdown-menu.dropdown-menu{
		display:none;
	}
	ul#dropdown-menu1.dropdown-menu1{
		display:none;
	}		
	ul#dropdown-menu2.dropdown-menu2{
		display:none;
	}	
	ul.dropdown-menu a, ul.dropdown-menu1 a, ul.dropdown-menu2 a{
		background-color: #ccc;		
		padding-left: 5px;
		width: 100%
	}
	.menu_icon{
		opacity: 0.6;
		position: fixed; 
		top: 3%; 
		right: 4%;
	}
	.site-wrapper{
		position:absolute;
		right:0;
		width:100%;
	}
	aside.nav-mobil{
		background-color:gray;
		width:75%;
		position:fixed;
		min-height:100%;
		right:-75%;
	}
	body.menu-active aside.nav-mobil {
		right: 0;
	}
	body.menu-active .site-wrapper {
		right: 75%;
	}
	body.menu-active .menu_icon {
		right: 78%;
	}

.site-wrapper, aside.nav-mobil, .menu_icon {
  transition-property: right;
  transition-duration: 0.3s;
	}
}