html, body {
	background-color: #E6E7E8;
	padding: 5px; 
	margin: 5px; 
	font-family: arial, verdana; 
	font-size: 12px; 
	color: #444;
	text-align: center;
	}



img { border: none; }
form { margin: none; }
label { cursor: pointer; }

h1 {
	margin: 0 0 10px 0;
	font-style: normal;
	font-size: 1.4em;
	}

a {
	color: #444;
	}

a:hover {
	color: #B01117;
	}
	
a:focus, a:hover, a:active {
	outline: none;
	}


#container {
	margin-left: auto;
	margin-right: auto;
	width: 974px;
	text-align: left;
	}

#main {
	clear: both;
	background-color: #FFF;
	width: 970px;
	border: #DDD 2px solid;
	}




/* header */

#header {
	}


#logo {
	float: left;
	}

#logo img {
	width: 210px;
	height: 145px;
	display: block;
	}
	
#headermenu {
	float: left;
	width: 760px;
	height: 143px;
	border-bottom: #CD181F 2px solid;
	}


#splash {
	padding: 10px 0 0 0;
	height: 105px; 
	}
	
#splash table {
	margin: 0 auto;
	}

.topteaser {
	width: 230px;
	height: 95px;
	border: #B01117 1px solid;
	}







	
/* top menu */

#menu {
	}

#menu ul {
	margin: 0;
	padding: 3px 0 0 0;
	float: left;
	width: 760px;
	white-space: nowrap;
	list-style: none;
	border-top: #CD181F 2px solid;
	}

#menu ul li {
	display: inline;
	}

#menu ul li a {
	margin: 0 0 0 22px; /* 30px */
	float: left;
	font-weight: bold;
	font-size: 1.1em;
	font-family: "Trebuchet MS", Tahoma, Verdana;
	color: #555;
	text-decoration: none;
	}

#menu ul li a:hover {
 	text-decoration: underline;
	}

#menu ul li a.sel {
	color: #B0181F;
	}


#content {
	clear: both;
	min-height: 600px;
	background: #FFF url(../static/fauxback.gif) repeat-y 0 0;
	}


	
	
/* left menu */
	
#leftmenu {
	float: left;
	padding: 0 1px 0 0;
	width: 209px;
	}
	

#right {
	float: left;
	width: 760px;
	}



.menuitem {
	border-bottom: #CD181F 1px solid;
	}
	
.menulink {
	padding: 7px 0 7px 40px;
	display: block;
	font-weight: bold;
	font-size: 1.1em;
	font-family: "Trebuchet MS", Tahoma, Verdana;
	color: #B0181F;
	text-decoration: none;
	}
	
.menulink:hover {	
	background-color: #F6F6F6;
	}
	


.ddd {
	padding: 0 0 15px 40px;
	line-height: 1.3em;
	}
	
.ddd a {
	font-size: 11px;
	font-family: arial;
	color: #555;
	text-decoration: none;
	}
	
.ddd a:hover {	
	text-decoration: underline;
	}
	
.ddd .sel {
	font-weight: bold;
	}
	
	







	
	
	
	
	
#productgroup {
	padding: 20px 20px 40px 20px; 
	}
	
#productgroup table {	
	}

.product {
	width: 240px;	
	}

.product img {
	display: block;
	margin: 0 auto;
	}
	
.productrow {
	margin: 20px 0;
	width: 720px;
	height: 2px;
	background: #CD181F;
	}
	
.productdesc {
	padding: 5px 0 0 20px;
	text-align: left;
	}
	
.productdesc span {	
	display: block;
	font-size: 0.8em;
	color: #666;
	}
	


/* vis vare */

#visvare {
	padding: 40px 20px; 
	}

#visvareinfo {
	padding: 0 0 50px 0;
	}

#varereturn {
	padding: 0 0 50px 10px;
	}

#varereturn a {
	text-decoration: none;
	}

#varereturn a:hover {
	text-decoration: underline;
	}
	
#vareleft {
	float: left;
	width: 240px;
	}
	
#vareleft img {
	display: block;
	margin: 0 auto;
	}

#vareright {
	float: left;
	padding: 0 0 0 10px;
	width: 470px;
	}
	
#vareheader {
	font-size: 22px;
	}

#vareheader span {
	display: block;
	font-size: 10px;
	color: #666;
	}

#varedesc {
	padding: 10px 0 20px 0;
	}
	
#pris {
	font-size: 18px;
	}

#pris span {
	color: #EE0000;
	font-weight: bold;
	}

	
	



/* related products & history */
	
#relatedheader, #historyheader {	
	padding: 0 0 20px 0;
	font-size: 22px;
	}
	
#related, #history {
	clear: both;
	padding: 0 10px 80px 10px;
	}
	
#related ul, #history ul {
	margin: 0;
	padding: 0;
	float: left;
	width: 720px;
	list-style: none;
	}

#related ul li, #history ul li {
	float: left;
	margin: 5px 0;
	display: inline;
	width: 233px;
	}

	
.histimg {
	float: left;
	display: block;
	}

.histdesc {
	float: left;
	padding: 5px 0 0 8px;
	overflow: hidden;
	width: 155px;
	}

.histdesc span {
	display: block;
	padding: 0 0 6px 0;
	font-size: 10px;
	color: #666;
	}


	
	
	
/* job */

#job {
	padding: 40px;
	}
	
	

/* ekspress laan */
	
#ekspres {
	padding: 40px 20px;
	text-align: center;
	}
	
#ekspres img {
	display: block;
	margin: 0 auto;
	}	

	

/* kundeservive */

#kundeservice {
	padding: 40px;
	}
	
#kundeservice ul {
	margin: 0;
	padding: 0;
	float: left;
	width: 680px;
	white-space: nowrap;
	list-style: none;
	}

#kundeservice ul li {
	float: left;
	margin: 15px 0;
	display: inline;
	width: 340px;
	}

#kundeservice p {
	margin: 20px 0;
	}
	

.kundeinfob {
	float: left;
	width: 340px;
	font-size: 1.4em;
	}

.kundeinfob span {
	display: block;
	padding: 0 0 5px 0;
	color: #B01117;
	}

.kundeinfob em {
	font-style: normal;
	font-size: 9px;
	}


	
#vedligeholdelse, #garanti {
	padding: 40px;
	}




/* gavekort */

#gavekort {
	padding: 40px 40px;
	}	
	
	
#gavekortinfo {
	height: 125px;
	background: #FFFFFF url('../static/gavekort.jpg') no-repeat 85% 0;
	}
	
#gavekortinfo span {
	font-size: 1.4em;
	color: #B01117;
	}
	
#gavekortinfo p {
	margin: 20px 0;
	}

#gavekortinfo b {
	color: #B01117;
	}	
	
	
	
/* dalles bolighus */


#daells {
	padding: 40px;

	}
	
	
#daells span {	
	display: block;
	padding: 0 0 5px 0;
	color: #B01117;
	font-size: 1.5em;
	}
	
	
	
.redtext {
	color: #B01117;
	}
	
	
	
/* prislister */
	
#prislister {
	padding: 40px;
	}

#prislister span {
	padding: 0 0 20px 0;
	display: block;
	text-align: center;
	font-size: 1.4em;
	}

#prislister ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	}

#prislister ul li {
	margin: 0;
	padding: 0;
	width: 226px;
	height: 300px;
	float: left;
	display: inline;
	text-align: center;
	}	
	
	


/* livebook */

#livebook {
	padding: 40px;
	}

#livebook ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
	}

#livebook ul li {
	margin: 0;
	padding: 0;
	width: 340px;
	height: 250px;
	float: left;
	display: inline;
	text-align: center;
	}




	



#footer {
	clear: both;
	padding: 10px 0;
	text-align: center;
	font: 8pt arial, verdana; 
	color: #555;
	}

#footertext {
	margin: 5px 0 10px 0;
	padding: 1px;
	background: #CD181F;
	color: #FFF101;
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
	}

#smiley {
	clear: both;
	padding: 10px 0 0 0;
	text-align: center;
	font: 8pt arial, verdana; 
	color: #555;
	}




/* clear fix */
	
.clear {
	clear: both;
	}
	
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
    line-height: 0;
	visibility: hidden;
	}

.clearfix {
	display: inline-table;
	}

* html .clearfix {
	height: 1%;
	}

*+html .clearfix {
	height: 1%;
	}
	
.clearfix {
	display: block;
	}