/* http://www.webcredible.co.uk/user-friendly-resources/css/css-round-corners.shtml */


.social { 
  font-size: 94%;

  margin-left: 2px;
  margin-right: 2px;

  padding-top: 4px;
  padding-left: 2px;
  padding-right: 2px;
}

.ico {
	float:right;
	width:330px;
	list-style:none;
	padding:0;
	margin:0;
}

.ico li {
	float:left;
	padding:2px 6px 0;
	font-size:94%;
	font-weight:bold;
}

.ico li a{
	display:block;
	padding:3px 0 2px 24px;
	text-decoration:none;
}

.ico li a.digg{
	background:url(images/ico-digg.gif) no-repeat;
}

.ico li a.twitter{
	background:url(images/ico-twitter.gif) no-repeat;
}

.ico li a.facebook{
	background:url(images/ico-facebook.gif) no-repeat;
}

.ico li a:hover,

.social li a:hover{
	color:#0096e1;
	text-decoration:underline;
}



.newsbox { 
  display: inline;
  border: 2px dotted gray;
  font-size: 96%;
  float: right;
  width: 280px;

  margin-left: 2px;
  margin-right: 2px;

  padding-left: 2px;
  padding-right: 2px;
}
.newsbox li {
  list-style: none;
  list-style-type: none;
  border-top: 1px solid #e7e7e7; 
  margin-left: -18px;
  margin-top: 4px;
}
.newsbox ul a {
  display: block;
  text-decoration: none; 
}
.newsbox ul a:hover   { 
  background: #e7e7e7; 
  color: black; 
  text-decoration: none; 
}



.talare { 
  font-style: italic;
}


.sponsor { 
  padding-top: 1em; 
  border-top: 0px solid rgb(80%,80%,80%);
 }
#alert {
	padding-top:    8px;
	padding-right:  8px;
	padding-bottom: 8px;
	padding-left:   8px;

	border: 2px dotted red; 
}

#high {
	padding-top:    8px;
	padding-right:  8px;
	padding-bottom: 8px;
	padding-left:   8px;

	border: 2px dotted gray; 
}

#counter {
  float: right;
  width: 110px;
  height: 105px;
  background: #FFF url(images/counter_bg.gif) no-repeat;
  text-align: center;
  color: #FFF;
  font-size: 10px;
}

#counter h1 {
  color: #FFF;
  padding-top: 40px;
  font-size: 36px;
}


table { 
/*  border: 1px solid grey; */
}

.themeA { 
  background: #fcfcfc;
}
.themeB { 
/*  background: white; */
}
.econ { 
  background: #fcfcfc;
}
.prac { 
  background: #fcfcfc;
}
.nyan { 
/*  background: white; */
}
.themeC { 
  background: #fcfcfc;
}
.alla { 
  background: white;
}

.program { 
  margin-top: 4px; 
  margin-bottom: 8px; 
  padding-left: 8px; 
  padding-right: 8px; 
  border: 1px solid #cccccc; 
  background: #f0f0f0;
}

.program .rubrik { 

}
.program .plats { 
  font-weight: bold;
}



.arrangemang { 
  margin-top: 4px; 
  margin-bottom: 8px; 

  padding-left: 2px; 
  padding-right: 2px; 
  
  border: 1px solid #cccccc; 
  background: #f0f0f0;
}
.arrangemang table tr td { 
  border-top: 1px solid #dddddd; 
}


dl dt { 
  margin-top: 6px;
  font-weight: bold;
}
dl dd { 
  padding-bottom: 10px;
}
#news dl dt { 
  padding-top: 3px;
  border-top: 1px solid #f0f0f0;
}


#foo { 
  display: block;
  width: 100%;
  background: rgb(173,197,161);
  padding-top: 1px;
  vertical-align: top;
}
#newmenu { 
  font-weight: 600;
  font-size: 80%;

  color: white;
  background: rgb(173,197,161);

}

#navigation a {
  color: white;
  background: rgb(173,197,161) url(images/navX.gif) left top no-repeat;
  text-decoration: none;
  padding-left: 10px;

}

#navigation a span {
  background: rgb(173,197,161) url(images/navX.gif) right top no-repeat;
  padding-right: 10px
}

#navigation a, #navigation a span {
  display: block;
  float: left
}

#navigation a#selected {
  color: green;
  background: white url(images/navl.gif) left top no-repeat;
  padding-left: 10px
}

#navigation a#selected span {
  background: url(images/navr.gif) right top no-repeat;
  padding-right: 10px
}


/* Hide from IE5-Mac \*/
#navigation a, #navigation a span {
  float: none
}
/* End hide */

#navigation a:hover {
  color: green;
  background: white url(images/navl.gif) left top no-repeat;
  padding-left: 10px
}

#navigation a:hover span {
  background: url(images/navr.gif) right top no-repeat;
  padding-right: 10px
}

#navigation ul {
  list-style: none;
  padding: 0;
  margin: 0
}

#navigation li {
  list-style: none;
  float: left;
  margin: 0;
}

.del { 
text-decoration: line-through;
color: rgb(20%,20%,20%);

}




/* allmänt ******************************* */
body {
  /*  top, right, bottom, left */
  margin: 0px 0px 0px 0px;
  font: normal 95%/120% sans-serif;
  color: black;
  background: #f3f3f3 url(images/outerwrap2.png) top center repeat-y;
  text-align: center;
}

body {

}

IMG { border: 0; }
p.pandul { 
  margin-bottom: 0;
  padding-bottom: 2px;
}
ul.pandul { 
  margin-top: 0;
  padding-top: 0;
}
ol.pandul { 
  margin-top: 0;
  padding-top: 0;
}
UL { 

}

/* menyerna */
.menuItem { 
  width: 12%;
  text-align: center;
  float: left;
}
.meuItemLast { 
  text-align: center;
}

#bild { 
  border: 1px solid red;
  float: left;  
  position: relative;
  top: 0;
}

#selected2 { 
  color: rgb(173,197,161);
  background: white;
}
#selected { 
  color: rgb(173,197,161);
  background: white;
}
#selected a:link { 
  text-decoration: none; 
/*  xxcolor: rgb(173,197,161) ! important; */
  color: gray ! important; 
}
#selected a:visited { 
  text-decoration: none; 
/*  xxcolor: rgb(173,197,161) ! important; */
  color: gray ! important;
}
#selected a:active { 
  text-decoration: none; 
  color: rgb(173,197,161)  ! important; 
}
#selected a:hover   { 

}

#menushadow { 
  padding-left: 10px;
  margin-bottom: 5px;
  background: white url(images/shadow.png) top center repeat-x;
}

#menu { 
  font-weight: 600;
  font-size: 80%;

  margin-top: 0px;
  padding-left: 10px;
  padding-top: 3px;
  padding-bottom: 0px;
  color: white;
  background: rgb(59,141,207);
}
#menu a:link { text-decoration: none; color: white; }
#menu a:visited { text-decoration: none; color: white; }
#menu a:active { text-decoration: none; color: white; }
#menu a:hover   { 
  text-decoration: underline;
  color: black;
  background: rgb(186,237,180);
}

#menu IMG { 
  color: white; 
} 

#wrapper { 
  margin: 0 auto;
  padding: 0;
  border: 0;
  width: 790px;
  text-align: left;
}

#left { 
  float: left;
  width: 12%;
  height: auto;
  background: #ededed;
  background-position: top right;
  background-repeat: repeat-y;
  background-image: url(images/left.png);
}

#right { 
  float: left;
  width: 13%;
  background: #ededed;
  background-position: top left;
  background-repeat: repeat-y;
  background-image: url(images/right.png);
}

#page { 

}


#banner { 
  /*  top, right, bottom, left */
  background-color: white;

  margin-bottom: 0px;
  padding-bottom: 0px;
  padding-top: 1em;
}
#banner h1 { 
  margin: 0;
}
#banner a:link {color: black; }
#banner a:visited {color: black; }
#banner a:active {color: black; }
#banner a:hover   { 
  text-decoration: underline;
  color: black;
}

#banner img { 
  vertical-align: top;
}
#banner .bannertext { 
  color: black;
  font: bold 160%/120% sans-serif;
}
.bannertext { 
  font: bold 100% sans-serif;

}
.bannertext a { 
  text-decoration: none;
}
.bannertext .stimd { 
  text-transform: uppercase;
  color: rgb(146,197,40);
  font: bold 300% sans-serif;
}
.bannertext .i { 
  text-transform: lowercase;
  color: rgb(146,197,40);
  font: bold 90% sans-serif;
}




/* innehållet på sidan ******************** */
#content { 
  padding-left: 14px;
  padding-right: 4px;
}

.inslag { 
  margin-right: 2px;
  padding-bottom: 1px;
  padding-top: 0em;
  border-bottom: 0px dotted #999999;
}

.huvud {
 top: 0;
 right: 0;
  bottom: 0;
}
h1 { font-size: 135%; }
h2 { font-size: 110%; }
h3 { font-size: 100%; 
margin-bottom: 0px;
}
.huvud h1 { 
  font-weight: bold;
  margin-bottom: 6px;
}
.datum {
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  width: 14em;
  font-size: 85%;
}
.datum:before { 
  content: "[";
}
.datum:after { 
  content: "]";
}
.huvud { 
  margin-bottom: 0;
  padding-bottom: 0;
}
.text p { 
  margin-top: 0;
  padding-top: 0;
}

#about {
  padding-top: 4px;
  font-size: 90%;
  clear: right;
  float: right;
  width: 28%;
  padding-right: 3px;
  color: black;
}
#about img { 
  float: right;
}
#about p { 
  margin-top: 1px;
  margin-left: 5px;
}


/* navigationsmeny ********************** */
#notis {
  font-size: 90%;
  float: right;
  width: 28%;
  padding-right: 3px;
}
#notis p { 
  margin-top: 1px;
  margin-left: 5px;
}
.righta { 
  text-align: right;
}
#notis a:link {color: black; }
#notis a:visited {color: black; }
#notis a:active {color: black; }
#notis a:hover   { 
  background: black;
  color: white; 
}

#notis .news { 
  /*  top, right, bottom, left */
  padding: 6px 4px 6px 8px;
  background-color: white;
  border: 1px solid #aa0000;
}

.nav:before {
  line-height: 0.1;
  font-size: 1px;
  background: transparent url("images/moz/menu_tr.gif") no-repeat top right;
  margin: 0;
  height: 9px;
  display: block;
  border-bottom: 1px solid #ddd;
  content: url("images/moz/key-point_tl.gif");
}
.nav {
  background: #e7e7e7 url("images/moz/menu_back.gif") right repeat-y;
  padding-left: 3px;
}
.nav:after {
  display: block;
  padding-top: 0;
  line-height: 0.1;
  font-size: 1px;
  content:  url("images/moz/key-point_bl.gif");
  margin: 0 0 0 0;
  height: 8px;
  background: #e7e7e7 url("images/moz/menu_br.gif") scroll no-repeat bottom right ;
  border-top: 1px solid #ddd;
}

.nav, .nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.nav {
  margin-bottom: 1em;
}	
.nav li {
  display: inline;
  padding: 0;
  margin: 0;
}

.nav li span { /* used for un-linked menu items */
  display: block;
  padding: 6px 10px;
/*   font-weight: bold; */
  color: #666;
}

.nav li span#configParent, .nav li span #configuration {
  display: inline;
  font-weight: normal;
  padding: 0;
}

.nav li .text {  
  padding-left: 8px;
}

.nav li a {
  display: block;
  padding: 8px 10px;
  background: #e7e7e7;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #fff;
  border-right: 1px solid #ddd;
}

.nav li a .accesskey {
  color: gray;
  font-size: 85%;
  display: inline;
  text-align: right;
}

.nav li a:hover {
  text-decoration: underline;
  color: black;
  background: #eeeeee;
}

.nav li li span { /* used for un-linked menu items */
  padding: 4px 8px 4px 20px;
}

.nav li li a {
  padding: 6px 8px 6px 20px;
}

/* Used to encode information only visible for certain network addresses */
.subnet { 
  color: #666666;
}

/* sidfot ****************************** */
.internt { 
  display: none;
  float: right;
}

#footer {
  padding-top: 2px;
  padding-left: 5px;
  background-color: #e7e7e7;
  border-top: 0px solid gray;
  color: #666666;
  clear: both;
  font-size: 80%;
}

#footer a:link { 
  text-decoration: none; 
  color: #666666 ! important; 
}
#footer a:visited { 
  text-decoration: none; 
  color: #666666 ! important;
}
#footer a:active { 
  text-decoration: none; 
  color: rgb(173,197,161)  ! important; 
}
#footer a:hover   { 
  text-decoration: underline;
  color: #000000 ! important; 
}


/* kontaktsidan ************************ */
dl dt { 
/*  margin-top: 6px; */
  font-weight: bold;
}

/* */

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
  display: none;

  font-size: 90%;
  float: right;
  width: 28%;

  background: url(images/sbbody-r.gif) no-repeat bottom right;
}
.boxhead {
  background: url(images/sbhead-r.gif) no-repeat top right;
  margin: 0;
  padding: 0;
  text-align: left;
}
.boxhead h2 {
  display: block;
  background: url(images/sbhead-l.gif) no-repeat top left;
  margin: 0;
  padding: 22px 30px 5px;
  color: white; 
  line-height: 1em;
}
.boxbody {
  background: url(images/sbbody-l.gif) no-repeat bottom left;
  margin: 0;
  padding: 5px 30px 31px;
}


#newsflash {clear:both; }
#newsflash a { 
	display: block;
	float: left; 
	width: 118px;
	height: 118px;
	background-repeat: no-repeat;
	background-position: bottom right;
  	padding: 5px 5px 2px 6px;
  	margin: 0 4px 1em 0;
  	text-decoration: none;
        font-size: 90%;
} 
#banner1 { 
	background: #c9dad0 url(/images/bannerbakg1.gif) no-repeat;
} 
#banner2{ 
	background: #fbedd3 url(/images/bannerbakg2.gif) no-repeat;
} 
#banner3{ 
	background: #e8e7ef url(/images/bannerbakg3.gif) no-repeat;
} 
#banner4{ 
	background: #dae2f5 url(/images/bannerbakg4.gif) no-repeat;
}



#imenu li {
  float:left;
  margin:0;
  padding:0;
  list-style-type:none;
  white-space: nowrap;
}

#imenu li a {
  border: 2px solid white;
  color: black;

  display: block;
  padding: 0 18px;

}

#imenu li a.imenusel {
  color: black;
  background: rgb(255,255,195);

  text-decoration: none; 

  display: block;
  padding: 0 18px;
}

#imenu li a:hover {
  border: 2px solid red;
  color: white;
}