/*#############################################################


� 2007

Author: Igor Jovic

URL: http://spinz.se


#############################################################*/


/* default elements */



*{margin:0px;padding:0px}


h1 
{
font-family:arial, verdana, helvetica, sans-serif;
font-size:1.9em; 
font-weight: bold;
color:#333333;
line-height:1.6em
}

h2
{
font-family:arial, verdana, helvetica, sans-serif;
font-size:1.4em; 
font-weight: bold;
color:#333333;
line-height:1.6em
}
	
p
{
font-family:Verdana, Arial, helvetica, sans-serif;
font-size:0.8em; 
font-weight: normal;
color:#333333;
line-height:1.6em
padding-left:5px;
}

a
{
color:#333333;
text-decoration:underline;
}


a:link
{
text-decoration:underline;
color: #e67e1f;
}


a:visited
{
text-decoration:underline;
}


a:hover
{
text-decoration:bold;
 }



/* Layout */

body

{
background: #550006;
font-family: Arial, Verdana,'Lucida Grande', Helvetica, sans-serif;
text-align: center;
color: #333333;
}



#wrapper 

{
background-color:#fff;
margin-top: 20px;
margin-right: auto;
margin-bottom:0px;
margin-left: auto;
width:902px;
border:10px solid #ffffff;
}



#header

{
background: transparent url("../images/Algomas_header_901_def.jpg") no-repeat;
width:902px;
height:203px;
padding-top: 0px;
margin-left:0px;
margin-right:0px;
margin-top: 0px;
margin-bottom: 0px;
}

#header h1 

{
float:left;
font-size:2.9em;
padding-top:60px;
padding-left:37px;
font-family:Arial,verdana, sans-serif;
color:#37210c;
font-weight:bolder;
letter-spacing:-1px;
}

.orange	  /* Ordet Day i huvudet */
{color:#e67e1f;}



#header .logo

{
float:left;
padding-top:64px;
padding-left:46px;
border: none;
}


#navhorisontell
{
float:left;
list-style:none;
margin-bottom:0px;
margin-top:0px;
margin-left:0px;
width:902px;
background-color: #666666;

}

#navhorisontell ul

{
list-style:none;
margin-bottom:0px;
margin-top:0px;
margin-left:0px;
}


#navhorisontell li

{
text-align:left;
float:left;
padding-left:0px;
padding-top:0px;
padding-bottom:0px;
}

#navhorisontell ul li a

{
display:block;
border-right:1px solid #fff;
line-height:2.5em;
margin-right:0px;
padding:8px 14px 8px 14px;
color: #ecf9ff;
font-weight:normal;
font-size: 0.8em;
text-decoration: none;
}

#navhorisontell  li a:hover
{
color: #ecf9ff;
background-color:#e67e1f;

}

#navhorisontell ul li .selected
{
color: #ecf9ff;
background-color:#e67e1f;
}



#nav
{
float:left;
list-style:none;
margin-top:15px;
margin-left:0px;
height:100%;

}

#nav ul

{
list-style:none;
margin-bottom:20px;
margin-top:20px;
margin-left:0px;
}


#nav li

{
text-align:left;
padding-left:0px;
padding-top:0px;
padding-bottom:0px;
border-bottom:1px solid #eaeada;
}


#nav ul li a

{

background-repeat:no-repeat;
background-position:left center;
display:block;
background-color:#ffffff;
line-height:1.7em;
margin-right:0px;
padding-top:6px;
padding-bottom:6px;
padding-left:22px;
color: #666666;
font-weight:normal;
font-size: 0.8em;
text-decoration: none;
width:165px;
}

#nav  li a:hover
{
color: #37210c;
background-color:#f7f7f2;

}

#nav .selected
{
color: #37210c;
background-color:#f7f7f2;

}


#content

{
float:right;
background-color:#ffffff;
width:710px;
margin-top:20px;
margin:auto;
padding:0px;
margin-bottom:30px;
margin-right:0px;

}


#col1

{
float:left;
width:480px;
margin-right:0px;
margin-top:23px;
background-color:inherit;
text-align:left;
font-size:0.9em;
padding:5px;

}






#col2

{
float:right;
background-color:#ffffff;
width:212px;
margin-top:20px;
padding:8px 0 8px 8px;
text-align:left;
font-size:0.9em;
}


#col2 p

 { 
font: bold 0.9em Arial, Verdana, Helvetica, sans-serif;
font-size:0.8em;
color: #000000;
padding:10px;
text-align:left;
}

#col2 .imagecol2

{
padding-left:0px;
padding-top:0px;
border:none;
}


#footer 

{
width:902px;
height: 30px;
clear:both;
margin-top: 0px;
background-color:#ccc;
color:#666666;;
margin-left:auto;
margin-right:auto;
margin-bottom: 0px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}

#footer p 

{
font-size:0.7em;
font-family:verdana;
font-weight:normal;
color:#555555;
text-align:center;
}

/* Gians Styles */

h4 {
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
color:#FFF;
text-decoration:none;
background-color:#e67e1f;
padding:5px;
margin-bottom: 5px;
}

/* FORMS */
form {margin: 0 0 1.5em}
input, textarea {font-family: arial,tahoma,verdana,sans-serif;margin: 2px 0; border: 1px solid #999}
fieldset {border: none}
label {display:block;padding: 5px 0}
label br {clear:left}

        /* FORMS - general classes */
        input.f-submit {padding: 1px 3px;background:#666;color:#fff;font-weight:bold;font-size:96%}

        /* FORMS - f-wrap-1 - simple form, headings on left, form elements on right */
        form.f-wrap-1 {width:100%;padding: .5em 0;background: #f6f6f6; border-top: 1px solid #d7d7d7;position:relative}
                form.f-wrap-1 fieldset {width:auto;margin: 0 1em}
                form.f-wrap-1 h3 {margin:0 0 .6em;font: bold 155% arial;color:#FF6600}
                form.f-wrap-1 label {clear:left;float:left;width:100%;border-top: 1px solid #fff}

                /* hide from IE mac \*/
                form.f-wrap-1 label {float:none}
                /* end hiding from IE5 mac */

                form.f-wrap-1 label input, form.f-wrap-1 label textarea, form.f-wrap-1 label select {width:15em;float:left;margin-left:10px}

                form.f-wrap-1 label b {float:left;width:8em;line-height: 1.7;display:block;position:relative}
                form.f-wrap-1 label b .req {color:#FF6600;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1;left:-.4em;width:.3em;height:.3em}
                form.f-wrap-1 div.req {color:#666;font-size:96%;font-weight:normal;position:absolute;top:.4em;right:.4em;left:auto;width:13em;text-align:right}
                form.f-wrap-1 div.req b {color:#FF6600;font-size:140%}
                form.f-wrap-1 label select {width: 15.5em}
                form.f-wrap-1 label textarea.f-comments {width: 20em}
                form.f-wrap-1 div.f-submit-wrap {padding: 5px 0 5px 8em}
                form.f-wrap-1 input.f-submit {margin: 0 0 0 10px}

                form.f-wrap-1 fieldset.f-checkbox-wrap, form.f-wrap-1 fieldset.f-radio-wrap {float:left;width:32em;border:none;margin:0;padding-bottom:.7em}
                form.f-wrap-1 fieldset.f-checkbox-wrap b, form.f-wrap-1 fieldset.f-radio-wrap b {float:left;width:8em;line-height: 1.7;display:block;position:relative;padding-top:.3em}
                form.f-wrap-1 fieldset.f-checkbox-wrap fieldset, form.f-wrap-1 fieldset.f-radio-wrap fieldset {float:left;width:13em;margin: 3px 0 0 10px}
                form.f-wrap-1 fieldset.f-checkbox-wrap label, form.f-wrap-1 fieldset.f-radio-wrap label {float:left;width:13em;border:none;margin:0;padding:2px 0;margin-right:-3px}
                form.f-wrap-1 label input.f-checkbox, form.f-wrap-1 label input.f-radio {width:auto;float:none;margin:0;padding:0}

                form.f-wrap-1 label span.errormsg {position:absolute;top:0;right:-10em;left:auto;display:block;width:16em;background: transparent url(../images/errormsg_bg.gif) no-repeat 0 0}
                form.f-wrap-1 label span.errormsg b {padding: 10px 0;margin: 0 10px 0 30px;color:#B30800;font-weight:bold;display:block;width:auto;float:none;line-height:1.3}