/* 
Document   : Header
Created on : 2009-maj-15, 21:17:13
Author     : Jocke Nilsson
Description:
Purpose of the stylesheet follows.
Terms of Use
All royalty free stock icons, clip art and other design resources on this website are free for use in both personal and commercial projects.
You may freely use them in software programs, scrapbooking kits, web templates, websites, blogs, etc. No attribution or backlinks are required, but are always appreciated.
http://icons.mysitemyway.com/wp-content/gallery/simple-black-square-icons-business/126581-simple-black-square-icon-business-cart-solid.png
http://83.166.30.195:8080/JAVAWEBB_Projekt/
source d:/webbdesign/bilfirma.sql
mysqldump -u root -pTUNbyn jocketunbyn > d:/webbdesign/bilfirmaadmin.sql
Login: mrtunbyn
Password: TUNbyn
te name:
mrtunbyn
Site url:
http://jocketunbyn.s156.eatj.com/JAVAWEBB_Projekt/
Login:
mrtunbyn
Password:
TUNbyn
Excluded IP addresses:

*/
*
{
    font-family: Verdana,Arial,Helvetica,sans-serif;
    left:2px;
    top:15px;
}
body
{
    /*background-image:url("header/testbak_hallsjo.png");
    background-repeat:repeat-y;*/
    background-color: #000033;
}
a
{
    text-decoration: none;
    font-family:inherit;
    font-size:12px;
    color:#000;
}
a:hover
{
    cursor:pointer;
    color: #f00;
}
/*HEADER SECTION*/
div#header
{
    position:absolute;
}
img#loggo
{
    position:absolute;
    left:auto;
    top:auto;
    height:110px;
    width:990px;
}
#eXTReMe
{
    position:absolute;
    left:1052px;
    top:91px;
}
a.a6
{
    width:100px !important;
    height:27px !important;
    font-size:18px !important;
    display:inline-block;
    padding:8px;
    background-image:url("header/Listref_testar1.png");
    background-repeat:no-repeat;
    color:#000;
}
a#index
{
    position:absolute;
    top:111px;
    left:auto;
    padding-left:15px !important;
}
a#omoss
{
    position:absolute;
    top:111px;
    left:116px;
    padding-left:10px !important;
}
a#betalv
{
    position:absolute;
    top:111px;
    left:232px;
    padding-left:10px !important;
}
img#mailbild
{
    position:absolute;
    top:111px;
    left:359px;
    height:41px;
    width:72px;
    text-decoration:none !important;
    border:none !important;
}
a#mailet
{
    position:absolute;
    width:290px !important;
    color:#fff !important;
    top:115px;
    left:438px;
    font-size:18px;
}
span#telef
{
    position:absolute;
    top:115px;
    left:668px;
    color:#fff;
    font-size:18px;
    width:190px;
}
a#logout
{
    position:absolute;
    top:111px;
    left:873px;
    padding-left:19px !important;
}
a.a6:hover
{
    background-image:url("header/Listref1.png");
    color:#fff;
}
/*TOP_SELECTION*/
#spannet
{
    position:absolute;
    top:178px;
    left:51px;
    color:#fff;
}
#top_selection
{
    position:absolute;
    top:201px;
    left:51px;
}
#spannet1
{
    position:absolute;
    top:178px;
    left:248px;
    color:#fff;
}
#top_selection1
{
    position:absolute;
    top:201px;
    left:248px;
}
#spannet2
{
    position:absolute;
    top:218px;
    left:501px;
    color:#fff;
}
#top_selection2
{
    position:absolute;
    top:241px;
    left:501px;
}
#spannets
{
    position:absolute;
    top:218px;
    left:701px;
    color:#fff;
}
#top_selections
{
    position:absolute;
    top:241px;
    left:701px;
}
#spanneta
{
    position:absolute;
    top:218px;
    left:868px;
    color:#fff;
}
#top_selectiona
{
    position:absolute;
    top:241px;
    left:868px;
}
/*MIDDLE SECTION*/
div#middle
{
    position:absolute;
    top:246px;
    left:20px;
    width:790px;
}
div#middle_img
{
    position:absolute;
    top:auto;
    left:5px;
    width:790px;
}
div#middle_content
{
    position:absolute;
    top:33px;
    left:5px;
    width:790px;
    background:#fff;
    height:auto;
}
/*RIGHT_SIDE SECTION*/
div#right_side
{
    position:absolute;
    left:830px;
    top:221px;
    width:161px;
    margin-right:10px;
}
div#right_side_img_up
{
    position:absolute;
    top:auto;
    width:161px;
}
div#right_side_content_up
{
    position:absolute;
    top:69px;
    width:161px;
}
div#right_side_img_middle
{
    position:absolute;
    top:180px;
    width:161px;
}
div#right_side_content_middle
{
    position:absolute;
    top:190px;
    width:161px;
    margin-left:-5px;
    margin-top:23px;
}
span#espan
{
    font-size:20px;
}
div#right_side>div#right_side_img_emaila
{
    position:inherit;
    top:410px;
    width:inherit;
}
div#right_side_emaila
{
    position:absolute;
    top:410px;
    margin-left:5px;
}
img#emgif
{
    margin-left:0px;
}
/*PRODUKTER*/
h3#prohed
{
    text-align:center;
}
span.produktspann
{
    width: 211px;
    height: 241px;
    float:left;
    margin-left:41px;
    margin-right:10px;
}
img.primg
{
    width: 69%;
    height: 50%;
    display:block;
    background-image:url("middle/middle_content/Laddar_bilden.png");
}
span.proprice
{
    display:block;
    padding:10px;
    font-weight:bolder;
}
span.pronames
{
    display:block;
    font-size:12px;
}
a.proref,a.proref1
{
    width:60px !important;
    height:26px !important;
    font-size:18px !important;
    display:inline-block;
    padding-left:12px;
}
a.proref
{
    background-image:url("middle/middle_content/Listref_testar11.png");
    background-repeat:no-repeat;
    color:#000;
}
a.proref1
{
    background-image:url("middle/middle_content/Listref11b.png");
    background-repeat:no-repeat;
    color:#fff;
}
a.proref:hover,a.proref1:hover
{
    background-image:url("middle/middle_content/Listref11.png");
    background-repeat:no-repeat;
    color:#fff;
}
span.produktspann1
{
    width: 201px;
    height: 81px;
    float:left;
    margin-left:41px;
    margin-right:10px;
}
span.proprice1
{
    display:block;
    padding:10px;
    font-weight:bolder;
}
a.proref1a
{
    width:160px !important;
    height:26px !important;
    font-size:18px !important;
    display:inline-block;
    padding-left:12px;
    background-image:url("middle/middle_content/Catref.png");
    background-repeat:no-repeat;
    color:#fff;
}
a.proref1a:hover
{
    background-image:url("middle/middle_content/Catrefa.png");
    background-repeat:no-repeat;
    color:#000;
}
/*PRODUKTER_BESKRIVN*/
div#namer
{
    font-size: 18px;
    font-weight: bolder;
    margin-left:20px;
}
div#produktbeskr
{
    width:100%;
    height:100%;
    border: solid  #000 1px;
}
img#prodbeskrimg
{
    width: 95%;
    height: 95%;
    display:block;
    margin:10px;
    background-image:url("middle/middle_content/Laddar_bilden.png");
    background-repeat:repeat-x;
}
span#rutan
{
    width: 188px;
    height: 36px;
    background-color:#cfc;
    margin: 10px;
    padding:10px;
    display:inline-block;
}
div#divbeskrivn
{
    width:auto !important;
    height:auto !important;
    margin: 27px;
    background-color:#cff;
    clear:both;
}
div#divbeskrivn>span#beskrhead
{
    font-size: 14px;
    padding:5px;
    border: solid  #000 1px;
    display:inline-block;
}
div#divbeskrivn>span#beskrivning
{
    font-size: 18px;
    padding:5px;
    display:inline-block;
}
/*Kundvagn*/
span.kundvagn
{
    font-size:16px;
    margin-left:8px;
    text-decoration:underline;
    padding:6px;
}
span.kundvagn1
{
    font-size:14px;
    margin-left:3px;
    text-decoration:underline;
    padding:6px;
}
span.summa,span.summa1,span.summa2
{
    font-size:12px;
    margin-left:3px;
    padding:6px;
}
li.kundlista
{
    font-size:14px;
}
/*KUNDVAGN,SUMMA*/
a.prorefs,a.prorefs1,a.prorefs11,a.prorefs1a
{
    width:72px !important;
    height:28px !important;
    font-size:14px !important;
    display:inline-block;
    padding:3px;
    padding-left:8px;
}
a.prorefs,a.prorefs11
{
    background-image:url("right_side/right_side_content/Listref_testar11a.png");
    background-repeat:no-repeat;
    color:#000;
    margin-left:8px;
}
a.prorefs:hover,a.prorefs1:hover,a.prorefs11:hover,a.prorefs1a:hover
{
    background-image:url("right_side/right_side_content/Listref11a.png");
    background-repeat:no-repeat;
    color:#fff;
}
a.prorefs1,a.prorefs1a
{
    background-image:url("right_side/right_side_content/Listref11ab.png");
    background-repeat:no-repeat;
    color:#fff;
}
/*SUMMOR*/
span.summa1
{
    position:absolute;
    left:auto;
    top:auto;
}
span.summa2
{
    position:absolute;
    left:auto;
    top:20px;
}
a.prorefs11
{
    position:absolute;
    left:auto;
    top:51px;
}
a.prorefs1a
{
    position:absolute;
    left:80px;
    top:51px;
}
/*PRENUM*/
ol#prenum
{
    font-size:12px;
}
/*OMOSS*/
p#header
{
    margin-left: 10px;
    font-size: 14px;
    font-weight: bold;
}
p#headero
{
    margin-left: 10px;
    font-size: 14px;
    font-weight: bold;
}
p.breadte
{
    margin-left: 10px;
    margin-right: 10px;
    font-size: 14px;
    font-weight:normal;
}
/*COPYRIGHT*/
div#copyr
{
    margin-left: 10px;
    margin-right: 10px;
    font-size: 12px;
    font-weight:normal;
}
div#copyr p a
{
    font-size: 14px;
    font-weight:normal;
    text-decoration:underline;
}
/*LOGIN*/
h1#logga
{
    text-align:center;
}
div.login
{
    width: 299px;
    height:auto;
    float:left;
    margin-left:20px;
    font-size:14px;
}
/*
#a15
{
position:absolute;
left:515px;
top:248px;
}
#a16
{
position:absolute;
left:572px;
top:248px;
}
#t19
{
position:absolute;
left:557px;
top:262px;
}
#t20
{
position:absolute;
left:624px;
top:262px;
}*/
/*STARTSIDA*/
#rubrik
{

    margin-top: 0px;
    padding:6px;
    background-color:#000;
    font-size:28px;
    /*white-space: nowrap;*/
    text-align:center;
    color:white;
}
p#copyr
{
    margin-left: 10px;
    margin-right: 10px;
    font-size: 14px;
    font-weight:normal;

}
.bilder
{
    width: 356px;
    height:319px;
    float:left;
    margin-left:20px;
    margin-top:10px;
    border-top-style:double;
    border-bottom-style:double;
    border-left-style:double;
    border-right-style:double;
}
span.headers
{
    margin-left:10px;
    font-size:28px;
}
#priset,#priset1,#priset2,#priset3
{
    font-size:16px;
    display:block;
    margin-top:10px;
    margin-left:10px;
}
#bildspel,#bildspel1,#bildspel2,#bildspel3
{
    width: 330px;
    height:210px;
    display:block;
    /*margin:10px;*/
    background-image:url("middle/middle_content/Laddar_bilden.png");
    background-repeat:repeat-x;
    margin-left:10px;
}
#vagen,#vagen1,#vagen2,#vagen3
{
    text-decoration:none;
    border:none;
}
#namnet,#namnet1,#namnet2,#namnet3
{
    /*text-align:center;*/
    font-size:16px;
    /*border-bottom: solid  #000 1px;*/
    margin-top:0px;
    margin-left:10px;
}
#klicknedan
{
    position:absolute;
    font-size:12px;
    top:361px;
    left:233px;
}
#copyr2
{
    position:absolute;
    font-size:12px;
    top:388px;
    left:auto;
    margin-left:20px;
}
#nedan
{
    position:absolute;
    font-size:14px;
    top:410px;
    left:auto;
    margin-left:20px;
}
/*KASSAN*/
div#kassan
{
    float:left;
    padding:15px;
}
div#kassan table
{
    margin-left:20px;
    border:thick outset #000;
    border-spacing:10px;
}
td.kassor
{
    border:thin solid #000;
    padding:5px;
}
p#kassor1
{
    clear:left;
    margin-left:10px;
}