body { margin:0; padding:0; background:#dddddd; }

div.nav0 a, div.recnav1 a { font-family:Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif; font-size:12px; }

div.Navigation {text-align:center; width: 780px; } 
div.outer_border { width:auto; margin:0;} 

div.outerrim { width:790px; margin:0 auto 0 auto; }
div.innerrim { float:left; width:780px; padding:0 5px 0 5px; background:url(/Site/Template/Skolmusik/images/innerrim_bg.gif) left top repeat-y; }

div.header { width:100%; height:104px; background:url(/Site/Widget/Editor/155/images/layout/skolmusik_sidhuvud.jpg) left top no-repeat; }
div.nav0 {white-space:nowrap; width:auto; padding:4px 10px 4px 10px; height:20px; text-align:center; overflow:hidden; background:#464648;border-bottom: solid 2px #ffffff; border-top: solid 2px #ffffff; text-transform: uppercase;}  
div.nav0 a { padding: 0 10px 0 10px; margin:0; display:inline; line-height:22px; font-weight:bold;  color:#ffffff; text-decoration:none; } 
div.nav0 a.active, div.nav0 a:hover { color:#F9B610; }
/*div.nav0 a { display:inline;line-height:22px; font-weight:bold;  color:#ffffff; text-decoration:none;}*/
div.nav0 .item_left, div.nav0 .item_left_active { border-left: solid 1px #ffffff; }
div.nav0 .item_left:first-child, div.nav0 .item_left_active:first-child { border-left: none;}

div.recnav1 { float:left; display:inline; margin:0 0 40px 0; width:170px; padding:0; }
div.recnav1 a { float:left; width:170px; font-weight:bold; text-decoration:none; color:#ffffff; line-height:20px; }
div.recnav1 .level2 a { padding:0 0 0 10px; width:160px; }
div.recnav1 .level3 a { padding:0 0 0 20px; width:150px; }
div.recnav1 a.active, div.recnav1 a:hover { color:#F9B610; }

div.footer { float:left; width:100%; height:16px; background:url(/Site/Template/Skolmusik/images/bottomshadow.gif) left top no-repeat; }

#content { float:left; width:100%; min-height:500px; background:url(/Site/Widget/Editor/155/images/layout/bg_main.gif) left top repeat-y; }
div.zones_2_extra { float:left; width:100%; min-height:500px; background:url(/Site/Widget/Editor/155/images/layout/bg_main2.gif) left top repeat-y; }
div.zones_2 { float:left; display:inline; width:100%; margin:0; ;  margin:10px 0  10px 0; }
div.zones_3 { float:left; display:inline; width:100%; min-height: 412px; background:url(/Site/Widget/Editor/155/images/layout/bg.gif) left top no-repeat; margin:10px 0  10px 0; }

div.leftcontainer { float:left; width:170px; padding:0 10px 0 10px; }

div.col2_1, div.col3_1 { float:left; width:170px; padding:0;}
div.col2_2 { float:right; width:560px; padding:0 10px 0 0; }

div.col3_2 { float:left; width:370px; padding:0 0 0 20px; }
div.col3_3 { float:right; width:160px; padding:0 10px 0 0; }

div.col3_1 h1, div.col3_1 h2, div.col3_1 h3 {font-size:14px; color: #ffffff; background-color:#000000; padding: 2px; width 100%;}
div.col3_3 h1, div.col3_3 h2, div.col3_3 h3 {font-size:14px; color: #ffffff; background-color:#000000;padding: 2px; width 100%;}
div.col3_1, div.col3_3 {color: #ffffff;}

div, span, a, p { font-family:Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif; font-size:12px; line-height:18px; }
h1, h2, h3 { font-family:Arial, Trebuchet MS, Tahoma, Verdana, Sans-serif; line-height:20px; color:#5A5A5C; }
h1 { margin:10px 0 5px 0; font-size:22px; }
h2 { margin:10px 0 5px 0; font-size:20px; }
h3 { margin:10px 0 0 0; font-size:16px; }

a, a:visited { text-decoration:none; font-weight:bold; color:#F9B610; }
a:hover { color:#000000; }
