/* CSS Document */

body {
	background-color: #A1A1A1;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../grafik/bakgrunder/fetgra.jpg);
	background-repeat: repeat;
	background-position: center top;
}

p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
h1 {
	font-family: Garamond;
	font-size: 36px;
}
h2 {
	font-family: Garamond,Verdana, Arial, Helvetica, sans-serif;
	font-size: 25px;
}
#meny{margin: 0; padding: 0; font: Verdana, Helvetica, sans-serif;}
#meny li{display: inline; list-style-type: none;}
#meny a{padding: 0.25em 1.0em; text-decoration: none;}
#meny a:link{color: #331C22; background: #7D7D7D;}
#meny a:visited{color: #331C22; background: #7D7D7D;}
#meny a:hover{background: #DDDDDD; color: #000000;}

#meny a#indx{background: #B3CA96; color: #1F331C;}
#meny a#gall{background: #d6c96d; color: #1F331C;}
#meny a#natv{background: #cccccc; color: #1F331C;}
#meny a#natvgre{background: #B3CA96; color: #1F331C;}
#meny a#natvlil{background: #B998C7; color: #1F331C;}
#meny a#natvred{background: #C28283; color: #1F331C;}
#meny a#coach{
	color: #1F331C;
	background-color: #85C8FF;
}
#meny a#aktuell{background: #c2af91; color: #1F331C;}
#meny a#konta{background: #c5aefe; color: #1F331C;}
#meny a#bout{background: #df98bc; color: #1F331C;}
#meny a#foreb{background: #5dc3cf; color: #1F331C;}
#meny a#bytik{background: #eea198; color: #1F331C;}

.style1 {
	font-family: Garamond;
	font-size: 36px;
}
.style2 {font-size: 10px}
.style3 {font-size: 18px}
.style4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: lighter;
}
.style5 {font-size: 14px; line-height: 1.4em;}
.style6 {font-size: 11px}
.style7 {font-size: 15px}
.style8 {font-size: 14px; line-height: 1.1em;}
.style9 {
font-size: 12px;
padding-left: 25px;
}


#bildmarginal img {margin: 0px 25px 0px 0px}
#omvmarginal img {margin: 0px 0px 0px 25px}
#smallbutt {font-size: 9px}
#redsmallbutt {
	font-size: 9px;
	color: #FF0000;
}
#middlebutt {font-size: 11px}
#redmiddlebutt {
	font-size: 11px;
	color: #FF0000;
}

.wrapper {
	width: 100%;
}

.hufvud {
	height: 133px;
	width: 803px;	
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
}
#indexlogo {background-image: url(../grafik/loggor/logga_index.jpg);}
#butiklogo {background-image: url(../grafik/loggor/logga_butik.jpg);}
#aboutlogo {background-image: url(../grafik/loggor/logga_about.jpg);}
#gallerilogo {background-image: url(../grafik/loggor/logga_galleri.jpg);}
#natverklogo {background-image: url(../grafik/loggor/logga_nat.jpg);}
#kontaktlogo {background-image: url(../grafik/loggor/logga_kontakt.jpg);}
#forebildlogo {background-image: url(../grafik/loggor/logga_forebild.jpg);}
#aktuelltlogo {background-image: url(../grafik/loggor/logga_aktuellt.jpg);}
#coachlogo {background-image: url(../grafik/loggor/logga_coach.jpg);}
#blacklogo {background-image: url(../grafik/loggor/logga_priv.jpg);}

.flikruta {
	height: 15px;
	width: 799px;
	font-weight: bold;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #666666;
	padding-top: 3px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #333333;
	border-left-color: #333333;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-image: url(../grafik/vikinglinjen_ext.jpg);
	background-repeat: no-repeat;
}

.kropp  {
	width: 719px;
	text-align: left;
	border: 2px solid #393939;
	background-position: left top;
	background-repeat: repeat-y;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-left: 40px;
	padding-right: 40px;
	padding-bottom: 20px;
}
#indexbak {background-image: url(../grafik/bakgrunder/bakg_index.jpg);}
#galleribak {background-image: url(../grafik/bakgrunder/bakg_galleri.jpg);}
#natverkbak {background-image: url(../grafik/bakgrunder/bakg_natverk.jpg);}
#natverkbakgre {background-image: url(../grafik/bakgrunder/bakg_vanner.jpg);}
#natverkbaklil {background-image: url(../grafik/bakgrunder/bakg_kamp.jpg);}
#natverkbakred {background-image: url(../grafik/bakgrunder/bakg_support.jpg);}
#coachbak {background-image: url(../grafik/bakgrunder/bakg_coaching.jpg);}
#aktuelltbak {background-image: url(../grafik/bakgrunder/bakg_aktuellt.jpg);}
#kontaktbak  {background-image: url(../grafik/bakgrunder/bakg_kontakt.jpg); position:relative;}
#aboutbak  {background-image: url(../grafik/bakgrunder/bakg_about.jpg);}
#forebildbak  {background-image: url(../grafik/bakgrunder/bakg_forebilder.jpg);}
#butikbak  {background-image: url(../grafik/bakgrunder/bakg_butik.jpg);}
#blackbak  {background-image: url(../grafik/bakgrunder/bakg_priv.jpg);}

.vlinje  {
	width: 799px;
	height: 20px;
	margin-right: auto;
	margin-left: auto;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #393939;
	border-bottom-color: #393939;
	border-left-color: #393939;
	background-color: #666666;
	background-image: url(../grafik/vikinglinjen_ext.jpg);
}
.avslut  {
	width: 719px;
	height: 15px;
	margin-right: auto;
	margin-left: auto;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #393939;
	border-bottom-color: #393939;
	border-left-color: #393939;
	padding-top: 15px;
	padding-right: 40px;
	padding-bottom: 15px;
	padding-left: 40px;
	text-align: center;
}
#gallerislut {background-image: url(../grafik/bottoms/smalbak_galleri.jpg);}
#natverkslut {background-image: url(../grafik/bottoms/smalbak_nat.jpg);}
#coachslut {background-image: url(../grafik/bottoms/smalbak_coach_2.jpg);}
#indexslut {background-image: url(../grafik/bottoms/smalbak_index.jpg);}
#aktuelltslut {background-image: url(../grafik/bottoms/smalbak_aktuellt.jpg);}
#kontaktslut {background-image: url(../grafik/bottoms/smalbak_kontakt.jpg);}
#aboutslut {background-image: url(../grafik/bottoms/smalbak_about.jpg);}
#forebildslut {background-image: url(../grafik/bottoms/smalbak_forebild.jpg);}
#butikslut {background-image: url(../grafik/bottoms/smalbak_butik.jpg);}
#blackslut {background-image: url(../grafik/bottoms/smalbak_priv.jpg);}

/*  ----- kontakt -----   */

#relpos {position:relative;}
.textcontainer  {
	width: 719px;
	position: relative;
	left: auto;
	top: 0px;
	right: auto;
	height: 425px;
}
.hogertext {
	width: 300px;
	padding-top: 8px;
	padding-left: 8px;
	float: right;
}
.vanstertext {
	width: 351px;
	padding-top: 8px;
	padding-left: 8px;
	float: left;
}

.kattcontainer {
	width: 389px;
	height: 316px;
	background-image: url(../bilder/galleri/gizmo.png);
	background-repeat: no-repeat;
}