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

Project:		Solfilmsgruppen
Version:		2.0
Last change:	-
Assigned to:	Kim Gunnarsson, Mindbite
Primary use:	Corporate Website
-------------------------------------------------------------------*/

@import "clientfiles/css/grid.css";

/*--------------------------------------------------------------------------------------------------
Body and text
--------------------------------------------------------------------------------------------------*/
body									{font: 0.7em/120% Arial, Helvetica, sans-serif; color: #000; background-color: #f1f1f1; text-align: center;}

h1										{font: 2.6em Arial, Helvetica, sans-serif; font-weight: bold; color: #d10000; margin: 0 0 0.2em;}
h2										{font: 1.8em Arial, Helvetica, sans-serif; font-weight: bold; color: #d10000; margin: 0 0 0.2em;}
h3										{font: 1.3em Arial, Helvetica, sans-serif; font-weight: bold; color: #d10000; margin: 0 0 0.2em;}
h3.group								{padding-top: 15px; font: bold 14px/18px sans-serif; border-top: solid 1px #f8f8f8; clear: both;}

a										{}

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

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

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

#skip									{display: none;}
#page									{margin: 0px auto; text-align: left; background-color: #fff; height: 100%;}

#header									{}
#header #logo							{margin: 20px 0;}
#header #partners						{margin: 15px 0; text-align: right;}
#header #logo img						{margin: 0 10px;}
#header #partners img					{margin: 15px 0 0 10px;}

#navigation								{margin: 0 10px 15px; background: #fff url(../gfx/navigation-bg.gif) no-repeat;}
#breadcrumb								{display: none;}

#wrapper a								{color: #c54423; text-decoration: underline;}
#wrapper a:hover						{text-decoration: none;}							

.navigationsecondary					{margin-right: 0;}

.topimage								{padding-bottom: 8px;}

div.content-thin						{min-height: 150px; width: 480px; margin-right: 10px !important;}
div.content-thin .content				{background: url(../gfx/content-bg-thin.gif) no-repeat top left; padding: 1px 0 10px; margin: 0 10px 0 0; width: 480px;}
div.content-wide						{min-height: 150px; width: 100%; padding: 0;}
div.content-wide .content				{background: url(../gfx/content-bg-wide.gif) no-repeat top left; padding: 5px; width: 700px;}

div.content p							{line-height: 1.7em; margin: 0 10px;}
div.content p + p, div.content p + img + p	{margin-top: 1.5em;}
div.content p + img						{margin-top: 1.5em;}
div.content h1							{margin: 14px 10px 10px;}
div.content h2							{margin: 14px 10px 10px;}
div.content h3							{margin: 14px 10px 10px;}
div.content ul							{margin-left: 13px; padding: 5px 10px; margin-top: 5px; list-style-type: disc;}
div.content ul	li						{padding: 2px 0;}
div.content ol							{margin-left: 15px; padding: 5px 10px; list-style-type: decimal;}
div.content ol	li						{padding: 2px 0;}
div.content table						{margin: 10px; width: 440px;}
div.content table.list-view				{width: 680px;}
div.content-thin table.list-view		{width: 460px;}
div.content table.list-view				{margin: 0px 0 0 10px;}
div.content table.list-view td			{vertical-align: top;}
div.content table.list-view th			{background-color: #f9f9f9;}

div.content table h2					{margin: 15px 0 5px; padding: 0;}
div.content table th					{text-align: left; font-weight: bold; padding: 5px 0; color: #222;}
div.content table td					{padding: 5px 0; border-bottom: solid 1px #f7f7f7;}
div.content table td.no-hover			{padding: 5px 0;}
div.content table td.no-hover h3		{padding: 0; margin: 0; color: #348398;}
div.content table td.no-hover h3 a		{color: #348398 !important;}
div.content table td.no-hover a			{color: #000 !important; text-decoration: none !important;}
div.content table td.more				{width: 50px; text-align: right;}
div.content table td.more a				{color: #c54423 !important; text-decoration: underline !important;}
div.content table td.more a:hover		{text-decoration: none !important;}
div.content table td p					{width: 95%; margin-left: 0;}
div.content .backlink					{border-top: 1px solid #f9f9f9; padding: 5px 0 0;}

div.content .fti						{margin: 25px 0 10px;}

div.content .puff						{margin: 15px 0 0 10px;}
div.content .puff .puff-item			{width: 329px; float: left;}
div.content .puff .alpha				{margin: 0 20px 0 0;}

div.content .puff-left					{margin: 0 15px 10px 0;}
div.content .puff-right					{margin: 0 0 10px 0;}
div.content div.container				{margin: 10px 0 0; padding: 0; float: left; width: 700px;}
div.content div.left					{float: left; width: 350px; margin: 0 0 0 8px;}
div.content div.right					{float: right; width: 350px; margin: 0 -10px 0 0;}

div.content div.right div				{margin: 0;}
div.content div.left img				{margin: 0 0 13px;}

div.content div#SpecialHeaderArea		{z-index: -1;}

.padding-10								{padding: 0 0 0 10px;}
div.contentsecondary .swedish			{background: url(../gfx/swedish.gif) no-repeat; display: block; padding: 6px 0px 7px 40px; color: #888 !important; text-decoration: none !important;}
div.contentsecondary .deutsch			{background: url(../gfx/deutsch.gif) no-repeat; display: block; padding: 6px 0px 7px 40px; color: #888 !important; text-decoration: none !important;}

div.contentsecondary #searchbox			{background: #fff url(../gfx/search-bg.gif) no-repeat; padding: 5px 14px; height: 160px;}
div.contentsecondary #searchbox h2		{margin: 7px 0 5px; color: #fff; font-size: 1.4em; font-weight: lighter;}
div.contentsecondary #searchbox	label	{display: block; color: #fff; margin: 0 0 3px;}
div.contentsecondary #searchbox	input	{margin: 0 0 5px;}
div.contentsecondary #searchbox .txt	{width: 188px;}
div.contentsecondary #searchbox .select	{width: 193px;}
div.contentsecondary #searchbox .btn	{margin: 15px 0 0;}
div.contentsecondary #searchbox a.advancedsearch {float: right;}
div.contentsecondary #searchbox .clear	{clear: both;}

div.contentsecondary .loginbox			{background: #f5f5f5 url(../gfx/login-bg.gif) no-repeat top; margin-top: 10px; color: #666;}
div.contentsecondary .loginbox	#form, div.contentsecondary .loginbox #loggedIn	{padding: 5px; margin: 0 0 -8px;}
div.contentsecondary .loginbox	#forgotPassword	{padding: 5px; margin: 0 0 -8px;}
div.contentsecondary .loginbox h2		{margin: 10px 0 10px 5px; color: #666; font-size: 1.4em; font-weight: lighter;}
div.contentsecondary .loginbox .input	{width: 192px; margin: 3px 0 5px 3px; border: solid 1px #999; font-size: 11px; padding: 3px;}
div.contentsecondary .loginbox .btnPublicSignon	{margin: 8px 3px 10px; float: right;}
div.contentsecondary .loginbox .btnPublicSignOut	{margin: 8px 3px 10px; float: right;}
div.contentsecondary .loginbox .btnPwdSend	{margin: 8px 3px 10px; float: right;}
div.contentsecondary .loginbox .clear	{clear: both;}
div.contentsecondary .loginbox label	{display: block; margin: 0 0 0 3px;}
div.contentsecondary .loginbox #forgotPwd {margin: 3px 5px 5px;}
div.contentsecondary .loginbox .forgot	a {float: left; margin: 11px 0 0 5px; color: #666 !important; text-decoration: none !important;}
div.contentsecondary .loginbox .forgot	a:hover	{color: #c54423 !important;}
div.contentsecondary .loginbox .reseller {display: block; background: url(../gfx/link-bg.gif) no-repeat bottom; padding:  11px 15px 14px; text-align: center; color: #888 !important; text-decoration: none !important;}
div.contentsecondary .loginbox .reseller:hover {color: #c54423 !important;}
div.contentsecondary .loginbox .error	{background-color: transparent !important; color: #f00;}
div.contentsecondary .loginbox .error p	{display: block;}
div.contentsecondary .loginbox #loggedIn p {margin: 3px 5px;}

div.contentsecondary #coursebox			{background: #fff url(../gfx/course-bg.gif) no-repeat; margin-top: 10px; padding: 10px 0 0;}
div.contentsecondary #coursebox h2		{margin: 5px 0 10px 15px; color: #666; font-size: 1.4em; font-weight: lighter; clear: both;}
div.contentsecondary #coursebox ul		{padding: 0; margin: 0;}
div.contentsecondary #coursebox ul li	{margin: 0 15px 5px; padding: 5px 0 10px;  border-bottom: solid 1px #dadada;}
div.contentsecondary #coursebox ul li a	{color: #666 !important; text-decoration: none !important; display: block;}
div.contentsecondary #coursebox ul li a span.date {color: #d10000 !important;}
div.contentsecondary #coursebox .course	{display: block; background: url(../gfx/link-bg.gif) no-repeat bottom; padding: 12px 15px 14px; text-align: center; color: #888 !important; text-decoration: none !important; margin: 10px 0 0;}
div.contentsecondary #coursebox .course:hover {text-decoration: underline;}
div.contentsecondary #coursebox p		{color: #666; margin-left: 15px;}

#footer									{background: url(../gfx/footer-bg.gif) no-repeat top center; padding: 15px 0; text-align: center; margin: 35px 0 0; color: #777;}

address.footer							{font-style: normal; clear: both;}
address.footer strong					{display: none;}
address.footer span.org					{display: inline; font-weight: bold;  margin-top: 5px;}
address.footer span.tel					{display: inline; margin-top: 5px;}
address.footer span.tel	strong			{display: inline;}
address.footer span.fax strong			{display: inline;}
address.footer span.email				{display: none; margin-top: 5px;}
address.footer a						{}

ol.news									{padding: 10px 0 !important; border: solid 1px #dadada; border-left: 0; border-right: 0; margin: 15px 10px 5px !important;}
ol.news li								{list-style: none !important; padding: 0 !important; margin: 0 0 20px !important;}

ol.news li h2							{margin: 0 !important;}
ol.news li h2 a							{text-decoration: none !important; padding: 5px 0 10px !important;}
ol.news li h3                           {margin: 0 !important;}

ol.news li p							{margin: 0 0 10px !important; line-height: 1.6em !important;}
ol.news li p.date						{font-weight: bold; color: #535353; margin: 0 !important;}
ol.news li	ul							{list-style-type: disc !important; padding: 5px 10px; margin: 5px 15px;}
ol.news li	ul li						{list-style-type: disc !important;}
ol.news li	ol							{list-style-type: decimal !important; padding: 5px 10px; margin: 5px 15px;}
ol.news li	ol li						{list-style-type: decimal !important;}

p.more-news a							{color: #555 !important; text-decoration: underline !important;}
p.more-news a:hover						{text-decoration: none !important;}

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

#navigation ul							{padding-left: 2px; background: url(../gfx/navigation-separator.gif) no-repeat top left; margin-left: 10px;}

#navigation ul li						{float: left; background: url(../gfx/navigation-separator.gif) no-repeat top right; padding-right: 2px;}
#navigation ul li a						{padding: 12px 15px 17px; display: block; color: #fff !important; text-decoration: none !important; font-size: 13px; font-weight: bold;} 

#navigation ul li a:hover				{background: url(../gfx/navigation-bg-hover.gif) no-repeat top center;}
#navigation ul li.first					{margin-left: 2px;}

#navigation ul li.on a					{background: url(../gfx/navigation-bg-hover.gif) no-repeat top center;}

.navigationsecondary ul					{padding: 0;}
.navigationsecondary ul	li				{display: block;}
.navigationsecondary ul	li a			{display: block; background: url(../gfx/submenu-standard.gif) no-repeat; padding: 6px 10px; margin: 0 0 5px; color: #000 !important; font-size: 11px; text-decoration: none !important;}
.navigationsecondary ul	li:first-child a{margin: 0 0 4px;}
.navigationsecondary ul	li a:hover		{background: url(../gfx/submenu-hover.gif) no-repeat;}
.navigationsecondary ul	li.on a			{background: url(../gfx/submenu-active.gif) no-repeat; color: #fff !important; }

.navigationsecondary ul	li.on ul 		{padding: 5px 0;}
.navigationsecondary ul	li.on ul li a	{display: block; background: none; color: #000 !important; padding: 4px 10px;}
.navigationsecondary ul	li.on ul li.on a {font-weight: bold;}

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

#formarea								{margin-top: 10px;}
#formarea h2							{border-top: solid 1px #f7f7f7; padding: 5px 0;}
#formarea fieldset						{}
#formarea fieldset legend				{display: none;}
#formarea fieldset label				{display: block;}
#formarea fieldset label span			{margin-left: 6px;}
#formarea fieldset input				{width: 98%;}
#formarea fieldset textarea				{width: 98%;}
#formarea fieldset select				{width: 98%; padding: 2px 0;}

#formarea fieldset div.checkbox label	{display: inline; margin: -10px 0 10px;}
#formarea div.checkbox input			{display: inline; width: 15px; margin-right: 13px;}
#formarea fieldset div.checkbox span	{margin-bottom: 15px;}
#formarea div.checkbox					{line-height: 1.3em; margin-bottom: 10px; padding: 0 10px;}
#formarea div.checkbox p				{margin-bottom: 8px;}

#formarea #submitarea					{border-top: solid 1px #f8f8f8; margin: 10px 0 0; padding: 10px 0 0; text-align: left;}
#formarea #submitarea .btn				{padding: 0.4em; font-size: 1em;}

#formarea fieldset table td				{border: 0;}

.searchform								{padding: 0 0 10px; margin: 0 0 10px;}
.searchform	label						{margin-bottom: 5px;}
.searchform .submitarea					{border-top: 0; text-align: left; margin: 5px 0 0 10px; border-bottom: solid 1px #f8f8f8; padding: 0 0 5px;}
.searchform .submitarea	.btn			{padding: 0.4em 0.7em; font-size: 1em;}

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 !important;}
ol.searchresult p						{margin: 3px 0;}

ol.resellersearchresult					{margin: 0 0 0 -15px; padding: 0;}
ol.resellersearchresult li				{margin-bottom: 10px; padding: 0 0 10px; list-style: none; background: #fff; display: block;}
ol.resellersearchresult h3				{margin: 0 0 5px 0;}
ol.resellersearchresult h3 a			{text-decoration: none !important;}
ol.resellersearchresult p				{margin: 0; padding: 0;}
ol.resellersearchresult .elite			{background: #fff url(../gfx/elite_logo_small.gif) no-repeat top right;}

address.staff							{margin: 20px 10px; display: block; clear: both;}
address.staff span						{margin: 0 0 3px 0; font-style: normal; font-size: 1.03em; 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: 0 0 1.04em; font-weight: bold;}
address.staff span.title				{margin: 3px 0;}
address.staff span.value				{display: inline;}
address.staff span.vcf					{margin-top: 1.2em;}

div.gallery								{width: 100%; margin: 10px 0; padding: 0 0 0 10px; clear: both; float: left;}
p.gallerybreadcrumb						{display: none;}
a.gallerydir							{width: 120px; height: 120px; margin: 0 5px 5px 0; padding: 5px; background: #fff url(../gfx/bg_gallery.gif) no-repeat 100% 100%; color: #000; text-decoration: none; border: solid 1px #eee; text-decoration: none; text-align: center; display: block; float: left; position: relative; overflow: hidden;}
a.galleryimg							{width: 120px; height: 120px; margin: 0 5px 5px 0; padding: 5px; background: #fff; color: #000; text-decoration: none; border: solid 1px #eee; text-decoration: none; text-align: center; display: block; float: left; position: relative; overflow: hidden;}
a.gallerydir:hover						{color: #000; background-color: #f5f5f5;}
a.galleryimg:hover						{color: #000; background-color: #f5f5f5;}
a.gallerydir img, a.galleryimg img	    {display: block; clear: both;}
a.gallerydir span, a.galleryimg span    {width: 120px; font: normal 11px sans-serif; text-align: center; display: block; clear: both; position: absolute; bottom: 5px; left: 5px;}

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 10px;}
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; margin: 0; 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;}

ul.documentlibrary						{list-style: none; margin: 0; padding: 0;}
ul.documentlibrary li					{line-height: 20px;}
ul.documentlibrary li img				{vertical-align: top;}
ul.documentlibrary li a					{margin: 0 0 0 6px;}

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

ol.guestbook							{width: 70%; margin: 0; padding: 0; list-style: none; float: left;}
ol.guestbook li							{margin: 0 0 10px 0; padding: 10px; background: #f5f5f5;}
ol.guestbook h3							{margin: 0; font: bold 11px sans-serif;}
ol.guestbook p							{margin: 0;}
ol.guestbook p.report					{margin-bottom: 10px;}
ol.guestbook a							{text-decoration: none; color: Blue;}
ol.guestbook a.reported					{text-decoration: none; color: Red;}

ol.guestbook li.pager					{margin: 0; padding: 0; line-height: 20px; text-align: center; background: none !important; clear: both;}
ol.guestbook li.pager a					{text-decoration: none;}
ol.guestbook li.pager a:hover			{text-decoration: underline;}
ol.guestbook li.pager a.left			{float: left;}
ol.guestbook li.pager a.right			{float: right;}

fieldset.guestbook						{width: 25%; padding: 10px; background: #f5f5f5; border: 0; float: right;}
fieldset.guestbook legend				{margin: 0 0 10px -7px; padding: 0; font: bold 14px sans-serif; color: #000;}
fieldset.guestbook p					{margin: 5px 0;}
fieldset.guestbook p.info				{margin: 10px 0;}
fieldset.guestbook p.error				{color: Red;}
fieldset.guestbook p.done				{color: Green;}
fieldset.guestbook p.checkbox			{margin: 0 0 10px 0;}
fieldset.guestbook p.checkbox label		{margin: 0 0 0 3px; vertical-align: middle; display: inline;}
fieldset.guestbook p.checkbox input		{width: auto; vertical-align: middle;}
fieldset.guestbook label				{display: block;}
fieldset.guestbook label span			{color: Red; visibility: hidden;}
fieldset.guestbook input				{width: 97%; font: normal 11px sans-serif;}
fieldset.guestbook textarea				{width: 97%; height: 80px; font: normal 11px sans-serif; overflow: auto;}
fieldset.guestbook input.btn			{width: auto;}

fieldset.guestbook fieldset				{margin: 0; padding: 0; border: 0; display: none;}
fieldset.guestbook fieldset legend		{display: none;}

ul.banners								{margin: 20px 0; padding: 0; list-style: none;}
ul.banners li							{margin: 5px 0;}

/*--------------------------------------------------------------------------------------------------
Print
Hide: #partners, #navigation, .navigationsecondary, div.contentsecondary, #footer
--------------------------------------------------------------------------------------------------*/
@media print
{
	div#wrapper					{width: 100%; margin: 0; padding: 0;}
	
	#logo						{width: 100%; border-bottom: solid 1px #f8f8f8; padding: 10px 0;}
	#logo img					{margin: 0;}
	div.content					{width: 100%; padding: 10px 0; font-size: 1.2em;}
	
	#breadcrumb					{display: block; border-bottom: solid 1px #f8f8f8; padding: 10px 0;}
	#breadcrumb a				{color: #c54423; text-decoration: underline;}
	
	#partners, #navigation, .navigationsecondary, div.contentsecondary, #footer
	{display: none;}
}