/* basic conf
------------------------------------------------------------ */
* 		{ margin: 0; padding: 0; }
html 	{ overflow-y: scroll;}
body 	{ background-color:#fff; font-size: 12px; color: #333; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
h1 		{ margin-bottom: 10px; color: #333;}	
a, img 	{ outline: none; border:none; color: #fff; text-decoration:none; }
a:hover { color:#d30000; }
p 		{ margin: 0 0 10px; font-size: 1.2em;}
aside 	{ font-style: italic; font-size: 0.9em;}

table.eludtag-log tr:nth-child(even) {
    background-color: #eeeeee;
}

html, body { height: 100%; }

h1 {
	margin: 0;
	padding: 0px 0px 6px 0px;
	font-size: 28px;
	font-weight: bold;
}

h2 {
	margin: 0;
	padding: 0px 0px 6px 0px;
	font-size:24px;
	font-weight: bold;
}

h3 {
	margin: 0;
	padding: 0px 0px 6px 0px;	
	font-size:18px;
	font-weight: bold;
}

h4 {
	margin: 0;
	padding: 6px 0px 6px 0px;
	font-size: 14px;
	font-weight: bold;	
}


.link-sort          {font-size: 14px;}
A.link-sort:link    {text-decoration: none; color: #333}  
A.link-sort:visited {text-decoration: none; color: #333}  
A.link-sort:active  {text-decoration: none; color: #333}
A.link-sort:hover   {text-decoration: none; color: #d30000}

hr.red { 
	border: 0; 
	height: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
	background: #d30000; 
	}
	
hr.black { 
	border: 0; 
	height: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
	background: #000; 
	}


/* divs på hjemmeside */

#page-wrap	{
	background-color:#fff;
	}


#header {
	width: 100%;
	min-height: 60px;
	max-height: 92px;
	float: left;
	background-image:url(/image/grafik/header-bg.jpg);
	background-position:bottom;
	}

#header-wrapper	{
	width: 100%;	
	max-width: 994px;
	height: 100%;
	margin: auto;
	border: 0px solid red;
	padding-top: 10px;
	font-size: 12px;
	} 

	#header-toplogo	{
		float: left;
		margin-left: 3%;
		margin-right: 3%;
		margin-bottom: 1%;
		width: 35%;
		max-width: 221px;
		border: 0px solid #FFF;
		}
		
	#header-logind	{
		float: right;
		color:#FFF;
		font-size:12px;
		width: 35%;
		margin-right: 3%;
		min-width: 106px;
		border: 0px solid #ccc;
		}

	#header-indstil	{
		float: right;
		color:#FFF;
		width: 20%;
		min-width: 50px;
		padding-right: 3%;
		text-align:right;
		border: 0px solid #666;
		}
		
/* Menu */

#menu-wrapper {
	width: 100%;
	max-width: 994px;
	margin:auto;
	background-color:#fff;
	}

	#menu	{
		float:left;
		width: 52%;
		padding-left: 3%;
		padding-top: 4%;
		padding-bottom: 3%;
		border: 0px solid #666;
		background-color:#fff;
	}
	
	#menucontainer	{
		background-color:#fff;
		width: 100%;
		max-width: 994px;
		margin:auto;
	}
	
	.menu          {font-size: 18px; font-family: arial; font-weight: none;color: #011e40}
	A.menu:link    {text-decoration: none; color: #011e40}    
	A.menu:hover   {text-decoration: none; color: #d30000}

	.nav {
		float:left;
    	list-style: none;
     	background:#f2f7df;
		padding-left: 0;
		width: 93%;
		margin-left: 3%;
		margin-bottom: 15px;
		/* rounded corner */
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		/* box shadow */
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
		-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
		box-shadow: 0 1px 3px rgba(0,0,0,.4);

	}
	
	.nav a {
    	color:#000;
		font-size:14px;
		display: block;
		font-family: arial;
	}
	
	.nav li {
   	 border-bottom: 1px solid #999;
		background-image: url("image/grafik/arrow-r-black.png");
    	background-repeat: no-repeat;
    	background-position: right;
		padding-left: 7px;
		padding-right: 1px;
		padding-top: 15px;
		padding-bottom: 15px;
}
	.nav li:last-child {
	 	border-bottom: 0px solid #999;
	 }
	 
	.nav li:hover {
		background-color:#d6e49e;
	}
	

/* hjem knap */

	#home	{
		float:right;
		width: 48%;
		padding-right: 3%;
		padding-top: 4%;
		padding-bottom: 4%;
		text-align:right;
		border: 0px solid #333;
		background-color:#fff;
	}

/* Tilbage */

#tilbage	{
	float:left;
	padding-left: 3%;
	padding-top: 2%;
	padding-bottom: 3%;
	width: 10%;
	}
	
#tilbage-titel	{
	margin: auto;
	float:left;
	padding-right: 5%;
	padding-top: 1%;
	padding-bottom: 2%;
	margin-top: 7px;
	font-size:16px;
	font-weight:bold;
	width: 90%;
	text-align:center;
	
	}

/* mine pladser */

#plads-info	{
	float:left;
	width: 98%;
	padding-left: 3%;
	padding-top: 2%;
	padding-bottom: 3%;
	font-size:14px;
	}

#plads-bullet	{
	float:left;
	width: 15%;
	}
	
#plads-tekst	{
	float:left;
	width: 85%;
	}

.nav-plads {
		float:left;
    	list-style: none;
     	background:#F8F8F8;
		padding-left: 0;
		width: 95%;
		margin-left: 3%;
		margin-bottom: 4%;
		/* rounded corner */
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		/* box shadow */
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
		-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
		box-shadow: 0 1px 3px rgba(0,0,0,.4);
		overflow:hidden;

	}
	
	
	
	
.nav-overnatning {
		float:left;
    	list-style: none;
     	background:#F8F8F8;
		padding-left: 0;
		width: 98%;
		margin-left: 0%;
		margin-bottom: 1%;
		/* rounded corner */
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		/* box shadow */
		-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
		-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
		box-shadow: 0 1px 3px rgba(0,0,0,.4);
		overflow:hidden;
	}

.nav-overnatning li {
   	 border-bottom: 1px solid #999;
		padding-left: 7px;
		padding-right: 1px;
		padding-top: 15px;
		padding-bottom: 15px;
}

.nav-overnatning-valgt {
		background:#CCCCCC;
}

.nav-overnatning a {
    color:#333;
	font-size:14px;
	display:inline;
}

.nav-overnatning li:hover {
	background-color:#cccccc;
}



.nav-overnatning-row {
	width:100%;
	border: 1px solid #000;
	}


	
.loktioner {
     	background:#d6e49e;
	}
	
	
	.nav-plads a {
    	color:#333;
		font-size:14px;
		display:inline;
	}
	
	.nav-plads li {
   	 border-bottom: 1px solid #999;
		background-image: url("/image/grafik/arrow-r-black.png");
    	background-repeat: no-repeat;
    	background-position: right;
		padding-left: 7px;
		padding-right: 1px;
		padding-top: 15px;
		padding-bottom: 15px;
}
	.nav-plads li:last-child {
	 	border-bottom: 0px solid #999;
	 }
	 
	.nav-plads li:hover {
		background-color:#cccccc;
	}

.kwh	{
	margin-top: -15px;
	padding: 0px;
	}

/* el-udtag */

#eludtag-log	{
	float:left;
	width: 100%;
	}



/* indstilliger */

#indstilling-container	{
	background-color:#fff;
	width: 100%;
	max-width: 994px;
	margin:auto;
	}

#indstilling-wrapper	{
	float:left;
	background:#F8F8F8;
	width: 92%;
	margin-left: 3%;
	margin-bottom: 15px;
	padding: 10px;
	/* rounded corner */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/* box shadow */
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
	}

/* logon */

#logon-container	{
	float:left;
	background-color:#fff;
	width: 100%;
	}

#logon-wrapper	{
	background:#F8F8F8;
	width: 60%;
	max-width: 944px;
	margin:auto;
	margin-bottom: 4%;
	margin-top: 5%;
	padding: 10px;
	border: 0px solid #ccc;
	/* rounded corner */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/* box shadow */
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
	}

#opret-login-wrapper	{

	background:#F8F8F8;
	width: 60%;
	max-width: 944px;
	margin:auto;
	margin-bottom: 4%;
	margin-top: 1%;
	padding: 10px;
	/* rounded corner */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/* box shadow */
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
	}

#opret-login-side-wrapper	{
	float:left;
	background:#F8F8F8;
	width: 92%;
	margin-left: 3%;
	margin-bottom: 4%;
	margin-top: 5%;
	padding: 10px;
	/* rounded corner */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	/* box shadow */
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
	}


/* Main */
#wrapper {
	width: 100%;
	margin: auto;
	max-width: 994px;
	border: 0px solid blue;
	background-color:#fff;
	
	} 

	#main	{
		float: left;
		width: 100%;
		padding: 0px;
		border: 0px solid blue;
		background-color:#fff;
	}
	
	
	#main-indhold	{
		float: left;
		width: 98%;
		padding-top: 0px;
		padding-bottom: 2px;
		padding-left: 1%;
		padding-right: 1%;
		margin:auto;
		margin-left: 2%;
		margin-top: 0px;
		margin-bottom: 0px;
		color:#FFF;
		background-color:#fff;
	}
	
	#main-indhold-black	{
		width: 90%;
		padding-top: 0px;
		padding-bottom: 2px;
		padding-left: 1%;
		padding-right: 1%;
		margin:auto;
		margin-top: 0px;
		margin-bottom: 0px;
		color:#000;
		background-color:#fff;
	}
	
		
		#row	{
			display: flex;
			display: -webkit-flex;
			}
	
		#boks1	{
			float:left;
			background-color:#02025c;
			width: 47%;
			margin-right: 3%;
			margin-bottom: 15px;
			flex: 1;
			/* rounded corner */
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
			/* box shadow */
			-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
			-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
			box-shadow: 0 1px 3px rgba(0,0,0,.4);
			}
		
			#boks1-top	{
				background-color:#011e40;
				padding: 10px;
				font-size:14px;
				font-weight:bold;
				/* rounded corner */
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				}
				
			#boks1-indhold	{
				padding: 10px;
				}
				
			#boks2	{
				float:left;
				background-color:#771d81;
				width: 47%;	
				margin-right: 3%;
				margin-bottom: 15px;
				flex: 1;			
				/* rounded corner */
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				/* box shadow */
				-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
				-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
				box-shadow: 0 1px 3px rgba(0,0,0,.4);
				}
			
			#boks2-top	{
				background-color:#500059;
				padding: 10px;
				font-size:14px;
				font-weight:bold;
				/* rounded corner */
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				}
				
			#boks2-indhold	{
				padding: 10px;
				}
				
			#boks3	{
				float:left;
				background-color:#cc5600;
				width: 47%;		
				margin-right: 3%;
				margin-bottom: 15px;
				flex: 1;	
				/* rounded corner */
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				/* box shadow */
				-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
				-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
				box-shadow: 0 1px 3px rgba(0,0,0,.4);
				}
		
			#boks3-top	{
				background-color:#8c3c01;
				padding: 10px;
				font-size:14px;
				font-weight:bold;
				/* rounded corner */
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				}
				
			#boks3-indhold	{
				padding: 10px;
				}
		
			#boks4	{
				float:left;
				background-color:#007105;
				width: 47%;	
				margin-right: 3%;
				margin-bottom: 15px;
				flex: 1;	
				/* rounded corner */
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				/* box shadow */
				-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
				-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
				box-shadow: 0 1px 3px rgba(0,0,0,.4);	
				}
			
			#boks4-top	{
				background-color:#024b04;
				padding: 10px;
				font-size:14px;
				font-weight:bold;
				/* rounded corner */
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				}
				
			#boks4-indhold	{
				padding: 10px;
				}

			#boks-tekst	{
				float:left;
				width: 100%;
				font-size:14px;
				min-height: 36px;

			}

			.clear {
				clear: both;
			}

#banner-wrapper	{
		float: left;
		width: 95%;
		padding-top: 0px;
		padding-bottom: 4%;
		padding-left: 1%;
		padding-right: 1%;
		margin:auto;
		margin-left: 2%;
		margin-top: 0px;
		margin-bottom: 0px;
		color:#FFF;
		background-color:#fff;
	}

#banner-wrapper img	{

	/* rounded corner */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
	

#footer {
	width: 100%;
	float: left;
	margin-top: 5px;
	background-image:url(/image/grafik/footer-bg.jpg);
	
	}

	#footer-wrapper {
		width: 96%;	
		max-width: 974px;
		margin: auto;
		margin-bottom: 0px;
		padding-top: 10px;
		padding-bottom: 10px;
		border: 0px solid red;
		text-align:center;
		font-size: 11px;
		color:#FFF;
		}

	    #footer-wrapper a:link   		{text-decoration: none; font-weight: normal; color: #FFF}  
		#footer-wrapper a:link:hover    {text-decoration: underline; color:#d30000;}
	

	
/* Media Queries */
@media screen and (max-width: 720px) {


	
}

/* Media Queries */
@media screen and (max-width: 480px) {



#logon-wrapper	{
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	}

#opret-login-wrapper	{
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	}
}