html, body {
height: 100%;
}

body{
background: repeat top left url(../img/bg.gif);
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
}

/*.hr{
clear:both;
float:left;
width:100%;
height:1px;
background:#999;
margin:10px 0 30px;
padding:0;
}*/

hr { background:#ccc; clear:both; float:none; width:100%; height:1px; margin:2em 0; padding:0; border:none }
hr.space { background:#fff; color:#fff }

hr.blogg { background:#ccc; clear:both; float:none; width:100%; height:1px; margin:0.5em 0; padding:0; border:none }

p{
color: #000000;
font-size: 0.7em;
margin: 0 0 1em 0;
padding: 0;
}
.p2{
color: #000000;
font-size: 9px;
margin: 0 0 1em 0;
padding: 0;
line-height:12px;
}
/* ---------- NY struktur ---------- */
h1 {
margin:0 0 10px 0;
font-size:1.4em;
line-height:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weigth:normal;
color: #000000;
}

h2 {
margin:0 0 5px 0;
font-size:0.8em;
line-height:140%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weigth:normal;
color: #666;
}

h3 {
margin:0 0 5px 0;
font-size:0.7em;
line-height:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weigth:bold;
color: #000000;
}



a:visited, a:link{
color:#CC0000;
text-decoration:none;
}

a:hover, a:active {
color:#CC0000;
text-decoration: underline;
}

a img, :link img,:visited img { border: none; }

/* ---------- END NY struktur ---------- */

/* -------------------- LAYOUT --------------------- */

#pageWrapper { /* makes centering stop at left edge when page smaller than content width */
position: relative;
width: 750px;
margin: 0 auto;
height: auto;
}

* html #pageWrapper {
height: 1%;
}

/* -------------------- MENU --------------------- */

#navcontainer {
float:left;
height: 50px;
width: 750px;
background:url(../img/nav_bg.png) top left no-repeat;
/*margin: 20px 0 20px 110px;*/
/*overflow: hidden;*/
text-align:center;
font-size: 10px;
}

#navlist {
width:100%;
text-align:center;
list-style-type: none;
/*margin: 20px 0 0 145px;*/
margin: 20px 0 0 90px;
padding: 0;

}

#navlist li {
border-left: 1px solid #CC0000;
float: left;
line-height: 1.5em;
margin: 0 .4em 0 -.4em;
padding: 0 .5em 0 .5em;
text-align:center;
}

#navlist li.first {
border-left: none;
}

/* -------------------- END MENU --------------------- */

.top {
float: left;
width: 750px;
height: 46px;
margin: 75px 0 0 0;
padding: 0;
display: block;
}

.top a img {
border: none;
}

.index_logga {
margin:75px 25px 0 100px;
float: left;
}


.platta {
background: url(../img/platta.png) top left repeat-y;
height: auto;
width: 750px;
float: left;
padding: 15px 0 0 0;
}

.contentwrapper {
height: auto;
width: 710px;
margin: 13px 0 0 0;
float: left;
padding: 0 0 20px 0;
color: #990000;
}

#index_bild {
width:240px;
height:410px;
float:right;
margin:0 10px 0 0;
}


.puff_index {
height: auto;
width: 350px;
float: left;
margin:25px 0 0 95px;
line-height: 100%;
}


.blogg_index {
height: auto;
width: 350px;
float: left;
line-height: 100%;
margin: 165px 0px 0 95px;
}

.marken_wrapper {
clear:both;
height: auto;
width: 100%;
margin:0;
float: left;
}

* html .marken {
margin: 70px 0 0 -540px;
padding: 0;
}

.logo {
padding:0;
float:left;
margin:0;
}
/* -------------- NY struktur ----------- */

.left_content {
height: auto;
width: 250px;
float: left;
margin: 0 25px 0 50px;
line-height: 100%;
}

.right_content {
height: auto;
width: 370px;
float: left;
margin: 0;
line-height: 100%;
}

/* -------------- END NY struktur ----------- */

.textarea2 {
height: auto;
width: 300px;
float: left;
padding: 30px 10px 10px 50px;
line-height: 100%;
}

.textarea_left {
height: auto;
width: 310px;
float: left;
padding: 10px 10px 10px 35px;
line-height: 100%;
}

.textarea_right {
height: auto;
width: 310px;
float: left;
padding: 10px 10px 10px 10px;
line-height: 100%;
}

.textarea_hole {
height: auto;
width: 600px;
float: left;
padding: 10px 10px 0 35px;
line-height: 100%;
}

* html .textarea {
margin-top: 0;
}

.leftcontent {
float:left;
width:250px;
height:auto;
margin: 0 10px 0 40px;
}

.bildright {
margin: 0 40px 0 10px;
float:right;
}

#pil_h {
height: 15px;
width: 15px;
float: right;
padding: 0 10px;
}


#pil_v {
height: 15px;
width: 15px;
float: left;
padding: 0 0 0 10px;
}

#pilfack1 {
height:15px;
width:75%;
float: left;
padding-left: 105px;
}

#pilfack {
height:15px;
width:75%;
float: left;
padding-left: 90px;
}


* html .omoss_bild {
margin: 0 10px 0 20px;
}

div.center {
margin-top: 160px;
margin-left: 270px;
}
div.center2 {
margin-top: 140px;
margin-left: 130px;
text-align: left;
}

p.damherr {
font-weight: normal;
font-size: 2em;
font: Arial, Helvetica, sans-serif;
float:left;
padding-right: 45px;
color: #CC0000;
}

p.damherr2 {
font-weight: normal;
font-size: 2em;
font: Arial, Helvetica, sans-serif;
float:left;
padding-right: 45px;
color: #CC0000;
}

#contentarea {
margin: 0 2px 10px 30px;

}
#contentarea2 {
margin: 0 2px 10px 30px;
text-align: center;
}

#contentarea p {
font-size: 0.8em;
margin: 0;
padding: 0 0 0.5em 0;
}
#contentarea2 p {
font-size: 0.8em;
margin: 0;
padding: 0 0 0.5em 0;
}

/* --------- NY struktur ---------- */
.ul2 {
font-size: 0.7em;
font-style: normal;
list-style-position: outside;
list-style-type: disc;
line-height: 140%;
}

.ul2 li {margin:10px 0 0 0 ;}

/* --------- NY struktur ---------- */
ul {
	padding: 0;
margin-left: 20px;
		color: #000;
	}

#footer {
background:url(../img/footer_bg.png) bottom left no-repeat;
float:left;
width: 750px;
text-align: center;
color:#000;
margin: 0;
height: auto;
padding:0 0 20px 0;
}

#footer a:link, #footer a:visited {
color: #000;
text-decoration:none;
}

#footer a:hover, #footer a:active {
color:#000;
text-decoration:underline;
}

.hej {color:#FFCC33;}

.sammarbete {width:auto; height:auto; float:left; margin:0 0 0 75px;}
.lite_margin {margin:0 10px 0 0;}
/* Simple gallery */
#flashcontent {margin:0 0 0 50px;}

/*Acitve states for navigation*/
#marken #navmarke,
#trender #navtrend,
#omoss #navomoss,
#modevisning #navmodevisning,
#oppettider #navopen,
#hitta #navhitta,
#fotogalleri #navfoto,
#happening #navhappening,
#kontakt #navkontakt, #hem #index
{
font-weight:bold;
color:#000;
}

/* Specialare - används bara på ett enstaka element */
.karta {margin:0 0 0 100px;}


/* Allämna classer */
.right{float:right;}