@import url("meny.css");

body {padding: 20px; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;  letter-spacing: 0.5px; line-height: 18px;    background-color: #999933;  color: #ffffff;}
h1 { margin: 0 0 5px 0; font-size: 30px; font-weight: normal; color: #ffffff; letter-spacing: 1px;}
h2 { margin: 0 0 5px 0; font-size: 22px; font-weight: normal; color: #ffffff; letter-spacing: 1px;}
h3 { margin: 0 0 5px 0; font-size: 18px; font-weight: normal; color: #ffffff; letter-spacing: 1px;}
h4 {margin: 10px 0 5px 0; font-size: 12px;}
samll{margin: 0 0 5px 0; font-size: 6px; font-weight: normal; color: #ffffff;}
samll2{margin: 0 0 5px 0; font-size: 8px; font-weight: normal; color: #ffffff;}
strong {margin: 0 0 5px 0; font-size: 12px; font-weight: bold; color: #ffffff;}
sup{color: Red; font-size: x-small; font-weight: bold;}
.centerText{text-align: center;}
.rightText{text-align: right;}
a:link { color: #ffffff; }
a:visited { color: #ffffff; }
a:hover { }



/* SIDLAYOUT */
#layout {float: left; width: 950px;}
/* SIDHUVUD */
#sidhuvud {padding: 0 0px 0px 0px; margin: 0; background: #8D8D2C; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff;}
.sidhuvud_rubrik { font-size: 30px;  letter-spacing: 2px; color: #ffffff; }

/* KOLUMNBOX */
#kolumncontainer{ float: left; width: 948px; border: 1px solid #ffffff; }
/* KOLUMN 1 */
#kolumn1 {float: left; min-height: 400px; width: 500px; padding: 10px 10px 10px 10px; background: #999933; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #ffffff; border-left-color: #ffffff; }
#kolumn1 p {line-height: 20px; margin: 0 0 5px 0;}
/* KOLUMN 2 */
#kolumn2 {float: left; width: 200px; padding: 10px 10px 10px 10px; margin: 0 0 0 10px}
/* KOLUMN 3 */
#kolumn3 {float: left; min-height: 400px; width: 700px; padding: 10px 10px 10px 10px; background: #999933; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #ffffff; border-left-color: #ffffff; }
#kolumn3 p {line-height: 20px; margin: 0 0 5px 0;}

/* SIDFOT */
#sidfot {clear: both; padding: 1px 5px 0 5px; background: #8D8D2C; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff;}
#sidfotskolumn1{ height: 68px; width: 110px; padding-top:0px;}
#sidfotskolumn2{ height: 68px; width: 110px; padding-top:0px;}
#sidfotskolumn3{ height: 68px; width: 110px; padding-top:0px;}
#sidfotskolumn4{ height: 68px; width: 200px; padding-top:0px;}


/* SIDHUVUD - SIDFOT (hf) RUNDA HÖRN */
.rundhf {background: transparent;}
.rundtopph {background: transparent;}
.rundh_r1{margin: 0 5px; height: 1px; overflow: hidden; background: #ffffff; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff;}
.rundh_r2{margin: 0 3px; height: 1px; overflow: hidden; background: #8D8D2C; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; border-width: 0 2px;}
.rundh_r3{margin: 0 2px; height: 1px; overflow: hidden; background: #8D8D2C; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff;}
.rundh_r4{margin: 0 1px; height: 2px; overflow: hidden; background: #8D8D2C; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff;}

/* BOX 1 - innehåll */
#kolumnbox1 {margin: 0; padding: 0 10px 0 10px; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; background: #8D8D2C;}
#kolumnbox1 p {line-height: 15px;  margin: 0;  text-align: center;}
/* BOX 2 runda hörn */
.rund1 {margin: 0 0 15px 0; background: none;}
.rundtopp1 {background: transparent;}
.rundbotten1 {background: transparent;}
.rund1_r1{margin: 0 5px; height: 1px; overflow: hidden; background: #ffffff; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff;}
.rund1_r2{margin: 0 3px; height: 1px; overflow: hidden; background: #8D8D2C; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; border-width: 0 2px;}
.rund1_r3{margin: 0 2px; height: 1px; overflow: hidden; background: #8D8D2C; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff;}
.rund1_r4{margin: 0 1px; height: 2px; overflow: hidden; background: #8D8D2C; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff;}


/* BOX 2 - innehåll */
#kolumnbox2 { margin: 0; padding: 0 10px 0 10px; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; background: #8D8D2C;}
#kolumnbox2 p {line-height: 15px; margin: 0; text-align: center;}
/* BOX 2 runda hörn */
.rund2 {margin: 0 0 15px 0; background: none;}
.rundtopp2 {background: transparent;}
.rundbotten2 {background: transparent;}
.rund2_r1{margin: 0 5px; height: 1px; overflow: hidden; background: #ffffff; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff;}
.rund2_r2{margin: 0 3px; height: 1px; overflow: hidden; background: #8D8D2C; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; border-width: 0 2px;}
.rund2_r3{margin: 0 2px; height: 1px; overflow: hidden; background: #8D8D2C; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff;}
.rund2_r4{margin: 0 1px; height: 2px; overflow: hidden; background: #8D8D2C; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff;}


/* Bildpresentation */
.tdBilder{
	vertical-align: middle;
	text-align: center;
	font: bold 10px Verdana;
	color: #ffffff;
	width: 200px;
	height: 200px;
	background-image: url(bakgrund.jpg);
	line-height: 15px;
	border: 1px solid White;
}

.bildBorder{
	border: 1px solid #ffffff;
}

/* Permanenta*/
.tdPermanenta{
	vertical-align: top;
	text-align: left;
}

.tdAktiviteter{
	vertical-align: top;
	text-align: left;
	width: 250px;
}


/* kommande */

.tdKommande{
	vertical-align: middle;
	text-align: center;
	font: bold 10px Verdana;
	color: #ffffff;
	width: 270px;
	height: 270px;
	background-image: url(bakgrund.jpg);
	line-height: 15px;
	border: 1px solid White;
}



/* gästbok */
#inlaggRam{
 width: 620px;
background-color: #8D8D2C;
border: 2px solid #8D8D2C;
padding-bottom: 15px;
padding-top: 15px;
margin-right: auto;
	margin-left: auto;
}

#inlaggInne{
 width: 620px;
	background-color: #999933;
	border: 0px;
	margin-right: auto;
	margin-left: auto;
}

.submitGastbok {height: 24px; width: 57px; background-color: #8D8D2C; color: #ffffff;  border: 1px solid #ffffff;}
.tdGastbok{vertical-align: bottom;}


.inputkodGastbok {width: 55px;  background-color: #8D8D2C; color: #ffffff;  border: 1px solid #ffffff; scrollbar-face-color: #F1F1EB;}
.inputGastbok {width: 200px;  background-color: #8D8D2C; color: #ffffff;  border: 1px solid #ffffff;}
.textareaGastbok {width: 320px;  background-color: #8D8D2C; color: #ffffff;  border: 1px solid #ffffff;
scrollbar-highlight-color: #8D8D2C; 
scrollbar-shadow-color: #8D8D2C;
scrollbar-3dlight-color: #8D8D2C;
scrollbar-arrow-color: #ffffff; 
scrollbar-track-color: #8D8D2C;
scrollbar-darkshadow-color: #8D8D2C; 
}

#pagingboxRam{
	width: 300px;
	height: 29px;
	background-color: #8D8D2C;
	border: 2px solid #8D8D2C;
	padding-bottom: 15px;
	padding-top: 15px;
	margin-right: auto;
	margin-left: auto;
}

#pagingboxInne{
	width: 300px;
	height: 29px;
	background-color: #999933;
	border: 0px;
	font-size: 15px;
	text-align: center; 
	margin-right: auto;
	margin-left: auto;
}


.meddelandebox1{
	text-align: left; 
	width: 390px;
	margin-top: 2px;
   font: 13px Verdana;
	padding: 5px;
	color: #ffffff;
	background-color: #999933;
	margin-right: auto;
	margin-left: auto;
}

.meddelandebox2{
	text-align: left;
	width: 400px;
	margin-top: 10px;
	padding-bottom: 4px;
	background-color: #8D8D2C;
	color: #ffffff;
	border: 0px solid #8D8D2C;
	font: 0.8em Verdana;
	padding: 3px;
	margin-right: auto;
	margin-left: auto;
}


/* Logga in */
.inputLoggain {width: 140px;  background-color: #8D8D2C; color: #ffffff;  border: 2px solid #ffffff;}


/* Administration */

.tdAdmin1{
	vertical-align: top;
	text-align: center;
	width: 210px;
}

.tdAdmin2{
	text-align: left;
}

.tdAdmin3{
	text-align: left;
	width: 75px;
}

.tdAdmin4{
	text-align: left;
	vertical-align: bottom;
}

.tdAdmin5{
	text-align: left;
	width: 230px;
}




.tableAdmin{
	background-color: #8D8D2C;
	border: thin solid White;
}

hr {
	border: thin solid White;
	width: 80%;
}


.meddelandeboxAdmin{
	text-align: left;
	width: 568px;
	margin-top: 0px;
	padding-bottom: 0px;
	border: 0px solid #8D8D2C;
	margin-right: auto;
	margin-left: auto;
}

.meddelandeboxAdmin2{
	text-align: left;
	width: 652px;
	margin-top: 0px;
	padding-bottom: 0px;
	border: 0px solid #8D8D2C;
	margin-right: auto;
	margin-left: auto;
}

.meddelandeboxAdmin3{
	text-align: left;
	width: 578px;
	margin-top: 0px;
	padding-bottom: 0px;
	border: 0px solid #8D8D2C;
	margin-right: auto;
	margin-left: auto;
}


/* Kontakt */
#kontaktRam{
width: 272px;

 height: 100%;
background-color: #8D8D2C;
border: 2px solid #8D8D2C;
padding-bottom: 15px;
padding-top: 15px;
margin-right: auto;
	margin-left: auto;
	  
	
}

#kontaktInne{
width: 272px;
 height: 100%;
background-color: #999933;
	border: 0px;
	 margin-right: auto;
	margin-left: auto;
	
}

.inputKontakt {width: 262px;  background-color: #8D8D2C; color: #ffffff;  border: 1px solid #ffffff;}
.inputKontaktKod {width: 80px;  background-color: #8D8D2C; color: #ffffff;  border: 1px solid #ffffff;}
.textareaKontakt {width: 262px;  background-color: #8D8D2C; color: #ffffff;  border: 1px solid #ffffff;
scrollbar-highlight-color: #8D8D2C; 
scrollbar-shadow-color: #8D8D2C;
scrollbar-3dlight-color: #8D8D2C;
scrollbar-arrow-color: #ffffff; 
scrollbar-track-color: #8D8D2C;
scrollbar-darkshadow-color: #8D8D2C; }
.submitKontakt {
	background-color: #8D8D2C; color: #ffffff;  border: 1px solid #ffffff;
}



#kontaktInne2{
 width: 500px;
	background-color: #999933;
	border: 0px;
	margin-right: auto;
	margin-left: auto;
}

#kontaktInne3{
 width: 272px;
	background-color: #999933;
	border: 0px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}