@import url("Workroom_template.css");

*{font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;padding:0px;margin:0px;color:#666;}
body{background:#DAE4ED url(../images/bg_fejk.png);background-repeat:repeat-x;font-size:small;margin:0em 0em 0em 1em;height:100%;}

h1,h1 a{font-size:xx-large;}
h1 a img{width:5.7em;}
h2,h2 span{font-size:large;color:#369;}
h3{font-size:large;}
div,span,a,td,input,textarea,option,select{font-size:x-small;}
a{color:#369;}
li{list-style:none;}
img{border:none;}
fieldset div{padding:0px 8px;}
fieldset label{padding:0px;margin:0px;}
#loggaIn{border:none;}
#eNummerSok{position:relative;margin:1em;border:none;}
#eNummerSok div,#eNummerSok label{color:#369 !Important;}
#eNummerSok div{border:solid #82a5cc;border-width:0px 1px;}
#eNummerSok .cornerDiv{height:4px;margin:0px;padding:0px;border:none;}
#eNummerSok .cornerDiv *{border:none;}
#eNummerSok .topDiv{background: url(/inc/images/eSok_corner_rightUp.gif) no-repeat top right;}
#eNummerSok .topDiv .topLeft{width:4px;background: url(/inc/images/eSok_corner_leftUp.gif) no-repeat top left;}
#eNummerSok .bottomDiv{background: url(/inc/images/eSok_corner_rightDown.gif) no-repeat top right !Important;}
#eNummerSok .bottomDiv .bottomLeft{width:4px;background: url(/inc/images/eSok_corner_leftDown.gif) no-repeat top left;}
#eNummerSok .first{padding-top:3px;}
#eNummerSok .last{padding-bottom:3px;}

#eNummerSok .radioContainer{padding-bottom:2px;padding-top:2px;}
#eNummerSok .radio input{ vertical-align:middle;}
#eNummerSok .radio label{font-weight:bold;padding-left:5px;}

#SearchArea{margin:10px 0 10px 0;}
#SearchArea .eNumber{float:left;}
#SearchArea .eNumber .searchLabel{margin-left:20px;}
#SearchArea .eanCode{float:left;margin-left:15px;}
#SearchArea .eanCode .searchLabel{margin-left:20px;}
#SearchArea .errorMsgArea{float:left;margin-left:15px;margin-top:15px;}
#SearchArea .clear{clear:both;}

.round *{height:20px;float:left;}
.round .left,.round .right{width:10%;}
.round .mid{width:80%;background:#fff;}
.top .left{background: url(../images/horn_vanster_300.gif) top left no-repeat;}
.top .right{background: url(../images/horn_hoger_300.gif) top right no-repeat;}
.bottom .left{background: url(../images/horn_vanster_300.gif) bottom left no-repeat;}
.bottom .right{background: url(../images/horn_hoger_300.gif) bottom right no-repeat;}

.leftCol,.midCol,.rightCol{float:left;overflow:hidden;}
.leftCol,.rightCol{width:20%;}
.leftCol,.midCol{margin-right:1%;}
.midCol{width:551px;}
.colTop,.colBottom{clear:left;}

#midLeft,#midMid,#midRight{padding-bottom:1000em;margin-bottom:-1000em;}

#docWrapper{width:100em;height:100%;display:table;}
#topWrapper{height:13em;}
#topWrapper h1,#topWrapper fieldset{width:92%;margin:20px auto;}

#topWrapper .midCol
{
    background: url(../images/background.png) top right no-repeat;
    height:121px;
}

#midWrapper{overflow:hidden;}
/* #midWrapper .leftCol,#midWrapper .midCol,#midWrapper .rightCol{display:table-cell;} */
#midWrapper,#bottomWrapper{clear:both;}
#midWrapper div{background:#fff;}
#midWrapper .rightCol *{text-align:center;}
#midWrapper .rightCol li{margin:30px 0px 0px 0px;}
#content{padding:0px 20px;min-height:40em;}

#bottomWrapper .leftCol,#bottomWrapper .midCol,#bottomWrapper .rightCol{background:#fff;}

.colBottomAddress{overflow:hidden;}
.colBottomAddress .col{background:#fff;padding-bottom:20em;margin-bottom:-20em;}
address{text-align:center;margin:3em auto 0em;position:relative;font-style:normal;}
#bottomMargin{clear:both;height:2em;}

.bPush{position:relative;top:1px;left:1px;}

.rightCol h2{color:#B7B7B7;font-size:small;text-transform:uppercase;text-align:left;}

.languageDiv{padding:0em 0em 1em 20px;}
.languageDiv *{text-decoration:none;}

.menu li{margin-bottom:3px;}

#mainMenu a,.menu h2{
	padding: 0px 0px 0px 20px;
	text-decoration:none;
	font:bold small Arial,Helvetica,sans-serif;
	text-transform:uppercase;
}
#mainMenu .subMenu{margin:0px 0px 0px 20px;max-width:100%;}
#mainMenu .subMenu *{text-transform:none;font-weight:normal;}

#mainMenu .activeLink{font-weight:bold;}

#mainMenu .activeMenu{background:#e6efd4;}
#mainMenu .activeMenu .subMenu{background:#EDF4E2;padding:0px 0px 0px 20px;margin:0px;}
#mainMenu .activeMenu .subMenu .subMenu{background:#F7FAF3;padding:0px 0px 0px 40px;margin:0px 0px 0px -20px;}

.menu h2,.LoggaIn,#eNummerSok label{color:#369;}
.menu h2{text-align:left !important;padding-left:15px;}
.LoggaIn,#eNummerSok label{font-size:11px;font-weight:bold;}
#loggaIn label{color:#369 !Important;}
#loggaIn div{padding:0px;}

.date{color:#ccc;}
#newsList{margin:20px 0px 0px 0px;}
#newsList li{margin:20px 0px 0px 0px;}
#newsList *{list-style:none;}
#newsList h3{font-size:medium;font-weight:normal;}

/* .colTop .rightCol,#midWrapper .rightCol,.colBottom .rightCol{display:none;} */

#content p a.heading2{font-weight:bold;} /* .heading2 is an EPI class */
#content p a.linklist{margin-top:2px;display:block;} /* .linklist is an EPI class */
#content p{padding-top:10px;}
#content ol li {list-style-type:decimal;list-style-position:inside;}
#content ul li {list-style-type:circle;list-style-position:inside;}

.sitemap .sitemapheader a{padding-bottom:5px;display:block;font-size:small;}

#content fieldset{padding:0px 0px;}

#midRight .menu div{padding:1em;margin-top:2em;}
#midRight .menu div h3{color:#369;font-size:110%;text-align:left;margin-bottom:0.7em;clear:both;}
#midRight .menu div img,#midRight .menu div a{float:left;}
#midRight .menu div a{width:70%;margin-left:1em;font-weight:bold;text-align:left;}

#testDiv{position:absolute;top:40px;left:40px;background:#fff;border:1px solid red;padding:10px;}


#masterpagePuff1
{
	margin-left: 10px;
	margin-top: 10px;
	width: 178px;
}

#masterpagePuff2
{
	margin-left: 10px;
	margin-top: 10px;
	width: 178px;
}
