body { width:100%; font-family: Garamond, Times, serif; color:#333; text-align:center; font-size: 110%; }

img { border:0; }
h1 { color:#000; margin:0 0 0 20px; padding:0; font-size:60px; font-weight:normal; }
h2 { font-family: Garamond, Times, serif; color:#600; font-size:1.5em; margin:1.5em 0 0.5em 0; width:100%; border-bottom: 1px solid #600;}
h3 { font-family: Garamond, Times, serif; color:#600; font-size:1.5em; margin:1.5em 0 0.5em 0; }
h4 { font-family: Garamond, Times, serif; color:#600; font-size:1.2em; margin:1.5em 0 0.5em 0; }
p { font-family: Garamond, Times, serif; color:#333; font-size:1em; margin:0 0 1em 0; }

dt { font-weight:bold; }
dl { }

td { }

a:link { text-decoration: none; color:#933; }
a:visited { text-decoration: none; color:#933; }
a:hover { text-decoration: underline; color:#933; }
a:active { text-decoration: none; color:#933; }


#wrapper { width:850px; margin: 0 auto; }

.tdlogoimg { float:left; }
h1 { color:#fff; float:left; }

#container { float:left; width:850px; background: pink; }
 .container-border-left { float:left; background: #fff url(../images/cont-bg-l.png) repeat-y top left; width:100%; }
 .container-border-right { float:left; background: url(../images/cont-bg-r.png) repeat-y top right; width:100%; }
  .container-content { float:left; background: url(../images/sos-logo.png) no-repeat top left; width:100%; }

.menu-area { float:left; height:54px; width:100%; }
 .menu-area a:hover { display:block; width:100%; height:54px; background: url(../images/menu-on.png) no-repeat top right;  }
 .menu-area-0 { float:left; height:54px; width:233px; }
 .menu-area-1 { float:left; height:54px; width:153px; }
 .menu-area-2 { float:left; height:54px; width:132px; }
 .menu-area-3 { float:left; height:54px; width:191px; }
 .main-area { float:right; width: 696px; margin: 0 4px 0 0; padding: 0 40px 0 10px; background: url(../images/main-area-content-bg.png) no-repeat top right; }
 .main-area-content { float:right; width:642px; min-height:400px; margin:0; padding: 20px 0 10px 0; text-align:left; }

/*MARKERADE POSTER I MENYN */
 
body#historien a#menu-historien,
body#forestallningen a#menu-forestallningen,
body#bakomkulisserna a#menu-bakomkulisserna { display:block; width:100%; height:54px; background: url(../images/menu-on.png) no-repeat top right;  }


.submenu-area { float:left; width:100%; margin:0 0 20px 0; padding:4px 0; border-bottom: 1px solid #600; border-top:1px solid #600; }
 .submenu-area ul { list-style:none; margin:0; padding:0; }
 .submenu-area li { float:left; margin: 0 20px; }
 .submenu-area li a { font-weight:bold; font-size:1em; }
 .submenu-area li a:hover { text-decoration: none; color:#600 }
 

.bottom-area { float:left; width:100%; height:7px; padding:0; margin:0; }
 .bottom-area-l { float:left; width:100%; height:7px; background: url(../images/bottom-l.png) no-repeat bottom left; }
 .bottom-area-r { float:right; width:100%; height:7px; background: url(../images/bottom-r.png) no-repeat bottom right; }

.sponsor-area { float:left; width:100%; margin:5px 0 0 0; }
 .sponsor-area .l { float:left; width:30%; }
 .sponsor-area .c { float:left; width:44%; text-align:center; }
 .sponsor-area .r { float:right; width:24%; text-align:right; }

.medverkande-list { text-align:center; }
 .medverkande-list b { float:left; width:38%; clear:left; text-align:right; font-weight:normal; }
 .medverkande-list i { float:right; width:58%; clear:right; text-align:left; font-style:normal; }
 .medverkande-list p { margin:0; width:100%; display:block; float:left; }
 .medverkande-list h2 { float:left; width:100%; text-align:left; margin:0 0 0.5em 0; }
 .medverkande-list h3 { float:left; width:100%; text-align:center; margin: 1.5em 0 0.5em 0; }
 
  .medverkande-list .l { float:left; width:48%; clear:left; text-align:right; }
 .medverkande-list .r { float:right; width:48%; clear:right; text-align:left; }
 
 
 
 /* BILDGALLERI */

.gallery {width:100%; float:left; } 
 
 /* needed for IE to make :active state work first time */
a, a:visited {color:#000;}

/* common styling for all galleries */
a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; width:100px; height:100px; float:left; margin:4px 8px 0 0; z-index:50;}
a.slidea {background:url(../images/bilder-small/1-small.jpg);}
a.slideb {background:url(../images/bilder-small/2-small.jpg);}
a.slidec {background:url(../images/bilder-small/3-small.jpg);}
a.slided {background:url(../images/bilder-small/4-small.jpg);}
a.slidee {background:url(../images/bilder-small/5-small.jpg);}
a.slidef {background:url(../images/bilder-small/6-small.jpg);}
a.slideg {background:url(../images/bilder-small/7-small.jpg);}
a.slideh {background:url(../images/bilder-small/8-small.jpg);}
a.slidei {background:url(../images/bilder-small/9-small.jpg);}
a.slidej {background:url(../images/bilder-small/10-small.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover { }


/* styling for BOTTOM gallery */
#container_bottom { position:relative; width:100%; height:450px; }
#container_bottom img { border:0; }
#container_bottom .thumbs { position:absolute; left:0; top:30px; }

#container_bottom a.gallery:hover span { display:block; position:absolute; width:450px; height:30px; top:-30px; left:5px; padding:5px 10px 0 0; font-style:italic; z-index:100; }
#container_bottom a.gallery:hover span:first-line { font-style:normal; font-weight:bold; font-size:1em; color:#333; }
#container_bottom a.gallery:active span, #container_bottom a.gallery:focus span { }

#container_bottom a.gallery:active em, #container_bottom a.gallery:focus em { display:block; position:absolute; width:450px; height:300px; top:110px; left:0; z-index:50; }