/* Programboxarna */

.programbox  {
clear: left; 
float: left;
display: block;
position: relative; 
width: 680px; 
height: auto;
margin: 20px 10px 10px 20px; 
padding: 6px;
background-color: #ffffff;
border: 1px solid #dcdfc4; 
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; 
-khtml-border-radius: 5px;
}



.programbox table.evenemang  {
width: 100%; 
/* height: auto; */
margin: 0px; 
padding: 0px;
vertical-align: top;
table-layout: fixed; 
text-align: left;
}

.programbox table.evenemang td.fotocell   {
width: 244px;
/* height: auto; */
margin: 0px;  
padding: 0px; 
vertical-align: top; 
}

.programbox table.evenemang td.greenbgr   {
width: auto;
max-height: 50px;
margin: 0px;  
padding: 0px; 
vertical-align: top; 
text-align: left;

}

.programbox table.evenemang td.whitebgr {
background-color: #ffffff;
margin: 0px;  
padding: 0px; 
vertical-align: top; 
text-align: left;
width: 95%;
min-height: 200px; 
}

img.top   {  
display: block;
vertical-align: top; 
border: 2px solid #ffffff;
margin: 0px;  
padding: 0px; 
}

img.shadow   {  
display: block;
vertical-align: baseline;
 
border: none;
margin: -3px 2px 0px 2px;  
padding: 0px; 
}


p.programfotocaptiontext  {
clear: left; 
float: left; 
font-family: verdana, arial, sans-serif; 
font-size: 0.9em;
font-weight: normal;
color: #333333; 
line-height: 1.4em;
text-align: left;
margin: 0px 20px 5px 20px; 
padding: 0px 0px 0px 0px;
width: 190px; 
/* height: auto; */
}

a.captionlinks:link, a.captionlinks:visited, a.captionlinks:active   {  
display: inline; 
color:#006600;
text-decoration:none;
text-align: left;
}

a.captionlinks:hover, a.captionlinks:focus   {  
color: #000000; 
text-decoration: none;
}


h1.programheading  {
clear: left; 
float: left;
display: inline;
font-family: arial, verdana, sans-serif; 
font-size: 1.4em;
font-weight: bold;
color: #006600; 
text-align: left;
margin: 0px; 
padding: 0px 0px 3px 15px;
width: 95%; 
/* height: auto; */
line-height: 22px;
}

h3.programdatum  { 
clear: left; 
float: left;
display: inline;
font-family: arial, verdana, sans-serif; 
font-size: 1.1em;
font-weight: bold;
color: #333333; 
line-height: 1.2em;
text-align: left;
margin: 0px; 
padding: 2px 0px 2px 15px;
width: 95%; 
/* height: auto; */
} 

.programsolen  {
float: right; 
display: block;
position: absolute;
top: -2px;  
left: 617px; 
margin: 0px; 
padding: 0px;
width: 78px; 
height: 78px;
z-index: 100;
border: none;
outline: none;
}

.barnensparksommar  {
float: right; 
display: block;
position: absolute;
top: -2px;  
left: 617px; 
width: 78px; 
height: 78px; 
margin: 0px; 
padding: 0px;
z-index: 100;
border: none;
outline: none;
}



p.programingresstext  {  
font-family: verdana, arial, sans-serif; 
font-size: 1.1em;
font-weight: bold;
color: #333333; 
line-height: 1.4em;
text-align: left;
margin: 0px; 
padding: 5px 0px 5px 15px;
width: 95%; 
/* height: auto; */
}

p.programbreadtext  { 
font-family: verdana, arial, sans-serif; 
font-size: 1em;
font-weight: normal;
color: #333333; 
line-height: 1.4em;
text-align: left;
margin: 0px; 
padding: 5px 0px 5px 15px;
width: 95%; 
/* height: auto; */
}

a.programbox {
color:#006600;
text-decoration:none;
}

strong, b  {
font-size: 1em;
font-weight: bold;
color: #333333; 
}


a.readmore:link, a.readmore:visited, a.readmore:active   { 
float: right; 
display: inline; 
width: auto;
height: 2em;
font-family: arial, verdana, sans-serif;
font-size: 0.8em;
font-weight: bold;
color: #ffffff; 
line-height: 2em;
text-align: left;
text-transform: uppercase;
text-decoration: none;
margin: 15px 0px 0px 0px; 
padding: 2px 10px 1px 10px;
background-color: #006600;
border: 1px solid #006600;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; 
-khtml-border-radius: 10px; 
}

a.readmore:hover, a.readmore:focus   {
color: #ffffff; 
background-color: #000000;
border: 1px solid #000000;
}


.programsocialicons  {
float: left;
display: inline;
font-family: arial, verdana, sans-serif;
font-size: 1em;
font-weight: normal;
color: #333333; 
line-height: 1.3em;
text-align: left;
margin: 0px; 
padding: 15px 0px 0px 15px;
width: 250px; 
/* height: auto; */
}
.programsocialicons2  {
float: left;
display: inline;
font-family: arial, verdana, sans-serif;
font-size: 1em;
font-weight: normal;
color: #333333; 
line-height: 1.3em;
text-align: left;
margin: 0px; 
padding: 0px 0px 0px 15px;
width: 250px; 
/* height: auto; */
}

a.addthis_button_compact, 
a.addthis_button_facebook,
a.addthis_button_twitter,
a.addthis_button_favorites,
a.addthis_button_print,
a.addthis_button_email  {
display: inline;
width: auto;
height: auto;
margin: 0px 0px 0px 0px;
padding: 0px;
border: none;
outline: none;
}


.forkopslinkbox  {  
clear: left; 
float: left; 
display: block;
text-align: center;
margin: 0px 0px 10px 0px; 
padding: 0px;
width: 244px; 
height: auto; 
}


a.forkop:link, a.forkop:visited, a.forkop:active   { 
clear: left;
float: left; 
display: block; 
width: 200px;
height: 2em;
font-family: verdana, arial, sans-serif; 
font-size: 0.9em;
font-weight: bold;
color: #ffffff; 
line-height: 2em;
text-align: center;
text-transform: uppercase;
text-decoration: none;
margin: 0px 10px 5px 10px; 
padding: 2px 10px 1px 10px;
background-color: #006600;
border: 1px solid #006600;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; 
-khtml-border-radius: 10px; 
}

a.forkop:hover, a.forkop:focus   {
color: #FFCC00; 
background-color: #006600;
border: 1px solid #006600;
}

p {
font-family: verdana, arial, sans-serif; 
font-size: 1em;
font-weight: normal;
color: #333333; 
line-height: 1.4em;
text-align: left;
margin: 0px; 
padding: 5px 0px 5px 15px;
width: 95%; 
}

p.mini {
font-family: verdana, arial, sans-serif; 
font-size: 0.8em;
font-weight: normal;
color: #333333; 
line-height: 1.4em;
margin: -5px 0px -5px -15px;
}

h1 {
clear: left; 
float: left;
display: inline;
font-family: arial, verdana, sans-serif; 
font-size: 1.4em;
font-weight: bold;
color: #006600; 
text-align: left;
margin: 0px; 
padding: 0px 0px 0px 15px;
width: 95%; 
/* height: auto; */
line-height: 22px;
}