body  {
   font-family: Arial, Sans;
   color: #555;
   font-size: 11px;
   height: 100%;
   margin: 0px;
   padding: 0px;
   background: #fff url(/front/bg_top.png) repeat-x;
}

#canvas   { text-align: center; }
#thepage  { position: relative; width: 900px; margin: 0px auto 0px auto; }
#header   { position: absolute; width: 900px; height: 80px; left: 0px; top: 0px; }
#toplogo  { position: absolute; width: 160px; height: 60px; left: 20px; top: 15px; background: url(/front/logo.png) no-repeat; }
#topmenu  { position: absolute; width: 560px; height: 45px; left: 175px; top: 81px; font-family: Arial, Sans; font-size: 14px; text-align: center; }
#main     { position: absolute; width: 900px; height: 395px; left: 0px; top: 135px; }
#content  { position: absolute; width: 550px; height: 360px; left: 280px; top: 50px; text-align: left; }
#content2 { position: absolute; width: 700px; height: 430px; left: 200px; top: 0px; text-align: left; background: url(/front/bg_cont2.png) no-repeat; }
#content3 { position: absolute; width: 727px; height: 360px; left: 180px; top: 50px; text-align: left; }
#footer   { position: absolute; width: 900px; height: 100px; left: 0px; top: 590px; font-size: 9px; color: #444; }
#langsel  { position: absolute; width: 300px; height: 20px;  right: 0px; bottom: 0px; text-align: right; }

#mainmnu { position: absolute; width: 130px; height: 320px; left: 20px; top: 45px; padding-top: 10px; }
#submnu  { position: absolute; width: 130px; height: 320px; left: 150px; top: 45px; background: url(/front/bg_div.png) no-repeat; }

.toplnk  { float: left; height: 45px; background: url(/front/top_mnu.png) repeat-x; }
.toplnka { float: left; height: 45px; background: url(/front/top_mnu_active.png) repeat-x; }
.topbtn  { float: left; color: #333; width: 110px; margin-top: 10px; padding: 0px; background: text-align: center; }
.topbtnl { float: left; width: 4px; height: 45px; margin: 0px;  background: url(/front/top_mnu_left.png); }
.topbtnc { float: left; color: #333; width: 102px; margin-top: 10px; padding: 0px; background: text-align: center; }
.topbtnr { float: left; width: 4px; height: 45px; margin: 0px; background: url(/front/top_mnu_right.png); }
.topbtn a       { color: #fff; text-decoration: none; }
.topbtn a:hover { color: #ccc; text-decoration: none; }

.mainlnk { width: 130px; height: 35px; margin: 0px; background: url(/front/bg_mnu.png) no-repeat; }
.mainbtn { float: right; font-size: 12px; color: #f00; margin: 10px 5px 0px 0px; }
.mainbtn a       { color: #777; text-decoration: none; }
.mainbtn a:hover { color: #000; text-decoration: none; }

.sublnk { width: 130px; height: 25px; margin: 0px 0px 0px 5px; background: url(/front/bg_submnu.png) no-repeat; overflow: hidden; }
.subbtn { float: left; font-size: 10px; color: #f00; margin: 5px 0px 0px 5px; white-space: nowrap; }
.subbtn a       { color: #777; text-decoration: none; }
.subbtn a:hover { color: #000; text-decoration: none; }
.subbtn .active { color: #f00; text-decoration: none; }

.portfolio     { position: relative; height: 360px; width: 550px; overflow: hidden; }
#portfolio_img { position: absolute; height: 295px; width: 550px; top: 0px; left: 0px; border: none; z-index: 11; }
#portfolio_txt { position: absolute; height: 40px;  width: 450px; bottom: 20px; left: 50px; border: none; z-index: 12; color: #666; }

.kundpics  { height: 290px; width: 305px; border: none; }
.listing   { color: #777; font-size: 11px; font-weight: bold; line-height: 22px; margin-left: 50px; }
.citat     { font-weight: bold; color: #f00; font-size: 16px; margin: 100px 0px 0px 20px; font-style: italic; }

#newsbg  { position: relative; width: 727px; height: 360px; text-align: left; padding: 0px; margin: 0px; background: url(/front/bg_news3.png); }
#news    { position: absolute; top: 10px;  left: 50px;  width: 300px; height: 305px; padding: 0px; overflow: auto; }
#newsc   { width: 280px; margin: 0px; padding: 0px; }
#newsc b { color: #777; }

#month    { position: absolute; top: 100px;  left: 100px;  width: 300px; height: 80px; text-align: left; padding: 0px; }
#monthc   { width: 280px; margin: 0px; padding: 0px; }
#monthc b { color: #777; }

h1  { color: #f00; font-size: 13px; margin: 15px 0px 5px 0px; font-weight: bold; }
h3  { color: #777; font-size: 11px; margin: 15px 0px 0px 0px; }
h4  { color: #777; font-size: 11px; margin: 0px 0px 0px 0px; }
p   { margin: 0px 0px 8px 0px; }

a       { color: #f00; text-decoration: none; }
a:hover { color: #333; text-decoration: none; }

.frm  { text-align: right; margin: 10px 50px 0px 5px; }
.frmc { float: right; width: 220px; text-align: center }

.txt  { font-family: Arial, Sans; font-size: 11px; color: #333; background: #fff url(/front/bg_textbox.png) no-repeat; border: solid 1px #666; margin: 1px; }
.btnS { font-size: 11px; color: #444; width: 60px; }
.btnM { font-size: 11px; color: #444; width: 80px; }
.btnL { font-size: 11px; color: #444; width: 100px; }

.hilite { color: #777; font-weight: bold; }
.err    { color: #f00; }
.msg    { color: #080; }

.lang1  { width: 16px; height: 16px; border: none; margin: 2px 0px 2px 4px; cursor: pointer; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=50);'; *filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: .5; }
.lang2  { width: 16px; height: 16px; border: none; margin: 2px 0px 2px 4px; }

.personal_div {
	position: absolute;
	left:50%;
	top:210px;
	margin-left:-90px;
	width:335px;
	height:230px;
	z-index:101;
	background: transparent url(/pics/personal/bg.png) no-repeat;
	overflow: hidden;
	border:none;
	display: none;
}

.popup_dim {
	position: fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:100;
	background-color:#000;
	overflow: hidden;
   *filter: alpha(opacity=50);
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50);";
   opacity: 0.5;
	display: block;
}