﻿/*********************
******* colors *******
**********************


background: 

#990000 - dark red
#0C2850 - dark blue



*/

/*********************
******* layout *******
*********************/

#wrapper
{
    width: 900px;
    margin: 0 auto;
    position: relative;
}

#header
{
    height: 200px;
    position: relative;
}

#content,
#footer
{
    padding: 15px
    }

#entrys 
{
    float: left;
    width: 450px;
    padding: 0 20px 0 0;
    }

#entrys.team
{
    
    }

#sidebar 
{
    /*
    background: url(../images/sidebar_bg.gif) repeat-y;
    background: blue;
    */
    border-left: 1px dashed #fff;
    border-right: 1px dashed #fff;
    background-position: right;
    width: 200px;
    float: right;
    }
    

#sponsor 
{
    width: 200px;
    float: right;
    }    

.column 
{
    float: left;
    width: 150px;
    /*
    min-height: 400px;
    */
    padding: 0 20px 40px;
    /*border-left: 1px dashed #fff;*/
    position: relative;
    }   
    
.column .post 
{
    position: relative;
    left: 50px;
    }    

/*********************
******** style *******
*********************/

body
{
    background: url(../images/bg.jpg) no-repeat;
    background-position: center top;
    background-color: #990000;
    font-family: Verdana;
}
p  
{
    font-size: 12px;
    line-height: 20px;
    margin: 12px 0;
    }

h1 
{
    font-size: 20px;
    font-weight: bold;
    line-height: 25px;
    margin: 3px 0 7px;
    }
    
h2 
{
    font-size: 16px;
    font-weight: bold;
    line-height: 21px;
    margin: 3px 0 7px;
    }   

h3 
{
    font-size: 14px;
    font-weight: bold;
    margin: 14px 0 4px;
    }
    
strong 
{
    font-weight: bold;
    }    
    
em 
{
    font-style: italic;
    }    
    
ul 
{
    list-style: square;
    }
    
ol 
{
    list-style: inherit;
    }        

.clear 
{
    float: none;
    clear: both;
    }    


    
p a,
p a:visited,
.more a,
.breadcrumbs a,
.breadcrumbs a:visited,
.image a,
.image a:visited
{
    padding: 1px 2px 2px;
    line-height: 1em;
    
    font-style:normal;
}



 
p a:hover,
.more a:hover,
.breadcrumbs a:hover,
.image a:hover
{
    background: #fff;
    color: #990000;
    padding: 1px 2px 2px;
    line-height: 1em;
    }


a,
a:visited
{
    text-decoration: none;
    color: #fff;
    font-style: italic;
    border-bottom: 1px solid transparent;
    font-size: 11px;

    }    

a:hover,
a:focus 
{
    border-bottom: 1px solid #fff;
    }

a.image,
a.image:visited,
a.image:hover,
a.image:focus {
    border-bottom: none;
    }
    
.more a,
.more a:visited
{
    float: right;
    }    

/******* header ******/


.teamlogo
{
    margin: 60px 0 0;
}

.ucilogo 
{
    position: absolute;
    right: 0;
    top: 50px;
    }

#bilderboks 
{
    position: absolute;
    right: 60px;
    top: -20px;  
    background: url(../images/header_bilder_bg.jpg) no-repeat;
    background-position: left -30px;
    width: 550px;
    height: 200px;
    }

#bilderboks ul 
{
    margin: 8px 0 0 45px;
    }
#bilderboks li 
{
    float: left;
    list-style:none;
    margin: 0 5px;
    }

#bilderboks li.id0 
{
    position: relative;
    top: 22px;
    }
    

#bilderboks li.id1 
{
    position: relative;
    top: 10px;
    }


#bilderboks li.id2 
{
    position: relative;
    top: -2px;
    }

#bilderboks img 
{
    }


ul#sponsor 
{
    list-style: none;
    padding: 13px 0px 0;
    margin: 0 10px;
    text-align: center;
    width: 160px;
    background: #fff;
    }

ul#sponsor li 
{
    margin: 10px 0;   
    }

ul#sponsor img 
{
  
    }

ul#topnav
{
    position: absolute;
    bottom: 11px;
    left: 10px;
    list-style: none;
}

ul#topnav li
{
    float: left;
    height: 27px;
    margin: 0 ;
    width: auto;
}

ul#topnav a
{
    font-size: 10px;
    color: #fff;
    text-decoration: none;
    background: url(../images/topnav.gif) no-repeat;
    background-position: left top;
    display: block;
    padding: 16px 16px 10px;
    position: relative;
    font-style: normal;
}

ul#topnav a:hover,
ul#topnav li.current a
{
    background: url(../images/topnav_hover.gif) no-repeat;
    background-position: left top;
    padding-bottom: 13px;
    border-bottom: none;
}

/*
ul#topnav li.current 
{
    height: 28px;
    }
*/
ul#topnav a span
{
    background: url(../images/topnav.gif) no-repeat;
    background-position: right top;
    height: 37px; 
    width:12px;
    display:block;
    position:absolute;
    right:0;
    top:0px;
}

ul#topnav a:hover span,
ul#topnav li.current span
{
    background: url(../images/topnav_hover.gif) no-repeat;
    background-position: right top;
    padding-bottom: 10px;
}

ul#language 
{
    position: absolute;
    right: 0;
    bottom: 8px;
    list-style: none;
    }
    
ul#language li 
{
    margin: 0 3px;
    float: left; 
    }
ul#language li a
{
    width: 16px;
    height: 11px;
    display: block;
    opacity: 0.3;
    filter: alpha(opacity=30);  
    }
    
ul#language li.current a,
ul#language li a:hover 
{
    opacity: 1;
    filter: alpha(opacity=100);   

    }    

    
ul#language li a.norsk 
{
    background: url(../images/no.png) no-repeat;
    }    
    
ul#language li a.tysk 
{
    background: url(../images/de.png) no-repeat;
    }    
    
ul#language li a.fransk 
{
    background: url(../images/fr.png) no-repeat;
    }    
    
ul#language li a.engelsk 
{
    background: url(../images/gb.png) no-repeat;
    }    
/******* content ******/

#sponsor 
{
    margin: 0 20px 0 0;
    }

#content 
{
    margin: 10px 0 0;
    font-family: Verdana;
    color: #fff;
    font-size: 12px;
    line-height: 17px;
}
 
#contentcontainer 
{
    123background: green;
    width: 680px;
    float: left;
    } 
    
.post 
{
    position: relative;
    min-height: 130px;
    margin-bottom: 40px;
    }

.post h2 
{
    font-size: 13px;
    margin-top: 18px;
    }

.post ul,
.post ol 
{
    margin: 0 0 0 30px;
    font-size: 11px;
    }
    
.date 
{
    position: absolute;
    left: -50px;
    margin: 5px 0 0;
    border: 1px solid #fff;
    color: #fff;
    line-height: 10px;
    }    
    
.date_day 
{
    background-color: #0C2850;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 7px;
    }    
    
.date_month 
{
    background-color: #990000;
    font-size: 10px;
    text-align: center;
    padding: 2px 0 3px;
    border-top: 1px solid #fff;
    }    
    
p.ingress 
{
    font-style: italic;
    }    
 
img.ingressimg 
{
    border: 2px solid #fff;
    margin-bottom: 10px;
    float: left;
    margin-right: 10px;
    } 
    
.single img.ingressimg  
{
    float: left;
    margin: 0;
    margin-right: 20px;   
    
    }    
    
ul.resultater 
{
    background: url(../images/resultater.png) no-repeat;
    background-position: bottom;
    width: 150px;
    height: 70px;
    padding: 30px 0 0;
    margin: 0 0 30px;
    }    
    
ul.resultater li 
{
    float: left;
    list-style: none;
    width: 50px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    }    
 
ul.resultater li.first 
{
    position: relative;
    top: -20px;
    font-size: 35px;
    }    
    
/** sidebar **/
#sidebar .post 
{
    width: 100px;
    margin-bottom: 70px;
    }
    

#sidebar h3 
{
    font-size: 12px;
    text-transform: uppercase;
    } 

#sidebar h2,    
#sidebar h2 a,
#sidebar h2 a:link,
#sidebar h2 a:visited 
{
    margin: 15px 0 3px;
    font-size: 12px;
    line-height: 14px;
    font-style: normal;
    }    
#sidebar h2 a:hover 
{
   color: #990000;
   Background: #fff;     
    }
    
    
#sidebar p 
{
    line-height: 15px;
    font-size: 11px;
    }    
    
#sidebar .rittkalenderen a,
#sidebar .rittkalenderen a:visited 
{
    font-style: normal;
    padding: 0;
    line-height: 13px;
    position: relative;
    top: 10px;
    }    
    
    
#sidebar .date 
{
    margin: 15px 0 0;   
    
    }    
/** teamside **/    
    
.team img.rytterimg 
{
    border: 2px solid #fff;
    margin: 0 0 10px;    
    float: none;
    }    
    
.team .post
{
    float: left;
    margin: 0 20px 40px 0;
    }    

.team.single .post 
{
    float: none;
    }
    
    
    
/******* footer ******/

#footer 
{
    border-top: 1px dashed #fff;
    color: #fff;
    margin: 15px 0;
    position: relative;
    display: block;
    }
    
#footer .post 
{
    width: 165px;
    float: left;
    margin-right: 70px;
    position: relative;
    }
        
#footer .post.right 
{
    margin-right:0;
    }        
    
#footer .date 
{
    top: 80px;
    }    