html {
height:100%;
max-height:100%;
padding:0;
margin:0;
border:0;
/* background:rgb(209,205,193);
font-size:76%;
font-family: Verdana, Arial, Helvetica, sans-serif;*/
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow: hidden;
/* */
}
body {
height:100%;
max-height:100%;
overflow:hidden;
padding:0;
margin:0;
border:0;
background-color: #F72;
background-image: url(../gfx/bgr_stregkode.gif);
background-repeat: repeat-y;
background-position: center;
/*
scrollbar-base-color: #f72;
*/
scrollbar-3dlight-color: #fff;
scrollbar-arrow-color: #666;
scrollbar-darkshadow-color: #fff;
scrollbar-face-color: #ebebeb;
scrollbar-highlight-color: #888;
scrollbar-shadow-color: #888;
scrollbar-track-color: #efefef;
}
#content {
display:block;
overflow:auto;
position:absolute;
z-index:3;
top:132px;
bottom:0px;
width:902px;
margin-left:-452px;
left:50%;
border-top:10px solid #fff;
border-bottom:26px solid #fff;
background:#fff;
}
* html #content {
top:0;
bottom:0;
height:100%;
width:904px;
border-top:141px solid #fff;
/* border-bottom:26px solid #fff; */
}
#head {
position:absolute;
margin-left:-472px;
left:50%;
top:0;
width:946px;
min-width:946px;
height:132px;
/* background:#fff; */
background-image: url(../gfx/bgr_stregkode2.gif);
background-repeat: repeat-y;
background-position: center;
font-size:1em;
z-index:5;
/* border-bottom:1px solid #000; */
}
* html #head {
top:0px; width:946px; height:132px;
}
#foot {
text-align:center;
position:absolute;
margin-left:-472px;
left:50%;
bottom:0;
width:946px;
min-width:946px;
height:20px;
background: url(../gfx/bgr_stregkode2.gif);
background-repeat: repeat-y;
background-position: center;
font-size:12px;
z-index:5;
/* border:1px solid #000; */
font-family: arial, verdana, sans-serif;
font-weight:bold;
color:#000;
}
* html #foot {
bottom:0px; width:946px; height:20px;
}
#foot a:link {
COLOR: #181818
}
#foot a:visited {
COLOR: #181818
}
#foot a:active {
COLOR: #181818
}
#foot a:hover {
COLOR: #f52
}
#foot span {
background-color: #fff;
padding: 2px 1em 1em 1em;
}
#toplogo {padding: 0px 80px 0px 14px; clear: left; float: left;}
#logo {display:block; width:332px; height:92px; background:url(../gfx/tsm_logo_.gif); position:relative; margin:0 auto 2em auto;}
#logo a {color:#000; font-family:arial, sans-serif; font-size:1.2em; font-weight:bold; text-transform:uppercase;}
a#logo_black, a#logo_black:visited {display:block; width:332px; height:0; padding-top:0px; position:absolute; left:0; top:0; cursor:default; text-decoration:none;}
* html a#logo_black {height:100px; he\ight:0;}
#toplogo a#logo_black:hover {background:transparent url(../gfx/tsm_logo_.gif) no-repeat 0 0; overflow:visible; color:#c00;}
a#logo_orange {display:block; width:332px; height:0; padding-top:95px; overflow:hidden; position:absolute; left:0px; top:0px;}
* html a#logo_orange {height:92px; he\ight:0;}
a#logo_orange:hover {background:transparent url(../gfx/tsm_logo.gif) no-repeat 0 0; overflow:visible;}
/* VIP START */
#vip {display:block; width:483px; height:78px; position:absolute; left:0; top:-2; background:#f72 /*fff5cb*/ ;}
html #vip { margin: 18px 0px 0px 441px; text-align: right; }
#vip:hover {background:#f82 /*fea*/ ;}
#vip img {border: 0px}
/* vip end */
#vip_fade {
margin: 17px 0px 0px 439px;
}
#nav_position {
position:absolute;
margin-left:-472px;
left:50%;
padding-left: 12px;
top:114px;
width:895px;
min-width:895px;
height:30px;
z-index:100;
}
* html #nav_position {
top:114px; width:895px; height:30px;
}
/* BOX START */
#tabs {padding:0 0 ; margin:0 0 0 5px; list-style:none; }
#tabs li {display:inline; padding:0; background:#f5f2e8; float:left; margin-right:2px; position:relative;}
#tabs li.one {width:225px; margin-bottom: 20px;}
/* evt andre box her*/
#tabs li.two {width:225px; background:#f72;}
#tabs li.two a.outer-link {background:#f72; display:block; width:100%; position:relative;}
#tabs li.three {width:225px; margin-bottom: 20px;}
#tabs li.three div img {margin:0px 0px 0px 0px;}
#tabs li a.outer-link {background:#f5f2e8; display:block; width:100%; position:relative;}
#tabs table {border-collapse:collapse; margin: -1px; width:227px;}
#tabs li b {display:block; background:transparent url(../gfx/tab_top.gif) no-repeat 0 0; padding:2px 0 0 5px; /*height:16px;*/ font-family: Arial, Tahoma, sans-serif; font-size:0.9em; overflow:hidden;}
#tabs li b.btm {display:block; background:transparent url(../gfx/box_stregkode.gif) repeat 0 0; height:10px; margin: 8px 5px 0px -1px; }
#tabs li div {border:1px solid #888; border-width:0 1px 1px 1px; padding:10px 0px 4px 6px; }
#tabs li h3 {padding:0; margin:0; font-family:Arial, Tahoma, sans-serif; font-size:15px;}
#tabs li p {margin:0px 5px 3px 5px; padding:0; font-family:Arial, Tahoma, sans-serif; font-size:11px; line-height:1.5em;}
#tabs li a {color:#f52; text-decoration:none; font-weight:bold;}
#tabs li a:hover {color:#f00; text-decoration:none; font-weight:bold;}
#tabs li.two a {color:#fff5cb; text-decoration:none; font-weight:bold;}
#tabs li.two a:hover {color:#f00; text-decoration:none; font-weight:bold;}
#tabs li a.inner-link {color:#f52; text-decoration:none;}
#tabs li a.inner-link:hover {text-decoration:underline; cursor:default;}
#tabs li.one:hover, #tabs li.one a.outer-link:hover {background:#fff6d8;}
/*evt andre box farver her*/
#tabs li.two:hover, #tabs li.two a.outer-link:hover {background:#f82;}
#tabs li.three:hover, #tabs li.three a.outer-link:hover {background:#fff6d8;}
/* box end */
/*
a:link {
COLOR: #f52
a:hover {
COLOR: #f00
*/
/* MEN INDEX START */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail img{
margin: 0px 5px 8px 0px;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
/*background-color: lightyellow;*/
background:#F72; opacity:0.90; filter:alpha(opacity=90);
font-family: Arial, Tahoma, sans-serif;
font-size: 14px;
font-weight: bold;
color: #000;
text-decoration: none;
padding: 5px;
left: -1000px;
border: #000;
border-style: solid;
border-width: 1px;
visibility: hidden;
width: 240px;
}
.thumbnail span img{ /*CSS for enlarged image*/
float:left;
/*border-width: 0;*/
margin: 2px 8px 2px 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover for FF*/
visibility: visible;
top: -38px;
left: 58px; /*position where enlarged image should offset horizontally */
}
*html .thumbnail:hover span{ /*CSS for enlarged image on hover for IE*/
visibility: visible;
top: 25px;
left: 58px; /*position where enlarged image should offset horizontally */
}
/* men index end */
/* SMALL MEN START */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.small{
position: relative;
z-index: 0;
}
.small:hover{
background-color: transparent;
z-index: 50;
}
.small span{ /*CSS for enlarged image*/
z-index: 100;
position: absolute;
/*background-color: lightyellow;*/
background:#f72;
font-family: Arial, Tahoma, sans-serif;
font-size: 12px;
font-weight: bold;
color: #000;
text-decoration: none;
padding: 4px 4px 4px 6px;
left: -1000px;
border: #000;
border-style: solid;
border-width: 1px;
visibility: hidden;
width: 340px;
}
.small span img{ /*CSS for enlarged image*/
float:right;
/*border-width: 0;
margin: 0px 0px 0px 8px;*/
}
.small:hover span{ /*CSS for enlarged image on hover for FF*/
visibility: visible;
top: -50px;
left: -332px; /*position where enlarged image should offset horizontally */
}
*html .small:hover span{ /*CSS for enlarged image on hover for IE*/
visibility: visible;
top: -5px;
left: -320px; /*position where enlarged image should offset horizontally */
}
/* small men end */
* html #content {
padding-top:5px;
}
#content img {
text-decoration: none; /*margin: 0px 9px 10px 0px;*/ border: #333; border-style: solid; border-width: 1px;}
}
#noframe {
border-width: 0px;}
}
.boldhead {
font-size:1.5em;
font-weight:bold;
}
.bold {font-weight:bold;}
.left {float:left; width: 235px; /*background-color: yellow;*/}
.center {padding:0px ; margin-left:240px; margin-right:236px; text-align:left; /*background-color: blue;*/}
.right {float:right; width: 235px; /*background-color: gold;*/}
.left_txt {float:left; width: 235px; /*background-color: yellow;*/}
.center_txt {padding:0px; margin-left:240px; margin-right:236px; text-align:left; /*background-color: blue;*/}
.right_txt { /*background-color: yellow;*/
float:left; width: 600px;
padding-left:40px;
text-align:left;
}
* html .right_txt {
float:left; width: 640px;
}
.tabel {
margin-left:-33px; margin-top: 5px;
}
* html .tabel {
margin-top: 15px;
}
.right_txt p, {
margin-left:0px;
}
.left_pic {float:left; margin: 15px 10px 6px 0px;}
* html .left_pic {float:left; margin: 3px 10px 6px 0px;}
.right_txt p, .right p, .center p, .right_txt ul{
font-size:78%;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.right_txt ul{
Line-height: 2.2em;
/*font-weight: bold;*/
padding: 0px;
}
.right_txt h1{
font-size:110%;
font-family: Arial, Tahoma, sans-serif;
}
/*
.right_txt ul {
LIST-STYLE-POSITION: outside; LIST-STYLE-IMAGE: url(../gfx/linkpil.gif)
}
*/
a {
COLOR: #f52; TEXT-DECORATION: none
}
a:link {
COLOR: #f52
}
a:visited {
COLOR: #f52
}
a:active {
COLOR: #f52
}
a:hover {
COLOR: #f00
}
a.tooltip {/*color:#c00;*/ font-weight: bold;}
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {display:block; position:absolute; top:14px; left:-20px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#ffc; width:400px;}
a.tooltip:hover b em {position:absolute; left:8px; top:-6px; width:11px; height:6px; background:#fff url(../gfx/tooltip.gif) 0 0; display:block; font-size:1px;}
.lefttext {float:left; width:300px; text-align:justify;}
.righttext {float:right; width:300px; text-align:justify;}
* html .lefttext {float:left; width:310px; text-align:justify;}
* html .righttext {float:right; width:310px; text-align:justify;}