/* CSS Document */

/* Basic properties */

* {
	margin: 0;
	padding:0; 	
}
a{
	outline:0;	
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background: url('../images/structure/bodybackground.gif') no-repeat center top #cdd8e0;
	text-align: center;
}

h1,h2,h3 {
	padding: 1.3em 10px 0.8em 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 2.0em;
}
h2 {
	padding: 1.0em 10px 0.4em 10px;
	font-size: 1.6em;
}
h3 {
	padding: 0.6em 10px 0.2em 10px;
	font-size: 1.4em;
	text-decoration: underline;
}
p {
	padding: 0 10px 0.2em 10px;
	font-size: 1.2em;
	margin: 0 0 10px 0;
}
img{
	border:0;
}
p:first-line {
	padding: 0 0 0 10px;
}
/* Image properties */
img.imageFrame {
	background-color: #f2f2f2;
	border:solid #f2f2f2 10px;
}

/* Main container properties */
div#mainContainer {
	margin: 0 auto;
	position: relative;
	width: 984px;
	min-height: 400px;
	background: white;
	margin-top: 50px;
	/*background: url('../images/structure/background.gif') repeat-y;*/

}

/* Properties of language select */
div#selectLang {
	position: relative;
	float: left;
}

/* Tag properties */

div#tag1 {
	width: 138px;
	height: 175px;
	position: absolute;
	right: -36px;
	top: -46px;
	cursor: pointer;
	background: url("../images/structure/tag1.gif") no-repeat ; 
}

div#tag2 {
	width: 160px;
	height: 255px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 900;
	cursor: pointer;	
	background: url("../images/structure/tag2.gif") no-repeat ; 

}
div#tag3 {
	width: 160px;
	height: 255px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 900;
	cursor: pointer;	
	background: url("../images/structure/tag2_en.gif") no-repeat ; 

}

/* Buttons */
a.buttonBrown {
	display: block;
	float: right;
	clear: right;
	margin: 5px;
	padding: 3px 20px;
	background: #AD8F6B;
	border-bottom: 2px solid #563d20;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}
a.buttonBrown:hover {
	background: #c09f77;
}

/* Header properties */
div#header_atellet {
	width: 100%;
	background: url("../images/structure/logo.jpg") no-repeat 25px 3px; 
}
div#header_annexet {
	width: 100%;
	background: url("../images/structure/logo2.jpg") no-repeat 25px 3px; 
}

/* Main menu properties */
div#mainMenu {
	padding-top: 61px;
}

div#mainMenu ul {
	list-style-type: none;
	position: relative;
	left: 0;
	float: left;
	width: 100%;
	height: 20px;
}
div#mainMenu ul li {
	float: left;
	display: block;
	height: 20px;
	padding-right: 20px;
	background: transparent url("../images/structure/button_right.gif") right bottom no-repeat; 
}
div#mainMenu ul li.lang {
	background: none;
	padding-top: 4px;
}
div#mainMenu ul li.lang a {
	background: none;
}
div#mainMenu ul li.active, div#mainMenu ul li.selected {
	background: transparent url("../images/structure/button_right_dark.gif") right bottom no-repeat; 
}
div#mainMenu ul li a {
	background: transparent url("../images/structure/button.gif") no-repeat; 
	display: block;
    line-height: 20px; 
	padding-left: 20px;
	color: white; 
	font-weight: 600;
	text-decoration: none;
	font-size: 1.2em;
}

div#mainMenu ul li.active a, div#mainMenu ul li.selected a  {
	background: transparent url("../images/structure/button_dark.gif") no-repeat; 
}
	
/* Sub menu properties */ 
div#subMenu {
	position: relative;
	width: 100%;
	height: 20px;
	background-color: #918784;
	font-family: tahoma;
	text-align: left;
	font-size: 1.1em;
	font-color: #fff;	
/*	font-weight: 600;*/
	clear: left;
	float: left;
}
	div#subMenuContainer {
		width: 80%;
	}

	div#subMenu ul {
		padding: 3px 3px 0 3px;
		list-style: none;
	}
	div#subMenu li {
		position: relative;
		float: left;
		padding-left: 18px;
	}
	div#subMenu a:link,
	div#subMenu a:visited {
		color: #fff;
		text-decoration: none;
	}
	div#subMenu a:hover {
		text-decoration: underline;
	}
	div#subMenu a.active{
		color: white;
		text-decoration: underline;
	}

/* Properties for editable content */
div#content {
	width: 100%;
	text-align: left;
}
#leftCol a {
	color: #999;
}
#leftCol a:hover {
	color: #000000;
	text-decoration: none;
}
div#leftCol {
	position: relative;
	float: left;
	width: 748px;
	
}
	div#leftCol img {
		
	}

div#rightCol {
	position: relative;
	float: right;
	width: 225px;
}

	div#sidebar_green {
		margin-right: 15px;
		margin-top: 140px;
		margin-bottom: 20px;
		width: 170px;
		background: url('../images/structure/box_green.gif') no-repeat;
		color: #fff;
	}
	.sidebox_green {
		margin: 0 auto; /* center for now */
		width: 17em; /* ems so it will grow */
		background: url('../images/structure/boxright_green.gif') no-repeat bottom right;
		font-size: 100%;
	}
	.boxbody_green {
		background: url('../images/structure/boxleft_green.gif') no-repeat bottom left;
		margin: 0;
		padding: 10px;
		
	}

	div#sidebar_red {
		margin-right: 15px;
		margin-top: 140px;
		margin-bottom: 20px;
		width: 170px;
		background: url('../images/structure/box_red.gif') no-repeat;
		color: #fff;
	}
	.sidebox_red {
		margin: 0 auto; /* center for now */
		width: 17em; /* ems so it will grow */
		background: url('../images/structure/boxright_red.gif') no-repeat bottom right;
		font-size: 100%;
	}
	.boxbody_red {
		background: url('../images/structure/boxleft_red.gif') no-repeat bottom left;
		margin: 0;
		padding: 10px;
		
	}
	
	#sidebar a {
		color: #000000;
	}

	div#sidebar {
		margin-right: 15px;
		margin-top: 140px;
		margin-bottom: 20px;
		width: 170px;
		background: url('../images/structure/box.gif') no-repeat;
		color: #fff;
	}
	.sidebox {
		margin: 0 auto; /* center for now */
		width: 17em; /* ems so it will grow */
		background: url('../images/structure/boxright.gif') no-repeat bottom right;
		font-size: 100%;
	}
	.boxhead {
		background: url(sbhead-r.gif) no-repeat top right;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	.boxhead h2 {
		background: url(sbhead-l.gif) no-repeat top left;
		margin: 0;
		padding: 22px 30px 5px;
		color: white; 
		font-weight: bold; 
		font-size: 1.2em; 
		line-height: 1em;
		text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
	}
	.boxbody {
		background: url('../images/structure/boxleft.gif') no-repeat bottom left;
		margin: 0;
		padding: 10px;
		
	}

	div#sidebar p, div#sidebar_red p, div#sidebar_green p { 
		padding: 3px;
	}
	div#rightCol h3 {
		text-align: center;
		text-decoration: underline;
	}

/* Footer properties */
div#footer {
	font-family: Tahoma;
	margin: 0 auto;
	width: 984px;
	height: 72px;
	font-size: 0.85em;
	background: #ad8f6b;
	text-align: left;
	color: white;
}

div#footer strong {
	font-size: 1.2em;
	color: #FFF;
}

div#footer a {
	color: white;
}

div#footer p {
	padding-top: 10px;
}
.paddingClass1 { 
	padding: 20px;
}

/*
 * Makes floating objects take up space. Fix from http://www.csscreator.com/attributes/containedfloat.php
 */
.floatcontainer:after
{
	content: ".";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility:hidden;
}

.floatcontainer
{
	display: inline-block;
}

/* Hides from IE Mac \*/
* html .floatcontainer
{
	height: 1%;
}

.floatcontainer
{
    display:block;
}
/* End Hack */

table td {
	vertical-align: top;
}
.newsitem_ingress {
	margin-top: 5px;
	font-size: 1.2em;
	
}
.newsitem_backbutton img {
        position: relative;
        float: left;
        margin-right: 14px;
        width: 24px;
        height: 24px;
        background: url('../images/structure/newsitem_back.gif') no-repeat;
}
div.newsitem_rubrik {
        padding: 0em 15px 0.8em 15px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 1.2em;
        font-weight: bold;
        color: #666;
}
.newsitem_rubrik_latest a {
	color: #999;
}
div.newsitem_ingress {
        font-size: 1em;
}

.tips_icon img {
        position: relative;
        float: left;
        cursor: pointer;
        margin-right: 14px;
        width: 24px;
        height: 24px;
        background: url('../images/structure/tips_icon.gif') no-repeat;
}
.newsitem_printbutton img {
        position: relative;
        float: left;
        width: 24px;
        height: 24px;
        background: url('../images/structure/newsitem_print.gif') no-repeat;
}

.newsitem_preamble_date {
	color: #999; float: left; 
}
.icmsLatestNews .newsitem_rubrik_latest, .icmsLatestNews2 .newsitem_rubrik_latest  {
	font-weight: bold;
}
.icmsLatestNews {
	margin: 0 0 10px 10px;
	font-size: 1.2em;
	padding-bottom: 10px;
	width: 530px;

}

.icmsLatestNews2 {
	height: 180px;
	font-size: 1.2em;
	border-bottom: dashed #CCCCCC 1px;

}
.icmsLatestNews div.imageDiv img{
	width: 100%;	
}

.icmsLatestNews div.imageDiv {
	float: right; 
	width: 120px;
}
form input, form textarea, form select {
	font-family: Tahoma;
	font-size: 12px;
	padding: 5px;
}
form textarea {
	width: 70%;
}
.button, .button_nav {
	background-color: #918784;
	color: #FFFFFF;
}
pre {
	padding: 10px;
	background-color: #CCCCCC;
	font-size: 12px;
	margin: 10px;
}

/* newsList */

div.newsList_icmsLatestNews{
	width:700px;
	margin:30px 0px 30px 10px;
	font-family:Verdana, Geneva, sans-serif;
}
div.newsArticleListItem{
	margin-bottom:30px;
}
div.newsList_icmsLatestNews p,
div.newsList_icmsLatestNews h1,
div.newsList_icmsLatestNews h2{
	margin:0;
	padding:0;
}
div#newsList_leftCol{
	width:170px;
	float:left;
}
div#newsList_rightCol{
	width:520px;
	float:right;
	margin-left:10px;
}
span.newsList_date{
	position: absolute;
	right: 0;
	bottom: 5px;
	font-size:12px;
	font-weight:bold;
	color:#918784;
}
div#newsList_rightCol h2.newsList_title{
	font-size:18px;
	color:#918784;
	margin:10px 0px 10px -10px;
	padding:0px 0px 2px 10px;
	border-bottom:2px solid #A8C0D0;
}
div#newsList_rightCol h2.newsList_title a{
	text-decoration:none;
}

/* newsRead */

div.newsArticleRead{
	width:600px;	
}
div.newsArticleRead p,
div.newsArticleRead h1,
div.newsArticleRead h2{
	margin:0;
	padding:0;
}
div.newsRead_imageContainer{
	padding-left:10px;
	margin:20px 0px 10px 0px;
}
div.newsArticleRead h1.newsRead_title{
	position: relative;
	padding-bottom: 4px;
	font-size:22px;
	color:#918784;
	border-bottom:2px solid #A8C0D0;
}
div.newsRead_preamble{
	font:bold 11px Verdana, Geneva, sans-serif;
	margin-bottom:10px 0px 15px 0px;
}
span.newsRead_date{
	float:right;
	font-size:12px;
	font-weight:bold;
	color:#918784;
	margin:-15px 5px 0px 0px;
}

/* Personal */
div.personal_box {
	float: left; 
	width: 210px; 
	height: 400px;
	padding-right: 20px; 
	text-align: center;	
	text-align: left;
}
div.personal_box img {
	border: 10px solid #DDD;
}
div.personal_box div.img_box {
	height: 180px;
	text-align: center;
}


/* galleryRead */

div#galleryRead_images{
	
}
div.galleryRead_pic{
	float:left;
	width:120px;
	height:130px;
	margin:0px 20px 0px 0px;
}
div.galleryRead_picHolder{
	text-align:center;	
	border:5px solid #DDD;
	background:#000;
	width:120px;
	height:80px;
}
p.galleryRead_text{
	margin:5px 0px 0px 0px;
	padding:0;
	text-align:left;
	font:10px Arial, Helvetica, sans-serif;	
}

/* Erbjudande */