body {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; margin-top: 30px; background-color: #000; background-image: url(../images/bg.gif); background-repeat: repeat-x;}

h1 {font-size: 18px; margin-bottom: 15px; color:#fff;}
h2 {font-size: 14px; margin-top: 15px; color:#fff; font-weight: bold; line-height: 21px;}
h5 {font-size: 11px; margin-top: 5px; color:#fff; font-weight: normal; line-height: 21px;}
p {margin-top: 15px; color:#fff;}

a:link { color: #fff;}
a:visited { color: #fff;}
a:active { color: #fff;}
a:hover { color: #E7CAAF;}

.picframe { width: auto; height: auto; border: solid 1px #56300B; padding: 2px; margin: 10px 10px 0 0; float: left;}

/*LAYOUT*/

#container {width: 940px; margin: auto; padding: 0;}

#logo {float: left; width: 940px; height: 55px; background: url(../images/header_bg.gif);}
#logo h1 {margin: 0; padding: 0;}
#logo h1 a {float: left; width: 460px; height: 55px; background: url(../images/martina_nilsdotter.gif) no-repeat; text-indent:-9999px; display:block;}

#menu {float:right; width:453px; height: 55px; margin: 0; padding: 0;}
#menu ul li {float: left; display: inline;}
#menu ul li a {top:0; left:0; display:block; height:55px; background: url(../images/meny.gif) no-repeat top left; text-indent:-9999px; overflow:hidden;}

#menu ul li#start a {left: 0px; width: 65px; background-position: 0 0;}
#menu ul li#lyssna_titta a {left: 65px; width: 105px; background-position: -65px 0;}
#menu ul li#biografi a {left: 170px; width: 102px; background-position: -170px 0;}
#menu ul li#bilder a {left: 272px; width: 52px; background-position: -272px 0;}
#menu ul li#kontakt a {left: 324px; width: 76px; background-position: -324px 0;}
#menu ul li#skivor a {left: 400px; width: 53px; background-position: -400px 0;}

#menu ul li#start a:hover { background-position: 0 -55px;}
#menu ul li#lyssna_titta a:hover { background-position: -65px -55px;}
#menu ul li#biografi a:hover { background-position: -170px -55px;}
#menu ul li#bilder a:hover { background-position: -272px -55px;}
#menu ul li#kontakt a:hover { background-position: -324px -55px;}
#menu ul li#skivor a:hover { background-position: -400px -55px;}

#menu ul li#start .current { background-position: 0 -55px;}
#menu ul li#lyssna_titta .current { background-position: -65px -55px;}
#menu ul li#biografi .current { background-position: -170px -55px;}
#menu ul li#bilder .current { background-position: -272px -55px;}
#menu ul li#kontakt .current { background-position: -324px -55px;}
#menu ul li#skivor .current { background-position: -400px -55px;}

#bg_start {float: left; width: 940px; height: 490px; margin: 0; padding: 0; background: url(../images/bg_start.jpg);}

#bg_lyssna_titta {float: left; width: 940px; height: 490px; margin: 0; padding: 0; background: url(../images/bg_lyssna_titta.jpg);}
#bg_lyssna_titta h1.rub1 { width: 60px; height: 15px; background: url(../images/r_1.gif) no-repeat top left; text-indent:-9999px;}
#bg_lyssna_titta h1.rub2 { width: 60px; height: 15px; background: url(../images/r_2.gif) no-repeat top left; text-indent:-9999px;}

#bg_biografi {float: left; width: 940px; height: 490px; margin: 0; padding: 0; background: url(../images/bg_biografi.jpg);}
#bg_biografi h1.rub1 { width: 53px; height: 15px; background: url(../images/r_6.gif) no-repeat top left; text-indent:-9999px;}
#bg_biografi h1.rub2 { width: 83px; height: 15px; background: url(../images/r_8.gif) no-repeat top left; text-indent:-9999px;}

#bg_bilder {float: left; width: 940px; height: 490px; margin: 0; padding: 0; background: url(../images/bg_bilder.jpg);}
#bg_bilder h1.rub1 { width: 60px; height: 15px; background: url(../images/r_4.gif) no-repeat top left; text-indent:-9999px;}

#bg_kontakt {float: left; width: 940px; height: 490px; margin: 0; padding: 0; background: url(../images/bg_kontakt.jpg);}
#bg_kontakt h1.rub1 { width: 94px; height: 15px; background: url(../images/r_5.gif) no-repeat top left; text-indent:-9999px;}

#bg_skivor {float: left; width: 940px; height: 490px; margin: 0; padding: 0; background: url(../images/bg_skivor.jpg);}
#bg_skivor h1.rub1 { width: 67px; height: 15px; background: url(../images/r_7.gif) no-repeat top left; text-indent:-9999px;}

#col_left {float: left; width: 360px; margin: 63px 0 0 34px;}
#scroll {float: left; width: 340px; height: 350px; margin: 0; padding: 0 20px 0 0; overflow: auto;}
#col_right {float: right; margin: 466px 0 0 0; width: 350px;}
#col_right2 {float: right; margin: 0; padding: 60px 0 0 50px; width: 495px; height: 430px; background: url(../images/bg_right_col2.jpg); visibility:hidden;}
#col_788 {float: left; width: 788px;}

#shortcuts {float:left;padding:0 0 0 15px;color:#fff;}

#footer {float: left; width: 940px; height: 25px; margin: 0; padding: 15px 0 0 0; text-align: right; font-size: 11px; color: #015B61;}

/* ----------------- */
#contact_form {float: left; width: 314px; margin: 0 0 30px 0;}
#contactForm {padding: 10px 0 10px 0; font-size: 11px;}
#contactForm input {font-size: 11px; color: #666666; margin: 3px 0 3px 0;}
#contact_form #submit {width: 80px;	font-size: 12px; float: right; margin: 0 5px 0 0;}
#emailaddress, #comments, #firstname {width: 304px; font-size: 11px; color: #666666; font-family: Arial, Helvetica, sans-serif;}
/* ----------------- */


/* FIX */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */