html{
color: #000;
margin: 0;
padding: 0;
height: 100%;
background:url(../../grf/fade.png) fixed repeat-x bottom left;
}

html#makare{
background-color: #7ea554;
}

html#musiker{
background-color: #a69753;
}

html#kontakt{
background-color: #a6a6a6;
}


body{
height: 100%;
margin: 0;
padding: 0;
font-family: Verdana, sans-serif;
color: #000;
}


a{
color: #369;
}
a:hover{
color: #036;
}
a:visited{
color: #9cf;
}

p{
margin: 0 0 1em 0;
}

/*Rubrikerna*/

/*
#main-content h2, #main-content h3{
font-size: 135%;
font-weight: bold;
margin 0;
padding 0;
}

#nav2-cont h2{
font-size: 125%;
font-weight: bold;
font-style: italic;
margin: 0;
}
*/

/*UPPBYGGNAD*/
#wrap,#siteinfo,#nav,#nav2-cont{
border: 1px solid #000;
}

#wrap{
border-width: 0 1px;
height: auto;
min-height: 100%;
margin: 0 auto -35px auto;
background: #fff;
z-index: 20;
}

#wrap, #siteinfo{
font-size: 80%;
min-width: 500px;
max-width: 55em;
}

h1{
margin: 0;
height: 139px;
text-indent: -50000em;
font-size:1%;
border-top: 1px solid #000;
}
#makare h1{
background: #4c6432 url(../../grf/head-mak.jpg) top left no-repeat;
}
#musiker h1{
background: #645b32 url(../../grf/head-mus.jpg) top left no-repeat;
}
#kontakt h1{
background: #747474 url(../../grf/head-kon.jpg) top left no-repeat;
}

h2{
display: none;
}

#main-content{
margin: 0;
background: #fff;
padding: 1em;
padding-bottom: 50px;
z-index: 30;
}

#siteinfo{
font-size: 80%;
color: #fff;
position: relative;
height: 33px;
margin: -35px auto 0 auto;
text-align: center;
line-height: 30px;
}

#siteinfo span{
vertical-align: top;
}


/*switchas beroende på sida*/
#makare #siteinfo{
background: #87b159;
}
#musiker #siteinfo{
background: #b1a059;
}
#kontakt #siteinfo{
background: #868686;
}


/*MENY*/
#nav{
overflow: visible;
margin: 0;
padding: 0;
font-size: 170%;
list-style: none;
border-width: 1px 0 0 0;
display: block;
}

#nav li{
text-align: center;
display: block;
float: left;
margin: 0 1.5%;
height: 1px;
background: red;
width: 30%;
}

#nav li a{
margin-top: -1.8em;
height: 1.8em;
display: block;
line-height: 1.8em;
vertical-align: middle;
border: 1px solid #000;
}

#n-makare a{
background: #6A8C46;
}

#n-musiker a{
background: #8C7F46;
}

#n-kontakt a{
background: #6a6a6a;
}

#n-makare a:hover, #makare #n-makare a, #makare #nav{
background: #87b159;
}

#n-musiker a:hover, #musiker #n-musiker a, #musiker #nav{
background: #b1a059;
}

#n-kontakt a:hover, #kontakt #n-kontakt a, #kontakt #nav{
background: #868686;
}

#nav a:hover, #makare #n-makare a, #musiker #n-musiker a, #kontakt #n-kontakt a{
border-bottom-width: 0;
}


#nav a, #nav2-cont a, #nav a:visited, #nav2-cont a:visited{
white-space: nowrap;
color: #000;
font-family: Georgia, serif;
font-weight: bold;
font-style: italic;
text-decoration: none;

}

#nav a:hover, #nav a:active,
#nav2-cont a:hover, #nav2-cont a:active, #nav2-cont li.active a{
text-decoration: underline;
}


/*UNDERMENY*/

#nav2-cont{
clear: right;
border-width: 0 0 1px 0;
padding: .5em;
}
/*switchas beroende på sida*/
#makare #nav2-cont{
background: #87b159;
text-align: left;
}
#musiker #nav2-cont{
background: #b1a059;
text-align: center;
}
#kontakt #nav2-cont{
background: #868686;
}

#nav2{
list-style: none;
padding: 0;
margin: 0;
font-weight: bold;
}

#nav2 li{
display: inline;
margin: 0;
border-right: 1px solid #fff;
padding: 0 1em;
}

/*MEJLFORMULÄR*/
#kontaktform {
margin: 0 auto;
padding: 1em;
border: 1px solid #000;
}

#kontaktform ul{
list-style: none;
padding: 0;
}

#kontaktform li{
margin: 1em;
position: relative;

}
#kontaktform label{
width: 6em;
display: block;
float: left;
margin-top: .4em;
}

#kontaktform label.long{
width: auto;
}

#kontaktform input, #kontaktform select{

}

#kontaktform input, #kontaktform textarea, #kontaktform select{
background: #fff;
border: 1px solid #666;
padding: .2em;
color: #333;
}

#kontaktform input:focus, #kontaktform textarea:focus, #kontaktform select:focus{
border: 1px solid #000;
}

#kontaktform textarea{
width: 95%;
}

#kontaktform button, #kontaktform select{
font-family: Verdana, sans-serif;
}