/*=====================================================*/
/*  By HELIKOPTER.TV, Bobo Samuelsson & Olaf Ripegård  */
/*=====================================================*/


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background: #FFFFFF;
	color:#000000 !important;
	text-align: center;
	height:100%; 
	background-image: url('images/bakgrund_blad_2.jpg');
	background-repeat: no-repeat;
	background-position: center top;
}

#wrapper { 
	margin: 20px auto 0px auto;
	width: 798px;
	border:1px solid #CDCBCE;
	text-align: left;
	background: #fff;
}

#fullcontentbac { 

	width:100%;
	background-image: url('images/greenGradient.gif');
	background-repeat: repeat-x;
	/*border: 1px solid BLUE;*/
}

#fullcontent { 
	border: 1px solid #ccc;
	background: #FEFEFE;
	padding: 10px;
	width:900px;
	/*overflow: hidden;
	clear:both;*/
}

#container {
	margin:0;
	margin-bottom: 0px;
	overflow: auto;
	border:0px solid RED;
}

#header {
	color: #333;
	width: 798px;
	height: 148px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	background-color: #FFF;
}

#header a span {
    display: none;
}

#navigation {
	color: #333;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	height: 30px;
}

#left { 
	display: inline;
	color: #333;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 7px;
	width: 140px;
	float: left;
		/*border:1px solid Yellow;*/
}


/* ========= FULL CONTENT ========= */
.content_full { 
	float: left;
	color: #666666;
	margin: 0px 0px 0px 0px;
	padding: 5px;
	width: 798px;
	height: 100%;
	overflow: hidden;
	display: inline;
	/*border:1px solid RED;*/
}

/* Tillägg till content_full för söksidan (i FF) */
.search {
	float: none;
	width: 788px; 
}


/* ========= 2COL CONTENT ========= */
.content_2 { 
	float: left;
	color: #666666;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	/*width: 600px;*/
	width: 560px;
	height: 100%;
	overflow: hidden;
	display: inline;
	/*border:1px solid RED;*/
}

/* ========= 3COL CONTENT ========= */
/* Sätt INTE "height:100%;" i denna CSS class, då dyker det upp en vertikal scrollbar i FF. */
.content_3 { 
	float: left;
	color: #666666;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	width: 420px;
	overflow: visible;
	display: inline;
	position: relative;
	/*border:1px solid YELLOW;*/
}

#infobox {
	margin:0px 0px 0px 0px;
	padding:0px 10px 0px 0px;
		text-align:right;
	/*border:1px solid YELLOW;*/
}

/* Denna klass läggs till i container DIV på index.php om sidan är en Tellus sida. */
.hideShowInfobox {
	display: none;
}


#right { 
	clear: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 210px;
	float: right;
	/*border:1px solid YELLOW;*/
}

#rightimage{ 
	background-repeat: no-repeat;
	background-position: top right;
	/*border:1px solid YELLOW;*/
}

#footer { 
	width: 796px;
	clear: both;
	color: #506e0f;
	background: #fff;
	margin: 0px 0px 0px 0px;
	padding: 22px 0px 0px 0px;
	font-size: 12px;
}

#footer a:link { 
	color: #506e0f;
}

#footer a:visited { 
	color: #506e0f;
}

#footer a:hover,#footer a:active { 
	color: #000;
}

#userinfo { 
	width: 796px;
	clear: both;
	color: #506e0f;
	background: #b0c380;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 0px;
	border: 0px solid RED;
	text-align: center; 
	font-size: 12px;
}

#userinfo a:link { 
	color: #506e0f;
}

#userinfo a:visited { 
	color: #506e0f;
}

#userinfo a:hover,#userinfo a:active { 
	color: #8F0000;
}

.clear {
	clear:both;
	height:1px;
	background: none;
	overflow:hidden;
}

#sitemap {
	margin: 0 auto; 
	text-align:left;
	width:90%;
	padding:20px;
}

#sitemap ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	font-weight:bold;
}

#sitemap ul ul {
	margin-left: 0;
	padding-left: 10px;
	list-style: square inside;
	font-weight:normal;
}

.center {
	width:300px;
	margin: 0 auto;
	padding:25px;
}

/* ============================================================== */
h1 {	
	margin: 2px;
	color: #000066;
	font-size: 16px;
	font-weight: normal;
}

h2 {	
	margin: 2px;
	color: #000066;
	font-size: 14px;
	font-weight: bold;
}

h3 {	
	margin: 0px; /* Används till Annons titlar */
	color: #506E0F;
	font-size: 10px;
	font-weight: normal;
}

a:link { 
	color: #000;
}

a:visited { 
	color: #000;
}

a:hover, a:active { 
	color: #2b5414;
}
/* ============================================================== */

#fullcontent form {
	margin-bottom: 5px;
	margin-top: 5px;
	/*clear:both;*/
	text-align:center;
}

#fullcontent table {
	width:60%;
	margin: 0 auto;
}

#content form {
	margin-bottom: 5px;
	margin-top: 1px;
	clear:both;
}

#content table {
	width:99%;
}
  
/* ============================================================== */
#breadcrumbs {
	width: 798px;
	height: 20px;
	margin: 0px 0px 10px 0px;
	padding: 5px 0px 0px 0px;
	font-weight:bold;
	text-align: left;
	/*border:1px solid RED;*/
}

#breadcrumbs a:link { 
	color: #506E0F;
}

#breadcrumbs a:visited { 
	color: #506E0F;
}

#breadcrumbs a:hover, #breadcrumbs a:active { 
	color: #80b323;
}

#breadcrumbs a {
	font-size:11px;
	font-weight:bold;
}

#breadcrumbs span {
	margin-left:20px;
}

/* ============================================================== */

.contentwraper {
	width:100%;
	/*height: 100%;*/
	float: left;
}

/* .pagecontent */
.pagecontent {
	height: 100%;
}

.pagecontent h1 {

}


/* ============================================================== */
.edit {
	float:right;
	position:relative;
	top:0px;
	right:0px;
	padding:5px;
	width:150px;
	font-weight:bold;
	border: 1px solid #ff0000;
	background: #ffffe1;
}

.edit a {
	text-decoration: none;
}


/* ================= Top Menu based on www.cssplay.co.uk based on cssplay.co.uk  by Helikopter.tv =========================== */

#menu_wrapper {
	margin: 0 auto 0 auto;
	text-align: center;
	width:798px;
	height:30px;
}

#main_menu a {
	/*text-align: center;*/
	font-weight: bold; 
	/*line-height:30px;*/
}

#main_menu {
	padding:0px; 
	margin:0px;
	width:100%;
	height:30px;
	
}

#main_menu ul {
	padding:0px; 
}

#main_menu li {
	float: left; 
	display: inline; 	/* Tog bort punkterna i punktlistan i FF. */
	width: 104px; 		/* Sätt samma bredd för #main_menu li a */
	padding: 3px 0px 2px 0px;  
	height: 23px;	/* För att höjden ska bli rätt i FF var jag tvungen att sätta denna till 5 pixel mindre än höjden 30, p.g.a. padding (3 + 2 pixel, se reden ovan). */
	margin: 0px 0px 0px 7px;
	vertical-align: middle;
	border: 1px #CDCBCE solid;
	border-style: solid solid none solid;
	
	/* Runda hörn för FF respektive Chrome/Safari. Ett javaScript ser till att skapa runda hörn för IE genom att titta på border & webkit. */
	-moz-border-radius-bottomleft: 13px;
	-moz-border-radius-bottomright: 13px;
	-webkit-border-bottom-left-radius: 13px;
	-webkit-border-bottom-right-radius: 13px; 
}

/* De toppmeny "list item" som har under-menyer har denna klass satt  */
.sub {
	
}

/*
#main_menu li  img {
	vertical-align: middle;
}*/

#main_menu li a, #main_menu li a:visited {
	/*display:block;*/
	width:104px; 	/* Sätt samma bredd för #main_menu li */
	color:#506E0F; 
	font-size: 13px; 
	text-decoration:none; 
	line-height:23px;	/* trick för att "centrera" texten vertikalt? */
	font-family:arial, verdana, sans-serif; 
	padding:0px; 
	margin:0px;
}

#main_menu li a:hover {
	color:#80b323;  
} 

/* Den toppmeny som är vald. */
#main_menu li a.selected {

}

#main_menu li a.chosen, #main_menu li a.selected:visited,  #main_menu li a:active, #main_menu li a:focus {
	color:#506E0F;
}

#main_menu li a span {

}

/* Länktexten för topp-menyn. */
#main_menu li a span.link {
	padding-left: 30px;
}

/* Inte längre använd, IMG-tagen ersatt av bakgrundsbild istället. */
#main_menu li a span.img {

}

/* >> -tecknen som visas tillhöger om toppmenyer som har undermenyer. */
.submenuIndicator {
	margin-left:6px;
}

img {border:none;}
/* Image Thumbnails */


/* ================= Side Menu based on cssplay.co.uk  by Helikopter.tv  =========================== */
.menu {
	z-index:1000;
	float:left;
	width: 130px;
	margin: 10px 0px 0px 0px; /* Varför ignoreras denna? */
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
	width:130px;
}

/* hack for IE5.5 */
* html .menu ul {margin-left:-16px; ma\rgin-left:0;}

/* position relative so that you can position the sub levels */
.menu li {
	position:relative;
	height:26px;
	margin-bottom: 6px;
}

/* get rid of the table */
.menu table {
	position:absolute; 
	border-collapse:collapse; 
	top:0; 
	left:0; 
	z-index:100; 
}

/* style the links */
.menu a, .menu a:visited {
	display:block; 
	text-decoration:none;
	height:25px;
	line-height:25px;
	width:130px;
	color:#506E0F;
	text-indent:5px;
	border:1px solid #CDCBCE;
	cursor: pointer;
}

/* P.g.a. bug i IE och/eller curvucorners så måste man ibland inte användea CSS selectorer utan måste göra en speciell class för att indikera vilka tagar som ska få runda hörn.  */
.roundedLeftMenu {
	/* Runda hörn för FF respektive Chrome/Safari. Ett javaScript ser till att skapa runda hörn för IE genom att titta på border & webkit. */
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px; 
}

/* Den vänstermeny som är vald. */
.menu a.selected {
	display:block; 
	text-decoration:none;
	height:26px;
	line-height:25px;
	width:130px;
	color:#506E0F;
	background:#fff;
	text-indent:5px;
	border:1px solid #000;
	border-width:1px 1px 1px 1px;
}

/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {background:#fff; width:130px; w\idth:130px;}

/* style the link hover */
* html .menu a:hover {
	color:#000066; 
	background:#fff;
}

.menu :hover > a {
	color:#80b323; 
	background:#fff;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	top:0;
	left:130px; 
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {
	visibility:visible;
}

/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul {
	visibility:hidden;
}

/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul {
	visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul { 
	visibility:visible;
}

/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
	visibility:visible;
}

/* ============================================================== */

#announcement {
	color: #000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 208px;
	/*border: 1px solid BLUE;*/
}

#announcement .an_title {
	padding: 0px;
	margin: 10px 10px 0px 0px;
	float: right;
	text-decoration: none;
	/* H3 taggen Styr texten*/
}

#announcement .an_content {
	padding: 0px;
	margin: 0px;
}

#announcement .an_image {
	text-align:right;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

#announcement .an_body {
	color: #000;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

/* Används av announcement_inc.php för att dölja titeln om man inte vill att den ska visas. */
.hideAnnouncementTitle {
	display: none;
}

/* Denna klass läggs till i infobox DIV på index.php om sidan är en Tellus sida eller startsida. */
.hideShowAnnouncement {
	display: none;
}

/* Annonser */
#annonser .annons, .etta {
	margin: 0px 0px 0px 0px;
	float: right;
	display: none;
}

/* Annonstyp som alltid kommer som etta i listan. */
#annonser .etta {
/*border: 1px solid red;*/
}

/* TellUs logotyp */
#tellusLogo {

}

#topImage {
	width: 798px;
	height: 148px;
	background-image: url('images/topplogo.jpg');
	position: absolute;
}

/*Top logo, Det finns en text som man kan visa vid print layout (om man sätter display till inline i print.css). */
#topImage h1, #topImage p {
	display: none;
}

/* Rubrik i stället för bild vid utskrift. */
#topImage h1 {
	font-size: 35px;
	font-family:"Times New Roman", Times, serif;
}

/* Rubrik i stället för bild vid utskrift. */
#topImage p {
	font-size: 13px;
	font-family: "Lucida Handwriting", "Lucinda Sans";
}

/* Powered by */
#powered {
	text-align: center;
	color: #bbb;
	font-style: italic;
	font-size: 11px;
}


/* Gör flaggorna klickbara och definiera storleken. */
#topImage a {
	position: absolute;
	height: 23px;
	width: 40px;
	top: 31px; 
	text-decoration: none;
} 

/* Gör flaggorna klickbara, men visa inte texten. */
#topImage a  i {
	visibility: hidden;
}

/* Definiera de klickbara flaggornas placering. */
a#swedish, a#english, a#danish, a#german {
	left: 750px;
}
a#swedish { top: 10px; }
a#english { top: 45px; }
a#danish { top: 80px; }
a#german { top: 115px; }

/* Powered by länken i botten på sidan. */
#powered a {
	color: #bbb;
	font-style: italic;
	text-decoration: underline;
}

/* Visa inte språklänkarna, länkarna är ersatta av flaggor i topploggan. */
#langmenu {
	display: none;
}


/* ======================= Hoorsbloggen ======================================= */
#pagecontentblogg {
	float: left;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 135px; 	
	width: 415px;
	font-size: 16px;
	color: #9CADD0; 
	/*border: 1px solid RED;*/
} 

#feedControl { 
	width: 415px;
	margin-top : 0px;
	margin-left: auto;
	margin-right: auto;
	font-size: 16px;
	color: #9CADD0;
}

#feedControl #loadingMsg {
	color:#676767;
	font-size:11px;
	margin:10px;
	padding:4px;
}
	
.gfg-root{
	border: 1px solid #CDCBCE;
}
	
.gfg-title{
	background-color: #b0c380;
	font-weight: normal;	
	color:#000066;
}

/* CMS-söksidan. */
#siteSearchForm {
	text-align: center;
	margin: 0px;
}