body {
	font: normal 10pt "trebuchet ms";
	margin: 0px;
	padding: 0px;
	margin-bottom: 50px;
	}

/* allmänna länkar (utom navigeringen) */
/*  ---------------------------------  */
a:link {
	color: #000;
	text-decoration: none; 
	border-color: #666;
	border-width: 0 0 1px 0;
	border-style: dotted;
	}
							/* besökta länkar */
a:visited {
	color: #000;
	text-decoration: none;
	border-color: #666;
	border-width: 0 0 1px 0;
	border-style: dotted;
	}

						/* aktiva länkar samt markerade länkar */
a:hover, a:active {
	text-decoration: none;
	color: #000;
	border-width: 0px;
	}
	
a img, a:link.noBorderImageLink, a:visited.noBorderImageLink  { /* tar bort ramen samt understrykning för klickbara bilder  */
    border: 0px solid #fff;
    }

/* ---------------------------------   */


div#setBackgroundcolor  {
	background-color: #fff;
	width: 1024px; 
	position: fixed;
	z-index: 20;
	height: 98px;
	}

/* Logga */

img#logo {
	margin-left: 19px;    /* according to port-view  */
	margin-top: 10px;
	}

 /* sloganfade */
ul#banner {
    position: absolute;
    left: 420px;
    top: 5px;

	font: italic normal 140% georgia;
	margin-top: 20px;
	padding: 0;
	list-style-type: none;
	}
	
ul#banner a {
    border-bottom-width: 0px;
	}

 /* flaggorna */
img#backgroundimage {
    position: fixed;
	z-index: 20;
	top: 73px;
	left: 0px;
	height: 55px;
	width: 889px;
	padding-top: 7px;
	padding-left: 17px;
	}

div#flags {
    position: fixed; 	
    z-index: 200;    
    top: 87px;
	left: 13px;
	border-width: 0px;
	margin-left: 0px;	
	}
	
div#flags img {
	border-width: 0px;
	margin-left: 15px;
	margin-right: 5px; 	
	}
	
	
/* Css-declarations for navigation */
/*  -------------------------------  */


/* ----- nav ram -----  */
div#nav {              /* This div is needed for the ruzeeborders-script */  
	position: fixed;   /* in combination with fixed position  */
	z-index: 19;
	top: 125px;
	}

 /* ----- nav innehåll -----  */
ul#nav_menu {
    position: relative;          /* makes the menu blocks be positioned relative to their parent menu item   */
	margin-left: 13px;
	background-color: #800000;
	border: solid 1px #800000;
	line-height: 170%;
	width: 125px;
    list-style: none;
    padding: 15px 5px 15px 10px;
	}
   
ul#nav_menu li a:link  { 
	font: bold 90% "trebuchet ms";
 	color: #d4cddc;
	text-decoration: none;
	border-width: 0px;   
 	}
 	
ul#nav_menu li a:visited  {
	font: bold 90% "trebuchet ms";
 	color: #d4cddc;
	text-decoration: none;
	border-width: 0px;   
 	}

ul#nav_menu li a:hover {
 	color: #fff;
	text-decoration: underline;
 	}
	
body#def li#nav-hem a,        /* declarations to style the current state (no hover-links only) */   
body#ser li#nav-ser a,
body#ref li#nav-ref a,
body#art li#nav-art a {
    border-bottom: solid 1px #fff; 
    color: #fff;
    margin: 0;
    }
 	 	                            /* declarations to style the current state for "father-link" (hover-links) */
body#over li#nav-prod > a,          /*   Produkter   */ 
body#under li#nav-prod > a,
body#tillval li#nav-prod > a,    
body#sale li#nav-kont > a,    /*   Kontakt   */
body#res li#nav-kont > a,
body#ser li#nav-kont > a,
body#pers li#nav-kont > a,  
body#For li#nav-omOss > a,          /*   Om Oss   */ 
body#Bro li#nav-omOss > a,         
body#Storst li#nav-omOss > a,      
body#Tek li#nav-omOss > a  {  
    border-bottom: solid 1px #fff;
    color: #fff;
    margin: 0; 
    }
    
 /* ----- subMenu innehåll -----  */
li ul {                   /* styling for content in all subul:s  */
    display: none;          /* hides child menu blocks */
    position: absolute;          /* make child blocks hover and removing space for them */
    left: 0px;                  /* needed due to some inconsistence between browsers  */  
    margin: -30px 0 0 60px;
    height: auto;
    width: auto;
    line-height: 105%;
    list-style: none;
    padding: 8px 10px 5px 8px;
    background-color: #800000;
    border: solid 2px #fff;
    }
    
ul#nav_menu ul li a:link  { 
 	color: #ddd;
	text-decoration: none;
	border-width: 0px;   
 	}
 	
ul#nav_menu ul li a:visited  {
 	color: #ddd;
	text-decoration: none;
	border-width: 0px;   
 	}

ul#nav_menu ul li a:hover {
 	color: #fff;
	text-decoration: underline;
 	}
 
/* ul#subProd {
    background-image: url(http://www.trepak.se/images/hoverBackground_Prod-trans.png);
	background-repeat: no-repeat;	
	}
	
ul#subKont {
	background-image: url(http://www.trepak.se/images/hoverBackground_Kont-trans.png);
	background-repeat: no-repeat;
	}
	
ul#subOmoss {
	background-image: url(http://www.trepak.se/images/hoverBackground_Omoss-trans.png);
	background-repeat: no-repeat;
	} */ 

                                    /* declarations to style the current state */
body#over li#navOver a,             /*   Produkter   */
body#under li#navUnder a,
body#tillval li#navTillval a,
body#sale li#navSale a,              /*   Kontakt     */
body#res li#navRes a,
body#ser li#navSer a,
body#pers li#navPers a,
body#For li#navFor a,               /*    Om Oss     */        
body#Bro li#navBro a,
body#Storst li#navStorst a,
body#Tek li#navTek a  {
    font: bold 90% "trebuchet ms";
    border-bottom: solid 1px #fff;
    color: #fff;
    margin: 0;
    }

ul#nav_menu li:hover > ul {      /*  the > targets only the child ul, not any child uls of that child ul */
    display: block;              /* makes the child block visible */
    }

 /* --- contact ----  */
dl#contact {
	width: 140px;
	font-size: 75%;
	margin-top: 10px;       /* according to nav-div   */
	margin-left: 23px;
	background-color: #fff;
 	}

dl#contact dt {
	font-weight: bold;
	}

dd.adress {
	margin-left: 13px;
	}

dd.tel_fax, dd.mail {
	margin-left: 30px;
	margin-top: -15px;
	}

dd.mail {
	margin-left: 46px;
	margin-bottom: 3px; /* to make the border visible in IE7  */
	}

div#AAA {
    position: fixed;
    left: 10px;
    top: 460px;
    border: solid #fff 0px;
    }

/* ----- aktivitetsrutorna -----  */
/* ------------------------------ */

div#aktivitetsdiv {     /* wrapperdiv  */
	width: 130px;
	position: fixed;
	z-index: 15;
	top: 128px;
	left: 840px;
	}

div.aktruta_roundcorners {  /* for every individual div  */
	padding: 20px 0 20px 20px;
	margin-bottom: 10px;
	border: 2px solid #800000;
	}
	
div.aktruta_roundcorners span  /*    date  */
    { font: italic bold 60% "Verdana"; }
	
div.aktruta_roundcorners h1 {    
    margin: 5px 0 0 -12px;
    color: #800000;
    font: bold 11px "Verdana";
    width: 110px;
    }    

div.aktruta_roundcorners p {
    color: #444;
    font: normal 90% "Verdana";
    line-height: 130%;
    width: 110px;
    margin-left: -12px;
    }
    
h1#fairheadingspace {
    margin-top: 10px;
    }
    
    /*    Links     */
    
div.aktruta_roundcorners a:link {
	color: #800000;
    font: bold 11px "Verdana";
	text-decoration: none;
	border-color: #666;
	border-width: 0 0 1px 0;
	border-style: dotted;
	}
							/* besökta länkar */
div.aktruta_roundcorners a:visited {
	color: #800000;
    font: bold 11px "Verdana";
	text-decoration: none;
	border-color: #666;
	border-width: 0 0 1px 0;
	border-style: dotted;
	}

						/* aktiva länkar samt markerade länkar */
div.aktruta_roundcorners a:hover, div.aktruta_roundcorners a:active {
	text-decoration: none;
	color: #800000;
    font: bold 11px "Verdana";
	border-width: 0px;
	}