/*--------------------------------------------------------------------------------------------------
Body and text
--------------------------------------------------------------------------------------------------*/
body									{font: normal 13px/18px Sans-Serif; color: #000; background: #d9f7ff; margin: 0; padding: 0;}

h1										{font: normal 18px/18px Sans-Serif; margin: 0; padding: 0;}
h2										{font: normal 16px/16px Sans-Serif; margin: 0; padding: 0;}
h3										{font: bold 16px/20px Sans-Serif; margin: 0; padding: 0;}
h4										{font: bold 12px/20px Sans-Serif; margin: 0; padding: 0; text-transform: uppercase;}

p										{margin: 0 0 15px 0;}

a										{color: #686868; text-decoration: none;}
.welcome								{font-weight: normal;}
.clearer								{height: 0; font-size: 0; line-height: 0; clear: both;}
.cl, .cr								{float: left; width: 300px}
.cl										{margin-right: 40px;}
div.markerTooltip						{background-color: #000; font-size: 11px; width: 190px; color: #fff; padding: 5px;}

/*--------------------------------------------------------------------------------------------------
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: 120px;}
.btnSearchSite							{font: normal 12px Sans-Serif; padding: 0 5px;}

address.footer							{padding: 18px 0 0 170px; font: normal 12px Sans-Serif; color: #000; text-align: left; display: block; clear: both;}
address.footer span.fn					{display: block; font-weight: bold;}
address.footer span.adr					{display: block;}
address.footer span.postal-code			{display: block;}
address.footer span.locality			{display: block; margin-bottom: 15px;}
address.footer span.tel					{display: block;}
address.footer span.fax					{display: block;}

address.footer span						{margin: 0 5px 0 0;}
address.footer strong					{display: none;}
address.footer span.tel strong			{display: inline;}
address.footer span.fax strong			{display: inline;}
address.footer a						{color: #000; text-decoration: none;}

div#wrapper								{margin: 0 auto; width: 930px; background: url(../gfx/bg_page.gif) repeat-y;}
div#page								{width: 900px; margin: 0 0 0 15px;}
div#header								{width: 900px; height: 150px; background:url(../gfx/bg_top.gif) no-repeat;}
div#menu								{background: #fff url(../gfx/bg_menu.gif) repeat-x;}
div#maincontent							{width: 880px; padding: 10px; overflow: hidden; min-height: 300px;}
div#footer								{width: 930px; height: 165px; background: url(../gfx/bg_footer.gif) repeat-x;}
p#search								{float: right; margin: 8px 5px 0 0; z-index: 100; position: relative;}

.msg									{background: #ff9; color: #555; padding: 6px 15px; margin: 0 0 20px 0; font-size: 11px; font-weight: bold; border-bottom: 1px solid #ccc;}
.msg h5									{margin: 0;}
.msg p									{margin: 0;}

fieldset.register						{border: 0; margin: 10px 0; padding: 0;}
fieldset.register legend				{margin: 0 0 5px -7px; padding: 0; font: bold 12px Sans-Serif; color: #000; display: none;}
fieldset.register p						{margin: 5px 0; clear: both;}
fieldset.register h3					{font-size: 12px; border-bottom: 1px solid #ccc; text-transform: uppercase; margin-top: 30px;}
fieldset.register label					{display: block;}
fieldset.register label .rfv			{font-size: 11px; color: #f00;}
fieldset.register input					{width: 300px; padding: 0 2px; font: normal 12px Sans-Serif; color: #000;}
fieldset.register select				{width: 310px; padding: 0 2px; font: normal 12px Sans-Serif; color: #000;}
fieldset.register input.captcha-input	{width: 60px;}
fieldset.register p.checkbox input		{width: auto; vertical-align: middle; margin: 0; padding: 0;}
fieldset.register p.checkbox label		{margin: 0 0 0 3px; vertical-align: middle; display: inline; clear: none;}
fieldset.register textarea				{width: 300px; padding: 2px; font: normal 12px Sans-Serif; color: #000; overflow: auto;}
fieldset.register .btn					{width: auto;}

div.formarea p							{width: auto !important; margin: 0 0 10px 0; float: none !important;}
div.formarea label						{margin: 0 0 3px 0; font: normal 11px Sans-Serif; display: block; clear: both;}
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 0 0;}
div.buttonarea input					{width: auto; padding: 5px 10px;}
div.buttonarea p						{color: Red; padding: 10px 0 0 0;}

div.regthanks							{padding: 10px; border: solid 1px #686868; background-color: #eee; margin: 5px 0 20px 0;}
div.regthanks p							{margin: 0; padding: 0;}

/* Logged In */
div#loggedInMenu						{float: right; width: 180px; margin-left: 50px;}
div#loggedInMenu ul						{margin: 0; list-style: none;}
div#loggedInMenu ul li					{border-bottom: 1px solid #eee; padding-left: 10px;}
div#loggedInMenu ul li a				{line-height: 25px; font-size: 11px; display: block;}

/* Registration */
p.step									{margin: 10px 0 -30px 0;}
p.step span.text						{font: normal 11px Sans-Serif;}
p.step span.number						{font: bold 14px Sans-Serif;}

/* Events */
table.eventlist							{width: 640px; margin-top: 20px;}
table.eventlist th						{text-align: left; padding: 0 4px; line-height: 20px; font-size: 11px; text-transform: uppercase;}
table.eventlist td .btn					{font-size: 11px;}
table.eventlist td						{background-color: #eee; padding: 0 4px; line-height: 25px; font-size: 12px;}
table.eventlist td.odd					{background-color: #fff;}
table.eventlist td.icon					{width: 20px;}
table.eventlist td.icon a				{float: left; line-height: 25px;}

/* Attendants & Gatheringpoints */
div#googlemap							{margin-top: 16px;}
div#list								{float: right; width: 370px;}
div#list h3								{font: bold 12px/20px sans-serif; text-transform: uppercase; margin-top: 10px; border-bottom: 1px solid #ccc;}
div#list ul								{list-style: none; margin: 5px 0 15px 10px; padding: 0;}
div#list ul li							{}

div.list h4								{margin-top: 20px;}
div.list ul								{list-style: none; margin: 5px 0 15px 10px; padding: 0;}
div.list ul li							{}

div.info h3								{font: normal 14px/20px sans-serif; text-transform: uppercase; margin-top: 10px; border-bottom: 1px solid #ccc;}
div.info h4								{margin-top: 20px;}
div.info p								{margin: 0;}

/* Welcomeboxes */
div.box									{border: 1px solid #eee; width: 140px; float: left; margin: 15px 5px 0 5px; height: 110px; padding: 5px; position: relative; background-image: url(../gfx/box_bg.gif);}
div.box p								{font-size: 11px; line-height: 16px; margin: 0 10px 0 0;}
div.box p.link							{width: 135px; text-align: right; position: absolute; bottom: 0; right: 0; height: 22px;}
div.box p.ok							{background-image: url(../gfx/ok.gif); background-repeat: no-repeat; background-position: 0px 0px;}
div.box img.left						{margin: 0 5px 5px 0;}


/*--------------------------------------------------------------------------------------------------
Menu
--------------------------------------------------------------------------------------------------*/
ul#mainnav								{list-style: none; margin: 0; padding: 10px 0; position: relative;}
ul#mainnav li							{display: inline; margin-left: 10px;}
ul#mainnav li a							{color: #000; text-decoration: none; font: normal 12px/14px Arial; border-bottom: none;}
ul#mainnav li.on a						{border-bottom: solid 1px #000;}

ul#secondarynav							{list-style: none; margin: 0; padding: 5px 0; clear: both; background-color: #fee557; border-bottom: solid 1px #ccc;}
ul#secondarynav li						{display: inline; margin-left: 10px;}
ul#secondarynav li a					{color: #000 !important; text-decoration: none; font: normal 14px/14px Arial; border-bottom: none !important;}
ul#secondarynav li.on a					{border-bottom: solid 1px #666 !important;}

/*
ul#submenu								{list-style: none; margin: 0 0 15px 0; padding: 0;}
ul#submenu li							{color: #00529f !important; text-decoration: none; display: inline; margin: 0 10px 0 0; border-right: solid 1px #ccc; padding: 0 10px 0 0;}
ul#submenu li.on a						{border-bottom: solid 1px #00529f !important;}

ul#submenu ul							{list-style: none; margin: 5px 0 15px 15px; display: none;}
*/

/*--------------------------------------------------------------------------------------------------
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; background: #f5f5f5; border: solid 1px #eee;}
a.gallerydir							{width: 120px; height: 120px; margin: 0 5px 5px 0; padding: 5px; overflow: hidden; float: left; background: #fff; color: #000; border: solid 1px #eee; text-decoration: none; text-align: center; display: block;}
a.galleryimg							{width: 120px; height: 120px; margin: 0 5px 5px 0; padding: 5px; 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: #c1c1c1;}
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;}