@import url(gallery.css);
@import url(myguide.css);

/* ----- global ----------------------------------------- */
* {
	margin: 0;
	padding: 0;
}

body {
	background: #fff url(../Images/main_bg.gif) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #5A5A5A;
	text-align: center;
}

.textfield {
	font: normal normal normal 12px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #989793;
	padding: 2px;
}

td {
    font-family : Verdana, Arial, Helvetica, sans-serif;
	color: #5A5A5A;
	font-size: 10px;
}

a {
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
	padding: 0px;
	margin: 0px 0px 5px 0px;
}

/* ----- headings ---------------------------------------- */
h5 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	margin: 0 0 0 5px;
}

.head1 { /* Stor rubrik */
	color: #333333;
	font-size: 14px;
	font-weight: bold;
}

.head2 { /* Spot rubrik */
	color: #707070;
	font-size: 12px;
	font-weight: bold;
}

.head3 { /* Mellan rubrik */
	color: #5A5A5A;
	font-size: 11px;
	font-weight: bold;
}

.head4 { /* Liten rubrik */
	color: #5A5A5A;
	font-weight: bold;
}

/* ----- common ------------------------------------------ */
.selfClear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.selfClear {
	display: inline-block;
}

/* Hide from IE-mac \*/
* html .selfClear {
	height: 1%;
}

.selfClear {
	display: block;
}
/* End hide from IE-mac */

.searchButton {
	float: right;
	margin: 0 10px 0 0;
}

.contentBox .bi {
	border: 1px solid #999999;
	border-width: 0 1px 0 1px;
	background-color: #fff;
}

.contentBox .bt {
	height: 3px;
	margin: 0 0 0 3px;
	background: url(../Images/contentbox.gif) no-repeat 100% 0;
}
/* hide for IE/mac \*/ * html .contentBox .bt { o\verflow: hidden; } /* */

.contentBox .bt div {
	width: 3px;
	height: 3px;
	position: relative;
	left: -3px;
	background: url(../Images/contentbox.gif) no-repeat 0 0;
}
* html .contentBox .bt div { overflow: hidden; }

.contentBox .bb {
	height: 3px;
	margin: 0 0 0 3px;
	background: url(../Images/contentbox.gif) no-repeat 100% 100%;
}

.contentBox .bb div {
	width: 3px;
	height: 3px;
	position: relative;
	left: -3px;
	background: url(../Images/contentbox.gif) no-repeat 0 100%;
	line-height: 3px;
}
/* hide for IE/mac \*/ * html .contentBox .bb div { line-height: 5px; height: 5px; } /* */

/* ----- box with header ----------------------------------- */
.contentBox.header .bi {	
	border: 1px solid #8B8A8A;
	border-width: 0 1px 0 1px;
	background-color: #FDFBF5;
}

.contentBox.header .bt {
	height: 20px;
	background: url(../Images/contentbox_wheader.gif) no-repeat 100% 0;
	line-height: 20px;	
}

.contentBox.header .bt2 {
	height: 3px;
	background: url(../Images/contentbox_wheader2.gif) no-repeat 100% 0;
	line-height: 3px;	
}

.contentBox.header .bt div {
	float: left;
	height: 20px;
	background: url(../Images/contentbox_wheader.gif) no-repeat 0 0;
	margin: 0 -3px 0 0;
}

.contentBox.header .bb {
	background: url(../Images/contentbox_wheader.gif) no-repeat 100% 100%;
}

.contentBox.header .bb div {
	background: url(../Images/contentbox_wheader.gif) no-repeat 0 100%;
}

/* ----- red content box ----------------------------------- */
.contentBox.red .boxContent {
	background-color: #a51b24;
}

.contentBox.red .bt {
	background: url(../Images/contentbox_red.gif) no-repeat 100% 0;
}

.contentBox.red .bt div {
	background: url(../Images/contentbox_red.gif) no-repeat 0 0;
}

.contentBox.red .bb {
	background: url(../Images/contentbox_red.gif) no-repeat 100% 100%;
}

.contentBox.red .bb div {
	background: url(../Images/contentbox_red.gif) no-repeat 0 100%;
}

/* ----- main layout ------------------------------------ */

#pageContainer 
{
	margin:0pt auto;
	width: 975px;
}

#container,
#errorContainer {
	width: 815px;
	background: #EBEBEB url(../Images/main_content_bg.gif) repeat-y;
	/*margin: 0 auto;*/
	text-align: left;
	float:left;
}

#adColumn 
{
	width: 140px;
	margin: 0 0 0 20px;	
	float:left;
	overflow:hidden;
	text-align:left;
}

#adColumn img 
{
	border:0;
}

#adColumn .AdHeader 
{
	border-bottom:1px dotted #A51B24;
	color:#A51B24;
	font-size:9px;
	padding:2px;
	width:100%;
}

#adColumn img, #adColumn #flashContent
{
	padding: 3px 0 0 0;
}



#errorContainer {
	width: 649px;
	background: none !important;
	padding: 20px 0 0 0;
}

#contentWrapper {
	background: transparent url(../Images/main_bg_borders.gif) no-repeat;
	min-height: 400px;	
	padding: 0 5px 0 5px;

}
* html #contentWrapper { height: 400px; } /* IE height fix */

#topBar {
	position: relative;
	background: #A51B24;
	height: 58px;
	border: 1px solid #8C8C8C;
	border-width: 1px 0 0 0;
}

#topBar.en {
	background: #A51B24;
}

#topBar #topLogo {
	position: absolute;
	top: 1px; left: 25px;
}

#mainContent 
{	
	min-height: 500px;
}
* html #mainContent { height: 500px; } /* IE height fix */

#menuColumn {
	width: 140px;
	float: left;
	padding: 9px 4px 40px 4px;
}
* html #menuColumn { width: 148px; w\idth: 140px; }/* */

#mainColumn {
	float: left;
	width: 649px;
	padding: 3px 0px 3px 3px;
	margin: 0 0 0 1px;
}
* html #mainColumn { width: 656px; w\idth: 649px; }/* */

#footer {
	height: 35px; width: 805px;
	background-color: #A51B24;
	color: #fff;
	margin: 0 0 0 5px;
}

#footer a,
#footer td {
	color: #fff;
}

#footer #footerLeft {
	float: left;
	width: 45%;
	font-size: 9px;	
	padding: 5px 0 5px 15px;
	height: 1%;
}

#footer #footerRight {
	padding: 8px 5px 5px 15px;
	height: 1%;
}

#footer #footerRight table {
	float: right;
}

#footer #footerRight .newsletter {
	font: normal normal normal 10px Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #000;
	margin: 0 5px 0 15px;
	width: 160px;
	padding: 1px;
}

#footer #footerRight .submitButton {
	vertical-align: bottom;
}

#subFooter {
	padding: 10px 0 0 15px;
}

/* ---- top menu ------------------------------------------ */
ul#topMenu {
	list-style: none;
	margin: 0 0 0 147px;
}

ul#topMenu li {
	float: left;
	height: 58px;
}

ul#topMenu li a {
	display: block;
	height: 58px;
}

ul#topMenu li#home 			{ background: transparent url(../Images/topbutton_states.gif) 0 0  no-repeat; width: 67px; }
ul#topMenu li#touristInfo 	{ background: transparent url(../Images/topbutton_states.gif) -68px 0  no-repeat; width: 168px; }
ul#topMenu li#konfCong 		{ background: transparent url(../Images/topbutton_states.gif) -236px 0 no-repeat; width: 177px; }
ul#topMenu li#pressBranch 	{ background: transparent url(../Images/topbutton_states.gif) -413px 0 no-repeat; width: 187px; }
ul#topMenu li#tiLogo     	{ background: transparent url(../Images/topbutton_states.gif) -600px 0 no-repeat; width: 58px; }

ul#topMenu li#home  a			{ width: 68px; }
ul#topMenu li#touristInfo  a	{ width: 168px; }
ul#topMenu li#konfCong  a		{ width: 177px; }
ul#topMenu li#pressBranch a 	{ width: 187px; }
ul#topMenu li#tiLogo a		 	{ width: 100%; }

ul#topMenu li#home.active,
ul#topMenu li#home a:hover {
	background: transparent url(../Images/topbutton_states.gif) 0 -58px no-repeat;
}

ul#topMenu li#touristInfo.active,
ul#topMenu li#touristInfo a:hover {
	background: transparent url(../Images/topbutton_states.gif) -68px -58px no-repeat;
}

ul#topMenu li#konfCong.active,
ul#topMenu li#konfCong a:hover {
	background: transparent url(../Images/topbutton_states.gif) -236px -58px no-repeat;
}

ul#topMenu li#pressBranch.active,
ul#topMenu li#pressBranch a:hover {
	background: transparent url(../Images/topbutton_states.gif) -413px -58px no-repeat;
}

ul#topMenu li#tiLogo.active,
ul#topMenu li#tiLogo a:hover {
	background: transparent url(../Images/topbutton_states.gif) -600px -58px no-repeat;
}

ul#topMenu.en li#home, ul#topMenu.en li#home.active, ul#topMenu.en li#home a:hover,
ul#topMenu.en li#touristInfo,
ul#topMenu.en li#konfCong,
ul#topMenu.en li#pressBranch,
ul#topMenu.en li#touristInfo.active,
ul#topMenu.en li#touristInfo a:hover,
ul#topMenu.en li#konfCong.active,
ul#topMenu.en li#konfCong a:hover,
ul#topMenu.en li#pressBranch.active,
ul#topMenu.en li#pressBranch a:hover,
ul#topMenu.en li#tiLogo.active,
ul#topMenu.en li#tiLogo a:hover  {
	background-image: url(../Images/topbutton_states_en.gif);
}

/* ----- left menus -------------------------------------- */
#menuColumn .chooseLang {
	list-style: none;
	width: 107px;
	margin: 0 auto;
	
}

#menuColumn .chooseLang li {
	float: left;
	margin: 0 0 0 4px;
}

#menuColumn .chooseLang li.first {
	margin: 0 !important;
}

#menuColumn #mainLangRow {
	height: 17px;
	overflow: hidden;
	margin-bottom: 5px;
}

#menuColumn .mini li {
	margin: 0 0 2px 8px;
}


#search,
#events,
#services,
#myguide,
#info {
	width: 140px;
	margin: 8px 0 0 0;
}

#search .boxContent {
	padding: 7px 0 3px 7px;
}

#search .boxContent .textfield {
	width: 118px;
}

#search #buttonRow {
	margin: 5px 0 0 0;
}

#search #buttonRow .searchButton {
	margin: 0 5px 0 0;
}

#events .boxContent,
#services .boxContent,
#myguide .boxContent,
#info .boxContent {
	padding: 8px 5px 6px 16px;
}
/*----------------------------*/
#myguide a.nslink {
	font: normal normal normal 11px/15px Arial, Verdana, Helvetica, sans-serif;
	color: #626262;
	text-decoration: none;
}


#myguide a:hover.nslink {
	text-decoration: underline;
}
/*---------------------------------*/
#search a,
#events a,
#services a,
#myguide a,
#info a {
	font: normal normal bold 11px/15px Arial, Verdana, Helvetica, sans-serif;
	color: #626262;
	text-decoration: none;
}

#search a:hover,
#events a:hover,
#services a:hover,
#myguide a:hover,
#info a:hover {
	text-decoration: underline;
}

/* ---- main column ---------------------------------- */
#findRight {
	margin: 3px 0 0 0;	
}

#breadCrumb {
	color: #fff;
	margin: 3px 0 0 0;
}

#breadCrumb .boxContent {
	padding: 0 0 0 10px;
}

#breadCrumb a {
	color: #fff;
}

#breadCrumb a:hover {
	text-decoration: underline;
}

#mainColumn #mainContentWrapper {
	margin: 3px 0 0 0;
}

#mainColumn .subMainLeft {
	float: left;
	width: 477px;
}

#mainColumn .subMainRight {
	float: left;
	margin: 0 0 0 3px;
}

#mainColumn .subMainLeft #mainContentBox {
	width: 477px;
}

#mainColumn .subMainLeft #mainContentBox .boxContent {
	width: 475px; 
}

#mainContentBox .boxContent {
	min-height: 380px;
	overflow: hidden;
	padding: 5px 0 0 0;
	word-wrap: break-word;
}
/* hide for IE/Mac \*/* html #mainContentBox .boxContent { height: 380px; overflow-x: hidden; overflow-y: visible; }/* */

#spots {
	width: 169px;
}

.bookingbutton
{
	color: #626262;
	background-color: #F3ECC7;
	width: 164px;
	height: 56px;
	margin: 0px 0px 5px 0px;
}

.bookingbutton_small
{
	color: #626262;
	background-color: #F3ECC7;
}

#spots .bi {
	background-color: #fff;
}
* html #spots .bi { margin-bottom: -5px /* IE/mac autohight fix */ }
/* hide for IE/Mac \*/* html #spots .bi { margin: 0 } /* IE/mac autohight fix */

#spots .boxContent { min-height: 363px; }
* html #spots .boxContent { height: 363px; }

/* ---- main content ---------------------------- */
#contnet-maincell, #kongresslist-cell {
	padding: 10px 0px 0px 15px;
}

#content-topcell, #content-rightcell, #content-leftcell
{
	padding: 14px 0px 0px 14px;
}

#content-topcell a, 
#content-rightcell a, 
#content-leftcell a, 
#kongresslist-cell a, 
.print a, 
.responsible a,
#subFooter a,
#errorBox a
{
	color: #990000  !important;
	text-decoration: none
}

#content-topcell a:hover, 
#content-rightcell a:hover, 
#content-leftcell a:hover, 
#kongresslist-cell a:hover.
#errorBox a:hover
{
	color: #990000; 
	text-decoration: underline;
}

#content-topcell a:active, #content-topcell a:visited, 
#content-rightcell a:active, #content-rightcell a:visited, 
#content-leftcell a:active, #content-leftcell a:visited, 
#kongresslist-cell a:active, #kongresslist-cell a:visited,
#errorBox a:active
{
	color: #9E977B;
}

#content-topcell input, 
#content-topcell textarea, 
#content-topcell select, 
#kongresslist-cell input,
#kongresslist-cell select
{
	font-family: Verdana;
	font-size: 10px;
}
#kongresslist-cell select.year { width: 53px; }
#kongresslist-cell select.day { width: 37px; }

#content-topcell h2, #content-leftcell h2, #content-rightcell h2, #content-topcell h1, #content-leftcell h1, #content-rightcell h1,
#kongresslist-cell h1, #kongresslist-cell h2 {
	font-family: verdana, arial, sans-serif;
	font-size: 17px; 	
	font-weight: 900;
	color: #707070;	
}

#content-topcell h6, #content-leftcell h6, #content-rightcell h6, #kongresslist-cell h6 {
	font-family: verdana, arial, sans-serif; 
	font-size: 12px; 	
	font-weight: 900;
	color: #707070;
}

#content-topcell p, #content-leftcell p, #content-rightcell p, #kongresslist-cell p {
	padding: 0px;
	margin:  0px 0px 10px 0px;
}

#content-topcell ul, #content-leftcell ul, #content-rightcell ul, #kongresslist-cell ul {
	margin:  0 0 10px 20px;
}

#kongresslist-cell #congList td
{
	padding: 2px 0px 2px 0px;
}

#kongresslist-cell #congList td select
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10px;
}

#kongresslist-cell #congList td table td
{
	padding: 0px 0px 0px 0px !important;
}

.tblGrid {
	border: none;
}

.tblGridHead TD {
	font-size: 10px;
	font-weight: bold;
	padding: 2px;
	color: #FFFFFF;
	background-color: #990000;
}

.tblGridItem TD {
	font-size: 10px;
	padding: 5px;
	background-color: White;
}

.tblGridAltItem TD {
	font-size: 10px;
	padding: 5px;
	background-color: #E0E0E0;
}

.tblGridPaging TD {
	font-size: 10px;
	text-align: right;
	padding: 5px;
	color: #CCCCCC;
}

.cbList TD {
	width: 160px
}

.responsible {
	font-family: verdana, arial, sans-serif;
	font-size: 9px;
	font-weight: normal;
	text-align: left;
}

.print {
	font-family: verdana, arial, sans-serif;
	font-size: 9px;
	font-weight: normal;
}

.print img {
	vertical-align: middle;
}

.newsListSpace {
	clear: both;
	height: 5px;
}

.newsHead {
	font-size: 14px; 	
	font-weight: 900;
	color: #707070;	
}

.newsIngress {
	font-size: 10px;
	font-weight: bold;
	color: #707070;
}

.newsContent {
	font-size: 10px;
}

.newsListSubject  {
	font-size: 12px; 	
	font-weight: bold;
	color: #707070;
	margin: 0px 0px 5px 0px;
}

.newsListIngress img {
	display: block;
	padding: 0 7px 5px 0;
}
* html .newsListIngress img { display: inline; }

div.rtfParagraph
{
	display: block;
	clear: both;
}

.calendar
{
	font-size: 10px;
}

.weekend
{
	color: Red;
}

.dayHead
{
	font-weight: bold;
}

.calTitle
{
	font-weight: bold;
}

.newsListSubject a, .head1 a,  .head2 a,  .head3 a,  .head4 a
{
	color: #333333 !important;
}

.greyText {
	color: #ccc;
}

.backButton img {
	margin: 10px 0 0 14px;
}

/* ---- spots ---------------------------- */
.spotObj {
	color: #707070;
	padding: 5px;
	cursor: pointer;
}
* html .spotObj { height: 1%; /* ie render fix */ }

.spotObj img {
/*	display: none;*/
/*	margin: 0 0 0 -99999px;*/
}

.spotObj.alt {
	background-color: #EBEBEB;
}

.spotObj h1, .rightSpot h2, .rightSpot h3, .rightSpot h4, .rightSpot h5, .rightSpot h6 {
	font-size: 12px;
}

.spotObj p {
	margin: 0px;
	padding: 0px;
}

.spotObj a {
	color: #A96060;
}

.spotObj a:hover {
	text-decoration: underline;
}

/* ---- error page -------------------------- */
#errorBox 
{
	margin: 10px 0 0 0;
}

#errorBox .boxContent {
	padding: 15px;
	min-height: 300px;
}
* html #errorBox .boxContent { height: 300px; }

#errorBox .errorDesc {
	background-color: #eee;
	padding: 5px;
	border: 1px solid #dedede;
	color: #A7A7A7;
}

/* ---- print style ------------------------- */
body.printC {
	padding: 0px !important;
	text-align: left;
	background-image: none;
}

body.printC #printContainer {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	width: 659px;
	padding: 15px 0 15px 10px;
}


body.printC #printContainer .contentBox .bi {
	border: none;
}

body.printC #printContainer .contentBox .bt,
body.printC #printContainer .contentBox .bt div,
body.printC #printContainer .contentBox .bb,
body.printC #printContainer .contentBox .bb div {
	display: none;
}

body.printC #printContainer #topLogo {
	margin: 0px 0px 15px 0px;
}

body.printC #printContainer #footer {
	margin: 15px 0px 0px 0px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	background-color: #fff;
	color: #000;
	width: auto;
}

body.printC #printContainer #footer a,
body.printC #printContainer #footer td {
	color: #000;
}

body.printC #printContainer #footer #footerLeft {
	width: 100%;
	padding: 0;
}

body.printC #printContent .subMainLeft {
	float: left;
	width: 477px;
}

body.printC #printContent .subMainRight {
	float: left;
	width: 169px;
	margin: 0 0 0 3px;
	display: inline;
}

body.printC #printContainer .printDate
{
	display: block;
	margin: 10px 0px 0px 0px;
}

body.printC #printContainer #pageUrl 
{
	text-align: center;
	font-size: 9px;
	margin: 10px 0px 0px 0px;
	color: #CECECE;
}

@media print {
	body.printC {
		font-size: 12pt;
	}
	
	body.printC #printContainer {
		padding: 0;
	}
}

.BookingComSpot { width: 158px; padding: 5px; background-color: #C2C1C6; color: black; overflow: hidden; }

.BookingComSpot div { margin: 5px 0 0 0; }
.BookingComSpot div.searchBtn { text-align: right; }

.BookingComSpot h1 { font-size: 150%; font-weight: bold; }
.BookingComSpot h2 { font-size: 100%; font-weight: bold; margin-top: 5px; }
.BookingComSpot a, .BookingComSpot a img { border: 0; }