@charset "utf-8";
/* CSS Document */

BODY
{
	background : url(../img/layout/main_background.gif); 
	background-repeat: repeat-x;
	background-color: #cfcfcf;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
}


/*TEXTSTILAR, ÖDTEX, RUBRIKER ETC.*/

H1{font-family:"Trebuchet MS";font-size : 19px;font-weight:bold;color : #22529C; margin-top:0px;}
H2{font-family:"Trebuchet MS";font-size : 13px;font-weight:bold;color : #22529C; margin-top:0px; margin-bottom:5px;}
H3{font-family:verdana, "trebuchet ms",georgia;font-size : 14px;color : #22529C;font-weight:bold;margin-bottom:10px;}





#pageholder	
{
width:812px;
background-color:#FFFFFF;
margin-left:auto;
margin-right:auto;
margin-top:20px;
padding:7px;

}

#bottomholder
{
width:800px;
background:url(../img/layout/bg_bottom.gif);
background-repeat:repeat-x;
background-color:#9e0001;
margin-left:auto;
margin-right:auto;
margin-top:0px;
padding:0px;
text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	color:#e6e6e6;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 1px;

}

#greyhr
{
width:800px;
height:5px;
background-color:#5f5f5f;
margin-left:auto;
margin-right:auto;
margin-top:2px;
margin-bottom:2px;
padding:0px;
}


#header
{
background-color:#FFFFFF;
background-repeat:repeat-x;
width:800px;
height:132;
margin-top:5px;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
padding:0px;
text-align:left;
}

#topimage
{
background-color:#FFFFFF;
width:440px;
height:132px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
padding:0px;
text-align:left;
float:left;
}

#logo
{
background-color:#FFFFFF;
width:350px;
height:132px;
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
padding:0px;
text-align:left;
float:right;
}

.hr
{
border: 0;
width: 800px;
color: #666666;
background-color: #666666;
height: 4px;
margin:0px;
margin-left:auto;
margin-right:auto;
text-align:center
padding:0px;
}


#menu
{
background:url(../img/latout/bg_cont.gif);
background-repeat:repeat-x;
width:800px;
height:auto;
margin-top:0px;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
padding:0px;
text-align:left;
}

#grad1
{
background:url(../img/layout/gradient_1.gif);
background-repeat:repeat-x;
width:800px;
height:22px;
margin-top:2px;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
padding:0px;
}

#grad2
{
background:url(../img/layout/gradient_2.gif);
background-repeat:repeat-x;
width:800px;
height:22px;
margin-top:0px;
margin-left:auto;
margin-right:auto;
margin-bottom:0px;
padding:0px;
}

#main
{
width:780px;
height:auto;
margin-top:0px;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
padding:0px;
padding-top:1px;
padding-left:10px;
padding-right:10px;
text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	letter-spacing: 1px;
}


/* NAVIGATION */

.stdholder	{

width:auto;
height:auto;
margin-top:0px;
margin-left:0px;
margin-right:0px;
margin-bottom:20px;
padding:10px;
background:#F4F4F4;
border:1px solid #D0D0D0;
}


#cformholder	{

width:auto;
height:auto;
margin-top:0px;
margin-left:0px;
margin-right:0px;
padding:10px;
background:#F4F4F4;
border:1px solid #D0D0D0;
}


#cformmessage	{

width:auto;
height:auto;
margin-top:0px;
margin-left:0px;
margin-right:0px;
padding:10px;
background:#457529;
border:0px solid #D0D0D0;
text-align:left;
font-family:verdana, trebuchet ms,georgia;
font-size : 10px;
color : #FFFFFF;
}
#cformerror	{

width: auto;
height:auto;
margin-top:0px;
margin-left:0px;
margin-right:0px;
padding:10px;
background:#940000;
border:0px solid #D0D0D0;
text-align:left;
font-family:verdana, trebuchet ms,georgia;
font-size : 10px;
color : #FFFFFF;
}

a:link
{
font-family: Verdana, Arial, Helvetica, San-serif;
color: #4B6526;
font-size: 10px;
font-weight: bold;
text-decoration: none;
}
a:active
{
font-family: Verdana, Arial, Helvetica, San-serif;
color: #4B6526;
font-size: 10px;
font-weight: bold;
text-decoration: none;
}
a:visited
{
font-family: Verdana, Arial, Helvetica, San-serif;
color: #4B6526;
font-size: 10px;
font-weight: bold;
text-decoration: none;
}
a:hover
{
font-family: Verdana, Arial, Helvetica, San-serif;
color: #D9E0D0;
font-size: 10px;
font-weight: bold;
text-decoration: none;
}





INPUT, select
{
    COLOR: #333333;  
    FONT-SIZE: 10px;
    FONT-FAMILY: verdana, trebuchet ms;
    BORDER-BOTTOM: #B2B2B2 1px solid;
    BORDER-LEFT: #B2B2B2 1px solid;
    BORDER-RIGHT: #B2B2B2 1px solid;
    BORDER-TOP: #B2B2B2 1px solid;
	width:180px;
	padding:4px;
}

textarea
{
    COLOR: #333333;  
    FONT-SIZE: 10px;
    FONT-FAMILY: verdana, trebuchet ms;
    BORDER-BOTTOM: #B2B2B2 1px solid;
    BORDER-LEFT: #B2B2B2 1px solid;
    BORDER-RIGHT: #B2B2B2 1px solid;
    BORDER-TOP: #B2B2B2 1px solid;
	width:350px;
	height:135px;
	padding:4px;
}

.formularknapp
{
    COLOR: #D0D0D0;
	background:#3D3D3D;
    FONT-SIZE: 10px;
    FONT-FAMILY: verdana, trebuchet ms;
    BORDER-BOTTOM: #B2B2B2 1px solid;
    BORDER-LEFT: #B2B2B2 1px solid;
    BORDER-RIGHT: #B2B2B2 1px solid;
    BORDER-TOP: #B2B2B2 1px solid;
	padding:4px;

}

INPUT.2
{
    COLOR: #CDD6DF;  
    FONT-SIZE: 11px;
    FONT-FAMILY: Georgia, Arial, verdana,helvetica;
    BORDER-BOTTOM: #CDD6DF 0px solid;
    BORDER-LEFT: #CDD6DF 0px solid;
    BORDER-RIGHT: #CDD6DF 0px solid;
    BORDER-TOP: #CDD6DF 0px solid;
	padding:4px;
}





#nav
{
	background:url(../img/layout/nav_bg.gif);
	background-color:#009900;
	width:800px;
	height:50px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	padding:0px;
}

#nav2
{
	text-align:right;
	width:200px;
	height:60px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	padding:0px;
	float:right;
	
}

#nav ul
{
	margin: 0 auto;
	margin-left: 0px;
	padding: 0px;
	list-style-type: none;
	width: 800px;
	
}


#nav li
{
	display: inline;
	margin: 0 auto;
	margin-left: 0px;
	padding: 0px;
	vertical-align:middle;
}


#nav a
{
	display: block;
	float: left;
	color: #FFFFF0;
	font-family: "trebuchet ms", verdana, arial;
	font-size: 16px;
	text-decoration: none;
	font-weight:bold;
	border-right: 2px solid #e4e4e4;
	height: 50px;
	line-height: 45px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: auto;
	padding-bottom: auto;
	vertical-align:middle;
}


#nav a:hover
{
	text-decoration: none;
	background-color: #679A01;
}



.galleri { width: 107px; height: 120px; margin: 0 20px 10px 0; float: left; }
.galleri a { color: #000; }
.galleri a:hover { color: #808080; }
.galleri img.foto { width: 83px; height: 81px; padding: 12px; background: url(bilder/ramar/fotomeny.gif) no-repeat; margin: 0;}
.galleri img.foto:hover { background: url(bilder/ramar/fotomeny_hover.gif) no-repeat; }
.galleri span { display: block; text-align: center; }

/*<!-- LOADBOX -->*/
/*<!-- Set stylsheet to make loader box invisible until Javascript calls for it -->*/
div#loadbox {
border: 0px solid #000000;
background-color:#ffffff;
width: 500px;
height: 200px;
padding: 0px;
display: none;
position:absolute;
}
/*<!-- SLUT LOADBOX -->*/