﻿/*--------------------------------------------------------------------------------------------------
Body and text
--------------------------------------------------------------------------------------------------*/
body									{margin: 0; padding: 0; font: normal 12px/18px verdana, sans-serif; color: #000; background: #99b5cd url(../gfx/bg.gif) repeat-y;}

h1										{margin-bottom: 10px; font: bold 18px verdana, sans-serif;}
h2										{margin-bottom: 10px; font: bold 16px verdana, sans-serif;}
h3										{margin-bottom: 3px; font: bold 13px verdana, sans-serif;}

a										{}

.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;}

div#header                              {width: 100%; height: 100px; background: #185a90; clear: both;}
div#header img                          {margin: 13px 0 0 90px;}
div#content                             {width: 390px; margin: 40px; float: left; overflow: hidden;}
div#secondary-content                   {width: 200px; margin: 40px 20px; float: left; overflow: hidden;}
div#footer                              {margin-top: 20px; padding: 15px 0; background: url(../gfx/bg_dot.gif) repeat-x;}
div#footer img                          {margin-top: 2px; float: right;}
div#footer h4                           {margin: 0; font: bold 11px verdana, sans-serif;}
div#footer p                            {margin: 0; font: normal 10px verdana, sans-serif;}


address.footer							{font: bold 12px verdana, 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						{}

/*--------------------------------------------------------------------------------------------------
Menu
--------------------------------------------------------------------------------------------------*/

ul#menu                                 {width: 170px; margin: 0; padding: 10px; float: left;}
ul#menu li                              {list-style-type: none;}
ul#menu li a                            {font: normal 13px/18px verdana, sans-serif; color: #fff; text-decoration: none;}
ul#menu li a:hover                      {color: #ff0;}
ul#menu li.on a                         {color: #ff0;}

ul#menu ul                              {width: 160px; margin: 0 0 0 10px; padding: 10px;}
ul#menu ul li a                         {font: normal 13px/18px verdana, sans-serif; color: #fff !important; text-decoration: none;}
ul#menu ul li a:hover                   {color: #ff0 !important;}
ul#menu ul li.on a                      {color: #ff0 !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 verdana, 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; background: #f5f5f5; border: 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 verdana, 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 verdana, sans-serif; color: #fff; background: #000;}
body#viewphoto h1						{font: bold 18px verdana, 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 verdana, 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 verdana, sans-serif; color: #000;}
fieldset.contact input.captcha-input	{width: 60px;}
fieldset.contact textarea				{width: 250px; height: 100px; padding: 2px; font: normal 12px verdana, 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 verdana, 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 verdana, 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 verdana, sans-serif; float: left;}
dl#pageproperties dd					{font: normal 11px verdana, 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;}