/*
ljus	FED09E
mellan	FAA74A
mörk	F5821F
*/
body{
    background-color: #fff;
    margin: 8px;    
    font-family: Verdana, Arial, Helvetica, Sans-serif; 
}
div{
    /*border: 1px solid;*/
}
table{
    margin: 0;
    padding: 0;
}
td{
    vertical-align: top;
    margin: 0;
    padding: 0;
}
h1{
    font-family: times, serif;
    font-size: 25px;
    margin-bottom: 5px;
    margin-top: 5px;
}
h2{
    font-family: Verdana, Arial, Helvetica, Sans-serif;
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 3px;
}
/*************/
#outline{
    width: 860px;
    border: 1px solid #fc9; 
    margin: 0;
    padding: 0;
    float:left;
}
#ads{
float:left;
margin-left:15px;
margin-top:125px;
}
/***************/
#top{
    padding: 10px 10px;
    border-bottom: 1px solid #fc9;
}
#toplogo{
    /*width: 100%;*/
    /*height: 100px;*/
    margin: 0;
    padding: 0;
    border: none;
    vertical-align: bottom;
}
/****************/
#navigation{
    width: 170px;
    height: 400px;
    border: 1px solid #fc9;
    border-right: 1px solid #fc9;
}
#rightnow{
    padding: 5px;
    background-color: eee;
    font-size: 10px;
    padding-bottom: 5px;
    height: 50px;
}
#rightnow div{
    text-decoration: underline;
    color: #555;
    font-size: 10px;
}
#navigation{
    background-color: fff;
}
#navcontainer {  
    /*margin-top: 10px;/*50px;*/
}

#navcontainer ul
{
    margin-top: 0;
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
    font-family: Helvetica,Verdana, sans-serif;
    font-size: 13px;
}
#navcontainer ul li{
    vertical-align: top;
}

#navcontainer a{
    display: block;
    padding: 3px;
    padding-left: 15px;
    /*width: 100%;*/
    background-color: #fff;
    border-bottom: 1px solid #eee;
}
#navcontainer ul li a.current{
    background-color: #cccccc;
}

#navcontainer a:link, #navlist a:visited{
    /*color: #f60;*/
    color: #000;
    text-decoration: none;
}

#navcontainer a:hover{
    /*background-color: #ececd7;*/
    background-color: #fc9;
    color: #0000ff;
}

.banner{
    text-align:center;
    font-size: 11px;
    margin: 15px 0;
}
.banner span{
    display:block;
}
.banner img{
    border:none;
}
#navfriidrottaren{
    
}

/**************************/
div#contact{
    margin: 2px;
    padding: 2px;    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    border: 1px solid #f93;
    background-color: #fc9;
}
/****************/
.shortnewsitem{
    margin-top: 8px;
    padding-bottom: 3px;
}
.shortnewsitem .rubrik{
    font-family: Verdana, Arial, Helvetica, Sans-serif; 
    font-size: 16px;
}
.shortnewsitem .ingress{
    font-weight: normal;
    
}
#content, .content{
    width: 410px;
    /*width: 100%;*/
    margin: 0;
    padding: 0 0px;
}
#xcontent{
    width: 629px;
    margin: 0;
    padding: 0;
}
.subtitle{
    margin-top: 20px;
}

#description{
    /*height: 50px;*/
    font: 9px Verdana;
    background-color: #fc9;
    padding: 5px;
    margin-left: 0px;
    border: 1px solid #f93;
}
div#description a{
    text-decoration: none;
    color: 0000ff;
}
#news{
    font-family: Verdana, Arial, Helvetica, Sans-serif;
    font-size: 11px;
    background-color: #ffffff;
    /*width: 430px;*/
    width: 410px;
    /*border: 1px solid #000000;*/
    /*margin: 5px 5px 5px 5px;*/
    /*padding: 5px;*/
    padding-top: 15px; 
    /*padding-right: 3px;*/
    padding-left: 10px;
    /*height: 400px;*/
    /*overflow: auto;*/
    margin-bottom: 25px;
}
#news h3 {
    margin: 5px 0px;
    font-size: 13px;
    font-weight:bold;
}
div.rubrik{
    font-size: 20px;
}
span.datum{
    font-style: italic;
    /*font-size: 7pt;*/
}
a.readmore{ 
    text-align: left;
    text-decoration: none;
}
.ingress{
    font-weight: normal;
    
}
.brodtext{
}
div.floatright{
    float: right;
}
div.floatleft{
    float: left;
}
div.floatbottom{
    margin-top: 10px;
    margin-left: 0;
    margin-right: 0;
    width:395px;
}
div.floattop img{
    width:400px;
}

span.caption{
    color: #333;
    margin: 0 0 0 0;
    font-style: italic;
    /*padding-left: 3px;*/
    font-size: 10px;
}
img.right{
    margin-left: 5px;
    margin-top: 5px;
    /*margin-bottom: 5px;*/
    border: 1px solid #666;
}
img.left{
    margin-right: 5px;
    /*margin-bottom: 5px;*/
    border: 1px solid #666;
}

#news div.brodtext a{
    text-decoration: none;
    border-bottom: 1px solid #00f;
    color: 000;
}
/********/
#extras{
    width: 270px;   
    border-left: 1px solid #fc9;
}
#xextras{
    width: 1px; 
}
.specialtitle{
    /*width: 100%;*/
    padding-left: 10px;
    background-color: eeeeee;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin-bottom: 3px;
    text-align: left;
}
#pic{
    height: 200px;
    text-align: center;
}
#pic img.featuredpic{
    height: 200px;
    clear: both;
}
#pic div#featuredtext{
    color: #aaaaaa;
    font-size: 12px;
    
}
.featuredbook{
    /*border: 1px solid;*/
    padding: 2px;
    text-align: center;
    width: 240;
    margin-bottom: 25px;
}
.featuredbook img{
    /*width: 150px;*/
    clear: all;
    border: none;
}
.featuredbook p.title{
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
}
.featuredbook p{
    text-align: left;
    padding: 0 10px;
    font-size: 11px;
    margin-bottom: 1px; 
}
.featuredbook a{
    font-size: 13px;
}
#athleticbookstore{
    text-align:left;
    background-color:#dee;
    margin:3px;
    padding:3px;
}
#athleticbookstore h4{
    margin: 3px;
    background-color:#ace;
    padding: 3px;
    text-align:center;
}
.subhead{
    font-size: 12px;
    font-weight:bold;
    text-align:center;
}
#athleticbookstore ul{
    margin-left:0;
    margin-top:0;
    padding-left:0;
    padding-top:0;
    text-align:center;
}
#athleticbookstore li{
    list-style-type: none;
}
#athleticbookstore li a{
    font-size:11px;
}
#calendar{
    margin-top: 5px;
    margin-left: 5px;
    font-size: 9px;
}
#calendar a{
    text-decoration: none;
    border-bottom: 1px solid #00f;
    color: 000;
}
div#newslist{
    margin-bottom: 10px;
}
.nldate{
    /*vertical-align: super;*/
    font-size: 9px;
}
#english{
    font-size: 11px;
    padding: 10px;
}
#english img{
    border: none;
    float: left;
    margin-bottom: 10px;
    margin-right: 5px;
    vertical-align: top;
}

#fb{
    clear:both;
    font-size:10px;
    background:url('../images/facebook_32_pxl.png') no-repeat 1% 10% #eee;
    padding-left:40px;
    padding-top:2px;
    border:1px solid #ccc;
    margin: 3px;
}
#fb a,#fb2 a,#fb3 a, #fb4 a{
    color:blue;
}
#fb .col1, #fb3 .col1{float:left;width:187px; border-right:1px solid #ccc}
#fb .col2, #fb3 .col2{float:left;width:178px;clear:right;padding-left:5px;}
#fb .desc{clear:both;padding-top:2px}

#fb2{
    clear:both;
    font-size:10px;
    background:url('../images/facebook_16_pxl.png') no-repeat 1% 10% #eee;
    padding-left:24px;
    padding-top:2px;
    border:1px solid #ccc;
    margin: 3px;
}

#fb3{
    clear:both;
    height:50px;
    font-size:10px;
    background:url('../images/facebook_32_pxl.png') no-repeat 1% 10% #eee;
    padding-left:40px;
    padding-top:2px;
    padding-bottom:2px;
    border:1px solid #ccc;
    margin: 3px;
}
#fb4{
    clear:both;
    height:40px;
    font-size:10px;
    background:url('../images/facebook_16_pxl.png') no-repeat 1% 10% #eee;
    padding-left:24px;
    padding-top:2px;
    padding-bottom:2px;
    border:1px solid #ccc;
    margin: 3px;
}
/******************************/
div#newsarchive{
    margin-left: 15px;
    font-size: 12px;
}


/*********************/
#bottom table{
    /*border: 1px solid #cccccc;*/
    width: 100%;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
}
#webmaster{
    /*float: left;*/
}
#webmaster a{
    text-decoration: none;
    color: 0000ff;
}
#copyright{
    /*float: right;*/
    text-align: center;
}
#created{
    /*float: right;*/
    text-align: right;
}
#created a{
    text-decoration: none;
    color: 0000ff;
}

/**************************/
table#omjhe{
    width: 410px;
    text-align: left;
    vertical-align: top;
    /*margin-left: 15px;*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    /*padding: 5px;*/
    padding-top: 15px; 
    /*padding-right: 3px;*/
    padding-left: 10px; 
    
}
table#omjhe td{
    width: 50%;
    padding-right: 6px;
}
table#bokbest{
    /*width: 540px;*/
    text-align: left;
    vertical-align: top;
    margin-left: 15px;
    padding-top: 15px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;    
}
table#bokbest td{
    width: 50%;
    padding-bottom: 10px;
    padding-right: 10px;
}
table#bokbest td img{
    width: 100px;   
}
/**************************/
table#omtg{
    margin-left: 15px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    
}

/**************************/
#orderform{
    width: 410px;
    /*padding: 5px;*/
    padding-top: 15px; 
    /*padding-right: 15px;*/
    padding-left: 10px;
}
#orderform label{
    /*font-weight: bold;*/
}
#orderform #desc{
    
}
#orderform #helpdesc{
    
}

#orderform #helpdesc li{
    font-size: 12px;
    /*display: inline;*/
    list-style-type: decimal;
    padding-right: 10px;    
}
#orderform p#ordermisc{
    font-size: 11px;
    background-color: #eee;
    border: 1px solid #ccc;
    padding: 2px;
}
#orderform #personligt{
    border-top: 1px solid #f93;
    padding-top: 10px;
    /*height: 175px;*/
    /*width: 200px;*/
    /*float: left;*/
}
#orderform #adresser{
    /*height: 175px;*/
    padding-right: 20px;
}
#orderform #bestall{
    margin-top: 20px;
}
#orderform fieldset{
    border: 1px solid #f93; 
}

#orderform label, span.price{
    font-size: 12px;
}
#orderform label.required{
    font-weight: bold;
}
#orderform #kontaktuppgifter label{
    /*width: 150px;*/
}
#orderform input{
    margin: 2px 0 2px 0;
}
#orderform #availbooks{
    /*border: 1px solid #f93; */
    width:100%;
}
#orderform #availbooks td{
    /*border: 1px solid #f93;*/
    padding: 2px;
}
#orderform #availbooks th{
    font-size: 14px;
    font-weight: bold;
    text-align: left;
}
#orderform #availbooks #a2{
    text-decoration: line-through;
}

#orderform #totalpris{
    margin: 10px 10px;
    font-size: 14px;
    font-weight: bold;
}
#orderform #totalpris #total{
    font-weight: bold;
    color: red;
}
#orderform #totalpris .small{
    font-weight:normal;
    font-size: 11px;
}
#otherbooks{
    /*width; 100%;*/
    text-align: center;
}
#enspecial{
    width; 100%;
    text-align: center;

}
#enspecial div{
    text-align: left;
    font-size: 11px;
    padding: 10px;
}
/***************************/

#orderconfirmation{

}
#orderconfirmation p{
    font-size: 12px;
}
#orderconfirmation p#confirmationinfo{
    background-color: #eee;
    border: 1px solid #ccc;
    padding: 3px;
    margin: 3px;
    margin-bottom: 15px;
}
#orderconfirmation p#orderinfo{
    margin: 3px;
}
/***************************/
#book{
    /*padding: 10px;*/
    margin-top: 15px;   
    padding: 5px;
}
#book img.coverpic{
    /*float: left;*/
    margin-right: 10px;
    margin-bottom: 10px;
}
#book #author{
    font-style: italic;
}
#book p{
    font-size: 11px;
}
#book div#price{
    font-size: 11px;
}
.booklinks{
    list-style-type:bullet;
    padding-left:20px;
    margin-left:0;
}
.booklinks li{
    font-size:11px;
    padding:5px;
}
div.orderlink{
    font-size: 11px;
    text-align: right;
    margin-right: 5px;
}
div.block{
    text-align:center;
    clear:both;
}
div.shortbook{
    float:left;
    text-align: center; 
    width: 110px;
    margin: 5px;
    margin-bottom: 20px;
}
div.shortbook img{
    clear: both;
    border: none;
    width: 110px;
}
div.shortbook div{
    font-size: 12px;
    text-align: center;
    margin-top: 3px;
}

img#englishflag{
    text-align:right;
}