/* Design by Munkawebb, Jacob Schmidt */
body {
        text-align: center;
        margin-left: 0px;
        margin-top: 15px;
        margin-right: 0px;
        margin-bottom: 15px;
        background-color: #B5AD9C;
        font-family: Arial, Helvetica, sans-serif;
				font-size: 11px;
}
#hidden { font-style:italic; color: #666666; }
#red    { color: #cc0000; }
#green  { color: #009900; }
#pink   { color: #E53389; }
#ram {
        width: 890px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 0px;
        padding: 0px;
        background-image:  url("img/skuggavertikal.gif");
        background-repeat:repeat-y;
        background-position:right;
        text-align: left;
        background-color: #FFFFFF;
		border: 0px none;
}
#ramtopp {
        width: 100%;
        height: 11px;
        background-image:     url("img/skuggatopp.gif");
        background-repeat:no-repeat;
        background-position:right top;
		border: 0px none;
}
#rambotten {
        width:100%;
        height: 14px;
        margin:0px;
        padding:20px 0px 0px;
        border: 0px none;
        clear: both;
        background-image:   url("img/skuggabotten.gif");
        background-repeat: no-repeat;
        background-position: right bottom;
}
.sidhuvud {
        width: 800px;
        margin-top: 25px;
        margin-bottom: 20px;
}
.sidhuvud {  margin-left: 40px; }
.menyruta {  margin-left: 20px; }
.logoruta {
		    display: inline; /* IE6 ritar ut margin fel om inte inline anges */
        float: left;
        width:200px;
}
.adressruta {
        float: left;
        width: 195px;
        padding-left: 40px;
        padding-top: 18px;
}
address {
        font-size: 9px;
        color: #333333;
        font-style: normal;
        font-weight: normal;
        line-height: 120%;
}
.datumruta {
	float: left;
	width: 250px;
	padding-top: 10px;
	height: 52px;
	padding-left: 22px;
}
.sprakval {
        font-size: 12px;
        font-style: normal;
        font-weight: bold;
        color: #333333;
 /*       clear: both;
        float: left;
*/
        width: 180px;
        margin-left: 606px;
        margin-top: 0px;
        margin-bottom: 0px;
}
.bghz {
        clear:both;
        width:100%;
        height:16px;
        background-image: url("img/bgstreckhz.gif");
        background-repeat:repeat-x;
        background-position: center;
}
.menyruta {
		display: inline; /* IE6 ritar ut margin fel om inte inline anges */
        float: left;
        width: 210px;
        text-align: right;
}
.mittkol {
        float: left;
        width: 300px;
        padding-left: 50px;
}
.mittkolbred {
        float: left;
        width: 550px;
        padding-left: 50px;
}
.hogerkol {
        float: left;
        width: 190px;
        padding-left: 65px;
}
h1, h2, h3 {
        font-weight: bold;
        color: #333333;
        line-height: 95%;
}
h1 {
        font-size: 16px;
        margin-top: 0px;
        margin-bottom: 11px;
}
h2 {
        font-size: 13px;
        margin-top: 10px;
        margin-bottom: 6px;
}
h3 {
        font-size: 11px;
        margin-top: 5px;
        margin-bottom: 2px;
}
p, li {
        font-size: 11px;
        color: #333333;
}
p {
        margin-bottom: 5px;
        margin-top: 0px;
}
ul      {
        margin-top: 4px;
        margin-bottom: 8pt;
}
li {
        margin-left: -20px;
}
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;
}
/* Nya egna classer */
.bildtext {
        font-size: 9px;
        font-weight: bold;
        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-left:6px;
	margin-bottom: 5px;
	margin-top: 5px;
}
.bildintejustera {
         float:none;
         margin-bottom: 5px;
         margin-top: 5px;
}
.rutarod, .rutabla, .rutagul, .rutagron {
	width: 175px;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 10px;
	margin-top: 15px;
	margin-right: 0px;
	margin-left: 0px;
	border: 0px none;
	font-size: 11px;
	color: #ffffff;
}
.rutarod { background-color: #E53389; }
.rutabla { background-color: #00B1E6; }
.rutagul { background-color: #F6A800; }
.rutagron { background-color: #C7D207; }
.rutarod p, .rutarod li, .rutarod h1, .rutarod h2, .rutarod h3 {color: #ffffff; }
.rutabla p, .rutabla li, .rutabla h1, .rutabla h2, .rutabla h3 {color: #ffffff; }
.rutagul p, .rutagul li, .rutagul h1, .rutagul h2, .rutagul h3 {color: #ffffff; }
.rutagron p, .rutagron li, .rutagron h1, .rutagron h2, .rutagron h3 {color: #ffffff; }
.rutarod h2, .rutabla h2, .rutagul h2, .rutagron h2 { 
        margin-top: 0px;
        margin-bottom: 15px;
}
/* Ex på gamla stilmallar. Vill hellre använda html-taggar än hårdkodade class. */
.ingress {
		font-size: 11px;
        color: #333333;
		font-weight: bold;
        margin-bottom: 15px;
        margin-top: 0px;
}
.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 #b6b6b6; 
}
/* Bytte namn på program_brod till mer allmänt och la till varannan-rad-varianten */
.tabellrad td, .tabellradmork td {
	font-size: 11px;
	font-weight: normal;
	vertical-align: top;
	padding-right: 2px;
	padding-left: 7px;
	padding-top: 2px;
	padding-bottom: 2px;
	line-height:130%;
	height: 16px;
}
.tabell_subrubrik td {
	font-size: 11px;
	font-weight: bold;
	vertical-align: bottom;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom:2px;
	border-bottom: 1px solid #eaeaea ;
}

 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;
	background-color: #f3f3f3; /*was #BFF1FF */
}
tr.tabellrad, tr.tabellrad a:hover {
  color: #0082A8;
  background-color: #FFFFFF;
}

.rutarod .tabellrad, .rutabla .tabellrad, .rutagul .tabellrad, .rutagron .tabellrad {
        font-size: 9px;
        font-weight: normal;
        color: #ffffff;
        vertical-align: top;
}
/* Linkstilar */
a:link {  color:#0098C4; text-decoration: underline}
a:visited {  color:#0082A8; text-decoration: underline}
a:hover {
        color: #FFFFFF;
        background-color: #00B1E6;
        text-decoration: none; }
a:visited:hover { 
        color: #FFFFFF;
        background-color: #00B1E6;
        text-decoration: none; }
a:active {  color:#E53389; background-color:#ffffff; text-decoration: underline;}
.sprakval a:link, .sprakval a:visited, .adressruta a:link, .adressruta a:visited   { color: #333333; text-decoration: none; background-color: #FFFFFF; }
.sprakval a:hover, .sprakval a:visited:hover, .adressruta a:hover, .adressruta a:visited:hover { color: #ffffff; text-decoration: none; background-color: #00B1E6; }
.rutarod a:link, .rutabla a:link, .rutagul a:link, .rutagron a:link {
        color: #ffffff;
        text-decoration: underline;
}
.rutarod a:visited, .rutabla a:visited, .rutagul a:visited, .rutagron a:visited {
        color: #ffffff;
        text-decoration: underline;
}
.rutarod a:hover, .rutabla a:hover, .rutagul a:hover, .rutagron a:hover {
        color: #FFFFFF;
        background-color: #00B1E6;
        text-decoration: none;
}
.rutarod a:visited:hover, .rutabla a:visited:hover, .rutagul a:visited:hover, .rutagron a:visited:hover {
        color: #FFFFFF;
        background-color: #00B1E6;
        text-decoration: none;
}
.meny1 {
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
        text-align: right;
        line-height: 190%;
}
.meny1:link     {
        color: #000000;
        text-decoration: none;
        background-color: #FFFFFF;
}
.meny1:visited  { 
        color: #000000;
        text-decoration: none;
        background-color: #FFFFFF;
        }
.meny1:hover    { 
        color: #1C71B8;
        text-decoration: none;
        background-color: #FFFFFF;
        }
.meny1:visited:hover    { 
        color: #1C71B8;
        text-decoration: none;
        background-color: #FFFFFF;
        }
.meny1:active   { 
        color: #1C71B8;
        text-decoration: none;
        background-color: #FFFFFF;
}
.meny2 {
        font-size: 11px;
        font-style: normal;
        font-weight: normal;
        text-transform: lowercase;
        color: #333333;
        text-decoration: none;
        text-align: right;
        line-height: 150%;
        display: block;
}
.meny2:link     {
        color: #000000;
        text-decoration: none;
        background-color: #FFFFFF;
}
.meny2:visited  {
        color: #000000;
        text-decoration: none;
        background-color: #FFFFFF;
}
.meny2:hover    {
  color: #5FA9E7;
  text-decoration: none;
	background-color: #FFFFFF;
}
.meny2:visited:hover    {
  color: #5FA9E7;
  text-decoration: none;
	background-color: #FFFFFF;
}
.meny2:active   {
  color: #1C71B8;
  text-decoration: none;
	background-color: #FFFFFF;
}



/*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;
}