/* Headers & text */

h1, h2
{
    font-size: 32px;
    font-weight: bold;
    margin: 8px 0 10px 0;
}

h3
{
    font-size: 22px;
    margin: 10px 0 8px 0;
}

h4
{
    font-size: 18px;
    margin: 12px 0 4px 0;
}

h5
{
    font-size: 13px;
    margin: 2px 0;
}

p
{
    margin: 10px 0;
}

/* Layout */

div#imageContainer
{
    height: 385px;
    width: 960px;
    padding: 17px;
    /*
    border: 1px solid #e8e0c9;
    background: #f3f0e2;
    */
    background: transparent url(../images/layout/imagecontainer-bg.png) top left no-repeat;
}

div.main-col
{
    width: 650px;
    padding: 0;
    margin: 20px 0 0 0;    
}
    div.main-col p
    {
        line-height: 18px;
    }
    
    div.main-col div.content-margin
    {
        margin: 0 30px;
		line-height: 18px;
    }
    
    div.main-col img.content-image
    {
        border: 1px solid #B9CBD5;
        background: #eee;
        padding: 6px;
        margin: 0 0 20px 6px;        
    }

div.sub-col
{
    width: 287px;
    margin: 20px 0 0 0;
    padding: 0 3px 0 10px;
}

/* Lists */

ul.companies-submenu
{
	border-top: 1px solid #fff;
}

ul#pushList,
ul#pushListSub,
ul.companies-submenu
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

    ul#pushList li,
    ul#pushList li a
    {
        height: 50px;
        display: block;
        background: #b9cbd5;      
        font-size: 22px;
        font-weight: bold;        
        margin: 0 0 1px 0;
    }
     
     ul#pushList li a span
     {
        padding: 0 0 4px 20px;
        position: relative;
        top: 10px;
     }
     
     ul#pushList li a.external
     {
         background: #644350;
     }
     
     ul#pushList li a:hover,
     ul#pushList li a.active
     {
         background: #8495a2;
     }              


ul#pushListSub li,
ul#pushListSub li a,
ul.companies-submenu li,
ul.companies-submenu li a
{    
    display: block;
    background: #b9cbd5;      
    font-size: 18px;
    font-weight: bold;        
    margin: 0 0 1px 0;
    height: 65px;
}

ul.companies-submenu li,
ul.companies-submenu li a
{
	background: #a2b577;
}

 ul#pushListSub li a:hover,
 ul.companies-submenu li a:hover
 {
     background: #8495a2;
 }    	
  
 ul#pushListSub li a span,
 ul.companies-submenu li a span
 {
    padding: 0 0 4px 20px;
    position: relative;
    top: 10px;
 }
 
 ul#pushListSub li a span.description,
 ul.companies-submenu li a span.description
 {
     font-size: 12px;
     font-weight: bold;
     display: block;   
 }    
 
 ul#linkList
 {
     list-style-type: none;
     margin: 10px 0 5px 10px;
     padding: 0;
 }
 
    ul#linkList li
    {
        margin: 0 0 10px 0;
        padding: 0;
    }
    
        ul#linkList li a
        {
            font-weight: bold;
        }


ul#sitemapList
{
    list-style-type: none;
    margin: 20px 10px;
    padding: 0;
}
    
    ul#sitemapList li
    {        
        margin: 0 0 10px 0;
        padding: 0;        
    }
    
    ul#sitemapList li a,
    ul#sitemapList li a:visited
    {
        padding: 6px 10px 4px 25px; 
        background: #fff url(../images/layout/text-html.png) center left no-repeat;
    }   
    
    ul#sitemapList li a.sub
    {
        background: #fff url(../images/layout/text-html-small.png) center left no-repeat;
        margin: 0 0 0 20px;
        padding: 2px 8px 2px 20px;
        font-size: 0.9em;
    }    

ul.newslist
{
    list-style-type: none;
    margin: 1px 0px;
    padding: 0;
}

    ul.newslist li
    {
        margin: 0 0 1px 0;
        background: #e4ecef;        
    }
    
        ul.newslist li a
        {
            background: #e4ecef;
            padding: 10px 5px 10px 20px;
            display: block;
            margin: 0;
            cursor: pointer;
        }
        
            ul.newslist li a:hover,
            ul.newslist li a.active
            {
                background: #e8e2e4;
            }
    
    ul.newslist li span.date,
    .news-push span.date
    {
        background: transparent url(../images/layout/date.png) center left no-repeat;
        font-size: 10px;
        display: block;
        padding: 3px 20px;
    }

h4.news-header
{
    background: #8495A2 none repeat scroll 0 0;
    padding: 10px 20px;
    margin: 10px 0 1px 0;
    font-size: 22px;
}

h4.news-header-start
{
    background-color: #B9CBD5;
    margin: 10px 0 1px 0;
    font-size: 22px;	
}

	h4.news-header-start a,
	h4.news-header-start a:visited
	{
		color: #fff;
		height: 30px;
		display: block;
		padding: 10px 20px;
	}
	
	h4.news-header-start a:hover
	{
		background: #8495a2;
	}


/* Push */

div.push,
div.project-push
{
    background: #b9cbd5;          
    padding: 0;  
    font-size: 12px;  
}

    div.push h4
    {
        padding: 10px 20px;
        font-weight: bold; 
        margin: 0;                 
    }   
    
    div.push p
    {
		padding: 0 20px 10px 20px;
		margin: 0 0 0 0;		
    }        
    

div.news-push
{
	background: #E4ECEF;          
    padding: 10px 20px;  
    font-size: 12px;
}

	div.news-push h4
	{
		font-size: 12px;
		margin: 5px 0 3px 0; 
		font-weight: bold;
	}         
	
	div.news-push p
	{
		margin: 0;
		font-size: 11px;
	}    
 
/* Projects */ 
    
    div.project-push a,
    div.project-push div.push-content
    {
        display: block;
        padding: 20px;
        font-weight: bold;
        font-size: 12px;
    }
    
    div.project-push a:hover
    {
        background: #8495a2;        
    }                  
    
    div.project-push span.project-push-title
    {
        font-size: 16px;
        display: block;
        margin: 0 0 4px 0;
        font-style: normal;        
    }

div#projectNavigation
{
    background: #fff;          
    padding: 0;    
}

    div#projectNavigation h4
    {
        margin: 0;
        padding: 8px 20px;        
        background: #8495A2;
    }
        
        div#projectNavigation h4 span
        {
            display: block;
            font-size: 12px;
            font-weight: bold;            
        }
        
    div#projectNavigation ul
    {
        background: #fff;
        margin: 0;
        padding: 0;
        list-style-type: none;
    }
    
        div#projectNavigation ul li,
        div#projectNavigation ul li.active
        {
            margin: 0 0 1px 0;           
            background: #e4ecef;
            /*font-size: 0.9em;*/
            font-weight: bold;
        }            
        
            div#projectNavigation ul li a
            {
				background: #e4ecef;
				padding: 10px 5px 10px 20px;
				display: block;
				margin: 0;
				cursor: pointer;                
            }                          
        
        div#projectNavigation ul li.active,
        div#projectNavigation ul li.active a        
        {
            background: #e8e2e4;
        }
        
        div#projectNavigation ul li:hover,
        div#projectNavigation ul li a:hover
        {
            background: #e8e2e4;
        }
    
    div#projectNavigation div.designer-info
    {
       /* margin: 0 0 0 10px;
        padding: 0 10px;*/
        
		background: #E4ECEF;
		border-bottom: 1px solid #FFFFFF;
		padding: 1px 0;        
    }
    
        div#projectNavigation div.designer-info h5
        {
            margin: 10px 0 5px 0;
            padding: 0 10px 0 20px;
        }
        
        div#projectNavigation div.designer-info p
        {
            font-size: 0.9em;
            padding: 0 10px 0 20px;
        }

ul#imageController
{
    list-style-type: none;
    margin: 20px 20px 0 10px;
    float: right;
    visibility: hidden; /* OBS!! Gör denna synlig när det finns fler bilder!! */
}

    ul#imageController li
    {
        float: left;
        margin: 0 0 0 5px;
        padding: 0;
        height: 5px;
        width: 5px;
        border: 1px solid #a2b575;
        background: #f1f4eb;
    }
        
        ul#imageController li a,
        ul#imageController li a:visited  
        {
            margin: 0;
            padding: 0;
            display: block;
            height: 5px;
            width: 5px;
        }                
        
        ul#imageController li a.current,
        ul#imageController li a:hover
        {
            background: #a2b575;
        }      
    
        ul#imageController li span
        {
            display: none;
        }

/* Designer portraits */

div.designer-push
{
    background: #000;          
    padding: 0;
} 
    
    div.designer-push a
    {
        display: block;
        padding: 0;
        font-weight: bold;
        font-size: 12px;
    }
    
    div.designer-push a:hover
    {
        background: #647c8c;        
    }                  
    
    div.designer-push span.designer-push-title
    {
        font-size: 13px;
        font-weight: bold;
        display: block;
        margin: 0 0 0 4px;
        font-style: normal;
        padding: 6px;
    }     

/* Sub menu */

ul#subnav
{
    list-style-type: none;
    margin: 0 0 0 6px;
    padding: 0;
    height: 25px;  
}

    ul#subnav li
    {
        float: left;
        margin: 0 4px;   
        height: 25px;   
    }
    
    ul#subnav li a
    {
		display: block;
		height: 25px;
        padding: 4px 8px;
        height: 17px;   
        background: #a2b577;         
    }
    
    ul#subnav li a,
    ul#subnav li a:visited
    {		
        font-weight: bold;
        font-size: 12px;
    }
    
         ul#subnav li a.active,
         ul#subnav li a:hover
         {
             background: #a2b577;/*#f1f4ea;*/
             /*b2order-top: 1px solid #8ea35d;*/
         }


/* COLORS */

.black,
a:hover,
span.description,
div.project-push span,
div.project-push span.project-push-title,
ul#linkList a:hover,
ul#sitemapList a,
ul#sitemapList a:visited
{
    color: #000;
}

.white,
ul#pushList li a,
ul#pushList li a:visited,
ul#pushList li a:hover,
div.project-push div a,
div.project-push div a:visited,
ul#pushListSub li,
ul#pushListSub li a,
div.project-push span.project-push-title em,
div.designer-push span.designer-push-title,
h4.news-header,
ul#subnav li a.active,
ul#subnav li a:hover,
ul#subnav li a,
div#projectNavigation h4,
div#projectNavigation h4 a,
div#projectNavigation h4 a:visited,
ul.companies-submenu li a,
ul.companies-submenu li a:visited
{
    color: #fff;
}

.grey,
a,
a:visited,
span.copyright,
div#footer,
div.designer-push span.designer-push-title em
{
    color: #434747;
}

.main-col a,
.main-col a:visited
{
	color: #647c8c;
}

.lighter-grey
{
    color: #777;
}

.winered,
div#footer div.footer-info h4,
div#footer .footer-content a,
div#footer .footer-content a:visited,
div#footer div.footer-intro,
.main-col a.link-purple
{
    color: #644350;
}

.red,
.main-col a.link-red,
.main-col a:hover
{
    color: #b84c3a;
}

.blue,
ul#linkList a,
ul#linkList a:visited,
ul#sitemapList li a:hover,
.main-col a.link-blue,
div#footer div.footer-info a,
div#footer div.footer-info a:visited
{
    color: #647c8c;
}

.beige
{
    color: #d6c79b;
}

.green,
.main-col a.link-green
{
    color: #a2b577;
}

.main-col a.colored-link:hover,
div#footer div.footer-info a:hover
{
	color: #000;
}

/* MISC */

div.intro p
{
	font-size: 15px;
	line-height: 20px;
	text-transform: uppercase;
	margin-top: 20px;
}

a.colored-link
{
	font-weight: bold;
}

img.news-image
{
    margin: 10px 20px 20px 10px;
    float: left;
    padding: 2px;
    background: #ddd;
    border: 1px solid #647c8c;
}

span.designer-profile
{
	padding: 2px 0 2px 30px;
	background: transparent url(../images/layout/profile.png) center left no-repeat;
}

a.design-button
{
	background: transparent url(../images/layout/nar-design-blev-en-god-affar.png) top left no-repeat;
	display: block;
	height: 39px;
	width: 200px;
	margin: 0 0 0 8px;
	outline: none;
}
	a.design-button span
	{
		margin-left: -9999px;
	}
	
a.stories-button
{
	background: transparent url(../images/layout/sommardesignkontoret.png) top left no-repeat;
	display: block;
	height: 39px;
	width: 200px;
	margin: 0 0 0 8px;
	outline: none;
}
	a.stories-button span
	{
		margin-left: -9999px;
	}

div#flashWrapper
{
	margin: 0 0 0 10px;
}