html,body 
{
	font-family: verdana, sans-serif;
	font-size:9px;		
	
	background-image:url(../images/bgRep.jpg);	
	background:url(../images/bgRep.jpg) fixed;
	background-repeat:repeat-x;
	background-position:center top;
	background-color:#007ac3;
	margin:0px; 
    padding:0px;         
    height:100%;
}



/***************************************** 
  HTML-element
/*****************************************/

a,a:link,a:active,a:visited,a:hover
{
}

p
{
    margin-bottom:10px;
}

h1,h2,h3,h4
{
	font-weight:normal;
    padding:0px;
	margin:0px;
}

h1 /* Störst */
{
}

h2 
{
    font-size:27px;
    
    }

h3
{
    font-size:20px;
}

h4 /* Minst */
{
}

/***************************************** 
  Generellta element
/*****************************************/

.Textbox
{
}

.AdminButton
{
    background-color:#000000;
}

.ImageHeading /* Alla rubrikbilder */
{
	padding-bottom:10px;
	display:block; /* inbyggd radbrytning*/
}






/*****************************************
  Layout
/*****************************************/
/*
#PageContaner
{    
    background-image:url(../images/Misc/symbol.jpg);
	background-repeat:no-repeat;	
	height:100%;
	background-position:center top;		
	width:100%;
	
    }

#MainContainer
{
	width:919px;
    text-align:center;
    height:100%;
    margin:auto;
    
    }
*/
    #Wrap 
    { 
        margin-top:0px;
        padding-top:0px;
        height:100%;
        background-color:#ffffff;  
              
    
        }
        
        
    #Wrap #Containers
    {        
        text-align:left;             
        
        height:100%;
        width:859px;        
        
        
        }
        
        #Wrap #Containers #Header
        {
            background-image:url(../images/Misc/HeaderBG.jpg);
            background-repeat:repeat-x;
            position:fixed;
            top:0px;
            
            }
            
            #Wrap #Containers #Header #Logo
            {
                float:left;
                width:150px;
                }
            
            #Wrap #Containers #Header #ContentRight
            {
                float:right;
                width:625px;   
                             
                }
            
                #Wrap #Containers #Header #ContentRight #TopCitat
                {
                    font-size:14px;
                    color:#000000;                    
                    height:100px;
                    width:400px;
                    
                    padding-left:10px;
                    padding-right:10px;
                    }
            
        #Wrap #Containers #Menu
        {
            background-image:url(../images/Menu/MenuBG.jpg);
            background-repeat:repeat-x;            
            height:45px;
            width:849px;
            
            font-size:10px;
            color:#747874;
            font-weight:bold;
            padding:5px;
            background-color:#ffffff;          
            
            z-index:10;
            
            }
            
            #Wrap #Containers #Menu li
            {
                
                float:left;
                padding-right:9px;
                padding-left:9px;
                border: solid 0px red;
                }
                
                
                #Wrap #Containers #Menu li a
                {
                    font-size:10px;
                    color:#747874;
                    font-weight:bold;
                    padding:2px;
                    text-decoration:none;
                    }
                    
                    
        #Wrap #Containers #Menu #SubMenu
        {    
            padding-top:12px;
            
            }
            #Wrap #Containers #Menu #SubMenu li
            {
                padding-left:10px;
                padding-right:0px;
                }
        
                
        #Wrap #Containers #Content-wrap #Content
        {
            background-color:#ffffff;
            width:859px;                         
            
            }
            
        #Wrap #Containers #Content-wrap #Content #HorizLine
        {
            height:2px;
            margin:auto;
            width:100%;
            text-align:center;
        }    
            

       #Wrap #Containers #Content-wrap #Content #PageContainer
       {
            width:849px;            
            padding-left:5px;
            padding-right:5px;
            
            background-color:#ffffff;
            
        }
        
        /* Offertformulär */
        #Containers #Content #PageContainer #OfferForm
        {
            
        }
        
            #Wrap #Containers #Content-wrap #Content #PageContainer #OfferForm label
            {
                display: block;
                margin-top: .3em;
            }
            
            #Wrap #Containers #Content-wrap #PageContainer #OfferForm td
            {
                padding: 5px 0;
            }
            
                #Wrap #Containers #Content-wrap #Content #PageContainer #OfferForm td label
                {
                    display: inline;
                }
        
        #Wrap #Containers #Content-wrap #Content #PageContainer #LeftColumn
        {
            width:230px;
            padding-top:5px;
            float:left;
            
            }
        
        #Wrap #Containers #Content-wrap #Content #PageContainer .TableColumnCenter
        {
            padding-top:10px;
            padding-left:15px;
            padding-right:20px;
            font-size:10px;
            }
         
            
            
        #Wrap #Containers #Content-wrap #Content #PageContainer #CenterColumn
        {
                        
            padding-top:10px;
            padding-left:15px;
            padding-right:20px;
            width:380px;

            background-color:#ffffff;
            
            
            }
             #Wrap #Containers #Content-wrap #Content #PageContainer #CenterColumn .TableColumnCenter
             {
                text-align:left;
                }
            #Wrap #Containers #Content-wrap #Content #PageContainer .TableColumnCenter #Content
            {
            
                padding:30px;
            
            }
            
            #Wrap #Containers #Content-wrap #Content #PageContainer .TableColumnCenter li
            {
                
                
                
                }
        #Wrap #Containers #Content-wrap #Content #PageContainer .TableColumnCenter a
        {
            color:#007ac3;
            font-weight:bold;
            text-decoration:none;
            margin-left:0px;
                
            }

        #Wrap #Containers #Content-wrap #Content #PageContainer #RightColumn
        {
            
            width:200px;     
                
            border-left:1px solid #cccccc;
            float:right;
            
            }  
            
            #Wrap #Containers #Content-wrap #Content #PageContainer #RightColumn #NewsList
            {         
                padding-top:10px;
                
                }
                
                #Wrap #Containers #Content-wrap #Content #PageContainer #RightColumn #NewsList #NewsScroll
                {         
                    padding: 10px; 
                    height: 250px; 
                    width: 180px; 
                    overflow: auto;
                    overflow-x:hidden; 
                    
                }
                
                #Wrap #Containers #Content-wrap #Content #PageContainer #RightColumn #NewsList li
                {
                        
                    clear:both;
                                        
                    margin-bottom:20px;
                    padding-left:10px;
                    padding-right:10px;
                    
                    font-size:9px;
                    }
                    
                    #Containers #Content #PageContainer #RightColumn #NewsList li a
                    {
                        color:#000000;
                        text-decoration:none;
                    }
                    
                    #Containers #Content #PageContainer #RightColumn #NewsList li a:hover
                    {
                        color:gray;
                        text-decoration:none;
                    }
                    
        /* Smalare center-kolumn på sök borrare */             
        #Wrap #Containers #Content-wrap #Content #PageContainer #MapCenterColumn
        {
            float:left;
            width:330px;
            height:auto !important;
            min-height:500px;
            height:500px;
            padding-top:10px;
            padding-left:15px;
            padding-right:20px;
            font-size:10px;
        }

        /* Bredare högerkolumn på sök borrare för att karta ska få plats */            
        #Wrap #Containers #Content-wrap #Content #PageContainer #MapRightColumn
        {
            width:230px;    
            float:right; 
        }       
        
        /* Popup för kartan */
        #pup {position:absolute; visibility:hidden; z-index:200; width:130; }
        
        /* Gratis informationsmaterial */
        #FreeInfoForm
        {
            font-size: 1.1em;
            margin-bottom: 2em;
        }
        
            #FreeInfoForm span.error
            {
                color: Red;
            }
            
            #FreeInfoForm span.success
            {
                color: Green;
            }
        
            #FreeInfoForm div.FreeInfoPost 
            {
                background: #eef5ed;
                padding: .3em;
                clear: both;
                margin: 1em 0;
            }
            
            #FreeInfoForm div.FreeInfoPost h3
            {
                font-weight: bold;
                margin-bottom: .5em;
            }
            
                #FreeInfoForm div.FreeInfoPost h3 a
                {
                    color: #000;
                }
        
            #FreeInfoForm div.FreeInfoPost img
            {
                float: left;
                margin-right: .5em;
            }
            
           
            #FreeInfoForm div.FreeInfoPost div.clear
            {
                clear: both;
            }
            
            #FreeInfoForm div#Submit
            {
                margin-top: 1em;
            }
        
                #FreeInfoForm div#Submit label
                {
                    display: block;
                    margin-top: .3em;
                }
                
                #FreeInfoForm div#Submit div.rbl
                {
                    margin-bottom: 1em;
                }
                
                    #FreeInfoForm div#Submit div.rbl label
                    {
                        display: inline;
                    }

        /* Annonseringsformulär */
        #AdvertiseForm
        {
            font-size: 1.1em;
            margin-bottom: 2em;
        }
        
            #AdvertiseForm span.error
            {
                color: Red;
            }
            
            #AdvertiseForm span.success
            {
                color: Green;
            }
            
            #AdvertiseForm label
            {
                display: block;
                margin-top: .3em;
            }
            
            #AdvertiseForm .rbl
            {
                margin-bottom: 1em;
            }
            
                #AdvertiseForm .rbl label
                {
                    display: inline;
                }

        /* Intresseanmälan utbildning */
        #EducationForm
        {
            font-size: 1.1em;
            margin-bottom: 2em;
        }
        
            #EducationForm span.error
            {
                color: Red;
            }
            
            #EducationForm span.success
            {
                color: Green;
            }
            
            #EducationForm label
            {
                display: block;
                margin-top: .3em;
            }
            
            #EducationForm .rbl
            {
                margin-bottom: 1em;
            }
            
                #EducationForm .rbl label
                {
                    display: inline;
                }

#Wrap #Containers #Footer
{
    background-image:url(../images/bgSidfot.jpg);
    background-repeat:no-repeat;
    width:890px;
    height:21px;
    
    text-align:center;
    font-size:10px;
    
    position:fixed;
    bottom:-1px;
    z-index:10;

    }                    
    
    

/*****************************************
CSS för header och top i fixerad position.
*****************************************/

html>body #Wrap {height:100%;} /* 100 % height */
#Wrap {
	width:850px;
	margin:0 auto;
	position:relative;
	top:0px;
	bottom:0px;
	background-color:#ffffff;
	
	
}
#Wrap #Containers #Header {
	width:859px;
	height:101px;
	position:relative;
	top:0px;	
}

html>body #Wrap #Containers #Header {	
	z-index:10; 
}/* Prevent certain problems with form controls */


html>body #Wrap #Containers #Content-wrap 
{
    height:100%;
    background-color:#ffffff;
    } /* 100 % height */

html>body #Wrap #Containers #Content-wrap #Content 
{
    position:relative;
    top:150px;
    height:100%;
    background-color:#ffffff;
    width:859px;
    } /* 6em = height of #header and #footer + 1em, 1em = give the content some breathing space */
    
#Wrap #Containers #Footer {
	width:890px;
	height:20px;
}
html>body #Wrap #Containers #Footer {
	position:fixed;
	bottom:-1px;
	z-index:10; /* Prevent certain problems with form controls */
		
}