/* FRAMEWORK 
================================== */

* {
	margin: 0;
	padding: 0;
	}

html {
	height: 100%;
	}

body {
        background: url(../img/bg.jpg) repeat;
	margin: 0;
	padding: 0;
	padding-bottom: 15px;
	font-family: Trebuchet MS, Times New Roman, arial, tahoma, verdana, Trebuchet MS, Verdana, Sans-Serif;
	font-size: 13px;
	color: #1E1E1E;
	}

#header {
        background: url(../img/header.png) bottom no-repeat;
        width: 917px;
        height: 237px;
        margin: 0 auto;
        padding-bottom: 0px;
        border: 0px solid #000;
        }
#header_en {
        background: url(../img/header_en.png) bottom no-repeat;
        width: 917px;
        height: 237px;
        margin: 0 auto;
        padding-bottom: 0px;
        border: 0px solid #000;
        }
#header_de {
        background: url(../img/header_ty.png) bottom no-repeat;
        width: 917px;
        height: 237px;
        margin: 0 auto;
        padding-bottom: 0px;
        border: 0px solid #000;
        }	
#wrap {
        background: url(../img/content_bg.png) top repeat-y;
        width: 917px;
        margin: auto;
        padding-bottom: 0px;
	}
    
#wrapBottom {
        background: url(../img/content_bg_bottom.png) bottom no-repeat;
        width: 917px;
        height: 20px;
        margin: 0 auto;
        padding-bottom: 0px;
	}

#contentwrap
	{
	width: 845px;
	margin: 0 auto;
	padding-top: 20px;
	border: 0px solid #000;
	}
	
/* 
#logga_bg {
	background: url(../img/logga_bg2.gif) no-repeat;
	width: 334px;
	height: 359px;
	z-index: 1px;
	position: absolute;
	margin-top: 100px;
	margin-left: -27px;
	}
*/
    
#headerImg {
	width: 598px;
	height: 203px;
	position: absolute;
	margin: 25px 0 0 270px;
	}
	
#flaggor {
	width: 20px;
	height: 160px;
	position: absolute;
	margin: 60px 0 0 868px;
	}
	
	
#datum {
	width: 205px;
	position: absolute;
	margin: 225px 0 0 40px;
	color: #999;
	border: 0px solid #000;
	text-align: center;
	font-size: 11px;
	}
	
	
/* CONTENT 
================================== */

#head {
	margin: 0;
	height: 50px;
	padding: 0;
		}

	
#LeftColumn {
	width: 540px;
	float: left;
	padding-left: 0px;
	padding-top: 30px;
	padding-bottom: 10px;
	z-index: 90;
	position: relative;
	}
	
#LeftColumnKontakt {
	width: 325px;
	float: left;
	padding-left: 0px;
	padding-top: 30px;
	padding-bottom: 10px;
	z-index: 90;
	position: relative;
	}
	
.ImageColumnLeft {
	width: 202px;
	float: left; 
	position: relative;
	}
	
.TextColumnRight {
	width: 260px;
	float: right; 
	position: relative;
	}


.TextColumnRightSmal {
	width: 200px;
	float: right; 
	position: relative;
	}

#RightColumn {
	width: 267px;
	float: left;
	margin: 30px 0 0 35px;
	border: 0px solid #333;
	}

#RightColumnKontakt {
	width: 400px;
	float: right;
	border: 0px solid #ddd;
	margin-top: 40px;
	}
	
#puffardiv{
	clear:both;
	height:180px;
}
	
#aktuellt_top {
	background: url(../img/aktuellt_bg_top.jpg) no-repeat;
	width: 267px;
	height:12px;
	}
	
#aktuellt {
	background: url(../img/aktuellt_bg_body.jpg) no-repeat;
	background-position:bottom;
	background-color:#2e61a2;
	width: 267px;
	min-height:185px;
	height: auto;
	}
	
#aktuelltText {
	width: 245px;
	color: #FFF;
	font-size: 12px;
	line-height: 14px;
	padding: 15px 0 0 15px;
	}

.puffGul {
	background: url(../UserFiles/Image/gul_puff_bg.jpg) no-repeat;
	width: 528px;
	height: 199px;
	}

.getGul {
	background: url(../UserFiles/Image/gul_puff_get.jpg) no-repeat;
	}
	
.puffGul a {
	color: #1E1E1E;
	text-decoration: none;
	}

.puffGul a:hover {
	text-decoration: underline;
	}
	
.puffGron {
	background: url(../UserFiles/Image/gron_puff_bg.jpg) no-repeat;
	width: 531px;
	height: 133px;
	}
	
.getGron {
	background: url(../UserFiles/Image/gron_puff_get.jpg) no-repeat;
	}
	
.puffText {
	width: 290px;
	color: #000;
	font-size: 12px;
	line-height: 14px;
	padding: 15px 0 0 15px;
	}
	
.bildPuffGul {
	margin: 30px 30px 0 0;
	float: right;
	}

.bildPuffGron {
	margin: 15px 30px 0 0;
	float: right;
	}


	
.footerBorder {
	border-top: 2px solid #69af31;
	padding-bottom: 5px;
	}

.footerBorder2 {
	border-bottom: 2px solid #69af31;
	padding-top: 5px;
	}

	
#footer {
	padding-bottom: 5px;
	color: #1E1E1E;
	font-size: 11px;
	font-weight: normal;
	height: 55px;
	width: 845px;
	margin: 0 auto;
	text-align: left;
	padding-top: 10px;
	z-index: 100;
	position: relative;
	letter-spacing: 0.1em;
	}

	
#linksBottom {
	color: #ccc;
	text-align: center;
	padding-top: 10px;
	}
	
	
#flags {
	width: 60px;
	position: absolute;
	margin: 53px 0 0 723px;
	border: 0px dotted #fff;
	}
	

	

	
	
	/* HEADINGS 
================================== */

h2 {
	font-family: Georgia, Trebuchet MS, Georgia, Trebuchet MS, Times New Roman, sans-serif;
	font-size: 24px;
	letter-spacing: 1px;
	margin: 0px 0 0px 0;
	color: #083f88;
	}

h3 {
	font-family: Georgia, Trebuchet MS, Times New Roman, Georgia, Trebuchet MS, Times New Roman, sans-serif;
	font-size: 16px;
	margin: 0px 0 10px 0;
	color: #000;
	}	


h4 {
	font-family: Georgia, Trebuchet MS, Times New Roman, Georgia, Trebuchet MS, Times New Roman, sans-serif;
	font-size: 16px;
	margin: 0px 0 10px 0;
	color: #083f88;
	}
	



h5 {
	font-family: Georgia, Trebuchet MS, Times New Roman, Georgia, Trebuchet MS, Times New Roman, sans-serif;
	font-size: 14px;
	margin: 0px 0 10px 0;
	color: #FFF;
	}

h6 {
	font-family: Georgia, Trebuchet MS, Times New Roman, Georgia, Trebuchet MS, Times New Roman, sans-serif;
	font-size: 14px;
	margin: 0px 0 10px 0;
	color: #000;
	}	
	

.italic {
	font-style: italic;
	}

.normal {
	font-style: normal;
	}

.dashed {
	border-bottom: 1px dotted #edecec;
	}

/* HEADER IMAGES 
================================== */

.topImage {
	width: 600px;
	height: 200px;
	position: absolute;
	margin: -230px 0 0 235px;
	}


.Start {
        background: url(../UserFiles/Image/headerbild_start.jpg) no-repeat;
	width: 600px;
	height: 200px;
	}


.Skog {
        background: url(../UserFiles/Image/headerbild_skog.jpg) no-repeat;
	width: 600px;
	height: 200px;
	}

.Grupp {
        background: url(../UserFiles/Image/headerbild_grupp.jpg) no-repeat;
	width: 600px;
	height: 200px;
	}

.Buss {
        background: url(../UserFiles/Image/headerbild_buss.jpg) no-repeat;
	width: 600px;
	height: 200px;
	}

.Arn {
        background: url(../UserFiles/Image/headerbild_arn.jpg) no-repeat;
	width: 600px;
	height: 200px;
	}

.Omoss {
        background: url(../UserFiles/Image/headerbild_omoss.jpg) no-repeat;
	width: 600px;
	height: 200px;
	}	
	
.Kontakt {
        background: url(../UserFiles/Image/headerbild_kontakt.jpg) no-repeat;
	width: 600px;
	height: 200px;
	}

.Referenser {
        background: url(../UserFiles/Image/headerbild_referenser.jpg) no-repeat;
	width: 600px;
	height: 200px;
	}	
	
.alignRight {
	text-align: center;
	}
	
/* PARAGRAPHS & OTHER STUFF 
================================== */
p {
	margin: 5px 0 10px 0;
	}


#NewsItem {
	margin-left: 20px;
	}
	
.DottedLine {
	width: 355px;
	border-top: 1px dashed #23413a;
	height: 1px;
	padding: 10px 0; }
	
.DashedLine {
	width: 230px;
	border-top: 1px dashed #23413a;
	height: 1px;
	padding: 10px 0;
	
	}
	
	
/* IMAGES & FONTS
================================== */

img {
	border: none;
	vertical-align: middle;
	}

.imgBorder {
	border: 2px solid #FFF;
	}
	
.imgBorderGray {
	border: 2px solid #ccc;
	}
	
#LeftColumn ul, #LeftColumn ol {
	margin-left: 25px;
	}

a {
	text-decoration: none;
	color: #63a62f;
	}

a:hover {
	text-decoration: underline;
	color: #63a62f;
	}


a:visited {
	color: #63a62f;
	}
	
td {
	align: top;
	}
	
.puffText a {
	text-decoration: none;
	color: #000;
	}
	
.puffText a:hover {
	text-decoration: underline;
	color: #000;
	}
	
.smallItalic {
	font-size: 11px;
	font-style: italic;
	}