/* ### SIDSPECIFIKA-KLASSER ## START # */

/*  # START */

#start-modeller, #start-inspiration, #start-leverantorer, #start-kontakt {
	padding-right:8px;
	font-size:14px;
	width:181px;
	height:181px;
	text-align:center;
}
#start-modeller { background:url(../images/start_icon_hus.gif) no-repeat; }
#start-inspiration { background:url(../images/start_icon_staket.gif) no-repeat; }
#start-leverantorer { background:url(../images/start_icon_klover.gif) no-repeat; }
#start-kontakt { background:url(../images/start_icon_brevlada.gif) no-repeat; }
#start-modeller a:link, #start-inspiration a:link, #start-leverantorer a:link, #start-kontakt a:link { color:#FFF; }
#start-modeller a:visited, #start-inspiration a:visited, #start-leverantorer a:visited, #start-kontakt a:visited { color:#FFF; }
#start-modeller a:hover, #start-inspiration a:hover, #start-leverantorer a:hover, #start-kontakt a:hover { 
	color:#FFF;
	text-decoration:none;
}
#start-modeller a:active, #start-inspiration a:active, #start-leverantorer a:active, #start-kontakt a:active { color:#FFF; }
#start-icons { margin:7px 5px 0 5px; }
#start-icons p { padding-top:16px; }

/* # MOO TOOLS - ACCORDION # */

.toggler, .over {
	color: #222;
	margin: 0;
	padding: 2px 5px;
	background: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
}
.over { background:#f8f8f8; }

.element {
 
}
 
.element p {
	margin: 0;
	padding: 4px;
}

/* ## HUSMODELLER ## */

.overviewheadline {
	padding:0;
	margin:0 0 2px 0;
	font-weight:bold;
	font-size:14px;
}

.overviewborder {
	border:1px solid #cccccc; background:#e6e6e6; padding:2px; cursor:pointer;
}

.overlaypricediv {
	position:absolute; width:254px; height:135px;
}
.overviewtext {
	padding-top:2px;
}

.overviewborder p.pris {
	font-size:20px;
}

.pris, .pris-litet {
	font-weight:bold;
	font-size:26px;
	color:#f8e400;
}
.pris-litet {
	padding-top:3px;
	font-size:12px;
	color:#E8911C;
}
.tech-table {
	margin-left:5px;
}
.tech-table td {
	background:#ebebeb;
	padding:3px;
}
.pricerow { font-weight:bold; }

/* ### SIDSPECIFIKA-KLASSER ## END # */

/* ### STRUKTUR-ELEMENT ## START # */

#vertical-navigation {
	background:#e6e6e6 url(../images/bg_right_bottom_corner.gif) bottom right no-repeat;
}

#wrap { 
	padding-bottom:12px; 
	background:url(../images/shadow_bottom.gif) bottom no-repeat;
	width:782px;
	margin:0 auto 10px auto;
	text-align:left;
}
#wrap-outer { background:url(../images/shadow_leftside.gif) no-repeat; padding-left:10px; }
#wrap-inner {
	background:url(../images/shadow_rightside.gif) top right no-repeat;
	padding-right:10px;
}
#wrap-border {
	width:760px;
	border:1px solid #969696;
	border-top:0;
	background:#FFF;
}

#head { background:url(../images/navtop_divider_background.jpg) bottom no-repeat; padding-bottom:2px; }
#head-outer { height:68px; background:url(../images/navtop_background.jpg) no-repeat; }
#head-inner { background:url(../images/logo_w_background.jpg) 15px 2px no-repeat; padding:44px 0 0 182px; }

#nav { }
#nav-outer { }
#nav-inner { }

#content { background:#FFF; }
#content-outer { }
#content-inner { }

#standard-padding {
	padding:10px;
}

#content-left { width:49%; float:left; }
#content-right { width:50%; float:right; }

#foot { padding:5px 7px 7px 7px; color:#9f9f9f; }
#foot-outer { }
#foot-inner { clear:both; overflow:hidden; }
#foot-left { float:left;}
#foot-right { float:right; border:0px solid #000000;vertical-align:bottom;}

/* ### STRUKTUR-ELEMENT ## END # */

/* ### NAVIGERING ## START # */

div#tab-nav {
	height: 24px;
	background-color: #336699;
	background:url(../images/navtop_inner_background.jpg) no-repeat;
}
div#tab-nav ul {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	line-height: 24px;
	white-space: nowrap;
}
div#tab-nav li {
	list-style-type: none;
	display: inline;
	border-left:1px solid #CCC;
}
div#tab-nav li a {
	text-decoration: none;
	padding: 6px 5px;
	color: #000;
}
div#tab-nav lia:link {
	color: #000:
}
div#tab-nav lia:visited {
	color: #000;
}
div#tab-nav lia:hover {
	font-weight: bold;
	color: #000;
	background-color: #3366FF;
}

/* ### NAVIGERING ## END # */

/* ### TAGGAR ## START # */

h1, h2 { font-weight:bold; }
h1 { font-size:16px; padding:0 0 0 2px; padding:0; margin:0 0 6px 0; }
h2 { font-size:12px; padding:0 0 0 2px; padding:0; margin:20px 0 10px 0; }
h3 { font-size:11px; padding:0; margin:0; text-decoration:underline; cursor:pointer; }
h4 { font-size:12px; padding:5px 0 10px 5px; margin:0; }
html {
	padding:0;
	margin:0;
	text-align:center;
}
body {
	padding:0;
	margin:0;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;
	background:#427290 url(../images/bodybakrund.gif) center top no-repeat;
}
table { border-collapse:collapse; width:100%; border:0; }
form { padding:0; margin:0; }
input, select, textarea {
	font-size:1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#FFF;
	border:1px solid #000;
}
ul {
	margin:10px 0 10px 25px;
}
li {
	padding-top:4px;
}
img { border:0; }
p {
	margin:0;
	padding:0;
}
fieldset {
	padding:10px;
	margin-bottom:15px;
}
legend {
	font-weight:bold;
	margin:0 0 10px 0;
	padding:0 0 5px 0;
}

/* ### TAGGAR ## END # */

/* ## KNAPPAR DEFINITIONER ## START */

#change-btn { padding:1px; background:#0066CC; }
#change-btn-inner { padding:0.20em 0.55em; }
#change-btn-outer { border:1px solid #FFF; }

#checkout-btn { padding:1px; background:#990000; }
#checkout-btn-inner { padding:0.20em 0.55em; }
#checkout-btn-outer { border:1px solid #FFF; }

/* ## KNAPPAR DEFINITIONER ## END */

/* ### DEFINITONER ## START # */

/* ## TABELL DEFINITIONER ## START */
/* ## TABELL DEFINITIONER ## END */

/* ## MEDDELANDE KLASSER ## START */
/* ## MEDDELANDE KLASSER ## END */

/* Formfields without table */
.css-table-field p { clear:left; margin:0 0 3px 0; line-height:20px;}
.css-table-field p label { float:left; width:180px;}

/* Must be in order - LVHA */
a:link { color: #000; }
a:visited { color: #000; }
a:hover { color: #000; }
a:active { color: #000; }

#foot a:link { color: #d2d2d2; }
#foot a:visited { color: #d2d2d2; }
#foot a:hover { color: #d2d2d2; text-decoration:none; }
#foot a:active { color: #d2d2d2; }

.toggler a:link { color: #000; }
.toggler a:visited { color: #000; }
.toggler a:hover { color: #000; text-decoration:none; }
.toggler a:active { color: #000; }

#checkout-btn-inner a:link { color: #FFF; }
#checkout-btn-inner a:visited { color: #FFF; }
#checkout-btn-inner a:hover { color: #FFF; text-decoration:none; }
#checkout-btn-inner a:active { color: #FFF; }

/* Clear class - Nothing inside div - 0 pix height */
.clearA {
	overflow: hidden;
	clear: both;
	height: 1px;
	margin: -1px 0 0 0;
	font-size: 1px;
}
/* Clear class - <br> inside div - 1 pix height */
.clearB {
	clear:both;
	height:0;
	margin:0;
	font-size:1px;
	line-height:0;
}
/* Clearfix for IE7, apply to wraping element, not block divider at end */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

#designbylink {
	text-align:right;
	padding:0 17px 0 0;
}
#designbylink a {
	color:#1f4d6a;
}

/* ### DEFINITONER ## END # */