/* Generell CSS */
body{
	background-color: #fff;
	color: #000;
	font-family: Times, San-serif;
	font-size: 90%;
	margin: 0;
	padding: 0;
}
/* Main area */
#maincontainerwrapper {
	background-image: none;
	margin: 0;
	padding:0;
	width: 100%;
}

/* globalnavigation - Topnavigation */
#globalnavigation {
	background-color: transparent;
	height: 40px;
	position: relative;
	width: auto;
	border:8px solid #EE3300;
	border-bottom:0px solid #EE3300;
	margin:7px 0 122px 0;
}

#globalnavigation ul {display:none;}

#logoarea {width: 500px;height:150px;top:20px;left:9px;position:absolute;}
#logoarea img {width:140px;height:140px;}
				
/* Toplinkarea - Summary etc */
#toplinkarea {display:none;}
/* Left and right border */

#innertextarea {
	position: relative;
	width: auto;
}

/* Layout - leftarea | centerarea | rightarea */
#outertextarea3col {	
	margin: 20px 0 0 0;
	position: relative;
}
/* Layout - leftarea | centerarea */
#outertextarea2col {		
	margin: 20px 0 0 0;
	position: relative;
}

/* Common - leftarea */
#leftarea {	display:none;}

/* Common - centerarea */
#outertextarea3col #centerarea, #outertextarea2col #centerarea {
	width:auto;
	line-height:125%;
}

/* centerareaextra */
#outertextarea3col #centerarea .centerareaextra, #outertextarea2col #centerarea .centerareaextra {
	font-family: Times, San-serif;
	padding:0px 10px;
	width:auto;
}


/* Common - rightarea */
#rightarea {display:none;}

/* sidfot */
#footer, #footerleft, #footermiddle, #footerright {float:left;position:relative;padding:5px 0 0 0;line-height:140%;}
#footer {clear:both;margin:30px 0 0 0;height: 55px;width:98%;border:8px solid #EE3300;border-top:0px solid #EE3300;font-size:11px;page-break-after: auto}
#footer img {float:left;position:relative;padding:0 0 0 8px;}
#footer a {text-decoration:underline;font-family:Times, San-serif;}
#footerleft {width: 195px;}
#footermiddle {width: 295px;}
#footerright {display:none;}

/* Mozilla code - visibility for innertextarea */
#outertextarea3col > #innertextarea {
	border-bottom: 1px solid #fff;
	position: relative;
}


.startpagetwocolsarticle {height:auto;width:100%;margin:00;border:1px solid #fff;border-bottom:15px solid #fff;clear:both;}
.startpagetwocolsarticleleft, .startpagetwocolsarticleright {position: relative;width:300px;height:280px;}
.startpagetwocolsarticleleft {float: left;}
.startpagetwocolsarticleright {float: right;}


#centerarea .startpagetwocolsarticleleft a, #centerarea .startpagetwocolsarticleright a {display:inline;}
#centerarea .startpagetwocolsarticleleft a img, #centerarea .startpagetwocolsarticleright a img {display:block;}


/* centerarea.css */






/* Startsida */
.centerareaextra h1 {font-size:200%;margin:2px 0 px 0;}
.centerareaextra h2 {margin:2px 0 3px 0;font-size:150%;}
.centerareaextra h3 {font-size:105%;margin:2px 0 3px 0;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:bold;}
.centerareaextra h2.trebuchet {font-size:105%;margin:0.8em 0 0 0;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight:bold;}

.centerareaextra p {margin:0 0 0.5em 0;}

.centerareaextra a {text-decoration:underline;}
.centerareaextra a span {font-weight:bold;font-size:110%;}






.startpagetwocolsarticle h1, .startpagetwocolsarticle h2 {font-weight:bold;text-transform: uppercase;}
/* Startsida - grona puffar med storre rubriker */
.startpagetwocolsarticle h1 {font-size:260%;}
.startpagetwocolsarticle h2 {font-size:170%;font-weight:normal;}

/* Different box colors */
.whitearea {background-color:#fff;width:100%;height:100%;}
.greenarea {background-color:#b2c800;width:100%;height:100%;}
.greyarea {background-color:#e7e7e7;width:100%;height:100%;}
.orangearea {background-color:#ffdd00;width:100%;height:100%;}
.bluearea {background-color:#019cdc;width:100%;height:100%;color:#fff;}


.whitearea a, .greenarea a, .orangearea a, .greyarea a {color:#000;}
.bluearea a {color:#fff;}


/* Startsida - vita puffar med mindre rubrik */
.startpagetwocolsarticle .whitearea h1 {font-size:170%;}




/* bilder i puffarna pa startsidan */
.startpagetwocolsarticle .imgleft {float:left;margin:0 10px 0 0;}
.startpagetwocolsarticle .imgright {float:right;margin:0 0px 0 10px;}
.startpagetwocolsarticle .halfheight {clear:both;margin:0 0 10px 0;}

/* Startsida - colorbox large rub */

/* fullwidth article */
.article {padding: 0;margin:0;position:relative;width:100%;float:left;clear:both;}
.article .bluearea, .article .greenarea, .article .orangearea, .article .greyarea, .article .whitearea {height:auto;float:left;padding-bottom:15px;}

.paddingarea {padding:25px;}
.startpagetwocolsarticle .paddingarea {padding:25px 15px;}
.startpagetwocolsarticle .paddingarea h1 {font-size:310%;}
.startpagetwocolsarticle .paddingarea h2 {font-size:200%;}

.twocolsarticle {position:relative;width:100%;float:left;clear:both;}
.article .bluearea .twocolsarticle, .article .greenarea .twocolsarticle, .article .orangearea .twocolsarticle, .article .greyarea .twocolsarticle, .article .whitearea .twocolsarticle {padding: 8px 0;}
.article .twocolsarticle {padding: 14px 0 0 0;float:left;clear:both;}

.article .twocolsarticle img {position:relative;float:left;margin:0px 13px 0px 0px;}
.article .bluearea .twocolsarticle img, .article .greenarea .twocolsarticle img, .article .orangearea .twocolsarticle img, .article .greyarea .twocolsarticle img, .article .whitearea .twocolsarticle img {position:relative;float:right;margin:0 5px;}

.twocolsarticle h1 {font-size:220%;font-weight:normal;text-transform: none;margin-bottom:0px;}
.twocolsarticle h2 {font-size:170%;font-weight:normal;text-transform: none;margin-bottom:3px;}

.article .twocolsarticle a {display:block;margin:3px 0;}
.article .twocolsarticle a.blocklink {display:block;margin:3px 0;}

/* forms */
#centerarea label {margin:6px 0 1px 0;display:block;}
#centerarea label.noblock {margin:6px 0 1px 0;display:inline;}
#centerarea input.stdformwidth {width:20em;}
#centerarea input.smallformwidth {width:5em;}

#centerarea input, #centerarea select, #centerarea textarea {font-size:95%;padding:3px;}
#centerarea textarea.largesize {height:15em;width:20em;}
#centerarea textarea.smallsize {height:4em;width:20em;}
#centerarea input.knapp {color: #fff;background-color:#EE3300;height: 1.7em;padding: 0px 2px 3px 2px;margin: 10px 0px 0px 13em;font-size:1.2em;border:1px solid #C20700;font-weight:bold;font-family: "Trebuchet MS";}
#centerarea .selectwidth {width:5em;}
#centerarea th {font-size:100%;font-weight:normal;}

input.knapp {color: #fff;background-color:#EE3300;height: 1.5em;padding: 0px 3px 3px 3px;margin: 10px 0px 0px 4px;font-size:1.2em;border:1px solid #C20700;font-weight:bold;font-family: "Trebuchet MS";}



/* Graybackground in twocolsarticle */
#greybg {background-color:#e7e7e7;margin:10px 0 0 0;}
#greybg .twocolsarticle {background-color:#e7e7e7;}
#greybg .article {width:100%;margin:0 0 10px 0;}
#greybg .article .twocolsarticle {padding:15px 0 15px 0;width:100%;}
#greybg .article .twocolsarticle img {margin: 0px 20px  0px  15px;border:4px solid #fff;}

.whitearea .paddingarea img {border:4px solid #e7e7e7;}
.bluearea .paddingarea img {border:4px solid #fff;}
.orangearea .paddingarea img {border:4px solid #fff;}
.greyarea .paddingarea img {border:4px solid #fff;}
.greenarea .paddingarea img {border:4px solid #fff;}


.smallinfo {font-size:90%;margin-top:5em;}


/* leftimage, righttext - 2kolumns artikel - Vanlig webbsida 1 - http://epi.funka.com/sormlandsmuseum/Skolinfo/Lyft-pa-locket/Finlandsbreven/ */
.leftimage {clear:both;float:left;margin:7px 18px 5px 0px;display:inline;}
.leftimage div {width:15em;margin:2px 0 1em 0;}
.righttext {padding:0;}
.righttext ul, .righttext ol {height:1%;}
.righttext ul li, .righttext ol li {margin:0 0 0 2em;}

/* rightimage, lefttext - 2kolumns artikel - Vanlig webbsida 2 - http://epi.funka.com/sormlandsmuseum/His-storbild/Kholm/Stadens-centrum/ */
.rightimage {clear:both;float:right;margin:7px 50px 5px 36px;display:inline;}
.rightimage div {width:20em;margin:2px 0 1em 0;}
.lefttext {padding:auto;}


/* Galleri image */
.imagepadding {margin:18px 0px;}

/* editor css */
.introduction {font-weight: bold;}
.red {color: #ee0000;}
.bluearea a:hover {color:#fff;}


.paddingarea ul, .paddingarea ol {
margin: 0px 20px;
padding: 0px 20px;
display:block;
list-style-position: outside;
}


/* general.css */
form {margin:0px;padding:0;}
img {border:0;}
.clear {clear: both;}

/* delete this ? */
.floatleft {clear:both;float:left;margin:7px 18px 5px 0px;}
.floatright {clear:both;float:right;margin:0px 0px 5px 36px;}
/* ??? */

h1, h2, h3, h4 {margin:0;padding:0;font-weight:normal;line-height:120%;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
input, select, textarea {font-family: Verdana, Arial, Helvetica, sans-serif;}

a {color:#000;text-decoration: none;}
a:hover {color:#000;text-decoration: underline;}