/* CSS Document */
/* ALLMANA TAGGAR */

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Calibri, "Trebuchet MS", sans-serif;
	font-weight: normal;
	color: #333333;
	font-size: 100%;
	background-color:#dcdcdc;
}


h1 {
	font-size: 170%;
	font-weight: normal;
	letter-spacing: 1.5px;
	margin:0px 0px 15px 0px;
}

h1.start {
	text-align:left;
	color:#666666;
}
h1.start span.stor {
	font-size: 80%;
	text-align:left;
	color:#999999;
}

h1.start span.liten {
	font-size: 70%;
	font-style:italic;
	color:#999999;
}

h2 {
	font-size: 120%;
	font-weight: normal;
	letter-spacing: 1.2px;
	margin:0px 0px 5px 0px;
}

h2 span {
	font-size: 80%;
	font-weight: normal;
	color:#999999;
}

h3 {
	font-size: 120%;
	font-weight: normal;
	letter-spacing: 1.2px;
	margin:0px 0px 2px 0px;
}

p a, p a:link, p a:active, p a:visited, table a  {
	font-weight: bold;
    text-decoration: none;
	color: #666666;
    border-bottom: 1px solid #666666;
}

p a:hover, table a:hover   {
	font-weight: bold;
    text-decoration: none;
	color: #cccccc;
    border-bottom: 1px solid #cccccc;
}




/* LAYOUT  ALLMANT */

#ram {
	/*position:absolute;
	left:50%;
	top: 0px;
	width: 776px;
	height: 100%;
	margin-left: -388px; 
	background: #dcdcdc url(../images/bg.jpg) repeat-y 50% 0px;*/
	margin: 0px auto;
	padding: 0px;
  	text-align: left;
	width: 776px;
	background: #dcdcdc url(../images/bg.jpg) repeat-y;
}

.rensa {
	clear: both;
	height:1px;
}

.rensa-v {clear:left; height:1px;}

/* SIDHUVUD */

#sidhuvud {
	width: 776px;
	height: 199px;
	background: url(../images/bg_sidhuvud_ny.jpg) no-repeat;
}

#sidhuvud img#logga {
	margin: 0px 0px 0px 40px;
}

/* FLIK MENY */

#flikmeny	{
	width:auto;
	height:50px;
	text-align:right;
	margin-right:12px;
}

#flikmeny ul#nav {
	float:right;
	margin:0px;
	padding:0px;
	list-style:none;
	/*background-color:#FF0000;*/
}

#flikmeny  li {
  	float:left;
  	background:url(../images/meny_left.gif) no-repeat left top;
  	padding-left:18px;
	margin:0px;
  }

  
#flikmeny #nav a {
	height: 50px;
  	float:left;
  	display:block;
  	background:url(../images/meny_right.gif) no-repeat right top;
  	padding: 30px 20px 0px 0px;
	font-size: 80%;
	text-decoration: none;
	border: 0px;
	color:#666666;   
   }

#flikmeny #nav a:hover {
	background:url(../images/meny_right.gif) no-repeat right top;
}

#flikmeny li#aktiv {
  	background-image:url(../images/meny_left_aktiv.gif);
    }
  
#flikmeny li#aktiv a {
  	background-image:url(../images/meny_right_aktiv.gif);
  	color:#999999;
  }

#flikmeny li#aktivhem {
  	background-image:url(../images/meny_left_aktiv_hem.gif);
	padding-left:35px;
 }
 
 #flikmeny li#aktivhem a {
  	background-image:url(../images/meny_right_aktiv.gif);
  	color:#999999;
  }
  
  #flikmeny li#hem {
  	background-image:url(../images/meny_left_hem.gif);
	padding-left:35px;
    }
  
  #flikmeny li#kontakt {
  	background-image:url(../images/meny_left_kontakt.gif);
	padding-left:35px;
    }

#flikmeny li#aktivkontakt {
  	background-image:url(../images/meny_left_aktiv_kontakt.gif);
	padding-left:35px;
 }
 
 #flikmeny li#aktivkontakt a {
  	background-image:url(../images/meny_right_aktiv.gif);
  	color:#999999;
  }
  
  #flikmeny li a:hover {
	color: #999999;
}  

#flikmeny li#aktiv a:hover, #flikmeny li#aktivhem a:hover, #flikmeny li#aktivkontakt a:hover {
	color: #999999;
	background-image:url(../images/meny_right_aktiv.gif);
}  



/* INNEHALL */

#innehall {
	width: auto;
	/*background-color:#996600;*/
}

.text, .nyhet {
	margin:10px 40px 20px 40px;
}

#innehall img.liten {
	margin:0px 0px 10px 0px;
}

#innehall p {
	padding: 5px 0px 10px 0px;
	font-size: 95%;
	font-weight:normal;
}

#innehall p.start {
	font-style:italic;
	color:#666666;
	font-size: 110%;
}

#innehall p.lank {
	font-style:italic;
	text-align:right;
}

#innehall p.citat {
	font-style:italic;
	color:#666666;
}

#innehall p span {
	font-weight:bold;
	font-size:120%;
}

#vanster {
	float: left;
	width: 375px;
}

#hoger {
	float: right;
	width: 375px;
	border-left:1px dashed #cccccc;
}





#innehall p.adress {
	margin-bottom: 20px;
}

#innehall ul {
	list-style: none;
	margin: 5px 0px 20px 15px;
	padding: 0px;
}

#innehall li {
	display: block;
	font-size: 100%;
	background-image: url("../images/li_mark.gif");
	background-repeat: no-repeat;
	width:auto;
	/*height:20px;*/
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
}

#innehall ul#visabild {margin: 5px 0px 20px 0px; padding:0px; list-style:none; font-size:70%;}
#innehall ul#visabild li {float:left; display:block; padding:0px 5px 5px 0px;}
#innehall li a, #innehall li a img {border:0px;}

#innehall p#mattpriser {
	padding-top: 15px;
}

#innehall table#fakta {
	font-size: 90%;
}

#innehall table#fakta td.rubrik {
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: 1px solid #999999;
}

#innehall table#fakta td {
	padding-top: 5px;
	padding-bottom: 8px;
}

#innehall table#fakta td.botten {
	padding-top: 5px;
	border-top: 1px solid #999999;
}

.kontakt {
	margin-top: 20px;
	margin-bottom: 15px;
	clear:both;
}

.kontakt img {
	margin-bottom: 15px;
	float: right;
}


/* UNDERMENY */

#meny {
	width:auto;
	height:48px;
	text-align:left;
	margin:0px 18px 0px 18px;
	background: #f0f0f0 url(../images/bg_undermeny.gif) repeat-x;
}

html>#meny { 
	top: 0px; 
	}

#meny ul {
	margin:0px;
	padding:0px;
	list-style:none;
	text-align: left;
}
#meny ul li {
	float: left;
	background-image: url("../images/grey.gif");
	background-repeat: no-repeat;
	margin:0px 5px 0px 18px;
	padding:0px;
}

#meny li > ul {
	top: auto;
	left: auto;
	}
#meny ul li a {
	display: block;
	height: 54px;
	margin: 0px;
	padding: 8px 12px 0px 12px;
	font-size: 80%;
	/*background: url(../images/meny_left.gif) no-repeat left top;*/
	text-decoration: none;
	border: 0px;
	color:#ffffff;
	text-transform: uppercase;
	font-weight:bold;
}

			
#meny ul li a:hover  {
	color: #999999;
	background-image: url(../images/undermeny_hover.gif);
	background-repeat: repeat-x;
}   

#meny ul li#visa a {
	color: #666666;
	background-image: url(../images/undermeny_on.gif);
	background-repeat: repeat-x;
}


/* START BILD */



#startbild {
	width: 544px;
	height: 185px;
	background-color:#f0f0f0;
	background-image: url(../images/startbild_ny.jpg);
	background-repeat: no-repeat;
}

#omirbild {
	width: 544px;
	height: 185px;
	background-color:#f0f0f0;
	background-image: url(../images/omir.jpg);
	background-repeat: no-repeat;
}

#omirbyggbild {
	width: 544px;
	height: 185px;
	background-color:#f0f0f0;
	background-image: url(../images/omirbygg.jpg);
	background-repeat: no-repeat;
}

#omirbodmaskinbild {
	width: 544px;
	height: 185px;
	background-color:#f0f0f0;
	background-image: url(../images/omirbodmaskin.jpg);
	background-repeat: no-repeat;
}



#sidfot {
	width: 776px;
	height: 100%;
	font-size: 75%;
	color: #999999;
	background: #dcdcdc url(../images/bg_sidfot.jpg) no-repeat;
}

 .sidfottext {
	margin:0px 40px 0px 40px;
}

.sidfottext p {
	text-align: left;
	padding: 25px 0px 0px 0px;
}

.sidfottext p.signatur {
	padding: 25px 0px 25px 0px;
	text-align: right;
}

/* KAMPANJ */

#visakampanj {
	display:block;
	padding:0px;
	position: absolute; 
	left: 50%; 
	top: 30%; 
	margin-left:-300px; 
	margin-top:-150px; 
	z-index 5; 
	height: auto; 
	width: 588px; 
	
}

.sidhuvudkampanj {
	height: 22px;
	width:599px;
	background-image: url(../images/bg_sidhuvud_kampanj.gif);
	background-repeat: no-repeat;
}

.visakampanjinnehall {
	background-color: #dcdcdc;
	border-right: 5px solid #ffffff;
	border-bottom: 5px solid #ffffff;
	border-left: 5px solid #ffffff;
	width: 588px;
}

#visakampanj p.close {
	text-align: right;
	font-size:75%;
	padding: 4px 8px 0px 0px;
}

.visakampanjinnehall img {
	margin-bottom: 5px;
	border-bottom: 5px solid #ffffff;
}

#kampanjform p {
	margin: 6px 0px;
}

#kampanjform {
	padding:10px;
}

#kampanjform .knapp {
	color:#333333;
	width:220px;
	border: 1px solid #CCCCCC;
	background-color: #f0f0f0;
	padding:5px;
	cursor:hand;
	
					}

/* ADMIN */		

#adminform p {
	margin: 6px 0px;
}

#adminform span {
	margin: 6px 0px;
}

.admin ul {
	margin: 5px 0px 10px 0px;
}		   

.admin ul li {
	margin: 5px 0px 5px 0px;
	padding-left: 15px;
}
			  
p.kommentar {
	font-style: italic; 
	color:#990000; 
	margin: 6px 0px;
	font-size:80%;
}
	   
#adminform .falt {
	color:#666666; 
	width:450px;
	border: 1px solid #999999;
	margin: 5px 0px 0px 0px;
}	

#adminform .faltliten {
	color:#666666; 
	width:80px;
	border: 1px solid #999999;
	margin: 5px 0px 0px 0px;
	padding-left: 10px;
}									   

#adminform textarea.brodtext {
	font-family:"Trebuchet MS", Verdana, sans-serif;
	color:#666666;
	width:450px;
	height:150px;
	border: 1px solid #999999;
	margin: 5px 0px 0px 0px;
}								

#adminform .knapp {
	color:#333333;
	width:220px;
	border: 1px solid #CCCCCC;
	background-color: #dcdcdc;
					}

#adminform .tabortknapp {
	width: 130px;
	height: 18px;
	background-color:#990000;
	color:#FFFFFF;
	text-align: center;
	border: 1px solid #999999;
	padding:2px 0px 0px 0px;
}	   

.visanyhet {
	padding: 10px 20px 10px 20px;
	border-left: 1px dashed #999999;
	border-right: 1px dashed #999999;
	background-color:#fafafa;
}