/* Container - centrerar sidan
--------------------------------------------------------------------------------------- */
#container {
	width: 952px;
	margin: 0 auto;
	text-align: left; /* Återställ till vänsterjusterad text */
	background-color: #ffffff;
	padding: 1px 0 0 0;
}

/* Topbanner
--------------------------------------------------------------------------------------- */
#topbanner {
	width: 748px;
	height: 90px;
	margin: 10px auto;
}

/* Header
--------------------------------------------------------------------------------------- */
#header {
	width: 952px;
	margin: 10px auto 0px auto;
}

    #headerTopCorner {
        height: 10px;
        width: 952px;
        background: transparent url(../../images/topcornerbg.gif) no-repeat left top;
        margin: 0;
        overflow: hidden; /* Fix IE6 */
    }
    
    #headerContent, #headerContent_no {
        padding: 0 0 7px 0;
        background: #fff url(../../images/pagehead_bg.gif) repeat-x left top;
    }
         
       #headerContent h1 {
            float: left;
            display: inline; /* Fix IE6 */
            height: 127px;
            width: 487px;
            background: transparent url(../../images/logotype.gif) no-repeat 10px top;            
            font: bold 40px/110px 'Trebuchet MS', Arial, Sans-Serif;
            color: #0061b1;
            text-indent: -2000px;
            margin: 0;
        } 
       #headerContent_no h1 {
            float: left;
            display: inline; /* Fix IE6 */
            height: 128px;
            width: 743px;
            background: transparent url(../../images/logotype_no.gif) no-repeat 10px top;            
            font: bold 40px/110px 'Trebuchet MS', Arial, Sans-Serif;
            color: #0061b1;
            text-indent: -2000px;
            margin: 0;
        } 
        #headerContent #vissteDuAtt {
            float: left;
            width: 219px;
            height: 123px;
            margin: 0 15px 0 10px;
            padding: 3px 0 0 10px;
            border-left: dashed 1px #d3deec;
            display: inline; /* Fix IE6 */
        }
        
        #headerContent #vissteDuAtt p {
            float: left;
            width: 120px;
            padding: 3px 0 0 0;
            font: normal 13px/1.3 'Trebuchet MS', Arial, Sans-Serif;
            color: #555;
            margin: 0;
            display: inline; /* Fix IE6 */
        }
        
        #headerContent #vissteDuAtt img {
            float: left;
            padding: 3px 0 0 0;
            display: inline; /* Fix IE6 */

        }
        
        #loginRuta {
            float: left;
            display: inline; /* Fix IE6 */
            height: 127px;
            width: 199px;
            margin: 0;
            padding: 3px 0 0 10px;
            background: transparent url(../../images/login_bg.gif) repeat-y left top;
            font: normal 12px 'Trebuchet MS', Arial, Sans-Serif;
        }
        
        #loginRuta {
			position: relative;
        }
                
		#headerContent h4,
		#headerContent_no h4 {
			font: normal 18px 'Trebuchet MS', Arial, Sans-Serif;
            color: #0061b1;
            margin: 0 0 -2px 0;
            padding: 0px;
		}
		
		#loginHelp {
			margin: 0 0 0 0;
			padding: 0 0 0 0;
			right: 17px;
			position: absolute;
			top: 7px;
		}
		
		    #loginHelp #questionmark {
		        cursor: pointer;
		    }
		    
		    #loginHelp div.pwdhelp {
		        display: none;
		        width: 220px;
		        height: 70px;
		        background: #0061b1 url(../../images/btnClose.gif) no-repeat 220px 5px;
		        color: #fff;
		        padding: 10px;
		        position: absolute;
		        top: 10px;
		        right: 12px;
		        cursor: pointer;
		    }
		    
		    #loginHelp div.pwdhelp strong {
		        display: block;
		        margin: 0 0 5px 0;
		        color: #FCE800;
		    }
		    
		    #loginHelp a {
		        color: #FCE800;
		    }
		
		#inloggadText {
			padding: 7px 11px 0 0;
			color: #0061b1;
			font: normal 11px Verdana, Arial, Sans-Serif;
			
		}
		
		#logoutikon {
			text-align: center;
			width: 50px;
			color: #0061b1;
			position: absolute;
			top: 75px;
			right: 40px;	
		}
		
		#helpikon {
			text-align: center;
			width: 50px;
			color: #0061b1;
			position: absolute;
			top: 74px;
			left: 20px;	
		}
		
		/* Ta bort understrykning av ikonerna i pagehead */
		#helpikon:hover, #logoutikon:hover {
			text-decoration: none;
		}
		
		#helpikon:hover span, #logoutikon:hover span{
			text-decoration: underline;
		}

        
        /* Inloggningsrutan
        --------------------------------------------------------------------------------------- */
        #frmLoginHead {
	        text-align: left;
	        padding: 0px;
	        margin: 0 auto;
        }

            #frmLoginHead label {
	            display: block;
	            font: bold 10px/1.6 Verdana, Arial, Sans-Serif;
	            color: #005da8;
	            margin-bottom: -2px;
	            margin-top: -2px;
            }

            #frmLoginHead input.checkbox {
	            float: left;
	            margin: 0px;

            }

            #frmLoginHead input.text {
	            width: 177px;
	            height: 20px;
	            margin-bottom: 2px;
	            border: solid 1px #2984ce;
	            font: normal 11px/1.6 Verdana, Arial, Sans-Serif;
	            padding: 0 2px 0 2px;
            }

            #frmLoginHead input.cmdLogin {
	            float: right;

            }

            #text {
	            text-align: left;
	            padding: 5px 15px;
	            font: normal 13px/1.6 'Trebuchet MS', Arial, Sans-Serif
            }

	            #text h2 {
		            font-size: 24px;
		            color: #0061b1;
		            font-weight: bold;
		            margin: 0
	            }
            	
	            #text h3 {
		            font-size: 18px;
		            color: #777;
		            font-style: italic
	            }
            	
	            #text p {
		            margin: 10px 0 0 0;
	            }

            #login {
                float: left;
                margin: 0 0 0 0px;
                display: inline;
                width: 180px
            }

/* Side_left
--------------------------------------------------------------------------------------- */
#side_left {
	width: 210px;
	float: left;
	margin: 0 7px 0 0;
	display: inline; /* IE6 Fix */
}

	/* Side_banners
	----------------------------------------------------------------------------------- */
	#side_banners {
		margin-top: 10px;
		padding: 0 0 0 101px;
	}
		
	#side_banners li {
		display: inline;
	}
		
	#side_banners a {
		display: block;
		width: 200px;
		height: 100px;
		background-color: #aaa;
		text-decoration: none;
		margin: 0 0 10px 0
	}
	

/* Middle
--------------------------------------------------------------------------------------- */
#middle {
	width: 725px;
	float: left;
	display: inline;
	margin: 0;
	padding: 0 0 0 0;
}

	/* Content
	----------------------------------------------------------------------------------- */
	#content {
		background-color: #FFF;
	}


/* Helpbox
------------------------------------------------------------------------------------------ */
.helpBox {
	background-color: #fafafa;
	border: 1px solid #ccc;
	padding: 10px;
	margin: 0 0 10px 0;
}

	.helpBox h3 {
		font: normal 13px 'Trebuchet MS', Arial, Sans-Serif;
	}

	.helpBox p.link {
		text-align: right;
		margin: 5px 0 0 0;
	}
	.helpBox p.helpBoxParagraph
	{
		margin: 0 0 10px 0;
	}
	
	.helpBox ul {
		list-style-type: disc;
		margin: 10px 0 0 14px;
	}
	
	.helpBox em {
		color: #0061b1;
		font-weight: normal;
		font-style: italic;
	}

	
/* Expologgor
------------------------------------------------------------------------------------ */
#expologgor 
{
    border: 1px solid #ddd;
    background-color: #fff;
    text-align: center;
    padding: 5px 0;
    margin: 20px 0 0 0;
    font-size: 10px;
    
}

/* Sidfot
--------------------------------------------------------------------------------------- */
#pagefoot 
{
	height: 25px;
	padding: 0 10px 9px 10px;
	margin: 5px 0 0 0;
}

#pagefootLeft
{
	width: 5px;
	background: transparent url(../../images/pagefootLeft.gif) no-repeat top;
	height: 25px;
	float: left;
}
#pagefootMiddle
{
	width: 922px;
	background: transparent url(../../images/pagefootMiddle.gif) repeat-x top;
	height: 19px;
	float: left;
	font: normal 10px Verdana, Arial, Sans-Serif;
	color: #444444;
	padding: 6px 0 0 0px;
	text-align: center;
	
}
#pagefootRight
{
	width: 5px;
	background: transparent url(../../images/pagefootRight.gif) no-repeat top;
	height: 25px;
	float: left;
}