﻿/*--------------------------------------------------------------------------------------------------
Body and text
--------------------------------------------------------------------------------------------------*/
body									{font: normal 12px/18px Arial, Tahoma, Helvetica, Sans-Serif; color: #000; background: #999; margin: 0; padding: 0; text-align: center;}

h1										{font: bold 14px/24px Verdana, Arial;}
h2										{font: normal 14px/24px Verdana, Arial;}
h3										{font: normal 12px/20px Verdana,  Arial;}

a										{color: #36302d;}
table									{border-collapse: collapse;}
td										{font: normal 10px/20px Verdana, Arial;}

.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;}

#txtSearchSite							{font: normal 12px Sans-Serif; width: 100px;}
#btnSearchSite							{font: normal 12px Sans-Serif;}

address.footer							{font: normal 12px Sans-Serif; display: block; clear: both;}
address.footer strong					{display: none;}
address.footer span.org					{font-weight: bold;}
address.footer span.tel strong			{display: inline;}
address.footer span.fax strong			{display: inline;}
address.footer a						{}

div#virtual								{width: 960px; margin: 25px auto; text-align: left;}
div#masthead							{background: url(../gfx/masthead-bg.png) no-repeat top left; width: 960px; height: 123px; position: relative;}
div#container							{background: #fff; padding: 20px 15px;}
div#footer								{background: url(../gfx/footer-bg.png) no-repeat top left; width: 930px; height: 123px; color: #fff; padding: 51px 0 0 30px; font: 11px "Trebuchet MS", Arial, Helvetica, Sans-Serif;}

div#masthead div#logo					{width: 125px; margin: 40px 0 0 25px; float: left;}
div#masthead div#languages				{top: 10px; right: 10px; position: absolute; text-align: right;}
div#masthead div#navigation				{width: 775px; padding: 0 0 0 10px; margin: 65px 25px 0 0; float: left; background: url(../gfx/navigation-bg.png) repeat-x top;}

div#container div.secondarycontent		{width: 145px; float: left;}
div#container div.content				{}
div#container div#header				{margin: 0 0 10px; position: relative; text-align: center;}
div#container div.sidebar				{width: 223px; float: right;}

div#container .content-slim-mark-one	{width: 725px; float: right; border-left: solid 1px #cacaca; padding: 0 15px 0 20px;}
div#container .content-slim-mark-two	{width: 667px; float: left; border-right: solid 1px #cacaca; padding: 0 15px; }
div#container .content-slim-mark-three	{width: 667px; float: left; padding: 0 15px; }

div#container .sidebar-line				{border-left: solid 1px #cacaca;}

div#newswrapper							{width: 460px; float: left; overflow: hidden;}

div.startnews							{width: 200px; padding: 0 15px 20px;}
div.startnews h2						{margin: 0 -15px; padding: 15px 15px 10px; font: bold 14px Arial, Helvetica, Sans-Serif; color: #333; text-transform: uppercase; }
div.startnews .newsitem h3				{font: bold 14px Arial, Helvetica, Sans-Serif; color: #333; margin: 0 0 6px !important;}
p.date									{margin: 0 0 3px !important; padding: 0; font-size: 10px;}
p.ingress								{font: normal 11px Arial, Helvetica, Sans-serif; margin: 0 0 25px !important;}
div.startnews .newsitem a				{text-decoration: none;}
div.startnews .newsitem a:hover			{color: #444;}

ol#newspager							{width: 215px; list-style: none !important; padding: 0  0 5px!important;}
li.pager								{width: 60px !important; float: left;}
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;}

/*--------------------------------------------------------------------------------------------------
Menu
--------------------------------------------------------------------------------------------------*/
ul.menu									{list-style: none; padding: 31px 0 0; margin: 4px 0 0; font: 11px "Trebuchet MS", Arial, Helvetica, Sans-Serif;}
ul.menu li								{display: inline; margin: 0 -2px 0 0; padding: 31px 0 7px 15px; background: url(../gfx/menu-item-li-bg.png) no-repeat left bottom;}
ul.menu li a							{color: #191919; text-decoration: none; padding: 15px 16px 7px 0; background: url(../gfx/menu-item-a-bg.png) no-repeat right bottom;}
ul.menu li.on							{color: #C4312F !important; border-top: solid 3px #c4312f; padding: 31px 0 8px 15px; background: url(../gfx/menu-selected-item-li-bg.png) no-repeat left bottom;}
ul.menu li.on a							{color: #C4312F !important; font-weight: bold; padding: 13px 16px 8px 0; background: url(../gfx/menu-selected-item-a-bg.png) no-repeat right bottom;}
ul.menu li ul							{display: none;}

ul.secondarynav							{list-style-type: none; padding: 0; margin: 5px 0; width: 145px; float: left;}
ul.secondarynav li						{padding: 0;}
ul.secondarynav li a					{color: #000; text-decoration: none; background: url(../gfx/submenu-item-bg.png) no-repeat left; padding-left: 15px;}
ul.secondarynav li.on a					{font-weight: bold;}
ul.secondarynav li ul					{list-style-type: none; padding: 0; margin: 5px 0 5px 15px;}
ul.secondarynav li ul ul				{display: none;}
ul.secondarynav li ul li				{}
ul.secondarynav li ul li a				{color: #000; text-decoration: none; background: url(../gfx/submenu-ul-li-item-bg.png) no-repeat left; font-weight: normal!important;}
ul.secondarynav li ul li.on a			{font-weight: bold!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; width: 330px; float: left; margin: 0 20px 20px 0;}
address.staff span						{margin: 0 0 3px 0; font: normal 12px Sans-Serif; display: block;}
address.staff span.wrapper				{width: 200px; 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: 130px; height: 120px; margin: 0 5px 5px 0; padding: 6px; overflow: hidden; float: left; background: #fff; color: #000; border: solid 1px #000; text-decoration: none; text-align: center; display: block;}
a.galleryimg							{width: 130px; height: 120px; margin: 0 5px 5px 0; padding: 6px; overflow: hidden; float: left; background: #fff; color: #000; border: solid 1px #ccc; 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;}

ul.banners 								{margin: 20px 0; padding: 0; list-style: none;}
ul.banners li							{margin: 5px 0;}


/*--------------------------------------------------------------------------------------------------
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 !improtant; 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;}

/*--------------------------------------------------------------------------------------------------
MODULES
--------------------------------------------------------------------------------------------------*/
div.company					{padding:0 0 20px 0; margin: 20px 20px 10px 0; clear: both; overflow: hidden; border-bottom: solid 1px #ccc;}
div.company	h2				{margin: 0 0 5px 0; font-size: 1.3em; line-height: 16px;}
div.company	p				{margin: 0;}
div.group					{border-top: solid 1px #ccc;}
h2.group					{clear: both;}

