/* Design by Anna Diehl */
body {
        text-align: center;
        margin-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 25px;
        background: #FFF url(img/logo-bg.png) no-repeat top center;
        font-family: Verdana, Helvetica, sans-serif;
		font-size: 11px;
}
#hidden { font-style:italic; color: #aaaaaa; }
#red    { color: #cc0000; }
#green  { color: #009900; }
#pink   { color: #E53389; }
#gray   { color: #888888; }
.blue { 
	color: #00B1E6;
}
.orange {
	color: #F6A800 !important;
}

#ram {
        width: 960px;
        margin: 0 auto;
      	padding: 0;
        text-align: left;
        background-color: #FF;
		border: none;
}
#content-wrapper {
	position: static;
	margin-top: 160px;
	width: 960px;
	padding-bottom: 40px;
}
.sidhuvud {
        width: 960px;
        margin-top: 30px;
        margin-bottom: 10px;
}
.sidhuvud {  margin-left: 0px; }
.logoruta {
		display: inline; /* IE6 ritar ut margin fel om inte inline anges */
        float: left;
		margin-left: 20px;
		margin-bottom: 20px;
}
.logoruta #logo_en {
	width: 288px;
}
.logoruta #logo_se {
	width: 240px;
}
.datum-adress {
        float: left;
        width: 340px;
       	margin-top: 20px;
		margin-left: 30px;
}
address {
        font-size: 10px;
        color: #000;
        font-style: normal;
        font-weight: normal;
        line-height: 120%;
		padding-top: 15px;
}

rubrik {
	font-size: 13px;
}
div.datum-adress a:link, div.datum-adress a:visited {
	color: #000;
	border-bottom: none;
	text-decoration: none;
}
div.datum-adress a:hover {
	color: #F6A800;
	border-bottom: 1px solid #F6A800;
	background-color: none !important;
}

img a, a.img, .sidhuvud img a {
	border: none !important;
	background: none !important;
}

.sprakval {
        font-size: 11px;
        font-style: normal;
        font-weight: normal;
        color: #000;
		float: right;     
        margin: 70px 25px 0 0;
}

.sprakval a:link, .sprakval a:visited {
	border-bottom: none;
	text-decoration: none !important;
	color: #000 !important;
}

.sprakval a:hover {
	color: #F6A800 !important;
	border-bottom: 1px solid #F6A800 !important;
	background-color: none !important;
}

.bghz {
        clear:both;
        width:100%;
		margin-top: 40px;
        height: 3px;
        background-image: url("img/color-line.png");
}
#menyruta {
		display: inline; /* IE6 ritar ut margin fel om inte inline anges */
        float: left;
        width: 960px;
        text-align: left;
		margin-left: 20px;
}
.mittkol {
        float: left;
        width: 540px;
		margin-top: 0;
		margin-right: 10px;
		margin-bottom: 40px;
		margin-left: 20px;
}
.mittkolbred {
        float: left;
        width: 680px;
        margin-top: 0;
		margin-right: 10px;
		margin-bottom: 40px;
		margin-left: 20px;
}
.hogerkol {
        float: right;
        width: 280px;
      	margin: 0 50px 0 0;
		padding: 0 !important;
		text-align: center;
}
.hogerkol img {
	margin: 0;
	padding: 0;
}

.hogerkol .fb-like-box {
	margin-top: 10px;
	margin-left: 15px;
}

h1, h2, h3 {
        font-weight: normal;
		text-transform: uppercase;
        color: #000;
        line-height: 120%;
}
h1 {
        font-size: 22px;
        margin-top: 0px;
        margin-bottom: 11px;
}
h2 {
        font-size: 16px;
        margin-top: 10px;
        margin-bottom: 6px;
}
h3 {
        font-size: 15px;
        margin-top: 5px;
        margin-bottom: 2px;
		line-height: 1.5em !important;
}

.mittkol h3 {
	line-height: 1.5em !important;
}


h4 {
	font-size: 13px;
     margin-top: 5px;
     margin-bottom: 0;
	 text-transform: uppercase;
}
h3.date {
		font-size: 28px;
		font-style: light !important;
}
p, li {
        font-size: 11px;
        color: #333333;
}
p {
        margin-bottom: 5px;
        margin-top: 0px;
		line-height: 1.5em;
}
#menyruta ul      {
		list-style: none;
		display: inline;
        margin-top: 0px;
        margin-bottom: 8pt;
		padding-left: 0 !important;
}
#menyruta li {
		display: inline;
        padding-right: 20px;
		margin-left: 0 !important;
}
b, strong {
        font-weight: bold;
}
i, cite {  font-style: italic}
th  {font-size: 11px; font-weight:bold; vertical-align: top; text-align:left; }
td nowrap {
        white-space: nowrap;
}
form {
        margin-top: 0px;
        margin-bottom: 0px;
}
input {
        margin-top: 0px;
        margin-bottom: 0px;
		color: #666;
}
/* Nya egna classer */
.bildtext {
        font-size: 9px;
        font-weight: normal;
        margin-top: 4px;
        margin-bottom: 5px;
}
.bildvanster {
	float:left;
	margin-right:8px;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-left: 0px;
}
.bildhoger {
	float: right;
	margin-bottom: 5px;
	margin-top: 5px;
}
.bildintejustera {
         float: none;
         margin-top: 20px;
		 margin-bottom: 5px;
}
.rutarod, .rutabla, .rutagul {
	width: 280px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 10px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	border: 0px none;
	font-size: 11px;
	color: #000;
	text-align: left;
}
/* Linkstilar */
.mittkolbred a:link, .mittkolbred a:visited, .mittkol a:link, .mittkol a:visited {
		color:	#F6A800;
		text-decoration: none;
		border-bottom: 1px dotted #F6A800;
}

.mittkol a:hover, .mittkolbred a:hover {
        color:	#F6A800;
		text-decoration: none;
		border-bottom: 1px solid #F6A800;
}
/*a:visited:hover { 
        color: #FFFFFF;
        background-color: #00B1E6;
        text-decoration: none;
}*/


/*********** FORMATERING AV DEN GRÖNA PLUGGEN DVS. NYHETSCIRKELN ******/
.rutagron {
	width: 280px;
	height: 184px;
	margin-top: 20px;
	background: #FFF url(img/nyhetsbrev-plugg-bg.gif) no-repeat top center;
	font-size: 11px;
	color: #FFF;
	text-align: center;
	padding-top: 48px;
	padding-left: 10px;
}
.rutagron h2 {
	color: #FFF;
}
.rutagron h3 {
	font-size: 11px;
	padding-bottom: 2px;
	color: #FFF;
}
.rutagron #mailadress {
	color: #999;
}

/*********** FORMATERING AV DEN BLÅ PLUGGEN ******/
.rutabla {
	margin-bottom: 2px !important;
	padding-right: 5px !important;

}
.rutabla h2 {
	font-size: 20px;
	margin-top: 0px !important;
	color: #00B1E6;
	margin-bottom: 2px;
	text-transform: none !important;
}
.rutabla p {
	color: #000;
}

/*********** FORMATERING AV DEN ORANGEA PLUGGEN ******/
.rutagul {
	background: #FFF url(img/exclamation-orange.png) no-repeat top left;
	margin-bottom: 2px !important;
	padding-right: 5px !important;
	padding-left: 20px !important;

}
.rutagul h2 {
		margin-top: 0px !important;
		padding-top: 2px !important;
		padding-bottom: 0 !important;
		margin-bottom: 2px !important;
		color: #F6A800;
}
.rutagul p {
	color: #000;
}

/*********** FORMATERING AV DEN RÖDA PLUGGEN ******/
.rutarod {
	background: #FFF url(img/exclamation-rosa.png) no-repeat top left;
	margin-bottom: 2px !important;
	padding-right: 5px !important;
	padding-left: 20px !important;

}
.rutarod h2 {
		margin-top: 0px !important;
		padding-top: 2px !important;
		padding-bottom: 0 !important;
		margin-bottom: 2px !important;
		color: #E53389;
}
.rutarod p {
	color: #000;
}

.plugg_news {
	background: #FFF !important;
}

/* Ex på gamla stilmallar. Vill hellre använda html-taggar än hårdkodade class. */
.ingress {
		font-size: 11px;
        color: #333333;
		line-height: 130%;
		font-weight: bold;
        margin-bottom: 15px;
        margin-top: 0px;
}

div.hogerkol .ingress {
	font-size: 13px !important;
	margin-bottom: 4px !important;
	text-transform: uppercase;
}

/*.hogerkol .plugg_infotext */
div.mittkol p.ingress {
	line-height: 150% !important;
}
.program_ingress {
        font-size: 11px;
        font-weight: bold;
        color: #ffffff;
}
table.program_infobox tr td{
	font-size: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
}
table.program_infobox {
	width: 100%;
	border: 1px solid #000; 
}


/* FORMATERING AV PROGAM-SPLASH-SIDORNA, DVS DE MED PROGRAM-PUNKTERNA SOM STORA TUMNAGLAR */

.program_grid_title{
 font-weight:bold;
 font-size:20px;
}
.program_grid_title_sub{
	text-transform: uppercase;
 font-weight:bold;
 font-size:18px;
}
.program_grid {
	width: 100%; 
	margin-top: 5px;
}

.program_grid tr td {
	width: 33%;
	padding: 5px 10px 5px 0;
}
.program_grid tr td img {
	display:inline;
  border: none !important;
} 

.program_grid tr td a img, .program_grid tr td img a {
  border: none !important;
}

.program_grid_title .blue {
}

/* Bytte namn på program_brod till mer allmänt och la till varannan-rad-varianten */
.tabellrad td, .tabellradmork td {
	font-size: 13px;
	font-weight: normal;
	vertical-align: center;
	padding-right: 2px;
	padding-left: 7px;
	padding-top: 8px;
	padding-bottom: 2px;
	height: 24px;
	border-bottom: 1px dotted #999;
}
.tabell_subrubrik td {
	font-size: 8px;
	font-weight: bold;
	vertical-align: bottom;
	padding-left: 5px;
	padding-top: 0;
	padding-bottom: 0;
	border-top: 2px solid #0082A8;
}
tr.tabellrad td a, tr.tabellradmork td a {
		border-bottom: none !important;
		text-transform: uppercase;
}

tr.tabellrad a:hover, tr.tabellradmork a:hover{
  text-decoration: underline;
}
.tabellrad, .tabellradmork, .tabellradmork a:link, .tabellradmork a:visited, .tabellrad a:link, .tabellrad a:visited{
  color: #0082A8;
  text-decoration: none;
}

tr.tabellradmork, tr.tabellradmork a:hover {
  	color: #0082A8;
}
tr.tabellrad, tr.tabellrad a:hover {
  color: #0082A8;
  background-color: #FFFFFF;
}

.rutarod .tabellrad, .rutabla .tabellrad, .rutagul .tabellrad, .rutagron .tabellrad {
        font-size: 11px;
        font-weight: normal;
        color: #000;
        vertical-align: top;
}

		
a:active {  color:#F6A800; background-color:#ffffff; text-decoration: none border-bottom: none;}
.rutabla a:link, rutabla a:visited, .rutagul a:link, .rutagul a:visited {
	color: #000;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted #000;
}

.rutabla a:hover {
	color: #00B1E6;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #00B1E6;
}

.rutagul a:hover, {
	color: #F6A800 !important;
	text-decoration: none;
	font-weight: bold;
	border-bottom: 1px solid #F6A800 !important;
}

.rutarod a:link, rutarod a:visited {
        color: #000 !important;
        text-decoration: none;
		font-weight: bold;
		border-bottom: 1px dotted #000 !important;
}

.rutarod a:hover, .rutarod .tabellrad a:hover {
        color: #E53389 !important;
        background-color: none;
        text-decoration: none;
		font-weight: bold;
		border-bottom: 1px solid #E53389 !important;
}

.rutarod .tabellrad a:link, .rutarod .tabellrad a:visited {
	color: #000;
	text-decoration: none;
	border-bottom: 1px dotted #000;
	font-weight: bold;
}

.hogerkol .rutarod h2 a:link, .hogerkol .rutarod h2 a:visited {
	color: #E53389 !important;
	border-bottom: none !important;
}

.hogerkol .rutarod h2 a:hover {
	color: #E53389 !important;
	border-bottom: 1px dotted #E53389 !important;
}
.meny1 {
        font-size: 14px;
        font-weight: normal;
        text-transform: uppercase;
        text-align: left;
        line-height: 190%;
}
.meny1 a:link, .meny2 a:link, .meny3 a:link {
        color: #000000;
        text-decoration: none;
        background-color: #FFFFFF;
		border-bottom: none;
}
.meny1 a:visited, .meny2 a:visited, .meny3 a:visited  { 
        color: #000000;
        text-decoration: none;
        background-color: #FFFFFF;
		border-bottom: none;
        }
		
.meny1 a:hover, .meny2 a:hover, .meny3 a:hover { 
        color: #F6A800;
        text-decoration: none;
        border-bottom: 1px dotted ##F6A800;
        }

.meny1 a:active, .meny2 a:active, .meny3 a:active { 
        color: #F6A800;
        text-decoration: none;
        background-color: #FFFFFF;
		border-bottom: none;
}

.mittkol h3 a:link, .mittkol h3 a:visited {
	color: #000 !important;
	border-bottom: 1px dotted #000 !important;
	padding-top: 8px;
	margin-bottom: 4px;
}

.mittkol h3 a:hover {
	color: #F6A800 !important;
	border-bottom: 1px solid #000 !important;
	padding-top: 6px;
	margin-bottom: 2px;
}

.plugg_news a {
	font-weight: normal !important;
	padding-top: 3px;
}
ul li.meny2 {
        font-size: 11px;
        font-style: italic;
        text-transform: lowercase !important;
        color: #000;
        text-decoration: none;
        text-align: left;
        line-height: 200%;
        display: inline;
		padding-top: 15px;
}

ul li.meny3 {
  font-style: italic;
  padding-top: 15px;
  line-height: 150%;
}



/*FORM*/
.boka_form, .boka_form_bred, .boka_form_smal, boka_form_tiny {
	font: 11px Tahoma, Arial, Verdana;
	color: #333333;
}
.boka_form_bred{	width: 185px;}
.boka_form_smal{  width: 130px;}
.boka_form_tiny{  width: 46px;}

.boka_ruta{
	width: 280px;
	height: 280px;
	font: 10px Tahoma, Arial, Verdana;
	color: #000000;
	overflow: auto;
	border: 1px solid #CCCCCC;
	vertical-align: top;
	background-color: #FFFFFF;
}
.boka_ruta_datum{
	font: bold 11px Tahoma, Arial, Verdana;
	padding-top: 10px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.boka_ruta_punkt{
	font: 10px Tahoma, Arial, Verdana;
	color: #222222;
	padding-left: 10px;
	vertical-align: top;
}
tr.disabled td {
	color:#666666;
}