@charset "utf-8";
/* CSS Document */
@import url(../css/stylecontent.css);
html{}

body  {
	font:100% Verdana, Geneva, sans-serif;
	background: #fff;
	margin: 0;
	padding: 0;
	text-align: left;
	font-size:10px; 
	color:#0e6a2b;
}
h1{ clear:both; font:100% Arial; margin:0 0 1em 0; padding-top:0.5em; color:#7f7f7f; font-size:11px; font-weight:normal; text-align:left; letter-spacing:0.1em;}
h2{ margin:0; padding:0; font-size:11px; font-weight:normal;}
h3{ margin:0; padding:0; font-size:11px; font-weight:normal;}
h4{ margin:0; padding:0; font-size:11px; font-weight:normal;}
h5{ margin:0; padding:0; font-size:11px; font-weight:normal;}
h6{ margin:0; padding:0; font-size:11px; font-weight:normal; font-size:11px; color:#b3b3b3; padding-top:0.5em;}
img{ border:none;}
a{ text-decoration:none;}
p{ margin:0; padding:0;}

.columnContainer { background:#ffffff url(/img/design/kl_bcgbody_cur.gif) top repeat-x; }
.columnContainer #pointActions{ position: fixed; width:118px; height:155px; top:300px; right:0; z-index:1000;}
.columnContainer #container {position: relative; width: 100em; margin: 0 auto; margin-bottom:2em; text-align: center; padding:0; min-height:79em; height:100%; background:url(/img/design/kl_bcgimgmain_cur.jpg) left top no-repeat;}
																																																													/*.columnContainer #container {_height: expression( document.body.clientHeight < 790 ? "789px" : "auto" );}*/
.columnContainer #container #header{ position:relative; clear:both; margin:0; padding:0; width:100%; display:inline-block;}	
.columnContainer #container #header #logo{	position:absolute; top:14.5em; left:81em; width:17.4em; height:14.8em; z-index:100;}
.columnContainer #container #header .title{ position:relative; clear:both; margin:2.6em 0 0.6em 26.6em; text-align:left;}
.columnContainer #container #header .adress{ position:relative; clear:both; padding:0; margin:0 0 0 27.9em; color:#0e6a2b; font-size:1em; font-weight:normal; } 
.columnContainer #container #header .adress a{ font-size:1.1em; color:#0e6a2b; text-decoration:underline;}
.columnContainer #container #header .adress .street{ font-size:1.4em; font-weight:bold; padding-left:4em;}
.columnContainer #container #header .adress .phone{ font-size:2.4em; font-weight:bold;}
.columnContainer #container #header .menu{ position:relative; clear:both; margin:0.5em 0 0 26.6em; text-align:left; background:url(/img/design/kl_bcgmenu_cur.png) left top no-repeat; width:72.7em; height:3.5em;}
.columnContainer #container #header .slogan{ position:relative; clear:left; font-size:1em; margin:3em 0 0 33.6em; padding:0; width:44.1em; text-align:left;}

.columnContainer #container #maincontent{ position:relative; clear:both; display:inline-block; font-size:1em; margin-top:5.5em;}

.columnContainer #container #maincontent .leftside{ position:relative; float:left; background:url(/img/design/kl_bcgleftsidebottom_cur.jpg)  left bottom no-repeat; padding-bottom:8em; font-size:1em; width:63.2em;}
.columnContainer #container #maincontent .content{position:relative; background:url(/img/design/kl_bcgcontent_cur.png) left top no-repeat; font-size:10px; margin-top:0em; width:63.2em; min-height:73.9em;}
.columnContainer #container #maincontent .content .titlePage{ position:relative; clear:both; font-size:2.4em; color:#6e9c00; width:25em; text-align:left; margin-left:0.6em; padding:0.4em 0 0em 0;}
.columnContainer #container #maincontent .content .news{}
.columnContainer #container #maincontent .content .news div{ display:inline-block;}
.columnContainer #container #maincontent .content .titleNews{ color:#3284c7; font-weight:bold; margin-bottom:-0.7em;}
.columnContainer #container #maincontent .content .titleNews a{ color:#3284c7; text-decoration:none;}
.columnContainer #container #maincontent .content .titleNews a:hover{text-decoration: underline;}
.columnContainer #container #maincontent .content .textNews{}
.columnContainer #container #maincontent .content .textNews a{ font-size:1em;}


.columnContainer #container #maincontent .rightside{ position:relative; float:right; margin-right:0.5em; width:34.6em;}
.columnContainer #container #maincontent .rightside .orderBox{ position:relative; clear:both; background:url(/img/design/kl_bcgorderBox_cur.png) left top no-repeat; padding:1em 0 0 0; height:13.4em; margin-left:0.3em;}
.columnContainer #container #maincontent .rightside .orderBox .but1{ position:relative; clear:both; width:18.1em; height:2.8em; margin:0 0 0 14em; padding:0.6em 0 0 0; background:url(/img/design/kl_bcgbauheader_in.png) left top no-repeat; text-align:center;}
.columnContainer #container #maincontent .rightside .orderBox .but1 p{ font-size:1.1em; font-weight:bold; margin-top:0.2em;}
.columnContainer #container #maincontent .rightside .orderBox a.link1{color:#6e9c00;}
.columnContainer #container #maincontent .rightside .orderBox a.link2{color:#df001e;}
.columnContainer #container #maincontent .rightside .orderBox a.link3{color:#3284c7;}

.columnContainer #container #maincontent .rightside .middle{position:relative; clear:both; margin:0.5em 0 0 0; background:none; text-align:center;}
.columnContainer #container #maincontent .rightside .titleBox{ background:url(/img/design/kl_bcgrightmiddletitle_in.gif) top no-repeat;}
.columnContainer #container #maincontent .rightside .titleBox p{ color:#FFF; font-size:1.2em; font-weight:bold; text-transform:uppercase; padding:0.7em 0;}
.columnContainer #container #maincontent .rightside .middle ul{ margin:0; padding:0; list-style:none;}

.columnContainer #container #maincontent .rightside .middle li{ background:url(/img/design/kl_bcgrightlia_in.gif) 1.3em center no-repeat; padding:0.7em 0 0 0;}
.columnContainer #container #maincontent .rightside .middle li div{background:url(/img/design/kl_bcgrightli_cur.gif) center bottom no-repeat;  padding:0 0 0.7em 3.5em; text-align:left;}
.columnContainer #container #maincontent .rightside .middle li a{font-size:1.1em; font-weight:bold; color:#404f55;}
.columnContainer #container #maincontent .rightside .middle li.end{ background:none; padding:0.7em 0; padding-left:23em;}
.columnContainer #container #maincontent .rightside .middle li.end div{background:url(/img/design/kl_bcgrightliadetail_in.gif) left center no-repeat; width:9em; padding:0.5em 0 0.8em 0 ; text-align:center;}
.columnContainer #container #maincontent .rightside .middle li.end a{font-size:1.1em; font-weight:bold; color:#404f55;}
.columnContainer #container #maincontent .rightside .faq{ position:relative; clear:both; font-size:1em; margin:2em 0 0 0.5em; width:33.5em; text-align:left;}
.columnContainer #container #maincontent .rightside .faq p.title{ font-size:1.4em; color:#3284c7; font-weight:bold; margin:0 0 0 1.5em;}
.columnContainer #container #maincontent .rightside .faq .block{ width:33.5em; background:url(/img/design/kl_bcgrightfaq_cur.gif) center bottom no-repeat; padding:1em 0 0.6em 0; min-height:21.5em;}
.columnContainer #container #maincontent .rightside .faq .block .element{ background: url(/img/design/kl_bcgpointlifaq_in.gif) left 0.2em no-repeat; width:26.5em; padding:0 0 0 1.5em; margin:0 1em 0 3em; }
.columnContainer #container #maincontent .rightside .faq .block .element p{ font-size:1.1em; color:#3284c7; margin:0.4em 0; text-align:justify;}
.columnContainer #container #maincontent .rightside .faq .block .but2{ position:relative; float:left; background:url(/img/design/kl_bcgbuttondown_in.png) left top no-repeat; font-size:1.1em; font-weight:bold; width:10.7em; height:2em; color:#3284c7; text-align:center; padding:0.2em 0; margin:0.8em 0.5em;}



.columnContainer #container #footer{ position:absolute; left:0; bottom:-2.2em; z-index:1; height:2em; color:#027ddd; width:100%;}		
.columnContainer #container #footer .leftside{ position:relative; float:left; font-size:1.2em; margin-left:0.5em;}
.columnContainer #container #footer .rightside{ position:relative; float:right; font-size:1.2em; text-align:right; margin-right:1.5em;}
.columnContainer #container #footer .rightside a{ color:#027ddd;}
.columnContainer #container #footer .rightside a:hover{ text-decoration:underline;}



/* menu */
#jsddm{	margin: 0 0 0 9em;	padding: 0;}
#jsddm li{float: left; list-style: none; font: 1.2em Tahoma, Arial; padding:0.7em 0;}
#jsddm li a{ display: block; background: none; padding: 0 0.8em; text-decoration: none; border-right: none; color: #fff; text-transform:uppercase; white-space: nowrap}
#jsddm li a:hover{	background:none; color:#f4fec4;}
#jsddm li ul{ margin: 0; padding: 0 10px; position: absolute; visibility: hidden; border: 0.1em solid #000; background: #3c3c3c;}
#jsddm li ul li{ float: none; display: inline; border-bottom: 1px solid #000; border-left:none;	text-align:left;}
#jsddm li ul li a{	width: auto; padding:5px 12px 5px 30px;	background: #3c3c3c url(../img/design/skars_bcglisubmenu.gif) 10px center no-repeat;				border-bottom:1px solid #4d4d4d; color: #e7e7e7;}
#jsddm li ul li a:hover{color: #fff; background: #4d4d4d url(../img/design/skars_bcglisubmenu.gif) 9px center no-repeat;}
#jsddm li ul li.splash{ height:4px;}
/*----------------------*/	
/*Pager*/
.columnContainer #container #maincontent .content .pager{ text-align:center; padding:0 0 0 15em; margin:0.5em 0;}
.columnContainer #container #maincontent .content .pager .textCount{ float:left; color:#3284c7; font-weight:bold; font-size:11px; margin:0 10px;}
.columnContainer #container #maincontent .content .pager a { text-decoration:none;}
.columnContainer #container #maincontent .content .pager a .nextEl{ float:left; background:#fff; border:1px solid #e8e8e8; height:16px; width:18px; color:#3284c7; padding:-2px -2px -2px 2px; cursor: pointer; text-align:center; text-decoration:none; margin:0 2px; font-family:Tahoma, Geneva, sans-serif; font-size:11px; letter-spacing:-2px;}
.columnContainer #container #maincontent .content .pager a:hover .nextEl{background:#e8e8e8; border:1px solid #e8e8e8; color:#3284c7; cursor: pointer;}
.columnContainer #container #maincontent .content .pager a .numPageEl{ float:left; background:#e8e8e8; border:1px solid #e8e8e8; height:16px; width:18px; color:#3284c7; padding:-2px -2px -2px 2px; cursor: pointer; text-align:center; text-decoration:none; margin:0 2px; font-family:Tahoma, Geneva, sans-serif; font-size:11px; letter-spacing:0; font-weight:bold;}
.columnContainer #container #maincontent .content .pager a:hover .numPageEl{background:#3284c7; border:1px solid #3284c7; color:#FFFFFF; cursor: pointer;}
.columnContainer #container #maincontent .content .pager a .numPageElact{ float:left; background:#3284c7; border:1px solid #3284c7;  height:16px; width:18px; color:#FFFFFF; padding:-2px -2px -2px 2px; cursor: pointer; text-align:center; text-decoration:none; margin:0 2px; font-family:Tahoma, Geneva, sans-serif; font-size:11px; letter-spacing:-2px; font-weight:bold;}
.columnContainer #container #maincontent .content .pager a:hover .numPageElact{background:#FFF; border:1px solid #e8e8e8; color:#3284c7; cursor: pointer;}
.columnContainer #container #maincontent .content .pager a .numPageSlash{ float:left; background:none; border:none; height:16px; width:18px; color:#3284c7; padding:-2px -2px -2px 2px; cursor: pointer; text-align:center; text-decoration:none; margin:0 2px; font-family:Tahoma, Geneva, sans-serif; font-size:11px; letter-spacing:0; font-weight:bold;}
.columnContainer #container #maincontent .content .pager a:hover .numPageSlash{background:none; border:none; color:#FFFFFF; cursor: pointer;}
/*--end Pager--------------*/
