/* ----------------------------------------------------------------------------------- */
/* -------------| BODY & SMÅGREJER |-------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */

html {
height: 100%;
}

body {
background: url('bg2.jpg');
height: 100%;
margin: 0;
font-family: arial;
font-size: 12px;
line-height: 20px;
}

#background {
background: url('bg-gradient.png') repeat-x;
border: 0px #FF0000 solid;
position: absolute;
width: 100%;
height: 100%;
}

img {
border: 0;
}

.line1 {
background: url('line1.jpg'); 
height: 9px;
font-size: 0;
}

.line2 {
background: url('line1.jpg'); 
height: 6px; 
margin-top: 20px; 
margin-bottom: 20px;
font-size: 0;
}

.line3 {
background: url('line3.gif') no-repeat top; 
height: 7px;
width: 550px;
margin-bottom: 10px;
margin-top: -6px;
}



/* ----------------------------------------------------------------------------------- */
/* -------------| TEXT & LINKS |------------------------------------------------------ */
/* ----------------------------------------------------------------------------------- */

/* -------------| Titles |------------- */

h1, h2, h3 {
font-family: Arial;
font-weight: 500;
letter-spacing: -.15em;
line-height: 1em;
margin: 0;
margin-bottom: 6px;
}

h1 {
font-size: 30px;
color: #505e70;
}

h2, h3 {
font-size: 22px;
display: inline;
}

h4 {
margin: 0;
font-size: 11px;
font-weight: 700;
display: inline;
}


/* -------------| Links |------------- */

#main_links a, #p_facts a, #foot_txt a, #admin_main a {
color: #6c8035;
text-decoration: none;
background: url('dotted1_off.gif') repeat-x bottom;
}

#main_links a:hover, #foot_txt a:hover, #admin_main a:hover {
color: #69acac;
text-decoration: none;
background: none;
}

.marg a, .r_content a {
color: #5d7413;
text-decoration: none;
font-weight: 500;
line-height: 20px;
display: block;
border-bottom: 0;
}

.marg a:hover, .r_content a:hover {
color: #e6ff95;
background: #b6bba5;
border-bottom: 0;
}



/* ----------------------------------------------------------------------------------- */
/* -------------| STRUCTURE |--------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */

#container {
background: url('container.png');
position: relative;
width: 840px;
padding-left: 45px;
padding-right: 45px;
min-height: 100%;
margin: 0 auto;
}

#header {
background: no-repeat url('header.jpg');
height: 176px;
}

#header-winter {
background: no-repeat url('header-winter.jpg');
height: 182px;
width: 852px;
margin-left: -6px;
}

#navi {
border: 0px dashed #FF0000;
margin-top: 6px;
margin-right: 6px;
margin-left: 6px;
line-height: 12px;
}

#main {
float: left;
width: 550px;
min-height: 500px;
margin-top: -5px;
}

#date_container {
width: 840px;
height: 30px;
}

#date {
float: right;
width: 260px;
margin-top: 10px;
text-align: center;
color: #aab6b2;
font-size: 10px;
}



/* ----------------------------------------------------------------------------------- */
/* -------------| PROJECT |----------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */

#p_picture a, #p_picture a:hover {
border: 0;
}

#p_picture {
width: 328px;
text-align: center;
float: left;
margin-left: -6px;
}

#p_facts {
float: right;
width: 215px;
line-height: 14px;
}

#p_info {
margin-top: 280px;
}

.p_facts{
font-size: 10px;
font-weight: 500;
color: #809393;
}

.space {
line-height: 12px;
}



/* ----------------------------------------------------------------------------------- */
/* -------------| RIGHTPANEL |-------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */

#rightpanel {
float: right;
width: 260px;
position: relative;
margin-top: 0px;
font-size: 11px;
color: #535f27;
line-height: 18px;
}

.rp_main {
background: no-repeat url('rp_top.jpg') #ced3be;
padding-top: 30px;
padding-bottom: 15px;
min-height: 140px;
}

.rp_btm {
background: url('rp_btm.jpg');
height: 22px;
margin-bottom: 20px;
}

.marg {
margin-left: 14px;
margin-right: 14px;
}

.r_main 		{ margin-left: 4px; width: 252px; }
.r_container 	{ background: #e1e6d1; }
.r_roundtop 	{ background: #ced3be; height: 5px; }
.r_roundbottom 	{ background: #ced3be; height: 5px; margin-bottom: 8px; }
.r_content 		{ padding: 10px; }
.r1				{ margin: 0 5px; height: 1px; overflow: hidden; background: #e1e6d1; }
.r2				{ margin: 0 3px; height: 1px; overflow: hidden; background: #e1e6d1; }
.r3				{ margin: 0 2px; height: 1px; overflow: hidden; background: #e1e6d1; }
.r4				{ margin: 0 1px; height: 2px; overflow: hidden; background: #e1e6d1; }

.r_main2 		{ margin-left: 4px; width: 252px; }
.r_container2 	{ background: #9ba47d; }
.r_roundtop2 	{ background: #ced3be; height: 5px; margin-top: 23px; }
.r_roundbottom2	{ background: #ced3be; height: 5px; margin-bottom: 16px; }
.r_content2		{ padding: 10px; color: #fff; }
.r12			{ margin: 0 5px; height: 1px; overflow: hidden; background: #9ba47d; }
.r22			{ margin: 0 3px; height: 1px; overflow: hidden; background: #9ba47d; }
.r32			{ margin: 0 2px; height: 1px; overflow: hidden; background: #9ba47d; }
.r42			{ margin: 0 1px; height: 2px; overflow: hidden; background: #9ba47d; }

.r_content2 a {
color: #fff;
text-decoration: none;
}



/* ----------------------------------------------------------------------------------- */
/* -------------| FOOTER |------------------------------------------------------------ */
/* ----------------------------------------------------------------------------------- */

#footer {
position: relative;
height: 60px;
padding-top: 40px;
clear: both;
font-size: 10px;
color: #8f9974;
}

#foot_txt {
position: absolute;
padding-top: 8px;
}

#validator {
position: absolute;
padding-top: 7px;
right: -5px;
text-align: right;
}

#validator a {
text-decoration: none;
}



/* ----------------------------------------------------------------------------------- */
/* -------------| CONTACT / INPUTS |-------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */

select {
font-family: Arial;
font-size: 12px;
}

.field, textarea {
background-image: url('field.jpg');
width: 280px;
height: 14px;
font-size: 12px;
font-weight: 500;
font-family: Arial;
border: 0px solid #c0cbc7;
padding: 4px;
}

textarea {
border: 0px solid #c0cbc7;
background-image: url('textarea.jpg');
height: 87px;
}

.skicka {
border: 0px solid #808f8a;
background-image: url('submit.jpg');
background-color: #e6fea7;
width: 82px;
height: 24px;
margin-left: -2px;
font-family: Arial;
font-size: 10px;
font-weight: 700;
color: #000;
}



/* ----------------------------------------------------------------------------------- */
/* -------------| ADMIN |------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */

#admin_container {
position: relative;
width: 840px;
}

#admin_main {
width: 550px;
float: left;
}