body {
    font-family: verdana, sans-serif;
    font-size: 8pt;
    margin: 0px;
    padding: 0px;
    background-attachment: fixed;
    background-image: url(../images/logo/DalaWH_stalgra.png);
    background-repeat: repeat;
}

a {
    text-decoration: none;
    font-weight: bold;
    border: none;
}

a:visited {
  color: darkred;
  border: none;
}
a:hover {
  background-color: #050097;
  color: white;
  border: none;
  text-decoration:none !important; 
}
a:active {
  background-color: #979700;
  border: none;
}
a img { border-width: 0; text-decoration:none; }
a.image:hover { background-color: transparent; color: blue;}

p  { margin-bottom: 5px; }
li { margin-bottom: 5px; }
ul { margin-left:0px; padding-left: 20px; }

div.center_text { text-align: center; }

.background {
  background-image:url("../images/backgrounds/backgroundTop.png");
  height: 125px;
  background-repeat: no-repeat;
}

#top {
	text-align:center;
	margin: 0px;
	width: auto;
	height: 80px;
}
#top img {
  float: left;
  height: 100%;
}
#top div {
  width: 910px;
  height: 120px;
  padding: 15px 0px;
  overflow: hidden;
}

#main {
  clear: both;
  position:absolute;
  top: 150px;
  left: 80px;
  margin: 0px auto;
  z-index: 0;
  width: 700px;
  height: 400px;
}

#main p,h1,h2,h3 {
  font-family: verdana;
  margin-top: 2pt;
  margin-bottom: 1pt;
  color:#333333;
}
#main p {
	font-size: 8pt;
	font-weight: normal;
	margin-top:2pt;
	margin-bottom:4pt;
}
#main h1 {
	font-size: 14pt;
	font-weight: bolder;
	margin-bottom:3pt;
	text-align: center;
}
#main h2 {
	font-size: 11pt;
	font-weight: bold;
	text-align: center;
}
#main h3 {
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
}

#main h4,h5 { 
 font-style:  italic;
 margin-top:  2pt;
 font-family: Myriad Condensed Web;
 color:       #666666;
}
#main h4 {font-size: 10pt; font-weight:bold; margin-bottom:2pt; margin-top:4pt}
#main h5 {
	font-size: 7pt;
	font-weight:normal;
	margin-bottom:4pt;
}
#main span {font-size: 9pt; font-family: verdana; font-weight: bold;}

#main h6 {
	font-size: 7pt;
	font-weight: normal;
	margin-top:2pt;
	margin-bottom:4pt;
	color: #FFFFFF
	}


#main table.center {
  text-align: center;
  margin: 0px auto;
}

#main .center { text-align: center; }
#main .left { float: left; }

#main table.top_align td {vertical-align:top; }

/* bildspel */
#thumb_place { margin-top: 2px; }

#thumb_place div { height: 32px; }

img.small 	{width:200px;}
img.medium 	{width:300px;}
img.big 	{width:500px;}
img.poster	{width:400px;}
img.posterSmall {width:200px;}

div.vidablick {  margin-bottom: 10px;}
div.vidablick div {
float: left; width: 50%;
margin: 10px;}
div.vidablick div.spacer { clear:both; float: none; }
img.float-image {float: left;}

/* program */

#program {
	border:#CCC;
	background-color:#CCC;
	height: 600px;
	width: 220px;
	z-index: 4;
	top: 150px;
	left: 820px;
	overflow: auto;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	position: absolute;	
}

#programShadow {
	background-color:#999;
	height: 600px;
	width: 220px;
	z-index: 3;
	top: 145px;
	left: 825px;
	overflow: auto;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	position: absolute;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
}

#program h3{
	font-size: 10pt;
	font-weight: bolder;
	text-align: center;
}


table.program {
    margin-left: 50px;
}

table.program tr { vertical-align: top; }
table.program { border-spacing: 5px 10px; }


/*hotel*/
table.hotel_prices {
    width: 200px;
    margin: 20px auto 20px 100px;
    border-collapse: collapse;
    text-align: right;
    font-size: 10pt;
}

table.hotel_prices thead {
    font-weight: bold;
    text-align: center;
}

table.hotel_prices td {
    border: 1px solid black;
    padding: 3px 5px;
}

table.hotel_prices td:first-child { text-align: left; }


/* öppet tider */
table.open_hours {
    margin: 10px 100px;
    font-size: 10pt;
    width: 400px;
}

table.open_hours thead {
    font-weight: bold;
}