/*Karlstads Sjöscoutkår */
body {
	padding: 0;
	margin: 5px 0px 5px 0px;
	text-align: center;  /* centrerar layouten 1 - för äldre webläsare  */
	background-color: #D7E3FB;
	color: #000066;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 76%;
}

h1, h2, h3, h4, h5 { 
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000066; background-color: inherit;
letter-spacing: 1px;
margin-top: 10px;
margin-bottom: 5px; }

h1 { font-size: 2.5em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em; }
h4 {
	font-size: 1.1em;
	background-color: #DFDFFF;
	padding: 2px 0px 2px 0px;
}
h4 A {
	text-decoration: none;
	color: #000066;
	background-color: inherit;
}
h5 { font-size: 1em; }

p { margin: 0px 0px 15px 0px;
font-size: 1em;
line-height: 150%; }

a { color: #0000BB; background-color: inherit; text-decoration: underline; }
.bildcenter {
	padding: 0px;
	margin: 0px;
	width: 100%;
	text-align: center;
}

.bild {
	border: 1px solid #CCCCFF;
	padding: 0px;
	margin: 0px;
}
.bildtext {
	padding: 0px 2px 2px 2px;
	font-style: italic;
	font-weight: normal;
	font-size: 56%;
	margin-bottom: 2px;
	background-color: #DDDDFF;
	border: 1px solid #CCCCFF;
	margin-top: 1px;
	letter-spacing: 1px;
}


a:visited { color: #0000BB; background-color: inherit; }
a:hover { color: #0000F2; background-color: inherit; }
a img { border: none; }

hr { border: thin solid #575D2E; margin-top: 30px; margin-bottom: 30px; }



.cleartopmargin { margin-top: 0px; }
.center { text-align: center; }

/* layout */

#layout {
width: 63em;
margin: 0 auto;  /* centrerar layouten 2 */
text-align: left;   /* centrerar layouten 3 - justerar tillbaka innehållet åt vänster */
border: 1px solid #000; }


/* sidhuvud */

#sidhuvud {
	width: 100%;
	background-color: #FFFFFF;
	color: #2C2618;
	border-bottom: 1px solid #000;
	float: left;
}

#shheight { height: 75px; }
#shleft {
	width: 70%;
	float: left;
	height: 66px;
}
#shleftcontent {
	padding: 0px;
} /* placerar rubriken */
#shleftcontent h1 { 
color: #B3D9FF; background-color: inherit;
font-style: italic;
margin: 0; }

#shright {
	width: 29%;
	float: right;
	height: 66px;
	background-image: url(layout/logga.jpg);
	background-position: right 5px;
	background-repeat: no-repeat;
}
#shrightcontent { padding: 10px 20px 0 0; text-align: right; } /* placerar skiplänken */

#shrightcontent a { 
color: #000066; background-color: inherit;
font-size: x-small; }

/* topmeny */

#topmenybox {
	width: 100%;
	border-top: 1px solid #000000;
	background-color: #005BB7;
	color: #000066;
	float: left;
	clear: both;
	font-weight: normal;
	letter-spacing: 0.1em;
}

#topmeny ul {
list-style-type: none;
padding: 0; margin: 0; /* för "knapputseende" */
float: left; }

#topmeny li { display: inline; }

#topmeny a, #topmeny span {
padding: 5px 8px; /* för "knapputseende" */
border-right: 1px solid #000066; /* för knapputseende - annars #topmenybox bg-color */
color: #FFFFFF; background-color: inherit;
text-decoration: none;
float: left; }

#topmeny a:hover {
	background-color: #006FDD;
}

#topmeny span#aktuell {
	background-color: #006FDD;
	font-weight: bold;
}

/* kolumncontainer */

#kolumncontainer { width: 100%;
background-color: #B3D9FF; color: inherit;
clear: both; }

/* kolumn: main */

#main {
	width: 71%;
	float: right;
	background-color: #FFFFFF;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #000000;
} /* main till höger  */

#maincontent { padding: 20px 0.9em 10px 1.7em; }


/* kolumn: side */

#side {
	width: 28%;
	height: inherit;
} /* side till vänster  */

#sidecontent { padding: 20px 0.5em 0px 0.9em; }

#startkolumncontainer { width: 100%;
background-color: #B3D9FF; color: inherit;
clear: both; }

/* kolumn: main */

#startmain {
	width: 49%;
	float: left;
	background-color: #FFFFFF;
	margin-left: 3px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-left-color: #000000;
} /* main till höger  */

#startmaincontent { padding: 20px 1.2em 10px 1.2em; }

#startsidevanster {
	width: 25%;
	height: inherit;
	float: left;
}

#startsidecontent { padding: 20px 0.6em 0px 0.6em; }

#startsidehoger {
	width: 25%;
	height: inherit;
	float: right;
}

/* meny */

#menycontainer{
	float: inherit;
	margin: 0px 0px 20px 0px;
	font: 90% Verdana, Helvetica, sans-serif;
	width: 100%;
	border-top: 1px solid #CCCCFF;
}
#meny{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#meny a{
	display: block;
	margin: 0;
	padding: 0.3em;
	padding: 0.3em;
	text-decoration: none;
	height: 100%;
	border-bottom: 1px solid #CCCCFF;
	background-color: #178BFF;
}
#meny ul{list-style-type: none;} 
#meny ul a{
	margin: 0;
	padding: 0.3em;
	background-color: #79BCFF;
}	
#meny a:link{color: #ffffff;}
#meny a:visited{color: #ffffff;}
#meny a:hover{
	background-color: #006FDD;
}
#meny a#current{
	font-weight: bold;
	background-color: #006FDD;
}
#meny a#subcurrent{
	font-weight: bold;
	background-color: #006FDD;
}


/* sidebox */

.sidebox {
	margin-bottom: 20px;
	float: inherit;
}
.sideboxcontent { border-top: 1px dashed #000000; padding: 10px 0 0 0; }
.sideboxcontent p {
	font-size: 0.9em;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
.sideboxcontent h3 {
	margin-left: 0px;
	font-size: 1em;
}

/* sidebox2 */

.sidebox2 {
	margin-bottom: 0px;
	margin-top: 20px;
	float: inherit;
	color: #379BFF;
}
.sidebox2content {
	padding: 2px 0 0 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #379BFF;
	line-height: 100%;
}
.sidebox2content a {
	color: #0482FF;
}

.sidebox2content p {
	line-height: 120%;
	font-size: 75%;
}


/* sidfot */

#sidfot {
width: 100%;
background-color: #005BB7; color: #FFFFFF;
border-top: 1px solid #000;
clear: both; }

#sidfotcontent {
padding: 3px 5px 3px 5px;
text-align: right; }

#sidfotcontent p {
	margin: 0;
	font-size: x-small;
	line-height: 120%;
}

#sidfotcontent img { padding: 0px; }
#sidfotcontent a {
	color: #D2E9FF;
	background-color: inherit;
	padding: 0px;
}

.tabell {
	text-align: left;
	vertical-align: top;
	padding-top: 0.3em;
	padding-right: 0.6em;
	padding-left: 0.2em;
	margin-top: 10px;
	margin-bottom: 20px;
	line-height: 140%;
}
.tabellmarken {
	text-align: left;
	vertical-align: top;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 3px;
}

.tabelltext {
	background-color: #F0F0FF;
	text-align: left;
	vertical-align: top;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #BBBBFF;
	padding-top: 0.3em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.2em;
}

.tabellrubrik {
	background-color: #DFDFFF;
	text-align: left;
	vertical-align: top;
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.2em;
	font-weight: bold;
}
.heltabell {
	border: 1px solid #CCCCFF;
	margin-top: 10px;
	margin-bottom: 15px;
}
.lista {
	width: 100%;
	line-height: 140%;
}
.lista ul {
	margin-top: 5px;
	margin-bottom: 15px;
}
.lista li {
	list-style-image: url(layout/lista.gif);
	padding: 0px 0px 4px 0px;
	margin-top: 4px;
}
.listastart {
	width: 100%;
	line-height: 140%;
}
.listastart ul {
	margin-top: 0px;
	margin-bottom: 0px;
}
.listastart li {
	list-style-image: url(layout/lista.gif);
	padding: 0px 0px 4px 0px;
	margin-top: 4px;
}
.formulartabell {
	border: 1px solid #CCCCFF;
	background-color: #F0F0FF;
	padding: 0px 0px 0px 0px;
	margin-bottom: 5px;
	border-top-width: 0px;
}
.formularinput {
	margin: 5px 5px;
}

.formularrubrik {
	background-color: #DFDFFF;
	margin: 0px;
	letter-spacing: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCFF;
	border-bottom-color: #CCCCFF;
	font-size: 1em;
}

#webstat {
	padding: 0px 0px 2px 0px;
	margin: 0px;
	float: left;
}