/* SIDLAYOUT */
#layout { float: left; width: 1024px;}
#sidhuvud { float: none; }
#kolumncontainer { float: none; width: 820px; }
#kolumn1 { float: left; width: 145px; }
#kolumn2 { float: left; width: 320px; padding: 5px 5px 0 5px; }
#kolumn3 { float: left; width: 320px; padding: 5px 5px 0 5px; }
#kolumn4 { float: left; width: 150px; padding: 5px 5px 0 5px; }


/* ALLMÄNA KLASSER */
.rubrik {font-size: 16px; width: 98%; padding: 2px; border-style: solid; border-color: black; border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 0px; text-align: center; background-color: #FF0000}
.tid {font-size: 12px; width: 98%; padding: 2px; border-style: solid; border-color: black; border-top-width: 1px; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 0px; background-color: #FF7777}
.text {font-size: 12px; width: 98%; padding: 2px; border-style: solid; border-color: black; border-width: 1px; background-color: #FFbbbb}
.content {padding: 10px;}
.content2 {padding: 20px 0px 10px 10px;}

/* FORMULÄR */
.ram { padding: 10px 0px 10px 10px; border: 1px #FF0000 solid; }
.formrubrik { background-color: #FF3300; padding: 2px 2px; letter-spacing: 3px; border: 1px #000000 solid; ; margin:  auto}
.skugga {background-image: url(../grafik/skugga1.gif)}

/* BOXAR */
.guestbookbox {background: #ffffff; width: 330px; }
.nyheterbox {width: 330px; }
.matchbox {background: #ffffff; width: 150px; }
.referatbox (padding: 10px 0 0 0; hight: 90px; )
.box ( width: 200px;}
.box2 ( width: 700px;}

/* BOXAR RUNDA HÖRN */

.top-left, .top-right, .bottom-left, .bottom-right { background-image: url('../grafik/corners1280x18.gif'); height: 9px; font-size: 2px;}
.top-left, .bottom-left { margin-right: 9px; }
.top-right, .bottom-right { margin-left: 9px; margin-top: -9px; }
.top-right { background-position: 100% 0; }
.bottom-left  { background-position: 0 -9px; }
.bottom-right { background-position: 100% -9px; }
.inside {
	border-left: 1px solid #C00000; /* YCC: color & properties of the left-borderline */
	border-right: 1px solid #C00000;/* YCC: color & properties of the right-borderline */
	background: #EFEFEF;            /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
	}
.notopgap    { margin-top: 0; }    /* DNC: to avoid splitting of the box */
.nobottomgap { margin-bottom: -1px; padding-bottom: 1px; } /* DNC: to avoid splitting of the box */

/* HUVUDMENY */
#huvudmeny ul{margin-left: 0; margin-top: 100px; padding-left: 0; float: left; width: 1014px; background: #000000; font: 140% Verdana, Helvetica, sans-serif;}
#huvudmeny li{display: inline;}
#huvudmeny ul a{float: left; text-decoration: none; padding: 0.3em 1em;}
#huvudmeny a:link{color: #ffffff;}
#huvudmeny a:visited{color: #ffffff;}
#huvudmeny a:hover{background: #FF0000;}
#huvudmeny a#current{background: #FF0000; color: #FF0000;}

/* MENYBOX */
#meny_container {width: 140px;  padding: 1px 1px 1px 1px; font: 10px Verdana, Helvetica, sans-serif;  }
/* MENY */
#meny { margin: 0 0 0 0; padding: 0; list-style-type: none; }
#meny ul { list-style-type: none; }
#meny a { display: block; text-decoration: none; height: 15px; margin: 0 0 0 0; padding: 3px 3px 3px 5px; background: #FFFFFF; border: 1px #666666 solid;}
#meny a:link { color: #000000; }
#meny a:visited { color: #000000; }
#meny a:hover { background: #ff5555; border: 1px #666666 solid; }