/*------------------------------------------------------------------
[Master Stylesheet]

Project:		Cuwab
Version:		2.0
Last change:	-
Assigned to:	Kim Gunnarsson, Mindbite
Primary use:	Corporate Website
-------------------------------------------------------------------*/
	
/*@import "reset.css";*/
@import "clientfiles/css/grid.css";

/*--------------------------------------------------------------------------------------------------
Body and text
--------------------------------------------------------------------------------------------------*/
body									{margin: 0; padding: 0; font: 11px "Trebuchet MS", Sans-Serif; color: #000; background: #fff; text-align: center;}
body.da									{margin: 10px; background: #fff url(../gfx/bg_da.gif) repeat-x;}
body.dok								{background-image: none;}

h1										{margin: 0 0 10px 0; font: normal 18px Arial, Sans-Serif; color: #065a1d;}
h2										{margin: 15px 0 5px 0; font: bold 15px "Trebuchet Ms", Arial, Sans-Serif; color: #999;}
h3										{font-size: 20px;}

p										{margin: 0 0 1.3em 0; padding: 0;}
a										{color: #c00; text-decoration: none;}
#container #content a:hover				{color: #004812;}

.clearer								{height: 0; font-size: 0; line-height: 0; clear: both;}

/*--------------------------------------------------------------------------------------------------
Layout
--------------------------------------------------------------------------------------------------*/

img										{border: 0;}
img.left								{float: left; margin: 0 10px 5px 0;}
img.right								{float: right; margin: 0 0 5px 10px;}

#cuwab									{margin: 0px auto; text-align: left; width: 950px; padding: 0 0 0 10px;}
#masthead								{margin-top: 25px;}
#masthead #shortcuts					{text-align: right; width: 710px;}
#masthead #searchbox					{margin-left: 0;}
#logoline								{clear: both; padding-top: 26px;}
#logoline #logo							{background: url(../gfx/logo-line-bg.png) repeat-x bottom; padding: 0; height: 33px; width: 710px;}
#logoline #fillarea						{background: url(../gfx/logo-line-bg.png) repeat-x bottom; padding: 0; height: 33px; margin-left: 0;}

#header									{clear: both; padding-top: 10px;}
#header #main_header_img				{width: 710px; height: 226px; overflow: hidden; padding: 0;}
#header #right_header_img				{width: 220px; height: 226px; overflow: hidden; padding: 0; margin: 0;}

#container								{padding: 8px 0 20px; clear: both;}
#container #navigation					{width: 160px; padding: 14px 0;}
#container #content						{margin-left: 20px; padding: 14px 0 0;}
#container #content p					{line-height: 1.7em;}
#container #content table				{border: 0;}

#container #content ul					{}
#container #content li					{line-height: 1.8em;}
#container #secondarycontent			{background: url(../gfx/secondarycontent-bg.png) repeat-x top; margin-left: 0;}
#container #secondarycontent h2			{color: #c00; padding: 0 10px;}
#container #secondarycontent h2	a		{color: #004812; font-weight: 800;}
#container #secondarycontent h3			{color: #004812; padding: 0 10px;}
#container #secondarycontent h3	a		{color: #004812;}
#container #secondarycontent p			{color: #000; padding: 0 10px; font-size: 11px;}
#container #secondarycontent p a		{color: #000;}
#container #secondarycontent p a:hover	{color: #c00;}
#container #secondarycontent p a.special{color: #c00; font-weight: bold; border-top: solid 1px #f5f5f5; display: block; padding: 10px 0 0; text-align: center;}
#container #secondarycontent p a.special:hover	{color: #555;}
#footer									{clear: both; border-top: 3px solid #000; padding: 10px 0; width: 940px; margin: 0; text-align: center;}
#footer	div								{padding: 0 0 10px;}

#masthead #shortcuts ul					{list-style: none; padding: 0; margin: 3px 0 0;}
#masthead #shortcuts ul li				{display: inline;}
#masthead #shortcuts a					{color: #5e605f; font-size: 10px;}
#masthead #shortcuts a:hover			{color: #e51937;}

#masthead #searchbox .txtSearchSite		{width: 160px; color: #555; font-size: 0.98em; padding: 2px 0; margin-right: 3px;}
#masthead #searchbox fieldset			{border: 0; padding: 0;}
#masthead #searchbox legend				{display: none;}
#masthead #searchbox input				{display: inline;}

a.mapp									{margin: 1px 0; padding: 3px 0 3px 19px; color: #000; display: block; background: #f8f8f8 url(../gfx/icons/folder.gif) no-repeat 0 50%;}
div#back								{margin: 5px 0; padding: 3px 19px 3px 3px; color: #000; text-align: right; background: url(../gfx/icons/folder_up.gif) no-repeat 100% 50%;}
div.fileViewControlHeader				{background: #FFCE00;}
span.fileViewControlTitle				{color: #000;}


/* NYHETER */
h2.nyhetrubrik							{margin: 3px 0 5px 0; font-family: Sans-Serif; color: #888; font-size: 12px;}
h2.nyhetrubrik a						{color: #c00; text-decoration: none;}
p.date									{margin: 0; font-family: Sans-Serif; font-size: 10px; color: #999;}
p.nyhet									{margin: 0 0 20px 0; letter-spacing: normal;}
p.more									{margin: 0 0 20px 0; text-align: right;}
div.nyheter								{border-top: solid 1px #888; padding:0 0 10px;}

ol#nyheter								{width: 100%; margin: 0; padding: 0; list-style: none;}
ol#nyheter li							{padding: 0;}
ol#nyheter li a							{font: bold 11px Sans-Serif; text-decoration: none;}
ol#nyheter li.pager						{float: left; width: 32% !important; padding: 0; display: block; border: solid 1px #fff;}

.listdate								{margin: 0 10px 0 0; font-weight: normal; color: #999;}

li.prev									{text-align: left;}
li.prev a								{text-decoration: none;}
li.page									{text-align: center; }
li.next									{text-align: right;}
li.next a								{text-decoration: none;}
/* NYHETER */

/* PRESS */
table.press								{width: 100%; border-collapse: separate;}
table.press	th							{width: 60px; padding: 3px; text-align: center; background: #FFCE00; vertical-align: middle;}
table.press	td							{padding: 3px; background: #f5f5f5; vertical-align: middle;}
table.press td.folder					{background: #f8f8f8;}
table.press td.folder a					{color: #000;}
table.press td.white					{background: #fff;}
table.press	td.img						{width: 120px; background: #fff; text-align: center;}
table.press	td.sep						{height: 5px; background: #fff;}
table.press	td img						{vertical-align: middle;}

/* KONTAKT */
div.company								{width: 500px; padding: 10px; margin: 0 0 10px 0; background: #f5f5f5; float: left;}
div.company	h2							{margin: 0 0 5px 0; font-size: 14px;}
div.company	p							{margin: 0;}

table.personal							{width: 100%; border-collapse: collapse;}
table.personal th						{text-align: left; background: #ffce00; padding: 5px; color: #5b4c16;}
table.personal th.header				{text-align: left; background: #ccc; padding: 3px; color: #333; border-top: solid 5px #fff; border-bottom: solid 5px #fff;}
table.personal td						{padding: 3px;}
table.personal td img					{vertical-align: middle;}
table.personal tr.x td					{background: #f5f5f5;}

/* BOKNING  */
table.bkn4								{border-collapse: collapse; margin-top: 5px;}
table.bkn4 td							{padding: 3px 3px 3px 0;}
table.bkn4 td input						{width: 122px;}

.formitem					{margin: 3px 0;}
.sl100						{width: 100px;}
.sl170						{width: 163px;}
.sl200						{width: 200px;}
.sl300						{width: 290px;}
.ml300						{width: 300px; height: 150px; font-family: Sans-Serif; font-size: 11px;}
.dd							{font-family: Sans-Serif; font-size: 11px;}
.btn						{margin-top: 5px; padding: 0 5px;}
.btn80						{width: 80px;}
label						{}
label.top					{float: none; display: block;}
label.left					{float: left; display: block; font-weight: bold; color: #888; width: 100px;}
label span					{font-family: Verdana; position: relative; top: 3px;}
.stjarna					{font-family: Verdana; position: relative; top: 3px; color: #f00;}

/* TIDNINGAR */
#tidningsmeny							{width: 160px; padding: 10px 5px 5px; margin: 0 0 5px 10px; float: right; background: #f8f8f8; display: inline-block;}
#tidningsmeny ul						{margin: 0; padding: 0; list-style: none;}
#tidningsmeny ol						{margin: 0 0 0 15px; padding: 0 0 0 10px; list-style: decimal-leading-zero;}
#tidningsmeny ul li						{padding: 0 0 10px 0;}
#tidningsmeny ol li						{padding: 0 0 5px 0;}
.tleft									{float: left; margin: 0 7px 5px 0;}
.tleft span								{font-family: Verdana, Arial; color: #000; font-size: 10px; font-style: italic; margin: 00;}
#faktcontainer							{background: #ffce00; border: solid 1px #00804B; margin: 10px; margin-right: 0; padding: 5px; float: right;}
#faktcontainer h2						{font-size: 14px;}
.citat									{text-align: center; font-size: 16px; font-weight: bold; color: #FDB813;}

/* ÅTERVINNINGSPARM */
#revDatum								{margin-bottom:10px;}
#parmFoot								{display:none;}

address.footer							{font: normal 11px "Trebhuchet MS", Sans-Serif; display: block; clear: both;}
address.footer span.org					{font-weight: bold;}
address.footer span						{display: inline;}
address.footer strong					{display: none;}
address.footer span.tel strong			{display: inline;}
address.footer span.fax strong			{display: inline;}
address.footer span.tel span.value		{display: inline;}
address.footer span.fax span.value		{display: inline;}
address.footer a						{}

/*--------------------------------------------------------------------------------------------------
Menu
--------------------------------------------------------------------------------------------------*/

.menu						{width: 160px; margin: 0; padding: 0 0 0 20px; list-style-image: url(../gfx/bullet_m.png);}
.menu li					{padding: 1px 0 4px;}
.menu li a					{color: #2d2929; text-decoration: none; font-weight: bold; font-size: 11px;}
.menu li a:hover			{color: #c00;}
.menu li.on a				{color: #c00;}
.submenu				    {width: 140px !important; margin: 0 !important; padding: 5px 0 5px 20px !important; list-style-image: url(../gfx/bullet_m.png) !important; overflow: hidden;}
.submenu li			        {padding: 1px 0 4px 0;}
.submenu li a			    {color: #666 !important; font-weight: normal !important;}
.submenu li a:hover	        {color: #c00 !important;}
.submenu li.on a		    {color: #c00 !important;}
.submenu li.on li a	        {color: #666 !important;}
.submenu li li.on a		    {color: #c00 !important;}


/*--------------------------------------------------------------------------------------------------
AddOns etc
--------------------------------------------------------------------------------------------------*/

span.smark								{background-color: #ccc; padding: 0 2px;}

ol.searchresult li						{margin-bottom: 20px;}
ol.searchresult h3						{margin: 0 0 5px 0;}
ol.searchresult h3 a					{text-decoration: none;}
ol.searchresult p						{margin: 3px 0;}

address.staff							{margin: 20px 0; display: block; clear: both;}
address.staff span						{margin: 0 0 3px 0; font: normal 12px Sans-Serif; display: block;}
address.staff span.wrapper				{width: 300px; float: left;}
address.staff span.photo				{width: 120px; margin-right: 5px; float: left;}
address.staff span.n					{margin-bottom: 5px; font-size: 14px; font-weight: bold;}
address.staff span.title				{margin: 10px 0; font-size: 14px;}
address.staff span.value				{display: inline;}

div.gallery								{width: 100%; margin: 10px 0; clear: both; float: left;}
p.gallerybreadcrumb						{margin: 10px 0 5px 0; padding: 5px; border-bottom: solid 6px #004812;}
a.gallerydir							{width: 116px; height: 120px; margin: 0 5px 5px 0; padding: 0.3em; overflow: hidden; float: left; background: #fff; color: #000; text-decoration: none; text-align: center; display: block;}
a.galleryimg							{width: 116px; height: 120px; margin: 0 0.45em 5px 0; padding: 0.31em; overflow: hidden; float: left; background: #fff; color: #000; border: solid 1px #eee; text-decoration: none; text-align: center; display: block;}
a.gallerydir:hover						{color: #000; background: #f5f5f5;}
a.galleryimg:hover						{color: #000; background: #f5f5f5;}
a.gallerydir span, a.galleryimg span	{margin: 3px 0 0 0; display: block; clear: both; font: normal 11px Sans-Serif;}

body#viewphoto							{height: auto; margin: 10px; padding: 0; font: normal 12px Sans-Serif; color: #fff; background: #000;}
body#viewphoto h1						{font: bold 18px Sans-Serif; color: #fff;}
body#viewphoto p						{margin: 5px 0; color: #fff;}

fieldset.contact						{border: 0; margin: 10px 0; padding: 0;}
fieldset.contact legend					{margin: 0 0 5px -7px; padding: 0; font: bold 12px Sans-Serif; color: #000; display: none;}
fieldset.contact p						{margin: 5px 0;}
fieldset.contact label					{display: block;}
fieldset.contact label .rfv				{font-size: 11px; color: #f00;}
fieldset.contact input					{width: 250px; padding: 0 2px; font: normal 12px Sans-Serif; color: #000;}
fieldset.contact input.captcha-input	{width: 60px;}
fieldset.contact textarea				{width: 250px; height: 100px; padding: 2px; font: normal 12px Sans-Serif; color: #000; overflow: auto;}
fieldset.contact .btn					{width: auto;}

fieldset.loginprotectedpage				{border: 0; margin: 10px 0; padding: 0;}
fieldset.loginprotectedpage legend		{margin: 0 0 5px -7px; padding: 0; font: bold 12px Sans-Serif; color: #000;}
fieldset.loginprotectedpage p			{margin: 5px 0;}
fieldset.loginprotectedpage label		{display: block;}
fieldset.loginprotectedpage label .rfv	{font-size: 11px; color: #f00;}
fieldset.loginprotectedpage input		{width: 250px; padding: 0 2px; font: normal 12px Sans-Serif; color: #000;}
fieldset.loginprotectedpage .btn		{width: auto;}

dl#pageproperties						{width: 100%; margin: 20px 0; display: block; clear: both;}
dl#pageproperties dt					{width: 110px; font: bold 11px Sans-Serif; float: left;}
dl#pageproperties dd					{font: normal 11px Sans-Serif;}
dl#pageproperties dd a					{}

ul.sitemap								{margin: 5px 0 5px 20px; list-style-type: square;}
ul.sitemap ul							{margin: 5px 0 5px 20px; list-style-type: square;}

ul.breadcrumb							{margin: 0; padding: 0; list-style: none;}
ul.breadcrumb li						{margin-right: 5px; padding: 0; line-height: 25px; display: inline;}
ul.breadcrumb li.delimiter				{font-weight: bold;}


/*--------------------------------------------------------------------------------------------------
CE
--------------------------------------------------------------------------------------------------*/
div.largeimage							{display:none; position: absolute; left:200px; background-color:#fff; border:solid 1px #ccc;}
div.largeimage a						{margin:10px; display: block;}