﻿ 
 /**********************************************************
						ALLMÄNNA
**********************************************************/
 
    body{
       margin: 0px auto;
       padding-top: 10px;
       background-color: #363636;
       background-image: url('../images/bg.jpg');
       font: 11px trebuchet ms;
       text-align: center;
       
    }
    
    
    #MainContainer{
       margin: 0px auto;
       padding: 0px;
       font: 11px trebuchet ms;
       width: 1000px;
       height: 600px;
       background-image: url('../images/bg_about.jpg');
       text-align: left;
       background-repeat: no-repeat;      
       text-align: center;
    }
    
    #TextContainer{
       margin: 0px;
       padding: 0px;
       font: 11px trebuchet ms;
       width: 440px;
       height: 200px;
       text-align: left;
       float: left;              
    }
    
	#TextContainerRight{
       margin-top: 90px;
       margin-right: 100px !important;	/* CSS HACK */
       margin-right: 50px; 
       padding: 0px;
       font: 11px trebuchet ms;
       color: #464646;
       width: 430px;
       height: 140px;
       text-align: left;
       float: right;   
    }
    
    
    #ClearBoth {
    clear: both;
    }
    
    #MenuContainer{
    margin-left: 40px;
    padding-top: 20px;
    width: 255px;
    height: 298px;
    text-align: center;
    
   
    }
    
    #BottomContainer
    {
	width: 1000px;
	margin: auto;
	text-align: right;
	font: 11px trebuchet ms;
	color: White;

    }
    
    .Menu
    {
    margin-top: 20px;
    
    }    
    
    
     
 /**********************************************************
						ORDER/MER INFORMATION
**********************************************************/
    
    
    #TextContainerOrder{
       margin-left: 280px !important; /* CSS Hack */
       margin-left: 140px;
       margin-top: 0px;
       padding: 0px;
       font: 11px trebuchet ms;
       width: 420px;
       height: 220px;
       text-align: left;
       float: left;     
    }
        #FormContainerCheck{
       margin-left: 280px !important; /* CSS Hack */
       margin-left: 140px;
       margin-top: 30px;
       padding: 0px;
       font: 11px trebuchet ms;
       width: 220px;
       height: 200px;
       text-align: left;
       float:left;     
    }
    
    
    
    #FormContainerField{
       margin-left: 0px !important; /* CSS Hack */
       margin-top: 30px;
       padding: 0px;
       font: 11px trebuchet ms;
       width: 320px;
       height: 200px;
       text-align: left;
       float: left;     
    }
    
    
    .field 
	{
	
	font: 11px trebuchet ms;
	margin-bottom: 5px;
	
	}


	.sendbutton
	{
	background-color: #97c000;
	font: 11px trebuchet ms;
	color: White;
	font-weight: bold;
	border: 0px; 	
	}
    
     
 /**********************************************************
						KONTAKT
**********************************************************/
    
    
    
    #TextContainerContactLeft{
       margin-left: 280px !important;	/* CSS Hack */
       margin-left: 150px;
       margin-top: 0px;
       padding: 0px;
       font: 11px trebuchet ms;
       width: 320px;
       height: 220px;
       text-align: left;
       float: left;

       
       
    }
    
    
    #TextContainerContact{
       margin-right: 150px !important;	/* CSS Hack */
       margin-right: 100px;
       margin-top: 0px;
       padding: 0px;
       font: 11px trebuchet ms;
       width: 220px;
       height: 220px;
       text-align: left;
       float: right;

       
       
    }
    
     
 /**********************************************************
						PRODUKTER
**********************************************************/
    

    
    
    #TextContainerProducts{
       margin-left: 280px !important;	/* CSS Hack - ignoreras av IE6 */ 
       margin-left: 140px;				/* Används av IE6 */
       margin-top: 200px;
       padding: 0px;
       font: 11px trebuchet ms;
       width: 320px;
       height: 200px;
       text-align: left;
       float: left;
    }
    
    
    #TextContainerProductsRight{
		margin-right: 70px !important;	/* CSS Hack - ignoreras av IE6 */ 
		margin-right: 35px;
		margin-top: 200px;
		padding: 0px;
		font: 11px trebuchet ms;
		width: 320px;
		height: 200px;
		text-align: left;
		float:right;  
    }
    /**/
    
    
 /**********************************************************
						TEXTER
**********************************************************/
    
    h1 {
    font: 20px trebuchet ms;
    color: #959595;
    margin-left: 55px;
    margin-top: 45px;
    }
    
    .brodtext_gra {
    font: 13px trebuchet ms;
    color: #636363;
    margin-left: 55px;

    }
    
    .brodtext_gra_11 {
    font: 11px trebuchet ms;
    color: #555555;
    margin-left: 55px;

    }
    
    .brodtext_gra_kontakt {
    font: 11px trebuchet ms;
    color: #555555;
    margin-left: 55px;
    margin-top: 45px;

    }
    
    a
    {
	font: 11px trebuchet ms;
	color: #555555;
	text-decoration: underline;	
    }
    
 