﻿
/* Body and tag styles Calibri, "Trebuchet MS" Verdana, Sans-serif, Arial, Helvetica,  */
body { font-family: Arial, Helvetica; text-align:center; background: #0171AF url('../Images/background.gif'); 
background-repeat:repeat-x;}                                                                                                                             /*#0171AF url('../Images/background.gif');*/               
a {color:#003876; font-weight:bold; text-decoration:none; background-color:inherit;}
a:hover {color:Black; text-decoration:none; background-color:inherit;}

a img {border-style: none;
       border-color: inherit;
       border-width: medium;}
       
 /* Original
a {color:#003876; font-weight:bold; text-decoration:none; background-color:inherit;}
a:hover {color:#467aa7; text-decoration:none; background-color:inherit;}
a img {border-style: none;
       border-color: inherit;
       border-width: medium;}
*/

p {padding:0 0 0 0;} /* Ändrat ifrån 0 0 1.6em 0 */
p form {margin-top:0; margin-bottom:20px;}
/*img.left,img.center,img.right {padding:0.25em; border:0.06em solid #003876;}
img.left {float:left; margin:0 0.75em 0.31em 0;}
img.center {display:block; margin:0 auto 0.31em auto;}
img.right {float:right; margin:0 0 0.31em 0.75em;}*/

/* Header and navigation styles */  
#container {width:960px; margin:20px auto;text-align:left; background:#ffffff; border:1px solid #ccc;}
#innercontainer{ border:10px solid #d4e8f1; }
#header {height:110px; width:940px; margin:0 0px 0px 0px; }
         /*background:#d4e8f1 url('../Images/bgheader.png'); 
background-repeat:repeat-x; color:#003876;*/
/*#header h1 {padding:35px 0 0 20px; font-size:2.4em; background-color:#d4e8f1; color:#003876;letter-spacing:-2px; font-weight:normal;}
#header h2 {margin:10px 0 0 40px; font-size:1.4em; background-color:inherit; color:#003876; letter-spacing:-1px; font-weight:normal;}*/

#navigation {height:25px; line-height:20px; width:940px; margin:0 1px 5px 0; background-color:#d4e8f1; padding-top:5px;
             } 
#navigation ul {width:940px; display:inline;
                }
#navigation ul li{ background-color:#d4e8f1; float:left; width: 150px; list-style-type:none; display:block; border-right:1px solid #ccc; white-space:nowrap;
}
#navigation ul li a { margin:0 10px 0 10px; font-size:13px; font-weight:bold; text-decoration:none; background-color:inherit; color: #0171AF;
                      }
#navigation ul li:link {background-color:#d4e8f1; float:left; list-style-type:none; display:block; border-right:1px solid #ccc; white-space:nowrap;
}
#navigation ul li:hover a { margin:0 10px 0 10px; font-weight:bold; text-decoration:none; background-color:inherit; color:#111;
                            } 
#navigation ul li:active a { margin:0 10px 0 10px; font-weight:bold; text-decoration:none; background-color:inherit; color:#111;} 


/* Leftcolnav 
#leftcolnav { margin-left:0px;margin-top:-4px; float: left;} 
#leftcolnav ul { height:35px;padding:0px;width:138px; background-color:#d4e8f1;}
#leftcolnav ul li {width:138px;background-color:inherit;float:left; list-style-type:none; margin-bottom:2px;padding:6px; border-right:1px solid #ccc; white-space:nowrap;}
#leftcolnav ul li a {margin:0 0 0 10px; font-size:13px; font-weight:bold; text-decoration:none; background-color:inherit; color: #0171AF;}
#leftcolnav ul li:link {background-color:inherit;float:left; list-style-type:none; display:block; border-right:1px solid #ccc; white-space:nowrap;}
#leftcolnav ul li:hover {background-color:inherit;float:left; list-style-type:none; display:block; border-right:1px solid #ccc; white-space:nowrap;}
#leftcolnav ul li:hover a {font-size:16px; font-weight:bold; text-decoration:none; background-color:inherit; color:#111;} */


/* Används på alla affärsområdens sidorna + undersidor...*/
#menycontainer{float: left; margin:10px 0 0 0; width: 150px; } /*hela containerelementet*/
#meny{margin: 0; padding: 0; list-style-type: none;} /*huvudgrupp*/
#meny a{margin:0 0 2px 0px;padding:6px; border-right:1px solid #ccc; white-space:nowrap; display: block; font-size:13px; font-weight:bold; text-decoration:none; background-color:#d4e8f1;}/*huvudgrupp*/
#meny ul{list-style-type: none; margin:0 0 0 -40px;} /*undergrupp*/
#meny ul a{font-size:11px; padding-top:3px; background-color:#ffffff; border:1px solid #d4e8f1;} /*undergrupp*/	
#meny a:link{color:#0171AF} /* både undergrupp & undergrupp*/
#meny a:visited{color: #0171AF;}/* både undergrupp & undergrupp*/
#meny a:hover{background: #d4e8f1;color:Black;}/* både undergrupp & undergrupp*/
#meny a#current{color:Black;  }/* både undergrupp & undergrupp*/
#meny a#subcurrent{color:Black; }/* både undergrupp & undergrupp*/

/* Original webdesignskolan meny 
#menycontainer{ float: left; margin: 1em 0 0 1em; width: 18em; font: 70% Verdana, Helvetica, sans-serif;	border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC;	border-right: 1px solid #CCCCCC;}
#meny{margin: 0; padding: 0; list-style-type: none;}
#meny a{display: block;	margin: 0; padding: 0.3em; background: #006699;	padding: 0.3em;text-decoration: none; height: 100%; border-bottom: 1px solid #CCCCCC;}
#meny ul{list-style-type: none;} 
#meny ul a{margin: 0; padding: 0.3em; background: #3399CC;}	
#meny a:link{color: #ffffff;}
#meny a:visited{color: #ffffff;}
#meny a:hover{background: #999999;}
#meny a#current{font-weight: bold;}
#meny a#subcurrent{font-weight: bold;}*/


/* Content styles */

#content { color:#111; font-size:12px; min-height:580px; }
#contentcat { color:#111; font-size:12px; }

#content h1 {font-size:20px;}
#content h2 {font-size:18px;}
#content h2 a {font-weight:normal;}
#content h3 {font-size:13px;}
#content a:hover{}
#content #searchRes {padding:3px;border:1px solid #ccc;}

/* Misc classes and styles */
.splitcontentleft {
    float: left;
    color:#003876;
    width:250px;
}
.splitcontentright 
{ 
    float: right;
    width:500px;
   
}
.splitleft 
{      
    margin-left: 10px;   
    float: left;
    width: 600px;
}
/* Används på productstartsidan */
.splitleft2
{
    margin-left:5px;
    float: left;
    width: 250px;
}
    
.splitright 
{
    font-size: 13px;    
    float: right;
    width: 245px;
    margin-top: 10px;
    margin-right: 10px;
    
}
#content .splitright h3 
{
    font-size: 19.2px;
    padding:1px;
    color:black;
    background-color: #d4e8f1;
}
.box
{    
    margin-top:5px;
    border:2px solid #d4e8f1;
}
#content .box h3 
{   
    margin-top:0;
    font-size: 13px;
    color:#003875;
    background-color: #d4e8f1;
}

/*
.defaultbox
{
    font-size:11px;
    float: left;
    width:196px; 
    margin-top: 12px; 
    margin-right:2px;
}
.coloredheader
{
    height:30px;
    padding:1px;
    background-color: #d4e8f1;
    color:#111;
} */

.searchBox
{ 
    float: left;
    padding-top: 25px;  
    padding-left: 10px;
    padding-right:30px;
    margin-left:5px;
    margin-bottom:0px;
    margin-right:10px;
    height:75px;
    background: url('../Images/bgstripesearch.jpg');
    background-repeat:repeat-x;
    border: solid 2px #d4e8f1;
    
    
}

/* Fixa så hover, selected mm funger på treeviewkontrollen */
.treeview
{
   margin-top:-20px;    
}

.treeviewHover, a.treeviewHover:hover 
{
    color:Red;
    text-decoration:underline;
    
    
}
.treeviewSelected, a.treeviewSelected:visited
{
    text-decoration:underline;
    
     color:Red;
}




/*splitright2 används på katalogsidorna*/
.splitright2 
{
    font-size: 12.8px;    
    float: right;    
    width: 175px;
    margin-top: 10px;
    margin-right: 10px;
}

.splitright ul { margin:0 5px 16px 5px; }

.contentcenter 
{       
    text-align: center;
} 
.contentcenter #test  
{
    width: 320px;
    text-align: left;
    padding:0 0 0 100px;
    
}
.contentcenter #prodDescr  
{
    padding-bottom: 8px;
}

.h2  
{
    font-weight: bold;
}

.headertext1
{
    font-weight:bold;
    padding-left:150px;
    text-decoration:underline;
}

.businesscontent 
{
     width:600px;      
     margin: 10px 10px 10px 20px; 
} 
.businesscontentleft 
{      
    margin: 0px 5px 10px 20px;   
    float: left;
    width: 445px;
       
}
.businesscontent img 
{
     border: 1px solid #ccc;
}  

.clear {clear:both;}
.small {font-size:10px;}
.hide {display:none;}
.textcenter {text-align:center;}
.textright {text-align:right;}
.important {color:#f02025; background-color:inherit; font-weight:bold;}

/*.box {margin:0 0 20px 0; padding:10px; border:1px solid #c0c0c0; background-color:#fafbfc; color:#505050; line-height:1.5em;} */

#footer 
{    
    padding-top:8px;
    text-align: center;    
    margin: 0 0 0 0;
    border-top: solid 1px #ccc;
    clear:both; 
    width:940px; 
    color:#003876;
    height:61px;
}

.searchTxtBox
{
    Width:135px;
    Height:20px;
    Font-Size:11px;
    padding-top:5px;
}


