.content {
		/*   Søger for at siden bliver centreret   */
		max-width          	: 948px;   
		margin             	: auto;
		padding            	: 5px 5px 5px 5px;
		border             	: 3px solid #3333FF;
		border-radius      	: 8px;
		background-color	: #CCFFFF;
	}

	.clearfix::after {
		content				: "";
		clear				: both;
		display				: table;
		padding				: 5px 5px 5px 5px;
	}


body {
  font-family: "Lato", sans-serif;
}

	.message {
		font-family      	: arial, verdana, sans-serif;
		font-size			: 16px;
		font-style			: italic;
		font-weight        	: bold;
		color              	: #FF0000;
		padding		      	: 5px 5px 5px 5px;
		text-align          : center;
		width				: 97%;
		border-radius		: 5px;
		background-color	: #CCFFFF;
		margin				: 5px 0px 5px 5px;
		border             	: 3px solid #3333FF;
		box-shadow       	: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
	}

	.messagehot {
		font-family      	: arial, verdana, sans-serif;
		font-size			: 16px;
		font-style			: italic;
		font-weight        	: bold;
		color              	: #FFFFFF;
		padding		      	: 5px 5px 5px 5px;
		text-align          : center;
		width				: 97%;
		border-radius		: 5px;
		background-color	: #FF0000;
		margin				: 5px 0px 5px 5px;
		border             	: 3px solid #008000;
	}

	.messageok {
		font-family      	: arial, verdana, sans-serif;
		font-size			: 16px;
		font-style			: italic;
		font-weight        	: bold;
		color              	: #FFFF00;
		padding		      	: 5px 5px 5px 5px;
		text-align          : center;
		width				: 97%;
		border-radius		: 5px;
		background-color	: #008000;
		margin				: 5px 0px 5px 5px;
		border             	: 3px solid #008000;
	}

	.nobooks {
		font-family      	: arial, verdana, sans-serif;
		font-size			: 16px;
		font-style			: italic;
		font-weight        	: bold;
		color              	: #000000;
		padding		      	: 5px 5px 5px 5px;
		text-align          : center;
		width				: 97%;
	}
	
/* Fixed sidenav, full height */
.sidenav {
  height: 1200px;  /*100%*/
  width: 13%;     /*250px;*/
  background-color: #D0D0D0;    /*#111;*/
  overflow-x: hidden;
  padding-top: 10px;
  border-radius: 8px;
  margin-top: 20px;
  margin-left: 10px;
  margin-right: 10px;
  border             	: 3px solid #008000;      /*#3333FF;*/
 
   float:left;
/*  position: absolute;   /*fixed;*/
/*  z-index: 1;  */
/*  top: 208px;  */
 /* left: 0;     */
 
 }
 

/* Style the sidenav links and the dropdown button */
.sidenav a, .dropdown-btn {
  padding: 6px 8px 6px 16px;
  text-decoration: none;
  font-size: 16px;
  color: #000000;    /*#818181;*/
  display: block;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  outline: none;
}

/* On mouse-over */
.sidenav a:hover, .dropdown-btn:hover {
  color: #f1f1f1;
}

/* Main content */
.mainx {
  /*margin-left: 210px;*/ /* Same as the width of the sidenav */
  font-size: 20px; /* Increased text to enable scrolling */
  padding: 0px 5px;
}

/* Add an active class to the active dropdown button */
.active {
  background-color: #818181; 
  color: white;
  border-radius: 5px;
  margin: 5px 5px 5px 5px;   
}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
  display: none;
  background-color: #C0C0C0;
  padding-left: 8px;
}

/* Optional: Style the caret down icon */
.fa-caret-down {
  float: right;
  padding-right: 8px;
}

/* Some media queries for responsiveness */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}


/***[  Struktur opsætningen  ]*************************************************************************************************************************************************************************/
	.content_top {
		/*   Søger for at siden bliver centreret   */
		max-width          	: 100%;   
		margin             	: auto;
		border-radius		: 8px;
		border             	: 3px solid #008000;
		box-shadow       	: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
	}

	.content_00 {
		/*   Søger for at siden bliver centreret   */
		max-width          	: 100%;   
		margin             	: auto;
		padding            	: 0px 5px 5px 5px;
	}

	.content_01 {
		/*   Søger for at siden bliver centreret   */
		width 	         	: 62%;   
		margin             	: auto;
		float          		: left;
		margin				: 15px 0px 5px 0px;
	}
	.content_02 {
		/*   Søger for at siden bliver centreret   */
		width	          	: 23%;   
		margin             	: auto;
		float          		: left;
		margin				: 15px 5px 5px 0px;
	}

	.content_03 {
		/*   Søger for at siden bliver centreret   */
		width	          	: 31%;   
		margin             	: auto;
		padding            	: 5px 5px 5px 5px;
		border             	: 3px solid #008000;      /*#3333FF;*/
		border-radius      	: 8px;
		background-color	: #FFFFFF;
		float          		: left;
		margin				: 5px 2px 3px 2px;
		height				: 700px;
	}
	.content_04 {
		/*   Søger for at siden bliver centreret   */
		width 	         	: 95%;   
		margin             	: auto;
		padding            	: 20px 5px 5px 5px;
		text-align			: center;
	}
	.content_right {
		/*   Søger for at siden bliver centreret   */
		width	          	: 99%;   
		margin             	: auto;
		padding            	: 5px 5px 5px 5px;
		border             	: 3px solid #008000;      /*#3333FF;*/
		border-radius      	: 8px;
		background-color	: #00AA00;
		margin				: 5px 0px 5px 0px;
		float          		: left;
	}
	.content_list {
		/*   Søger for at siden bliver centreret   */
		max-width          	: 100%;   
		margin             	: auto;
		padding            	: 5px 5px 5px 5px;
		background-color	: none;
		float          		: left;
		vertical-align		: bottom;
	}
	.book_01_box3 {
		width				: 100px;
		float          		: left;
	}
	.content_message {
		/*   Søger for at siden bliver centreret   */
		max-width          	: 100%;   
		margin             	: auto;
		padding            	: 5px 5px 5px 5px;
		background-color	: none;
		float          		: left;
	}
	.content_bund {
		/*   Søger for at siden bliver centreret   */
		
	}

	.clearfix_00::after {
		content				: "";
		clear				: both;
		display				: table;
		padding				: 5px 5px 5px 5px;
	}
	.clearfix_list::after {
		content				: "";
		clear				: both;
		display				: table;
		padding				: 5px 5px 5px 5px;
	}


	.text_head, .text_head_sub {
		font-family      	: arial, verdana, sans-serif;
		font-weight        	: bold;
		/*background-color  	: #FFFFFF; */
		padding		      	: 5px 5px 5px 5px;
		text-align          : center;
	}
	.text_head {
		font-size			: 72px;
		color              	: #CCCCCC;
	}
	.text_head_sub {
		font-size			: 20px;
		font-style			: italic;
		color              	: #FF0000;
	}

	
	
	.text_no, .text_name, .text_descrip, .text_price, .text_all {
		font-family      	: arial, verdana, sans-serif;
		background-color  	: #FFFFFF;
		padding		      	: 5px 5px 5px 5px;
		text-align          : left;
	}
	.text_no, .text_name {
		line-height			: 12px;
	}
	.text_no {
		font-size			: 18px;
		font-weight        	: bold;
		color              	: #0000FF;
	}
	.text_name {
		font-size			: 20px;
		font-weight        	: bold;
		color              	: #000000;
	}
	.text_descrip {
		font-size			: 14px;
		font-weight        	: normal;
		font-style			: italic;
		color              	: #000000;
		white-space         : normal;      /* nowrap normal pre  */
	}

	.text_all {
		font-size			: 16px;
		font-weight        	: bold;
		font-style			: normal;
		color              	: #000000;
		border-radius		: 5px;
	}
	.text_price {
		font-size			: 20px;
		font-weight        	: bold;
		font-style			: normal;
		color              	: #FF0000;
		line-height			: 30px;
	}
	
/****************************************************************************************************************************************************************************/
/************************************************************************************************************************************/
/* Listning af tabel data */	
	
	.text_label, .text_label_booktitle, .text_label_description, .text_label_file, .text_label_10 {
		font-family      	: arial, verdana, sans-serif;
		font-weight        	: bold;
		color              	: #000000;
		background-color  	: none;
		padding		      	: 5px 5px 5px 5px;
		text-align          : left;
		float          		: left;
	}
	.text_label {
		width				: 23%;
	}
	.text_label_booktitle {
		width				: 74%;
	}
	.text_label_description {
		width				: 74%;
		height				: 150px;
	}
	.text_label_file {
		width				: 74%;
	}
	.text_label_10 {
		width				: 15%;
	}

	.text_input, .text_input_booktitle, .text_input_description, .text_input_file {
		font-family      	: arial, verdana, sans-serif;
		font-weight        	: normal;
		color              	: #000000;
		padding		      	: 5px 5px 5px 5px;
		border-radius   	: 5px;
		text-align          : left;
		width				: 95%;
		border				: 2px ridge silver;
		float          		: left;
	}
	.text_input {
		background-color  	: none;
	}	
	.text_input_booktitle {
		background-color  	: none;
	}
	.text_input_description {
		background-color  	: none;
		height				: 120px;
	}
	.text_input_file {
		font-weight        	: bold;
		background-color  	: #FFFFFF;
	}




	.list_h, .list_hrediger {
		font-family      	: arial, verdana, sans-serif;
		font-weight        	: bold;
		font-size			: 10px;
		color              	: #FFFFFF;
		padding		      	: 5px 5px 5px 5px;
		text-align          : left;
		float          		: left;
		border-radius		: 5px;
		margin				: 2px 2px 2px 2px;
	}
	.list_h {
		width				: 14%;
		background-color  	: #000000;
	}
	.list_hrediger {
		width				: 10%;
		background-color  	: none;
	}

	.list_, .list_rediger {
		font-family      	: arial, verdana, sans-serif;
		font-weight        	: bold;
		font-size			: 12px;
		color              	: #000000;
		background-color  	: none;
		padding		      	: 5px 5px 5px 5px;
		text-align          : left;
		float          		: left;
		margin				: 2px 2px 2px 2px;
	}
	.list_ {
		width				: 14%;
	}
	.list_rediger {
		width				: 5%;
	}
	
	.list_style_gray {
		background-color	: #CFCFCF;
		border-radius		: 5px;
	}	
	.list_style_white {
		background-color	: #FFFFFF;
	}	
	
.knap_buy, .knap_basket {
	font-weight			: bold;
	cursor				: hand;
	border-radius 		: 5px;
	text-align			: center;
	padding				: 3px 3px 3px 3px;
	box-shadow       	: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
	border				: 2px groove silver;
	width				: 100%;
}

.knap_buy {font-size: 14px;color: #FFFFFF; background-color: #008000;}
.knap_basket {font-size: 10px;color: #FFFFFF; background-color: #008000;}

.knap_buy:hover, .knap_basket:hover{color:#008000;background-color: #FFFF00;}

.knap_retur {
	font-size			: 14px;
	font-weight			: bold;
	color				: #FFFF00; 
	background-color	: #008000;
	cursor				: hand;
	border-radius 		: 5px;
	text-align			: center;
	padding				: 3px 3px 3px 3px;
	box-shadow       	: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
	border				: 2px groove silver;
	width				: 60%;
	float				: left;
	margin				: 10px 0px 0px 10px; 
}


.knap_retur:hover{color:#008000;background-color: #FFFF00;}

      .knap_retur a:link    {color:#FFFF00;  background-color: #008000;  text-decoration:none; }  /* ubesøgt link  */     
      .knap_retur a:visited {color:#FFFF00;  background-color: #008000;  text-decoration:none; }  /* besøgt link   */   
      .knap_retur a:hover   {color:#008000;  background-color: #FFFF00;  text-decoration:none; }  /* mus over link */   
      .knap_retur a:active  {color:#FFFF00;  background-color: #008000;  text-decoration:none; }  /* aktiv link    */   
	
/************************************************************************************************************************************/
/*  Billed opsætninger / Foto   */
	.foto1 {
		width				: 100px;
		border-radius		: 5px;
	}
	.foto2 {
		width				: 150px;
		border-radius		: 8px;
	}
	.fotodiv {
		float				: left;
	}

/************************************************************************************************************************************/
	.paypal {
		margin			: 5px 5px 5px 5px; 
		padding				: 5px 5px 5px 5px;
		/* border			: 3px solid #C0C0C0; */
		border-radius	: 8px;
		width			: 95%;
		float     		: left;
		/*height			: 341px;  */
		text-align		: center;
		font-size		: 15px;
		background-color: #FFFFFF;
	}
/************************************************************************************************************************************/


	.forslag {
		font-family      	: arial, verdana, sans-serif;
		font-weight        	: bold;
		color              	: #FFFFFF;
		background-color  	: #1111FF;
		padding		      	: 5px 5px 5px 5px;
		border-radius   	: 5px;
		text-align          : center;
		width				: 100%;
		box-shadow       	: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
		border				: 4px ridge silver;
		float          		: left;
	}