@charset "utf-8";
/* CSS Document */
@import url(/css/style.css);
@import url(/css/stylecontent.css);
div.clear{ position:relative; clear:both;}

.columnContainer {background:#3c3c3c url(/img/design/skars_bcgbody_cur.gif) top repeat-x; }
.columnContainer #container {position: relative; width: 1000px; margin: 0 auto; text-align: center; padding:0; min-height:900px; height:100%; background:url(/img/design/skars_bcgimgmain_cur.jpg) left top no-repeat;}
.columnContainer #container #imgID2{background-image:url(../img/design/skars_imgsmain_cur.png); background-repeat:no-repeat;}
.columnContainer #container #header{ position:relative; clear:both; _display:inline-block;}
.columnContainer #container #header .logo{ position:absolute; top:22px; left:24px; width:227px; height:73px; background-position:-74px -6px; }
.columnContainer #container .menuUpBcg{ position:absolute; height:67px; width:718px; top:28px; left:262px; background:#FFF; filter:alpha(opacity=12); -moz-opacity: 0.12; -khtml-opacity: 0.12; opacity: 0.12; z-index:2;}
.columnContainer #container .menuUp{ position:absolute; height:67px; width:718px; top:30px; _top:38px; left:262px; color:#FFF; padding-top:15px; z-index:10;}
/*.columnContainer #container .menuUp ul{ position:relative; list-style:none;}
.columnContainer #container .menuUp li{ position:relative; float:left; padding:0 8px;}
.columnContainer #container .menuUp li a{ color:#FFF;}
.columnContainer #container .menuUp li a:hover{ color:#999;}*/
*+html .columnContainer #container .menuUp{ top:38px;}
.columnContainer #container #leftsidebar{ position:relative; float:left; margin:0; padding:0; width:285px; display:inline-block; }
.columnContainer #container #leftsidebar .block1{position:relative; height:139px; width:285px; top:0px; left:0px; background:url(/img/design/skars_bcgblock_in.jpg) left top no-repeat; color:#080808; text-align:left; padding:10px 20px; margin:25px 0 0 0;}
.columnContainer #container .block1 .text2bl1{ position:absolute; top:34px; left:128px; font-family:"Arial Black", Gadget, sans-serif; color:#b6001d; font-size:40px; font-weight:bold; letter-spacing:-1px;}
.columnContainer #container #leftsidebar .text3bl1{ font-size:43px; font-weight:none; padding-left:3px;}
.columnContainer #container #leftsidebar .text3bl1{ font-size:43px; font-weight:none;}
.columnContainer #container #leftsidebar .text4bl1{ position:absolute; top:90px; left:130px; color:#FFF; font-size:15px;}
.columnContainer #container #leftsidebar .block2{position:relative; height:60px; width:240px; top:0; left:0; margin: 120px 0 0 24px; text-align:left;}
.columnContainer #container #leftsidebar .block2 .text2bl2{ color:#e7e7e7; font-size:20px; margin-left:60px;}
.columnContainer #container #leftsidebar .block3{position:relative; height:92px; width:281px; top:0; left:0; text-align:right; padding:32px 0px 0 0; background-position:0 0;}
.columnContainer #container #leftsidebar .block3 p{ margin-right:20px;}
.columnContainer #container #leftsidebar .block3 p a{ color:#e00024; font-size:30px; line-height:0.9; }
.columnContainer #container #leftsidebar .block3 span{ color:#FFF; font-size:20px;}
.columnContainer #container #leftsidebar .block4{position:relative; height:80px; width:281px; top:0; left:0; text-align:right; padding:46px 0 0 0; margin:0 0 0 0; background-position:0 -125px;}
.columnContainer #container #leftsidebar .block4 p{ margin-right:20px;}
.columnContainer #container #leftsidebar .block4 p a{ color:#e00024; font-size:30px; line-height:0.9; }
.columnContainer #container #leftsidebar .block4 span{color:#FFF; font-size:20px;}
.columnContainer #container #leftsidebar .block3 p a:hover,.columnContainer #container #leftsidebar .block4 p a:hover{ color: #fff;}
.columnContainer #container #leftsidebar .block3 p a:hover span,.columnContainer #container #leftsidebar .block4 p a:hover span{ color: #e00024;}

.columnContainer #container #leftsidebar .dillers{ position:relative; width:280px; height:120px; left:0px; top:0px; font-size:14px; color:#FFF; text-align:left; }
.columnContainer #container .dillers .logo1{width:59px; height:41px; background-position:-5px -6px;}
.columnContainer #container .dillers .logo2{width:59px; height:41px; background-position:-5px -66px;}
.columnContainer #container .dillers .logo3{width:59px; height:42px; background-position:-5px -123px;}
.columnContainer #container .dillers .logo1, .columnContainer #container .dillers .logo2, .columnContainer #container .dillers .logo3{ float:left; margin:20px 0px 20px 25px;}

.columnContainer #container #rightsidebar{ position:relative; float:right; text-align:left; width:680px; _width:642px; padding:120px 15px 0 15px; }
.columnContainer #container #rightsidebar .navigator{ clear:both; color:#FFF;}
.columnContainer #container #rightsidebar .navigator a{ color:#FFF; font-size:11px; text-decoration:underline;}
.columnContainer #container #rightsidebar .navigator a:hover{text-decoration:none;}
.columnContainer #container #rightsidebar .titlePage{ clear:both; color:#FFF; font-size:30px; margin:15px 0;}
.columnContainer #container #rightsidebar #mainBox{ background-position:right top; background-repeat:no-repeat; min-height:350px;}
.columnContainer #container #rightsidebar .contact{background-image:url(/img/design/skars_bcgrsbcont_cur.gif);}
.columnContainer #container #rightsidebar #mainBox #textBox3{margin:0; padding:0; _background:url(/img/design/skars_bcgmainbox2_cur.gif) left top no-repeat; _padding-top:7px; _display:inline-block;}
.columnContainer #container #rightsidebar #mainBox #textBox2{margin:0; padding:0; _background:url(/img/design/skars_bcgmainbox3_cur.gif) left bottom no-repeat; _padding-bottom:7px; _display:inline-block;}
*+html .columnContainer #container #rightsidebar #mainBox #textBox3{ background:url(/img/design/skars_bcgmainbox2_cur.gif) left top no-repeat; padding-top:7px;}
*+html .columnContainer #container #rightsidebar #mainBox #textBox2{ background:url(/img/design/skars_bcgmainbox3_cur.gif) left bottom no-repeat; padding-bottom:7px;}

.columnContainer #container #rightsidebar #mainBox .textBox{ position:relative; display: inline-block; padding:10px; width:470px; margin-bottom:0; min-height:400px; background-color: #4e4e4e;
    border: 1px solid #000;
    -webkit-border-radius: 5px;
    -moz-border-radius:5px;
    border-radius: 5px;
	-o-border-radius:8px; -opera-border-radius:5px;
    CCborderRadius: 5px;
	 -khtml-border-radius:5px;
	  _border-bottom:none; _border-top:none;
	  _width:450px;}
.columnContainer #container #rightsidebar #mainBox .textBox {_height:expression(this.scrollHeight<400?"399px":"auto"); _padding:10px 10px 10px 0;}
*+html .columnContainer #container #rightsidebar #mainBox .textBox{ border-bottom:none; border-top:none; border-left: 1px solid #000; border-right: 1px solid #000; width:460px; padding:10px 10px 10px 0;}
.columnContainer #container #rightsidebar #mainBox .textBox p{ margin:0; padding:0;}
/*----------Contacts------------*/
.columnContainer #container #rightsidebar #mainBox .textBox .mainAdress{ position:relative; clear:both; width:450px; display:inline-block; background:#cacaca url(../img/design/skars_bcgrsbcont2_cur.gif) left top no-repeat; margin:10px 0 0 10px;}
.columnContainer #container #rightsidebar #mainBox .mainAdress .leftside{ position:relative; float:left; width:120px; padding:10px 10px; text-align:left; font-size:16px; font-weight:bold;}
.columnContainer #container #rightsidebar #mainBox .mainAdress .rightside{ position:relative; float:right; width:290px; padding:9px 5px; text-align:left;color:#333333;}
.columnContainer #container #rightsidebar #mainBox .mainAdress .rightside p{ position:relative; float:left; color:#333333;}
.columnContainer #container #rightsidebar #mainBox .mainAdress .rightside p.title{ width:75px; font-weight:bold; clear:both;}.columnContainer #container #rightsidebar #mainBox .textBox p{ margin:0; padding:0;}
.columnContainer #container #rightsidebar #mainBox .textBox .titleCont{ position:relative; clear:both; width:420px; display:inline-block; margin:10px 0 0 10px; padding:7px 15px; background:#414141; font-weight:bold;}
.columnContainer #container #rightsidebar #mainBox .textBox .adresBox{position:relative; clear:both; width:450px; display:inline-block; margin:10px 0 0 10px;}
.columnContainer #container #rightsidebar #mainBox .adresBox img{ position:relative; float:left; background: url(../img/design/skars_bcgrimgadress_con.gif) left top no-repeat; padding:3px 12px 3px 3px; border:none;}
.columnContainer #container #rightsidebar #mainBox .adresBox .text{ position:relative; float:right; width:272px; padding:9px 5px; text-align:left;}
.columnContainer #container #rightsidebar #mainBox .adresBox .text p.adress{ position:relative; float:right; width:210px; margin:-15px 0 8px 0;}
.columnContainer #container #rightsidebar #mainBox .adresBox .text p.title{ width:75px; font-weight:bold; clear:both;}
.columnContainer #container #rightsidebar #mainBox .adresBox .text p.title02{font-weight:bold; clear:both; margin:5px 0 12px 0; _width:270px;}
.columnContainer #container #rightsidebar #mainBox .adresBox .text p.link{ clear:both; margin:8px 0;}
.columnContainer #container #rightsidebar #mainBox .adresBox .text p.link a{ padding:3px 27px 5px 0; background:url(../img/design/skars_bcglinkadress_con.gif) right center no-repeat;}
/*---------end Contacts-------------*/

.columnContainer #container .footer{ position:relative; clear:both; top:0; left:0; width:1000px;}
/*Opera 9.5*/
@media not all and (-webkit-min-device-pixel-ratio) {
	.columnContainer #container #rightsidebar #mainBox #textBox3{ background:url(/img/design/skars_bcgmainbox2_cur.gif) left top no-repeat; padding-top:7px;}
	.columnContainer #container #rightsidebar #mainBox #textBox2{ background:url(/img/design/skars_bcgmainbox3_cur.gif) left bottom no-repeat; padding-bottom:7px; }
	.columnContainer #container #rightsidebar #mainBox .textBox{ border-bottom: none; border-top:none; border-left: 1px solid #000; border-right: 1px solid #000; width:458px; padding:5px 6px;}   
	.columnContainer #container #rightsidebar #mainBox .fotoEl{ margin:0 0 3px 1px;}
	.columnContainer #container #rightsidebar #mainBox .fotoEl2{ margin:0 0 3px 1px;}
}
/*Opera 9.2*/
@media all and (scan: progressive) {
	.columnContainer #container #rightsidebar #mainBox #textBox3{ background:url(../img/design/skars_bcgmainbox2_cur.gif) left top no-repeat; padding-top:7px;}
	.columnContainer #container #rightsidebar #mainBox #textBox2{ background:none; padding-bottom:1px;}
	.columnContainer #container #rightsidebar #mainBox .textBox{ border-bottom: none; border-top:none; border-left: 1px solid #000; border-right: 1px solid #000; width:458px; padding:5px 6px;}
	.columnContainer #container #rightsidebar #mainBox .fotoEl{ margin:0 0 3px 1px;}
	.columnContainer #container #rightsidebar #mainBox .fotoEl2{ margin:0 0 3px 1px;}
}


