@import url("Workroom_template.css");

html,body,form,#docWrap{height:100%;}
*{margin:0;padding:0;font-family:Verdana, Arial, Sans-Serif;font-size:small;}
h1 a{text-indent:-30em;background: url(/inc/images/etim/logos/ETIM_international_logo.jpg) no-repeat;width:100%;height:86px;display:block;}
h2{font-size:xx-large;font-weight:normal;font-family:Trebuchet MS, Helvetica, sans-serif;}
p{margin-bottom:1em;}
p.faq{margin-bottom:0;}
a, .etimRed{color:#d4021c;}
img, fieldset{border:none;}
.tac{text-align:center;}

#leftCol,body{background:#eee;}
.col{float:left;}
.row{clear:both;}
.preamble, .ingress{color:#999;}
#docWrap{min-width:60em;max-width:950px;position:relative;}

#leftCol{width:22%;height:100%;padding-left:1em;overflow:hidden;}
#leftTop{position:fixed;top:0;width:23%;}
#logo{margin: 2em auto;}
#leftBottom{bottom:0;position:fixed;padding:0 0 1em 2.2em;}
#leftBottom a{text-indent:-30em;background: url(/inc/images/etim/logos/seg_logo_2.gif) center top no-repeat;min-height:64px;min-width:146px;display:block;}

#content{border: solid 0.1em #999;border-width:0 0.1em 0 0.1em;padding:0em 0em 0em 1em;background:#fff;width:72%;min-height:100%;position:relative;}
#content h2{padding-top:0.5em;color:#d4021c;}
#content #startPageContent h2{padding-top:0.5em;color:#d4021c;text-align:center;font-size:3em;}
#content .preamble{text-align:center;}
#content #flexSection{position:relative;}
#content #flexSection #mainSection{min-height:29em;}
#content #flexSection #mainSection img{margin: 0 auto;display:block;}
#content #flexSection .box{width:15em;position:relative;padding:1em;}
#content #flexSection #sectionBoxes{position:relative;top:-5em;}
#content #flexSection .leftBox{float:left;}
#content #flexSection .rightBox{float:right;}

#content #pageContent{min-height:100%;}
#content #pageContent h2{margin:3.5em 0 0.3em;}
#content #pageContent .preamble, #content #pageContent .ingress{text-align:left;font-weight:bold;}
#content #pageContent #mainCol{background:  no-repeat top center;width:65%;min-height:100%;}
#content #pageContent #mainCol h3{color:#d4021c;}
#content #pageContent #mainCol.workroom{width:95%;}
#content #pageContent #searchCol{width:30%;padding-left:5%;min-height:100%;position:relative;background:  no-repeat bottom right ;}
#content #pageContent #searchCol #search{float:right;overflow:hidden;}
#content #pageContent #searchCol #search a{background:url(/inc/images/etim/bgs/search_start.gif) no-repeat bottom left;text-decoration:none;display:block;padding:0em 0em 0em 3em;}
#content #pageContent #searchCol #search a span{background: #969696;padding:0.2em 5em 0.3em 0em;display:block;color:#fff;font-weight:bold;}

#mainMenu li{list-style:none;margin-bottom:0.3em;}
#mainMenu a{display:block;
       background:url(/inc/images/etim/menu/menuStart_big.gif) no-repeat left bottom; padding-left:12%;text-decoration:none;color:#999;}
#mainMenu li a span{background:#fff;display:block;padding:0.3em 0.5em;}
#mainMenu li a.selected{background-image:url(/inc/images/etim/menu/menuStart_big_red.gif);}
#mainMenu li a.selected span{background:#d4021c;color:#fff;font-weight:bold;}

#mainMenu li ul li{background:none;margin-bottom:0;}
#mainMenu li ul li ul li{margin-left:1em;}
#mainMenu li ul a{background:none;}
#mainMenu li ul a span{background:none;color:#999;padding:0.1em 0.5em;}
#mainMenu li ul a.selected, #mainMenu li ul a.selected span{background:none;color:#d4021c;font-weight:normal;}

.searchTI{width:20em;}
.searchB{width:7em;}
h3.searchResults{margin:1.5em 0 1em;}
.searchResults a{font-weight:bold;}
.searchResults li{list-style:none;}
.noHit{margin-top:1em;}

#sectionBoxes h3, .push h3{color:#999;font-size:small;}

.pushBGImg{margin-top:1em;}
.pushBGImg .bgImg{height:10em;width:49%;display:block;background-repeat: no-repeat;background-position: right top;}
.push{width:49%;padding-bottom:1em;}
.push .rc span, .push .message{background:#eee;}
.push .message{padding:0.5em 1em;}
.push p{margin:0.3em 0;}
.push .readLink{margin:0;}
.push a{text-decoration:none;}

.rc span{height:1px;display:block;overflow:hidden;}
.rc .rc1{margin:0 5px;}
.rc .rc2{margin:0 3px;}
.rc .rc3{margin:0 2px;}
.rc .rc4{margin:0 1px;height:2px;}

/* style för tabellen i "Så fungerar ETIM" */
.etimFunc{border-collapse: collapse;border-spacing:0;width:50%;margin-bottom:1em;}
.etimFunc th{padding: 0.3em 0.5em;white-space:nowrap;}
.etimFunc thead tr{background:#d4021c;}
.etimFunc thead tr *{color:#fff;}
.etimFunc .even td{background-color:#FBED95;}
.etimFunc .tal{text-align:left;}
.etimFunc .tac{text-align:center;}
.etimFunc .col0{width:1%;}
/* .etimFunc .col1{width:45%;} */
.etimFunc .col2{width:1%;}
.etimFunc .col3{width:1%;}

.etimFunc td{background-image: url(/inc/images/etim/bgs/tableBorder.gif);background-repeat:repeat-y; padding: 0.1em 0.5em;vertical-align:top;}
.etimFunc .noBorder{background-image:none;}