body {
	background: #000 url(images/fade.png) repeat-x;
	font: 0.85em "Lucida Grande", Arial, Verdana, sans-serif;
}

img { border: 0; }

#logo {
	width: 760px;
	height: 179px;
	margin: 0;
	padding: 0;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	background: url(images/logo.png) no-repeat;
}

#separator {
	height:  5px;
	width: 760px;
	margin-left: auto;
	margin-right: auto;
	background-color: #b9efff;
	border-bottom: 1px solid #64cbeb;
}

#main {
	width: 760px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	clear: both;
	background: url(images/sitebg.png) repeat-y;
}

#content {
	width: 380px;
	float: left;
}

#contactform {
	width: 360px;
	float:right;
}

#leftcol {
	width: 500px;
	float: left;
}
#rightcol img {
margin-bottom: 10px;
}

#rightcol {
	width: 220px;
	float:right;
}

#footer {
	clear: both;
	width: 760px;
	height: 10px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	background: url(images/footer.png) no-repeat;
}

#footer p {
	text-align: right;
	padding: 15px;
	margin: 0;
	color: #AAAAAA;
	font: 0.75em "Lucida Grande", Arial, Verdana, sans-serif;
}

#footer p a {
	color:#BCBA98;
	text-decoration: none;
}
#footer p a:hover {
	color:#D1D0BA;
	border-bottom: 1px dotted;
}

.clear {
	clear: both;
}

.hide {
	visibility: hidden;
	height: 0;
	width: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

p {
	margin: 0 20px 10px 20px;
}

h3 {
	color:#0078B3;
	margin: 0 0 0 20px;
	padding: 0;
}


ul {
	margin: 0;
	padding: 0;
}

/***************************************
* Menu                                 *
***************************************/

ul#menu {
	clear:both;
    margin: 0px;
    padding: 0px;
	padding-left: 10px;
    list-style: none;
    margin-top: 142px;
	height: 37px;
}

ul#menu li {
    float: left;
    margin: 0px;
	width: 105px;
	height: 37px;
}

ul#menu li.huvudsida {
	background: url(images/menu.png) 0px 0px no-repeat;
}
ul#menu li.huvudsida:hover {
	background: url(images/menu.png) 0px -37px no-repeat;
}
ul#menu li.huvudsida_active {
	background: url(images/menu.png) 0px -74px no-repeat;
}

ul#menu li.snickerier {
	background: url(images/menu.png) -105px 0px no-repeat;
}
ul#menu li.snickerier:hover {
	background: url(images/menu.png) -105px -37px no-repeat;
}
ul#menu li.snickerier_active {
	background: url(images/menu.png) -105px -74px no-repeat;
}

ul#menu li.bygge {
	background: url(images/menu.png) -210px 0px no-repeat;
}
ul#menu li.bygge:hover {
	background: url(images/menu.png) -210px -37px no-repeat;
}
ul#menu li.bygge_active {
	background: url(images/menu.png) -210px -74px no-repeat;
}

ul#menu li.glas {
	background: url(images/menu.png) -315px 0px no-repeat;
}
ul#menu li.glas:hover {
	background: url(images/menu.png) -315px -37px no-repeat;
}
ul#menu li.glas_active {
	background: url(images/menu.png) -315px -74px no-repeat;
}

ul#menu li.ovrigt {
	background: url(images/menu.png) -420px 0px no-repeat;
}
ul#menu li.ovrigt:hover {
	background: url(images/menu.png) -420px -37px no-repeat;
}
ul#menu li.ovrigt_active {
	background: url(images/menu.png) -420px -74px no-repeat;
}

ul#menu li.galleri {
	background: url(images/menu.png) -525px 0px no-repeat;
}
ul#menu li.galleri:hover {
	background: url(images/menu.png) -525px -37px no-repeat;
}
ul#menu li.galleri_active {
	background: url(images/menu.png) -525px -74px no-repeat;
}

ul#menu li.kontakt {
	background: url(images/menu.png) -630px 0px no-repeat;
}
ul#menu li.kontakt:hover {
	background: url(images/menu.png) -630px -37px no-repeat;
}
ul#menu li.kontakt_active {
	background: url(images/menu.png) -630px -74px no-repeat;
}


ul#menu a {
    display: block;
    text-decoration: none;
    width: 100%;
    height: 100%;
}

/***************************************
* Submenu                              *
***************************************/
#subcontainer {
	width: 760px;
	clear:both;
	margin: 0;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	background-color: #b9efff;
	border-bottom: 1px solid #64cbeb;
}

ul#submenu {
	width: 735px;
	clear:both;
	margin: 0 0 1px 0;
	padding: 5px 0 0 25px;
	list-style: none;
	margin-left: auto;
	margin-right: auto;
}

ul#submenu li {
    float: left;
    margin: 0 5px -1px 0;
}
ul#submenu li:hover {
	background-color: #dbf7ff;
}

ul#submenu li.active {
	background-color: #F8F8F8;
	border-top: 1px solid #64cbeb;
	border-right: 1px solid #64cbeb;
	border-left: 1px solid #64cbeb;
}

ul#submenu a {
	color: #000;
    display: block;
    text-decoration: none;
    width: 100%;
    height: 100%;
    padding: 5px;
}

