body {margin:0px; padding:0px; background-color:#CC9933; background-image:url(grafik/bg_pattern.gif); font: 1.0em verdana, arial, sans-serif; text-align:center; behavior:url(csshover.htc);}

* {margin:0; padding:0;}

a{text-decoration: none; color:#000000;}
a:hover{text-decoration: underline; color:#000000} /* 333366 */
a:active {color:#000000}
a:visited {color:#000000}

h1 {font-size:1.2em;font-family:Arial;padding:0;}
h2 {font-size:.8em;margin:5px 0px;}
p {font-size:.6em;}
img {border-style:none;}
ul {margin: 0 0 0 15px;font-size:0.6em;padding:0;}
li {line-height:12px;}

div.music table {border: 0px solid #FFCC33;}
div.music td {font-size:.6em;width:140px;padding:2px 0px;text-align:center;}

div#music_column1 {width:250px; float:left;}
div#music_column2 {width:228px;height:210px;padding:10px;float:left;border:1px solid #ccc;background-color:#F7F7F7;}
div#music_column2 p {font-size:.6em;}
div#music_column2 h2 {font-size:.7em}
div#music_column3 {margin-top:20px;width:500px;padding:00px;float:left;border:1px solid #ccc;font-size:.6em;}/*FFCC33*/
div#music_column3 table {border-collapse: collapse;}
div#music_column3 td {height:20px;}
div#music_column3 th {height:20px;}
div#music_price {width:100px;height:20px;background-image:url(bilder/price_bg.gif);text-align:center;color:#FF0;font-size:.8em;font-weight: bold;}

div#contact_column1 {width:250px; float:left;}
div#contact_column2 {width:230px;padding:10px;float:left;text-align:center;}
div#contact_form {background-color:#FFFFCC;float:left;width:480px;padding: 10px;border: 1px solid #FFCC33;margin-bottom:20px;}


.bottom_column {width:100%;margin-top:20px;padding:10px;float:left;text-align:center;}

div#gb {background-color:#FFFFCC;width:480px;padding: 10px;border: 1px solid #FFCC33;}
div#gb td {width:180px;}


.float_img img{float:left;margin:0 4px 4px 0;}

.hr_gb {color:#FFCC33;background-color:#FFCC33;border-width:0px;height:1px;width:500px;margin-top:5px;margin-bottom:5px;}
.hr_rub {color:#FFCC33;background-color:#FFCC33;border-width:0px;height:1px;width:500px;margin-bottom:10px;}


.tr_bg1{background-color:#F7F7F7;}/*C3E1F4*/
.tr_bg2{background-color:#EFEFEF;}/*DDECF6*/

.formstyle {
border:1px solid #999999; 
font-size: 8pt; 
font-family: Verdana; 
padding-left:1px; 
}







div#mainwrap {width:794px; margin-left:auto; margin-right:auto;text-align:left;}

div#header {width:794px; height:95px; background-color:#FFCC33; background-image:url(grafik/toppgrafik2.gif);padding-top:15px;}
div#topnav {width:794px; background-color:#C60;max-height:20px;border-top:1px solid #C60;border-bottom:1px solid #C60;border-left:1px solid #C60;}
* html #topnav {font-size:0px;} /*IE6 hack*/ 
/* F90 orange  border-top:1px solid #C60; */

div#themearea {width:794px; height:100px; background-color:#CC6600;}		

div#contentarea {width:794px; background-color:#FFF;
							background-image:url(grafik/faux_columns2.gif);
							background-repeat: repeat-y top left;}				
				
/*Styrning så att huvudsidan inte är mindre än 500px*/							
#contentarea {min-height:500px;} 
* html #contentarea {height: 500px;} /*IE6 hack*/

#column2 {min-height:500px;} 
* html #column2 {height: 500px;} /*IE6 hack*/

div#column_start {width:793px; height: 500px; float:left;border:1px solid #C60;background-image:url(bilder/melin_startbild.jpg);}
div#column_text {width:200px;	height: 225px;	float:left;	margin:152px 0px 10px 16px;;	font-size:10px;overflow: -moz-scrollbars-vertical;overflow-x: hidden;overflow-y: auto;}
* html div#column_text {margin: 152px 0px 10px 9px;} /*IE6 hack*/
div#column_scroller {position:absolute;width:230px;height:100px;margin: 380px 0px 0px 530px;vertical-align:top;}
/* ie6 hack */
* html div#column_scroller {position:static;margin: 380px 20px 0px 530px;width:200px;height:100px;}
/* ie7 hack */
*:first-child+html div#column_scroller {position:absolute;margin: 380px 20px 0px 310px;width:200px;height:100px;}
/*div#column_scroller {position:absolute;top:460px;left:770px;width:300px;height:100px;}*/
div#column_scroller td {font-size:.6em;height:25px;}
* html div#column_scroller td {font-size:1.0em;}
*:first-child+html div#column_scroller td {font-size:1.0em;}

div#column1 {width:500px; float:left; padding:20px 0 0 130px;border:0px solid;}
div#column2 {width:100px;float:right;}
div#columnfull {margin:auto;padding-top:20px;padding-bottom:20px;text-align:center;}

div#column1 form {font-size:.6em;}
diw#column1>b {font-size:.6em;}


div#column2 p {font-size:.6em; margin:20px 0px;}

div#footer {width:794px; background-image:url(grafik/bg_pattern.gif); font-family: arial, sans-serif; text-align:center; color:#930; border-style:solid;border-width:1px 0 0 0;padding-top:3px; padding-bottom:3px; font-size: 0.6em;}

/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: ".";              /* the period is placed on the page as the last thing before the div closes */
	display: block;          /* inline elements don't respond to the clear property */ 
    height: 0;                  /* ensure the period is not visible */
    clear: both;               /* make the container clear the period */
    visibility: hidden;	     /* further ensures the period is not visible */
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */

/* next a fix for the dreaded Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */