/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
table {border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
img, a img {border:none;outline:none;}

.clear{
	clear:both;
}

/* Page styles */
body, html{
	height:100%;
	background:#000;
	font-family:Arial, Helvetica, sans-serif;
}

a{
	font-size:12px;
	color:#666;
	text-decoration:none;
}

a:hover{
	font-size:12px;
	color:#000;
	text-decoration:underline;
}

#pageContainer{
	position: absolute;
	width: 960px;
	top: 5px;
	left: 50%;
	margin: auto auto auto -480px;
	background-color:#000;
	z-index:1;
	clear:both;
	}

/* Page top */
#pageTop{
	background:url(../layout/logo.gif) no-repeat left;
	height:120px;
}

/* Page topmenu */
#pageTopmenu{
	background:url(../layout/toppmeny_bg.gif) no-repeat top;
	height:40px;
}

.toppmenuItem{
	padding:10px 19px;
	float:left;
	}

.toppmenuItemLast{
	padding:10px 0px 10px 19px;
	float:left;
}
	
.toppmenuSpacer{
	width:3px;
	height:40px;
	background:url(../layout/toppmeny_spacer.gif) no-repeat top;
	float:left;
}

#pageTopmenu a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#333;
	text-decoration:none;
	}
/* page content */
a.kontaktLink{
	text-decoration:none;
	color:#666;
}

a.kontaktLink:hover{
	text-decoration:underline;
	color:#000;
}


#pageContents{
	width:100%;
}

#pageContentContainer{
	width:960px;
	background-color:#FFFFFF;
	float:left;
}

#pageContentContainerLeft{
	width:450px;
	float:left;
	position:relative;
}

#pageContentContainerLeft div.br{
	position:absolute;
	width:400px;
	top:170px;
	left:40px;
	z-index:20;
}

#pageContentContainerLeft div.br ul{
	list-style-type:none;
}

#pageContentContainerLeft div.br li{
	list-style-type:none;
	float:left;
	width:180px;
	font-size:10px;
	color:#666;
	text-align:center;
}


#pageContentContainerLeft span{
	padding:20px 0px 0px 20px;
	display:block;
}

#pageContentContainerLeft .ledordContainer{
	width:410px;
	float:left;
	height:50px;
	padding:16px 0px;
	background:url(../layout/ledord_bg.gif) no-repeat top left;
}
#pageContentContainerLeft .ledord{
	float:right;
	width:380px;
}

#pageContentContainerLeft span.ledordInset{
	padding:5px 0px;
	display:block;
	float:left;
	font-size:12px;
	font-weight:bold;
	width:115px;
}

#pageContentContainerLeft h1{
	font-size:22px;
	font-weight:bold;
	margin-bottom:8px;
	display:block;
}

#pageContentContainerLeft h2{
	font-size:14px;
	font-weight:bold;
	margin-bottom:3px;
	display:block;
}

#pageContentContainerLeft h2.stad{
	font-size:16px;
	font-weight:bold;
	margin-bottom:3px;
	display:block;
	color:#333;
}

#pageContentContainerLeft h3{
	font-size:12px;
	font-weight:bold;
	margin-bottom:3px;
	display:block;
}

#pageContentContainerLeft p{
	font-size:12px;
	font-weight:normal;
}

#pageContentContainerLeft p.adressfont{
	font-size:12px;
	font-weight:bold;
}

#pageContentContainerLeft table{
	/*border-spacing:5px;*/
}

#pageContentContainerLeft table img{
	border:solid 1px #CCC;
	padding:2px;
}

#pageContentContainerLeft td{
	font-size:12px;
	vertical-align:top;
}

#pageContentContainerLeft .partners{
	width:420px;
	float:left;
	height:100px;
	margin:0px 0px 40px 0px;
	border-bottom:dotted 1px #CCC;
}

#pageContentContainerLeft .partners .pinfo{
	width:250px;
	padding-right:20px;
	float:left;
}

#pageContentContainerLeft .partners .pbild{
	width:150px;
	float:left;
}

#pageContentContainerLeft .partners h3{
	font-size:12px;
	font-weight:bold;
}

#pageContentContainerLeft .partners p{
	font-size:11px;
	font-weight:normal;
}

#pageContentContainerLeft .partners img{
	margin-top:10px;
}

#pageContentContainerLeft .partners a{
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	color:#666;
}

#pageContentContainerRight{
	width:480px;
	float:right;
}

#pageContentContainerRight div{
	margin:10px 0px;
	width:472px;
	float:left;
}

#pageContentContainerRight img{
	border:none;
	margin:35px 30px 10px 0px;
	float:left;
	border:solid 1px #CCC;
	padding:2px;
}

#pageContentContainerRight h2{
	font-weight:bold;
	color:#999;
	font-size:16px;
	margin:20px 0px 0px 160px;
}

#pageContentContainerRight p{
	font-weight:bold;
	color:#666;
	font-size:11px;
	margin:10px 0px 0px 160px;
	width:290px;
}


#pageContentContainerRight .bildframe{
	width:240px;
	float:left;
	border-right:dotted 1px #CCC;
	padding-bottom:15px;
}

#pageContentContainerRight .linkFrameBox{
	width:200px;
	margin-top:40px;
}

#pageContentContainerRight .linkframe{
	width:220px;
	float:right;
}

#pageContentContainerRight .linkContainer{
	background:url(../../layout/frame_top.gif) no-repeat top left;
	padding:8px 0px 0px 10px;
	display:block;
	width:200px;
}

#pageContentContainerRight .linkContainer h2{
	font-size:14px;
	font-weight:bold;
	color:#999;
	margin:0px;
	display:block;
}

#pageContentContainerRight .linkContainer ul{
	padding:0;
	margin:0;
	list-style-type:none;
}

#pageContentContainerRight .linkContainer li{
	padding:0;
	margin:0;
	background:url(../layout/link_arrow.gif) no-repeat left;
}

#pageContentContainerRight .linkContainer a{
	font-size:12px;
	font-weight:bold;
	color:#999;
	padding:5px 0px 0px 12px;
	margin:0px;
	text-decoration:none;
}


#pageContentContainerRight .linkBlank{
	position:absolute;
	right:10px;
	bottom:0px;
	width:100px;
	height:30px;
	margin:0px;
}

#pageContentContainerRight .linkBlank img{
	border:none;
	padding:0px;
	margin:0px;
}

#pageContentContainerFull{
	width:960px;
	float:left;
}

#pageContentContainerFull span{
	width:910px;
	float:right;
	padding:20px 0px;
	display:block;
}

#pageContentContainerFull img{
	float:left;
	margin:20px 43px 0px 0px;
	border:solid 3px #EEE;
	padding:3px;
}

#kontaktForm{
	padding:40px 0px 0px 20px;
	width:440px;
}

#kontaktForm div{
	font-size:14px;
	color:#333;
}

#kontaktForm .label{
	width:100px;
	display:block;
	font-size:12px;
	font-weight:bold;
}

#kontaktForm .kontroll{
	width:300px;
	display:block;
	padding:4px 0px;
}

#kontaktForm input, textarea{
	font-size:11px;
	width:280px;
}

#kontaktForm input{
	border:solid 1px #CCC;
	margin:7px 0px;
	height:19px;
}

#kontaktForm textarea{
	height:100px;
	border:solid 1px #CCC;
	margin:7px 0px;
}

#kontaktForm input.knapp{
	height:23px;
	background:url(../layout/knapp_bg.gif) no-repeat;
	border:none;
	width:80px;
}

.pframe1{
	background:url(../images/pframe_fonster.jpg) no-repeat;
	position:relative;
	height:144px;
}

.pframe2{
	background:url(../images/pframe_altandorr.jpg) no-repeat;
	position:relative;
	height:144px;
}

.pframe3{
	background:url(../images/pframe_dorrar.jpg) no-repeat;
	position:relative;
	height:144px;
}

.pframe4{
	background:url(../images/pframe_skjutdorr.jpg) no-repeat;
	position:relative;
	height:144px;
}

/*left toppbild*/
#pageTopLeft{
	width:484px;
	height:328px;
	float:left;
	background:url(../layout/toppbild2.jpg) no-repeat left top;
}

#pageTopFull{
	width:960px;
	height:236px;
	float:left;
}

#pageTopFull.landskap{
	background:url(../layout/toppbild_landskap_full.jpg) no-repeat left top;
}

#pageTopFull.kompositfonster{
	background:url(../layout/toppbild_fonster_full.jpg) no-repeat left top;
}

#pageTopFull.trafonster{
	background:url(../layout/toppbild_trafonster_full.jpg) no-repeat left top;
}

#pageTopFull.traalufonster{
	background:url(../layout/toppbild_traalufonster_full.jpg) no-repeat left top;
}

#pageTopFull.helalufonster{
	background:url(../layout/toppbild_helalufonster_full.jpg) no-repeat left top;
}

#pageTopFull.geneo{
	background:url(../layout/toppbild_geneo_full.jpg) no-repeat left top;
}


#pageTopFull.altankomposit{
	background:url(../layout/toppbild_altan_full.jpg) no-repeat left top;
}

#pageTopFull.altantra{
	background:url(../layout/toppbild_altan_tra_full.jpg) no-repeat left top;
}

#pageTopFull.altanalu{
	background:url(../layout/toppbild_altan_helalu_full.jpg) no-repeat left top;
}

#pageTopFull.branddorrar{
	background:url(../layout/toppbild_branddorr_full.jpg) no-repeat left top;
}

#pageTopFull.vatrumsdorrar{
	background:url(../layout/toppbild_vatrumsdorr_full.jpg) no-repeat left top;
}

#pageTopFull.ljuddorrar{
	background:url(../layout/toppbild_ljuddorr_full.jpg) no-repeat left top;
}

#pageTopFull.villadorr{
	background:url(../layout/toppbild_villadorr_full.jpg) no-repeat left top;
}

#pageTopFull.skjutparti{
	background:url(../layout/toppbild_skjutparti_full.jpg) no-repeat left top;
}

#pageTopFull.skjutparti2{
	background:url(../layout/toppbild_skjutparti2_full.jpg) no-repeat left top;
}

#pageTopFull.ytterdorr{
	background:url(../layout/toppbild_ytterdorr_full.jpg) no-repeat left top;
}

#pageTopLeftBilder{
	width:484px;
	height:328px;
	float:left;
	background:url(../layout/toppbild_bilder.jpg) no-repeat left top;
}


#pageTopLeftFonster{
	width:484px;
	height:328px;
	float:left;
	background:url(../layout/toppbild_fonster.jpg) no-repeat left top;
}

#pageTopLeftAltan{
	width:484px;
	height:328px;
	float:left;
	background:url(../layout/toppbild_altan.jpg) no-repeat left top;
}

#pageTopLeftDorrar{
	width:484px;
	height:328px;
	float:left;
	background:url(../layout/toppbild_dorrar.jpg) no-repeat left top;
}

#pageTopLeftInnerDorrar{
	width:484px;
	height:328px;
	float:left;
	background:url(../layout/toppbild_innerdorr.jpg) no-repeat left top;
}

#pageTopLeftSkjutparti{
	width:484px;
	height:328px;
	float:left;
	background:url(../layout/toppbild_skjutparti.jpg) no-repeat left top;
}

#pageTopLeftInnebagar{
	width:484px;
	height:328px;
	float:left;
	background:url(../layout/toppbild_innebagar.jpg) no-repeat left top;
}

#pageTopLeftKontakt{
	width:484px;
	height:220px;
	float:left;
	background:url(../layout/toppbild_kontakta2.jpg) no-repeat left top;
}

/*pageright*/
#pageTopRight{
	width:476px;
	height:328px;
	float:right;
	background:url(../layout/toppbild_right.gif) no-repeat right top;
}

#pageTopRightKontakt{
	width:476px;
	height:220px;
	float:right;
	background:url(../layout/toppbild_right.gif) no-repeat right top;
}

#rDivs{
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	z-index:3;
	width:476px;
}

#rDivs h1{
	font-size:24px;
	font-weight:bold;
}

#rDivs h3{
	font-size:16px;
	font-weight:bold;
}

#rDivs p{
	font-size:13px;
}

#rDivs a{
	font-size:12px;
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
}

#rDivs a:hover{
	font-size:12px;
	color:#EEE;
	font-weight:bold;
	text-decoration:none;
}

#rDivs div {
    position:absolute;
    z-index: 0;
	top:40px;
	left:40px;
	background-color:#333333;
	width:400px;
	height:270px;
}

#rDivs div.kontaktsidan {
    position:absolute;
    z-index: 0;
	top:40px;
	left:40px;
	background-color:#333333;
	width:400px;
	height:170px;
}

#rDivs div.previous {
	position:absolute;
    z-index: 1;
	top:40px;
	left:40px;
	background-color:#333333;
	width:400px;
	height:270px;
}
#rDivs div.current {
	position:absolute;
    z-index: 2;
	top:40px;
	left:40px;
	background-color:#333333;
	width:400px;
	height:270px;
}

#pageContentBott{
	background:url(../layout/pagecontent_bott.gif) no-repeat top;
	width:960px;
	height:20px;
	float:left;
}
	
/* page foot */
#pageContentFooter{
	width:930px;
	background:url(../layout/footer_top.gif) no-repeat top #333333;
	float:left;
	padding:20px 15px 10px 15px;
}

#pageContentFooter div{
	float:left;
	padding:0px 18px;
	}

#pageContentFooter h3{
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
	padding:0px 0px 3px 0px;
}

#pageContentFooter a{
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
	background:url(../layout/link_arrow.gif) no-repeat left;
	padding-left:12px;
}

#FooterSpacer{
	float:left;
	height:15px;
	width:960px;
	background:url(../layout/footer_bott.gif) no-repeat top #000;
	}

.trlinks{
	padding:20px 0px 0px 0px;
	display:block;
}

.trlinks a{
	font-size:13px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
}

.spaminfo{
	font-size:12px;
	color:#C00;
}