/*--------------------------------------------------------------------------------------------------
Body and text
--------------------------------------------------------------------------------------------------*/
@import 'reset.css';

body									{font: normal 11px/1.5em "Trebuchet MS", Arial, Tahoma, Sans-serif; color: #000; background: #fff url(../gfx/trees_bg.jpg); text-align: center;}

h2, h3									{font-weight: bold; color: #135; margin: 10px 0;}

h1										{font-size: 20px; color: #5c4939; font-family: Georgia, Times New Roman, Serif; margin-bottom: 15px; font-weight: 500;}
h1.nomargin								{margin: 0;}

h2										{font-size: 16px; border-top: solid 1px #f7f7f7; margin: 15px 0; padding: 15px 0 0;}
h3										{font-size: 14px;}
h3.group								{padding-top: 15px; border-top: solid 0px #ccc; clear: both;}

/* Generic style for a */
a										{text-decoration: underline; color: #135;}
a:hover									{text-decoration: none;}

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

table tr td								{padding: 5px 0;}

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

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

#txtSearchSite							{font: normal 12px sans-serif; width: 100px;}
#btnSearchSite							{font: normal 12px sans-serif;}

/* div.company					        {width: 100%; margin-bottom: 20px; padding-bottom: 20px; border-bottom: solid 1px #ccc;}*/

div#banners                             {margin: auto; float: right; margin-top: 180px;}
div#banners .banneritem		            {margin-bottom: 10px;}
div#smakapatjust						{width: 960px; margin: 0px auto; text-align: left;}

div#header								{background: #e7dad1 url(../gfx/bg_header.jpg) repeat-x top; padding: 0 0 25px; width: 770px;}
div#header img							{margin: 0 0 0 5px;}

div#wrapper								{width: 770px; float: left; background: #e7dad1 url(../gfx/bg_wrapper.jpg) repeat-y right;}
div#navigation							{width: 141px; float: left; padding: 0 7px 20px;}
div#maincontent							{width: 585px; float: right; background: url(../gfx/bg_maincontent.jpg) no-repeat top left; padding: 26px 10px 0;}

div#maincontent	 p						{margin: 10px 0; line-height: 1.5em; width: 95%;}

div#maincontent ul						{padding-left: 15px; line-height: 1.3em;}
div#maincontent ol						{padding-left: 25px; line-height: 1.3em;}

div#maincontent .downloadarea			{background-color: #fffdcf; padding: 10px; width: 565px; margin: 15px 0;}
div#maincontent .leftcol				{width: 280px; float: left; margin-right: 10px;}
div#maincontent .rightcol				{width: 290px; float: right;}

div#navigation div#sponsors				{text-align: center; margin-top: 25px;}
div#navigation div#sponsors h2			{font-size: 11px; color: #624e3c; border: 0;}
div#navigation div#sponsors	img			{margin-top: 10px;}

div#navigation div#organisers			{text-align: center; margin-top: 25px;}
div#navigation div#organisers h2		{font-size: 11px; color: #624e3c; border: 0;}
div#navigation div#organisers img		{margin: 10px 10px 0;}

address.footer							{font: bold 12px sans-serif; display: block; clear: both;}
address.footer strong					{display: none;}
address.footer span.tel strong			{display: inline;}
address.footer span.fax strong			{display: inline;}
address.footer a						{}

input.btn								{border: 1px solid #ccc; background-color: #efefef; font-size: 11px;}

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

ul#menu                                 {list-style-type: none;}
ul#menu ul, ul#menu ul ul               {padding-left: 10px; border: 0; list-style-type: none;}
ul#menu ul								{border-bottom: solid 1px #b7a799;}

ul#menu li a                            {color: #135; text-decoration: none; display: block; border-bottom: solid 1px #b7a799; padding: 8px 5px;}
ul#menu li a:hover                      {text-decoration: underline;}

ul#menu li.on a                         {color: #806c59; text-decoration: none; font-weight: bold;}
ul#menu li.on li a:hover                {text-decoration: underline;}

ul#menu li.on li a                      {color: #135; border: 0; font-weight: normal;}
ul#menu li.on li.on a 					{font-weight: bold;}

ul#menu li li.on li a                   {color: #135;}
ul#menu li li li.on a                   {font-weight: bold;}


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

dl#pinpoints				            {margin: 0 10px 0 0; padding: 0; position: relative; display: block; width: 630px; height: 1000px; background: url(../gfx/karta.jpg) no-repeat top; float: left;}
dl#pinpoints dt				            {display: none;}
dl#pinpoints dd				            {margin: 0; padding: 0;}
dl#pinpoints dd a			            {display: block; position: absolute; width: 20px; height: 20px; background: url(../gfx/pin.gif) no-repeat; text-decoration: none; z-index: 10; padding: 3px 0 0; color: #fff; text-align: center;}
dl#pinpoints dd a span					{display: none;}
dl#pinpoints dd a:hover		            {overflow: visible; z-index: 100;}
dl#pinpoints dd a:hover	span            {display: block; width: 200px; height: auto; padding: 5px 10px; background: #f5f5f5; margin: 15px 0 0 25px; text-align: left;}
dl#pinpoints dd a:hover	span p			{color: #000;}

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 1px #eee;}
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;	}
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; padding: 5px 0 5px; border-top: solid 1px #f0f0f0;}
fieldset.contact label					{display: block; margin: 0 0 5px;}
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;}

div.formarea h2							{border-top: solid 1px #f7f7f7; margin: 15px 0; padding: 15px 0 0;}
div.formarea fieldset					{padding-bottom: 20px; margin-bottom: 20px;}
div.formarea fieldset.noborder			{border: 0; margin-bottom: 0;}
div.formarea p							{width: auto !important; margin: 10px 0; float: none !important;}
div.formarea label						{margin: 0 0 3px 0; font: normal 11px Sans-Serif; display: block; clear: both;}
div.formarea legend						{display: none;}
div.formarea input						{width: 98%; padding: 2px; font: normal 11px Sans-Serif;}
div.formarea textarea					{width: 98%; padding: 2px; font: normal 11px Sans-Serif; overflow: auto;}
div.formarea table						{border-collapse: collapse; width: 100%;}
div.formarea td							{width: 48%; vertical-align: top; padding-right: 15px;}
div.buttonarea							{width: 100%; border-top: solid 1px #c1c1c1; padding: 5px 0 10px;}
div.buttonarea input					{width: auto; padding: 5px 10px;}
div.buttonarea p						{color: Red; padding: 10px 0 0 0;}

div.formarea p.checkbox label			{margin: 0 0 0 3px; vertical-align: middle; font: normal 11px Sans-Serif;  display: inline; clear: none;}
div.formarea p.checkbox label img		{vertical-align: middle;}
div.formarea p.checkbox input			{width: auto; vertical-align: middle; margin: 0; padding: 0;}

div.formarea fieldset div.checkbox label 
{
	display: inline;
	margin: -10px 0 10px;
}

div.formarea div.checkbox input
{
	display: inline;
	width: 15px;
	margin-right: 13px;
}

div.formarea fieldset div.checkbox span 
{
	margin-bottom: 15px;
}

div.formarea div.checkbox 
{
	line-height: 1.3em;
	margin-bottom: 10px;
}


p.tooltip, div#maincontent p strong		{}
p.tooltip								{width: auto;font-style:italic; font-size: 0.9em;}

div#registrationHeader					{float: left;}
div#registrationHeader h1				{float: left;}

div#PublicSignOn						{float: right; margin: -13px 0 -5px;}
div#PublicSignOn div.SignOnForm			{padding: 5px 0 5px;}

div#PublicSignOn p						{margin: 0;}
div#PublicSignOn label					{margin: 0 1em 0 1.5em;}
div#PublicSignOn input					{font: normal 11px Sans-Serif;}

div#PublicRegistrarOk					{clear: both; margin: 15px 0 0 ; border-top: solid 1px #f7f7f7; padding: 15px 0 0;}

div.clear								{clear: both;}

/*--------------------------------------------------------------------------------------------------
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;}

@media print
{
	body								{background: none;}
	div#header							{display: none;}
	div#wrapper							{width: 100%; float: none; background: none;}
	div#navigation						{display: none;}
	div#maincontent						{width: 100%; height: 100%; float: none; background: none; padding: 0;}
}