/*-----------------------------*/
/* designelement */
/*-----------------------------*/

/*-----------------------------*/
/* huvud med logo och meny */
/*-----------------------------*/

/*container för huvudbild*/
#headcont
{
padding: 10px 0 20px 0;
/*background-color: #fff;*/
width:880px;
border: solid; 
border-width: 0 0 4px; 
border-color: #48547A;
}

/*#headcont img
{
margin-top:40px;
margin-bottom: 40px;
}*/

/*bild som ligger överst anv ej*/
div#topimg
{
margin:0px;
width: 1000px;
}

div#headcont img 
{
margin:0px;
text-align:center;
}

div#topimg img, div#topimg embed, div#topimg object
{
margin-top:50px;
margin-left:0px;
margin-bottom:0px;
text-align:center;
}

/* div för meny CSS övre rad*/	
#menucont 
{ 
/*background-color: #fff;*/
width:880px;
margin:0px 0 80px 0;
border-bottom:1px solid #999;
}

/*-----------------------------*/
/* designelement för innehåll */
/*-----------------------------*/


div#frontcont
{
/*	background-image: url(../imgdeko/bg/map.gif);
	background-repeat: no-repeat;*/
width: 750px;
}

/*omslutande container*/
div#container
{
margin-left: auto;
margin-right: auto;
margin-top: 40px;
width: 880px;
text-align: left;
}

/*divs för innehåll för ny css-baserad layout*/

/*div överst överst*/
#topdiv
{
margin:0px;
margin-bottom:50px;
}

/*huvudkolumn för tidigare poster*/
#maincol
{
/*margin-left:50px;*/
margin:0 0 0 0;
width: 400px;
float:left;
}

/*huvudkolumn*/
#widecol
{
/*margin-left:50px;*/
margin-right:80px;
margin-top:0px;
width: 600px;
float:left;
}

/*kolumn för gammalt innehåll med smalare spalter*/
#oldmain
{
/*margin-left:50px;*/
margin-right:280px;
margin-top:0px;
width: 400px;
float:left;
}


/*kolumn höger*/
#rightcol
{
margin-left:0px;
margin-right:0px;
margin-top:0px;
width: 200px;
float:left;
}

/*kolumn höger*/
#leftcol
{
margin-left:0px;
margin-right:80px;
margin-top:0px;
width: 120px;
float:left;
}

div#clearfloats
{
clear:both;
}

/*-----------------------------*/
/* news index lista */
/*-----------------------------*/

/*för news index lista ingress.*/
.maincol
{
margin:0 40px 0 0;
width: 350px;
float:left;
}

/*för news index lista ingress.*/
.rightcol
{
margin:0px;
width: 200px;
float:right;
}

.imgnewsindex
{
border: 1px solid #999;
margin: 0 0 0px 0px;
width: 200px;
}

.postdivider
{
margin: 0 0 50px 0px;
clear:both;
}


/*-----------------------------*/
/* news index lista */
/*-----------------------------*/

/*sidomenyer. varje menydel har taggen*/
.menu 
{ 
FONT-SIZE: 0.8em; 
border: solid; 
border-width: 2px 0 0 0; 
border-color: #5A7DAC;
margin: 0 0 40px 0;
}

/*kolumn höger*/
#footer
{
width: 900px;
border-top: solid; 
border-width: 1px; 
border-color: #333
float:left;
}

/*-----------------------------*/
/* designelement, bildramar */
/*-----------------------------*/

/*style för småbilder, folio_img*/
div#bildram
{
margin-bottom: 5px;
margin-right: 5px;
width: 90px;
float:left;
}

div#imgnews
{
margin: 0 0 5px 5px;
width: 100px;
float:right;
}

/*style för småbilder front*/
div#bildram150
{
margin-bottom: 10px;
margin-right: 5px;
width: 100px;
float:left;
}

div#bildram2
{
margin-bottom: 5px;
margin-right: 5px;
width: 80px;
clear:both;
}

/*vertikalt staplade bilder i ex folio_img*/
div#bildram_vert
{
margin-bottom: 5px;
margin-right: 5px;
width: 80px;
/*clear:both;*/
}

/*style för småbilder på folio förstasida*/
div#bildram_first
{
margin-bottom: 20px;
margin-right: 20px;
width: 160px;
/*

float:left;
*/
}

/*för media, just nu på slideshows*/
.media 
{
margin: 0px 0px 40px 0;
}


/*-----------------------------*/
/* designelement, textramar */
/*-----------------------------*/

/*textram under bilder i ex folio_img*/
div#txtram
{
margin-top: 30px;
width: 200px;
clear:both;
}

/*textram under bilder i ex folio_img för video tpl 5*/
#txtram2
{
margin-top: 0px;
width: 200px;
clear:both;
}

/*-----------------------------*/
/* alerts */
/*-----------------------------*/

/*textram under bilder i ex folio_img*/
.klart
{
padding: 5px;
border: 1px #006633 solid;
color: #006633;
}

/*textram under bilder i ex folio_img för video tpl 5*/
.alert
{
padding: 5px;
border: 1px #990000 solid;
color: #990000;
}

/*-----------------------------*/
/* NY DROPLINE MENU */
/*-----------------------------*/
#pad {height:140px;}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#dropline {padding:0 0 0 0px; margin:0 0 0 0px; list-style:none; height:40px; background:url(ulback.gif) repeat-x; position:relative;}
#dropline table {border-collapse:collapse: width:0; height:0; margin:-3px -10px;}

#dropline li {float:left;}
/*övre rad färg på länk mm*/
#dropline li a {display:block; height:40px; line-height:40px; padding:0 20px 0 10px; float:left; color:#5A7DAC; text-decoration:none; font-family:tahoma, sans-serif; font-size:12px;}
#dropline li a b {display:block; height:40px; float:left; padding:0 0 0 0px; cursor:pointer;}

/*effekter i övre rad hover*/
#dropline li a:hover {background:url(tab_a.gif) no-repeat right top; line-height:40px; height:40px}
#dropline li a:hover b {background:url(tab_b.gif) no-repeat left top; line-height:40px;}

#dropline li:hover > a {background:url(tab_a.gif) no-repeat right top; line-height:40px; height:40px}
#dropline li:hover > a b {background:url(tab_b.gif) no-repeat left top; line-height:40px;}

/*ul för undermeny. här sätter man höjd till övre meny i top

*/
#dropline ul {padding:0; margin:0 0 0 0px; list-style:none; position:absolute; height:25px; width:880px; 
left:-9999px; top:40px; z-index:10; border-top:1px dotted #ccc;
background: #fff;
}
#dropline ul li {height:25px; line-height:25px;}
#dropline ul.right li {float:right;}

/*undermenyns länkar. här kan man sätta avstånde och effekt mellan länkarna*/
/*margin:0 0 0 20px; */
#dropline ul li a {color:#999; padding:0 20px 0 10px; height:25px; line-height:25px; border-left:1px dotted #ccc; font-weight:bold; font-size:11px;}

/*undermeny på hover*/
#dropline ul li a:hover {height:25px; line-height:25px; background:transparent; color:#c60;}
#dropline ul.right li a {border-left:1px solid #e60; border-right:0;}
#dropline ul li a.last {border:0;}

/*visar submeny*/
#dropline :hover ul {left:0;}

/*det verkar som om det är bra att sätta en current i LI för att det inte skall hoppa*/
#dropline li.current ul {left:0; z-index:1;}
#dropline li.current a {background:url(tab_a.gif) no-repeat right top; line-height:40px; height:40px}
#dropline li.current a b {background:url(tab_b.gif) no-repeat left top; line-height:40px;}
#dropline li.current ul li a {color:#999; padding:0 20px 0 10px; height:25px; line-height:25px; background:transparent;}
#dropline li.current ul li.current_sub a {color:#c60;}
#dropline li.current ul li a:hover {color:#c60;}
