body { padding: 0; margin: 0; }


/* Start Film.html not used, replaced by Film1.html below */


/* Padding: Top, Right, Bottom, Left */

/* Page Layout */
#layout { float: left; width: 1000px; border: 3px solid #ea5e0d; margin: 5px 0 0 5px; padding: 0px; background-image: url(bakgrund.jpg); }

#menuMusicContainer {float: left; width: 300px; margin: 10px 5px 10px 10px; padding: 0;}

/* Round corners for videomusic Box */
.menuboxrundtopp {background: transparent;}
.menuboxrundbotten {background: transparent;}
.menuboxrund_r1{margin: 0 5px; height: 1px; overflow: hidden; background: #ea5e0d; border-left: 1px solid #ea5e0d; border-right: 1px solid #ea5e0d;}
.menuboxrund_r2{margin: 0 3px; height: 1px; overflow: hidden; background: #ffffff; border-left: 1px solid #ea5e0d; border-right: 1px solid #ea5e0d; border-width: 0 2px;}
.menuboxrund_r3{margin: 0 2px; height: 1px; overflow: hidden; background: #ffffff; border-left: 1px solid #ea5e0d; border-right: 1px solid #ea5e0d;}
.menuboxrund_r4{margin: 0 1px; height: 2px; overflow: hidden; background: #ffffff; border-left: 1px solid #ea5e0d; border-right: 1px solid #ea5e0d;}

#menuMusicBox { margin: 0; padding: 2px 5px 0px 5px; border-left: 1px solid #ea5e0d; border-right: 1px solid #ea5e0d; background: #ffffff;}
#menuMusicBox p {line-height: 15px; margin: 0;}

.scrollboxmenuMusic {margin: 0; padding: 2px 5px 0px 5px; height: 750px; width: 250px;  border: 0 solid #99CCFF; overflow: auto; font-family: Arial; font-size: 13px; }

.scrollboxmenuMusic a:link { text-decoration: none; color: blue;}
.scrollboxmenuMusic a:visited { text-decoration: none; color: blue; }
.scrollboxmenuMusic a:hover { text-decoration: none; background-color: #FB9857;}
.scrollboxmenuMusic a:active { text-decoration: none; color: red;}


#videoContainer {float: left; width: 670px; margin: 10px 5px 0px 5px; }
#songtextContainer {float: left; width: 670px; height: 260px; padding: 10px 5px 0px 5px; }
#songtextBox { margin: 0; padding: 0 5px 0 5px; border-left: 1px solid #ea5e0d; border-right: 1px solid #ea5e0d; background: #ffffff;}
#menuVideoContainer {float: left; width: 235px; padding: 10px 5px 0px 5px; margin: 0 ;} 

/* Round corners for videomusic Box */
.menuboxrundtopp {background: transparent;}
.menuboxrundbotten {background: transparent;}
.menuboxrund_r1{margin: 0 5px; height: 1px; overflow: hidden; background: #ea5e0d; border-left: 1px solid #ea5e0d; border-right: 1px solid #ea5e0d;}
.menuboxrund_r2{margin: 0 3px; height: 1px; overflow: hidden; background: #ffffff; border-left: 1px solid #ea5e0d; border-right: 1px solid #ea5e0d; border-width: 0 2px;}
.menuboxrund_r3{margin: 0 2px; height: 1px; overflow: hidden; background: #ffffff; border-left: 1px solid #ea5e0d; border-right: 1px solid #ea5e0d;}
.menuboxrund_r4{margin: 0 1px; height: 2px; overflow: hidden; background: #ffffff; border-left: 1px solid #ea5e0d; border-right: 1px solid #ea5e0d;}

#menuVideoBox { margin: 0; padding: 2px 10px 0 5px; border-left: 1px solid #ea5e0d; border-right: 1px solid #ea5e0d; background: #ffffff;}
#menuVideoBox p {line-height: 10px; margin: 0;}

.scrollboxmenuVideo {margin: 0; padding: 2px 5px 0px 5px; height: 750px; width: 215px;  border: 0 solid #99CCFF; overflow: auto; font-family: Arial; font-size: 13px; }

.scrollboxmenuVideo a:link { text-decoration: none; color: blue;}
.scrollboxmenuVideo a:visited { text-decoration: none; color: blue; }
.scrollboxmenuVideo a:hover { text-decoration: none; background-color: #FB9857;}
.scrollboxmenuVideo a:active { text-decoration: none; color: red;}

/* End Film.html */




/* Start Film1.html */

/* Padding: Top, Right, Bottom, Left */

/* Page Layout1 */
#layout1 { float: left; width: 500px; border: 0px solid #ea5e0d; margin: 0px 0 0 0px; padding: 0px; background-image: url(bakgrund.jpg); }

#menuMusicContainer {float: left; width: 230px; margin: 0px 5px 0px 0px; padding: 0;}

/* Round corners for videomusic Box */
.menuboxrundtopp {background: transparent;}
.menuboxrundbotten {background: transparent;}
.menuboxrund_r1{margin: 0 5px; height: 1px; overflow: hidden; background: #ea5e0d; border-left: 1px solid #ea5e0d; border-right: 1px solid #ea5e0d;}
.menuboxrund_r2{margin: 0 3px; height: 1px; overflow: hidden; background: #ffffff; border-left: 1px solid #ea5e0d; border-right: 1px solid #ea5e0d; border-width: 0 2px;}
.menuboxrund_r3{margin: 0 2px; height: 1px; overflow: hidden; background: #ffffff; border-left: 1px solid #ea5e0d; border-right: 1px solid #ea5e0d;}
.menuboxrund_r4{margin: 0 1px; height: 2px; overflow: hidden; background: #ffffff; border-left: 1px solid #ea5e0d; border-right: 1px solid #ea5e0d;}

#menuMusicBox { margin: 0; padding: 0px 5px 0px 5px; border-left: 1px solid #ea5e0d; border-right: 1px solid #ea5e0d; background: #ffffff;}
#menuMusicBox p {line-height: 15px; margin: 0;}

.scrollboxmenuMusic {margin: 0; padding: 2px 5px 0px 0px; height: 743px; width: 215px;  border: 0 solid #99CCFF; overflow: auto; font-family: Arial; font-size: 13px; }

.scrollboxmenuMusic a:link { text-decoration: none; color: blue;}
.scrollboxmenuMusic a:visited { text-decoration: none; color: blue; }
.scrollboxmenuMusic a:hover { text-decoration: none; background-color: #FB9857;}
.scrollboxmenuMusic a:active { text-decoration: none; color: red;}


#videoSongContainer {float: left; width: 260px; padding: 0px 0px 0px 0px; margin: 0;}

#videoContainer {width: 260px; padding: 0px 0px 0px 0px; background-image: url(thewayhome.jpg);  margin: 0; }
#songtextContainer {margin: 0; width: 265px; height: 520px; padding: 10px 0px 0px 0px; }
#songtextBox { margin: 0; padding: 0 10px 0 5px; border-left: 1px solid #ea5e0d; border-right: 1px solid #ea5e0d; background: #ffffff;}

/* Round corners for videomusic Box */
.menuboxrundtopp {background: transparent;}
.menuboxrundbotten {background: transparent;}
.menuboxrund_r1{margin: 0 5px; height: 1px; overflow: hidden; background: #ea5e0d; border-left: 1px solid #ea5e0d; border-right: 1px solid #ea5e0d;}
.menuboxrund_r2{margin: 0 3px; height: 1px; overflow: hidden; background: #ffffff; border-left: 1px solid #ea5e0d; border-right: 1px solid #ea5e0d; border-width: 0 2px;}
.menuboxrund_r3{margin: 0 2px; height: 1px; overflow: hidden; background: #ffffff; border-left: 1px solid #ea5e0d; border-right: 1px solid #ea5e0d;}
.menuboxrund_r4{margin: 0 1px; height: 2px; overflow: hidden; background: #ffffff; border-left: 1px solid #ea5e0d; border-right: 1px solid #ea5e0d;}

/* End Film1.html */



/* Padding: Top, Right, Bottom, Left */



/* Start index.html */

/* Header Layout */
#sidhuvudLayout  { float: left; padding: 0px 5px 0px 5px; margin-left: 5px; margin-top: 5px; width: 990px; background-image: url(bakgrund.jpg);
border-top-width: 3px; border-bottom-width: 3px; border-right-width: 3px; border-left-width: 3px;
border-top-style: solid; border-bottom-style: solid; border-right-style: solid; border-left-style: solid; 
border-top-color: #ea5e0d; border-bottom-color: #EA5E0D; border-right-color: #EA5E0D; border-left-color: #EA5E0D; }
.sidhuvud_rubrik { font-size: 30px; letter-spacing: 2px; margin: 0; padding: 0; color: black; }

/* Header Box */
#sidhuvudContainer1 {float: left; width: 235px; padding: 0px 0px 0px 0px; }
#sidhuvudBox1 {min-height: 25px; margin:0;  padding: 0 15px 0 5px; border-right: 2px solid red;}
.sidhuvudRubrik1 { font-size: 16px; font-weight: bold; margin 0; padding: 15px 5px 5px 5px; color: black; }

#sidhuvudContainer2 {float: left; width: 520px; padding: 0px 0px 0px 0px; }
#sidhuvudBox2 {min-height: 20px; margin: 0; padding: 0 5px 0 100px; }
.sidhuvudRubrik2 { font-size: 30px; letter-spacing: 2px; margin: 0; padding: 0px 0px 0px 15px; color: black; }

#sidhuvudContainer3 {float: left; width: 235px; padding: 0px 0px 0px 0px;  }
#sidhuvudBox3 {min-height: 25px; margin: 0; padding: 0 0px 0 0px; border-left: 2px solid red; }
.sidhuvudRubrik3 { font-size: 16px; font-weight: bold; margin: 0; padding: 15px 0px 5px 15px; color: black; }


/* Page Layout */
#layout { float: left; width: 995px; border: 3px solid #ea5e0d; margin: 0px 0 0 5px; padding: 0px 0px 5px 5px; background-image: url(bakgrund.jpg); }


/* Menu Container */
#menuContainer {width: 235px; float: left; margin: 10px 5px 0 0px; padding: 0;}

/* Round corners for Menu Box */
.menuboxrundtopp {background: transparent;}
.menuboxrundbotten {background: transparent;}
.menuboxrund_r1{margin: 0 5px; height: 1px; overflow: hidden; background: #ea5e0d; border-left: 1px solid #ea5e0d; border-right: 1px solid #ea5e0d;}
.menuboxrund_r2{margin: 0 3px; height: 1px; overflow: hidden; background: #ffffff; border-left: 1px solid #ea5e0d; border-right: 1px solid #ea5e0d; border-width: 0 2px;}
.menuboxrund_r3{margin: 0 2px; height: 1px; overflow: hidden; background: #ffffff; border-left: 1px solid #ea5e0d; border-right: 1px solid #ea5e0d;}
.menuboxrund_r4{margin: 0 1px; height: 2px; overflow: hidden; background: #ffffff; border-left: 1px solid #ea5e0d; border-right: 1px solid #ea5e0d;}

#menubox { margin: 0; padding: 2px 0px 0px 5px; border-left: 1px solid #ea5e0d; border-right: 1px solid #ea5e0d; background: #ffffff;}
#menubox p {line-height: 15px; margin: 0;}

.scrollboxMenu {margin: 0; padding: 2px 0px 0px 5px; height: 750px; width: 220px;  border: 0 solid #99CCFF; overflow: auto; font-family: Arial; font-size: 13px; }

.scrollboxMenu a:link { text-decoration: none; color: blue;}
.scrollboxMenu a:visited { text-decoration: none; color: blue; }
.scrollboxMenu a:hover { text-decoration: none; background-color: #FB9857;}
.scrollboxMenu a:active { text-decoration: none; color: red;}


/* Document Container */
#documentContainer {float: left; width: 510px; padding: 10px 5px 0px 0px; }

/* Round corners for Document Box */
.rundtopp3 {background: transparent;}
.rundbotten3 {background: transparent;}
.rund3_r1{margin: 0 5px; height: 1px; overflow: hidden; background: #ea5e0d; border-left: 1px solid #ea5e0d; border-right: 1px solid #ea5e0d;}
.rund3_r2{margin: 0 3px; height: 1px; overflow: hidden; background: #ffffff; border-left: 1px solid #ea5e0d; border-right: 1px solid #ea5e0d; border-width: 0 2px;}
.rund3_r3{margin: 0 2px; height: 1px; overflow: hidden; background: #ffffff; border-left: 1px solid #ea5e0d; border-right: 1px solid #ea5e0d;}
.rund3_r4{margin: 0 1px; height: 2px; overflow: hidden; background: #ffffff; border-left: 1px solid #ea5e0d; border-right: 1px solid #ea5e0d;}

#documentBox {min-height: 400px; margin: 0; padding: 0 5px 0 5px; border-left: 1px solid #ea5e0d; border-right: 1px solid #ea5e0d; background: #ffffff;}


/* Music and TextBox Container */
#musicAndTextContainer {margin: 0; float: left; width: 235px; padding: 10px 5px 0px 0px; margin: 0 ;} 

/* Round corners for Music Box */
.rund1 {margin: 0 0 0px 0; background: none;}
.rundtopp1 {background: transparent;}
.rundbotten1 {background: transparent;}
.rund1_r1{margin: 0 5px; height: 1px; overflow: hidden; background: #ea5e0d; border-left: 1px solid #ea5e0d; border-right: 1px solid #ea5e0d;}
.rund1_r2{margin: 0 3px; height: 1px; overflow: hidden; background: #ffffff; border-left: 1px solid #ea5e0d; border-right: 1px solid #ea5e0d; border-width: 0 2px;}
.rund1_r3{margin: 0 2px; height: 1px; overflow: hidden; background: #ffffff; border-left: 1px solid #ea5e0d; border-right: 1px solid #ea5e0d;}
.rund1_r4{margin: 0 1px; height: 2px; overflow: hidden; background: #ffffff; border-left: 1px solid #ea5e0d; border-right: 1px solid #ea5e0d;}

#musicBox { margin: 0; padding: 2px 10px 0 5px; border-left: 1px solid #ea5e0d; border-right: 1px solid #ea5e0d; background: #ffffff;}
#musicBox p {line-height: 10px; margin: 0;}
.scrollboxMusic {margin: 0; padding: 2px 5px 0px 5px; height: 155px; width: 215px; border: 0 solid #99CCFF; overflow: auto; font-family: Arial; font-size: 13px; }

.scrollboxMusic a:link { text-decoration: none; color: blue;}
.scrollboxMusic a:visited { text-decoration: none; color: blue;}
.scrollboxMusic a:hover { text-decoration: none; background-color: #FB9857;} 
.scrollboxMusic a:active { text-decoration: none; color: red;}
/* #CC3333  */


/* Round corners for Text Box */

#textBox { margin: 0; padding: 0px 0px 0 5px; border-left: 1px solid #ea5e0d; border-right: 1px solid #ea5e0d; background: #ffffff;}
#textBox a {line-height: 15px; margin: 0;}
.scrollboxText {margin: 0; padding: 2px 5px 0px 5px; height: 752px; width: 215px; border: 0 solid #99CCFF; overflow: auto; font-family: Arial; font-size: 13px; }

.rund2 {margin: 0 0 0px 0; background: none;}
.rundtopp2 {background: transparent;}
.rundbotten2 {background: transparent;}
.rund2_r1{margin: 0 5px; height: 1px; overflow: hidden; background: #ea5e0d; border-left: 1px solid #ea5e0d; border-right: 1px solid #ea5e0d;}
.rund2_r2{margin: 0 3px; height: 1px; overflow: hidden; background: #ffffff; border-left: 1px solid #ea5e0d; border-right: 1px solid #ea5e0d; border-width: 0 2px;}
.rund2_r3{margin: 0 2px; height: 1px; overflow: hidden; background: #ffffff; border-left: 1px solid #ea5e0d; border-right: 1px solid #ea5e0d;}
.rund2_r4{margin: 0 1px; height: 2px; overflow: hidden; background: #ffffff; border-left: 1px solid #ea5e0d; border-right: 1px solid #ea5e0d;}


.imageBox { padding: 0 0 0 0; height: 120px; width: 200px; }
.lineBox { padding: 0 0 0 0; height: 5px; width: 200px; border-bottom: 1px solid #99CCFF;}
#option { font-size: 13px; font-weight: bold; margin-bottom: 5px; color: black; }




