@charset "utf-8";
/* CSS Document som sköter huvuddesign och layout */


/**
 * Vanliga HTML-taggar här
 **********************************/
body {
	margin: 0px;
	padding: 0px;
	font-family: georgia,"palatino linotype",arial,"times new roman",serif;
	color: #333333;
	background-color: #FFFFFF;
}

/* Använd aldrig hr när man kan använda CSS. Därför döljer vi dessa för de med CSS och visar dessa för de utan CSS. */
hr { display: none; visibility: hidden;}


/**
 * Vanliga länkar som placeras i text på sidan
 ******************************/
a { color: #993333; font-weight: bold;}
a:link { text-decoration: none;}
a:visited { text-decoration: none;}
a:hover { text-decoration: underline;}
a img { border: 0px solid #FFFFFF;}


/**
 * Tabeller
 ******************************/
table thead tr td { font-weight: bold;}
table.boat_queue { border-collapse: collapse;}
table.boat_queue tr td { border: 1px solid #333333;}
table.boat_queue .marked { color: #FF0000;}
 

/**
 * Handikappade med syn/hörsel problem fixas här
 ********************************/
.handicap-blind-help { visibility: hidden; display: none;}



/**
 * Klassdefinitioner
 ********************************/
.clear-both { clear: both;}
.spacer-small { height: 20px;}




/**
 * Runda hörn
 *********************************/
 
/* Blå hörn med transparent bakgrund */
.round-top0 { background-color: transparent;}
.round-bottom0 { background-color: transparent;}
.r01{ margin: 0 5px; height: 1px; overflow: hidden; background-color: #DFDFDF;}
.r02{ margin: 0 3px; height: 1px; overflow: hidden; background-color: #DFDFDF;}
.r03{ margin: 0 2px; height: 1px; overflow: hidden; background-color: #DFDFDF;}
.r04{ margin: 0 1px; height: 2px; overflow: hidden; background-color: #DFDFDF;}

/* Vita hörn med transparent bakgrund */
.round-top1 { background-color: transparent;}
.round-bottom1 { background-color: transparent;}
.r11{ margin: 0 5px; height: 1px; overflow: hidden; background-color: #993333;}
.r12{ margin: 0 3px; height: 1px; overflow: hidden; background-color: #993333;}
.r13{ margin: 0 2px; height: 1px; overflow: hidden; background-color: #993333;}
.r14{ margin: 0 1px; height: 2px; overflow: hidden; background-color: #993333;}




/**********************************
 * Huvuddesignen sköts här.
 **********************************/
 
 
 
 
/* Hela sidan ligger i denna för att sköta storlek och relation för olika stora bildskärmar */
div#page-container {
	/* Anpassad för 800x600 */
	width: 760px;
	min-height: 380px; 
	margin: 15px auto 0px auto;
}


/* Här placeras listen med innehåll som är allra högst upp på sidan */
div#top-date { text-align: right; font-size: 0.7em;}

div#top-bar { padding: 5px 0px 5px 30px; background-color: #DFDFDF;}
#header-text { float: left; width: 230px;}
#header-text h1 { margin-top: 0px;}
#header-text p { font-style: italic; text-align: center;}/* Slogan */



/**
 * Styr hur innehållet ska placeras (bilden högst upp plus innehåll)
 ******************************/
div#main-container {
	width: 65%;
	margin-top: 20px;
	float: right;
}



/* Här placeras bilden som visas högst upp på sidan */
div#header-image {
	width: 480px;
	height: 126px;
	margin-right: 10px;
	float: right;
	/*background: #DFDFDF url(../../images/header/header.png) top left no-repeat;*/
	border: 2px solid #FFFFFF;
}



/**
 * Huvudinnehållet visas här
 ******************************/
div#main-container div.main-content { padding: 10px; background-color: #FFFFFF; font-size: 0.8em;}
div#main-container div.main-content h1 { margin-top: 0px; font-size: 2em; border-bottom: 2px solid #DFDFDF;}
div#main-container div.main-content h2 { margin-top: 30px; padding-left: 10px; font-size: 1.5em; border-left: 3px solid #DFDFDF;}
div#main-container div.main-content h3 { margin-bottom: 0px; font-size: 1.3em;}
div#main-container .last-update { margin-top: 50px; font-style: italic; font-size: 0.9em;}



/**
 * Allt innehåll till vänster läggs här (t.ex menyn)
 ******************************/
div#left-content {
	width: 33%;
	margin-top: 20px;
	background-color: #FFFFFF;
}


/**
 * Meny (vänster) - Satsar på att ha en enskild css-mall för menyer lite senare
 ******************************/
div#left-content div.left-box { background-color: #DFDFDF; font-size: 0.7em; padding-left: 5px;}
div#left-content div.left-box ul { list-style-type: none;margin: 0em 0em 1em 0em;padding: 0em;}
div#left-content div.left-box ul li { margin-bottom: 0px; margin-top: 0px; padding: 0px; font-family: palantino,"utopia",serif,arial,"times new roman"; font-size: 1.1em;}
div#left-content div.left-box ul li a { display: block; border-left: 8px solid #DFDFDF; padding: 0px 0px 0px 2px; margin: 0px; text-decoration: none; }
div#left-content div.left-box ul li a#main-current { }
div#left-content div.left-box ul li a.sub-current { text-decoration: underline;}
div#left-content div.left-box ul li a:link { color: #4E6789; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px;}
div#left-content div.left-box ul li a:visited { color: #4E6789; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px;}
div#left-content div.left-box ul li a:hover { border-left: 8px solid #993333; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px;}
div#left-content div.left-box p { margin: 0px; padding: 6px;}
div#left-content div.left-box p.small-header { font-weight: bold; margin-bottom: 0px;}
div#left-content div.left-box p a.startpage { text-decoration: none;}
div#left-content div.left-box p a.startpage:link { color: #4E6789;}
div#left-content div.left-box p a.startpage:visited { color: #4E6789;}
div#left-content div.left-box p a.startpage:hover { color: #990000; text-decoration: underline;}


/**
 * Undermeny till vänstra menyn
 ******************************/
div#left-content div.left-box ul ul { margin:0 0 0 20px;}
div#left-content div.left-box ul ul li { margin-bottom: 0px; margin-top: 0px; padding: 0px; font-family: palantino,"utopia",serif,arial,"times new roman"; font-size: 1em;}
div#left-content div.left-box ul ul li a { display: block; border-left: 8px solid #DFDFDF; padding: 0px 0px 0px 2px; margin: 0px; text-decoration: none; }
div#left-content div.left-box ul ul li a#main-current { }
div#left-content div.left-box ul ul li a.sub-current { text-decoration: underline;}
div#left-content div.left-box ul ul li a:link { color: #4E6789; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px;}
div#left-content div.left-box ul ul li a:visited { color: #4E6789; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px;}
div#left-content div.left-box ul ul li a:hover { border-left: 8px solid #393; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; text-decoration: underline;color:#000;}

/* Added on menu click by jQuery fademenu/menu.js */
.subMenu a:hover {
	background:url(../../images/icons/arrow_down.png) no-repeat top right;
}
.subMenu li a:hover {
	background:none;/* do not show arrow on submenu item hover*/	
}

/**
 * Sidans sidfot 
 ******************************/
div#footer-box { 
	clear: both;
	padding: 20px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	text-align: center;
	color: #666666;
	border-top: 1px dashed #333333;
}

div#footer-image {
	clear: both;
	height: 64px;
	background-image: url(../../images/bg-footer.png);
	background-repeat: no-repeat;
	background-position: top right;
}


/**
 * Bildspelet
 ********************************/

#gallery {
	position: relative;
	height: 125px;
}
#gallery img {
	clip: rect(0px, 480px, 125px, 0px);
	float: left;
	position: absolute;
	border: none;
}
#gallery img.show {
	z-index: 500;
}