/* © Andreas Gaunitz 2008, 2009, 1020 / andreas@9bit.se*/

*{
margin:0;
padding:0;
/*border: 1px solid red;*/
}

body{
text-align:center;
font-size:76%;
/*font-family:Tahoma, Arial, Helvetica, sans-serif;*/
font-family: Georgia, Trebuchet MS;
line-height:1.4;
background:#445;
}

#wrap{
min-width:940px;
max-width:940px;
width:auto !important; /*IE6 hack*/
width:940px; /*IE6 hack*/
height:700px;
text-align:left;
margin:0 auto;
border: 1px solid #000000;
background: #FFF;

position: relative;

}


/********** Left sidebar, contains main menu ***/
#sidebar{
/*border:1px solid red;*/
/*float:left;*/
/*position: relative;*/
position: absolute;
left:0px;
top:108px;
width:300px;
height:450px;
clear:both;
}

/********** Blogger menu ***/
#bloggermenu{
/*display: none;*/
position: absolute;
left:275px;
top:0px;
width:470px;
height:200px;
}

#bloggermenu a:link, #bloggermenu a:visited, #bloggermenu a:link, #bloggermenu a:visited{
color:#222;
text-decoration:none;
border-bottom: 1px solid #CC00DD;
}

#bloggermenu ul, #bloggermenu ul li{
list-style:none;
}

#pagevifem .backbutton {
	display: none;
}

/********** Top-horisontal Button menu ***/
#header{
position:absolute;
top:23px;
left:360px;
width:470px;
height:20px;
/*background:#FDD;*/
}


.moduletablehorimenu ul{
list-style:none;
}

.moduletablehorimenu li{
display: inline; /* Shows each item side-by-side */
font:14px Arial, Helvetica, sans-serif;
letter-spacing: 0.05em;
/*background-color:#666;*/
margin:0px 10px 0px 0px;
}

.moduletablehorimenu a{
}

.moduletablehorimenu a:link,.moduletablehorimenu a:visited{
color:#666;
text-decoration:none;
}




/********** The old horizontal Button menu *********/

#bottombox {
/*border: 1px solid red;*/
position: absolute;
left:407px;
top:18px;
width:510px;
height:25px;
clear:both;
/*background:#FDF;*/
}


#bottomlogobox{
position: absolute;
left:13px;
top:599px;
width:60px;
height:95px;
clear:both;
}

#allaValjareLink, #twitterLink{
/*font-family:Arial, Helvetica, sans-serif;*/
line-height:1.4em;
font-size:1.15em;
position: absolute;
left:160px;
top:615px;
width:240px;
height:95px;
clear:both;
}

#twitterLink{
left:710px;
}

#allaValjareLink a:link, #allaValjareLink a:visited, #allaValjareLink a:link, #allaValjareLink a:visited{
color:#000;
text-decoration:none;
border-bottom: 1px solid #CC00DD;
}

#twitterLink a:link, #twitterLink a:visited, #twitterLink a:link, #twitterLink a:visited{
color:#000;
text-decoration:none;
border-bottom: 1px solid #CC00DD;
}

.moduletablebuttmenu ul{
list-style:none;
}

.moduletablebuttmenu li{
/*border: 1px solid blue;*/
display: inline; /* Shows each item side-by-side */
font:16px Arial, Helvetica, sans-serif;
letter-spacing: 0.05em;
font-weight: bold;

margin:0 12px 0 0;
padding:0 10px;
}

.moduletablebuttmenu a{
}

.moduletablebuttmenu a:link,.moduletablebuttmenu a:visited{
color:#FFF;
text-decoration:none;
}

.moduletablenewsletter{
z-index:10;
position: absolute;
left:430px;
top:110px;
color:#222;
width:410px;
overflow:auto;
overflow-x:hidden;
height:473px;

font-size:1.15em;
}

#wz_12{
margin-top:20px;
}

#aca_22{
margin-top:10px;
}

/***********************************************/
.moduletablelatestnewsbox{
  z-index:10;
  position:absolute;
  left:280px;
  top:237px;
  width:500px;
  height:150px;
}

.moduletablefrontpagemenu{
  z-index:10;
  position:absolute;
  left:360px;
  top:350px;
}

.moduletablelatestnewsbox a:link, .moduletablelatestnewsbox a:visited, .moduletablefrontpagemenu a:link, .moduletablefrontpagemenu a:visited{
color:#222;
text-decoration:none;
border-bottom: 1px solid #CC00DD;
}

.moduletablelatestnewsbox ul, .moduletablefrontpagemenu ul{
list-style:none;
}


/***********************************************/


/*************************************************************************************************/
/*
#content60{
float:left;

position: relative;
left:200px;
top:10px;

width:400px;
overflow:auto;
overflow-x:hidden;
height:465px;
}
*/

#content80{

/*float:left;*/

position: absolute;
left:420px;
top:110px;
color:#222;
width:440px;
overflow:auto;
overflow-x:hidden;
height:473px;
/*background:#fff url(../images/pagetop.png) repeat-x;*/
}


#pagediskutera #content80 {
	left:260px;
	width:600px;
}
#pagestartsida #content80 {
	left:515px;
	top:135px;
	width:210px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.15em;
}
#pagestartsida #content80 .blog_more div{
	display:none;
}

/*
#content100{
float:left;

position: relative;
left:200px;
top:10px;

width:400px;
overflow:auto;
overflow-x:hidden;
height:465px;
}
*/

/*********************************                              **************************/


#pageaktuellt h4{
color:#F000B9;
}

#pagevifem h4, #pagevifem .componentheading{
color:#116eae;
}

#pageklimatskolan h4{
color:#3399EE;
}

#pagetankarochtips h4{
color:#3399EE;
}

#pageredaktionsbloggen h4{
color:#DD1F27;
}

#pagekronikoren h4{
color:#4db848;
}

#pagemiljofakta h4{
color:#a2c302;
}

#pageangestdoktorn h4{
color:#ef8e18;
}

#pageordlista h4{
color:#775566;
}

#pageommiljospanarna h4{
color:#667799;
}


.backbutton{
text-decoration:none;
margin:2em 0;
}

.inside{
padding:10px;
padding-right:25px;
}

#sidebar .inside{
padding-top:0;
}

h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address,.componentheading,.contentheading{
margin:0.75em 0;
}

.readon{
/*margin-top:2em
margin-bottom:3em
font-size:1.15em;*/
font-family:Arial, Helvetica, sans-serif;
font-size:0.95em;
}

/** TEST trying to style tables in content**/

li,dd{
margin-left:1.8em;
line-height:1.4em;
font-size:1.15em;
}

.blog_more ul{
margin-left:0em;
padding-left:0em;
/*line-height:1.4em;
font-size:0.95em;*/
list-style:none;
}

.blog_more li{
margin-left:0em;
padding-left:0em;
line-height:2.3em;
font-size:0.95em;
}

/****** yvComment form **********/
.Comment,.Comment_even{
width:95%;
}


/* Height of section break *****************/

p{
margin-bottom:0.3em;
font-size:1.15em;
}

/*******************************************/

fieldset{
padding:.5em;
}

a{
font-family:Arial, Helvetica, sans-serif;
font-size:0.95em;
}

a:link,a:visited{
text-decoration:underline;





color:#00F;

}

a:hover{
text-decoration:none;
}

#content60 a:link,#content60 a:visited,#content80 a:link,#content80 a:visited,#content100 a:link,#content100 a:visited{
color:#222;
text-decoration:none;
border-bottom: 1px solid #CC00DD;
}

h1,.componentheading{
font-size:1.8em;
}


h2,.contentheading{
font-size:1.6em;
}

h3{
font-size:1.3em;
}

h4 {
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:1.15em;
text-transform:uppercase;
font-style:oblique;
color:#C0E;
}


#pagevifem .componentheading {
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:1.15em;
text-transform:uppercase;
font-style:oblique;
font-weight:bold;
}

h5{
font-size:1.1em;
}


h6{
font-size:1em;
font-weight:700;
}

.button{
border:#000 solid 1px;
background:#fff url(../images/buttonbackground.png) repeat-x;
height:25px;
line-height:25px;
font-size:14px;
margin:4px 0;

padding:0 4px;
cursor:pointer;
}

.buttonheading a img{
border:none;
border-bottom:none;
}


.small,.createdate,.modifydate,.mosimage_caption {
font:0.8em Arial,Helvetica,sans-serif;
color:#999;
}

.sectiontableheader{
background:url(../images/teaser.png);
color:#fff;
font:1.2em bold Arial, Helvetica, sans-serif;
padding:5px;
}
.sectiontableheader a:link,.sectiontableheader a:visited {
color:#fff;
}

/* Module styling */
.moduletable {
margin-bottom:1em;

color:#FFF;
font-size:1.1em;

}




.moduletable h3 {
font:1.3em Tahoma,Arial,Helvetica,sans-serif;
background:#000;
color:#ccc;
text-align:left;




margin:0 -10px;
padding:5px 10px;
}




/************  Menu Styling  ************/


.moduletablemenu {
margin-bottom:1em;
}

.moduletablemenu h3 {
font:1.3em Tahoma,Arial,Helvetica,sans-serif;
background:#000;
color:#ccc;
text-align:left;
margin:0 0px;
/*padding:5px 10px;*/
}

.moduletablemenu ul {
list-style:none;
text-indent: -22px
/*margin:5px 0;*/
}

.moduletablemenu li {
/*background:url(../images/leftmenu.png) bottom left no-repeat;*/
/*height:42px;*/
/*line-height:20px;*/
/*font:1.2em Arial, Helvetica, sans-serif;*/
/*letter-spacing: 0.05em;*/
/*margin:10px 0;*/
/*padding:0 0 0 10px;*/
}


.moduletablemenu li ul {
/* Hide sub levels*/
display: none;
}

.moduletablemenu a{
height:57px;
/*line-height:20px;*/
font:1.1em Arial, Helvetica, sans-serif;
letter-spacing: 0.05em;
margin:0 0;
font-weight: bold;
}

.moduletablemenu a:link, .moduletablemenu a:visited {
color:#000;
display:block;
text-decoration:none;
/*padding-left:5px;*/
}

/*
.moduletablemenu a:hover {
text-decoration:none;
color:#BBB;
}
*/

.moduletablemenu li.active a {
/* Set the currently selected menu item to white! */
text-decoration:none;
color:#fff;
}


/*************************************************************/
/*************************************************************/

/*.moduletablemenu ul #active_menu {
color:#f00;
}

.moduletable #current {
background:#000;
}

.moduletable #current a {
color:#fff;
background:#000;
}

.moduletable ul #current {
background:#000;
}

.moduletable ul #current a {
color:#fff;
background:#000;
}

.moduletable li #current {
background:#000;
}

.moduletable li #current a {
color:#fff;
background:#000;
}

.moduletable ul li #current {
background:#000;
}

.moduletable ul li #current a {
color:#fff;
background:#000;
}
*/




/*Tab Menu Styling*/

.moduletabletabs {
font:bold 1em Georgia, Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.moduletabletabs ul {
list-style:none;
float:right;
margin:0;
padding:0;
background:#212121;
width:100%;
}

.moduletabletabs li {
float:right;
background:url(../images/tabs.png) no-repeat 0 -4px;
margin:0;
padding:0 0 0 12px;
}

.moduletabletabs a:link,.moduletabletabs a:visited {
float:left;
display:block;
color:#FFF;
background:url(../images/tabs.png) no-repeat 100% -4px;
text-decoration:none;
margin:0;
padding:7px 18px 5px 9px;
}

.moduletabletabs #current {
background:url(../images/tabs.png) no-repeat 0 -84px;
}

.moduletabletabs #current a {
color:#fff;
background:url(../images/tabs.png) no-repeat 100% -84px;
}

.design a:link,.design a:visited {
color:#666;
float:right;
font:0.8em Verdana, Arial, Helvetica, sans-serif;
}


/******** TinyMCE Editor styles **********/

.imageLeft{
margin-right:10px;
margin-bottom:2px;
}

.imageRight{
margin-left:10px;
margin-bottom:2px;
}

.ordlistaLink {
/*font-size:76%;*/
/*font-family:Tahoma, Arial, Helvetica, sans-serif;*/
font-family: Georgia, Trebuchet MS;
line-height:1.4;
}