﻿body {
	margin: 0px;
	padding: 0px;
}
#main {
	width: 100%;
	background: url('../images/konslog_02.jpg') top center repeat-x;
}
#topWrapper {
	margin: 0px auto;
	width: 943px;
	height: 347px;
	background: url('../images/konslog_04.jpg') top center repeat-x;
}
#topWrapper #t1{
	width: 10px;
	height: 347px;
	background: url('../images/konslog_03.jpg') top left no-repeat;
	float:left;
}
#topWrapper #t2{
	width: 287px;
	height: 347px;
	float:left;
	padding: 0px;
}
#topWrapper #t2 ul{
	padding: 0px;
	margin: 0px;
	list-style: none;
	background: url('../images/konslog_09.gif') -10px 168px no-repeat;
}
#topWrapper #t2 li{
	color: #ffdd41;
	margin-left: 10px;
	padding: 0px;
	height: 26px;
}
#topWrapper #t2 li#logo{
	list-style: none;
	margin-left: 0px;
	margin-bottom: 30px;
	height: 138px;
}
#topWrapper #t2 a{
	display: block;
	vertical-align: top;
	height: 26px;
	margin-left: 20px;
}
#topWrapper #t2 a img{
	vertical-align: top;
}
#topWrapper #t3{
	width: 646px;
	height: 347px;
	background: url('../images/konslog_06.jpg') top left no-repeat;
	float:left;
}
#marqueWrapper {
	margin: 0px auto;
	width: 943px;
	height: 37px;
	background: #d6d5d3;
}
#marqueWrapper #m1{
	width: 10px;
	height: 37px;
	background: url('../images/konslog_09.jpg') top left no-repeat;
	float:left;
}
#marqueWrapper #m2{
	width: 923px;
	height: 37px;
	float:left;
	line-height:37px;
	font-family: Tahoma;
	font-size: 14px;
}
#marqueWrapper #m3{
	width: 10px;
	height: 37px;
	background: url('../images/konslog_12.jpg') top left no-repeat;
	float:left;
}
#contentWrapper {
	margin: 0px auto;
	width: 943px;
	vertical-align: top;
}
#contentWrapper #c1{
	width: 297px;
	float:left;
}
#contentWrapper #c2{
	width: 636px;
	margin: 0 0 0 10px;
	float:left;
}
#footerWrapper {
	margin: 0px auto;
	width: 943px;
	height: 44px;
	background: #464854;
	margin-top: 5px;
}
#footerWrapper #f1{
	width: 10px;
	height: 44px;
	background: url('../images/konslog_39.jpg') top left no-repeat;
	float:left;
}
#footerWrapper #f2{
	width: 923px;
	height: 44px;
	float:left;
	line-height: 44px;
	color: white;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
}
#footerWrapper #f2 #div1{
float: left;
margin-left: 30px;
}
#footerWrapper #f2 #div2{
float: right;
margin-right: 30px;
}
#footerWrapper #f2 a{
	color: white;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
}
#footerWrapper #f2 a:hover{
	text-decoration: underline;
}
#footerWrapper #f3{
	width: 10px;
	height: 44px;
	background: url('../images/konslog_40.jpg') top left no-repeat;
	float:left;
}
.box_dark_grey {
	margin-top: 5px;
	background: #908484;
	display: block;
}
.box_dark_grey .box_header{
	background: #706464 url('../images/konslog_16.jpg') top left no-repeat;
	display: block;
}
.box_dark_grey .box_header div{
	background:  url('../images/konslog_18.jpg') top right no-repeat;
	height: 39px;
	line-height: 39px;
	margin-left: 20px;
	color: white;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	display: block;
}
.box_dark_grey .box_content div{
	min-height: 100px;
	margin: 20px;
	color: white;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	display: block;
}
.box_dark_grey .box_footer{
	background: url('../images/konslog_27.jpg') top left no-repeat;
	display: block;
	height: 9px;
}
.box_dark_grey .box_footer div{
	background:  url('../images/konslog_28.jpg') top right no-repeat;
	height: 9px;
	display: block;
	overflow: hidden;
}
.box_dark_grey .box_header img{
	margin-top: 14px;
}

.box_light_grey {
	margin-top: 5px;
	background: #e9e5dc;
	display: block;
}
.box_light_grey .box_header{
	background: #9d9a93 url('../images/konslog_31.jpg') top left no-repeat;
	display: block;
}
.box_light_grey .box_header img{
	margin-top: 14px;
}
.box_light_grey .box_header div{
	background:  url('../images/konslog_32.jpg') top right no-repeat;
	height: 39px;
	line-height: 39px;
	margin-left: 20px;
	color: white;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	display: block;
}
.box_light_grey .box_content div{
	margin: 20px;
	color: black;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	display: block;
}
.box_light_grey .box_footer{
	background: url('../images/konslog_35.jpg') top left no-repeat;
	display: block;
	height: 9px;
}
.box_light_grey .box_footer div{
	background:  url('../images/konslog_36.jpg') top right no-repeat;
	height: 9px;
	display: block;
	overflow: hidden;
}

.box_red {
	margin-top: 5px;
	background: #ffffff;
	display: block;
}
.box_red .box_header{
	background: #722e31 url('../images/konslog_20.jpg') top left no-repeat;
	display: block;
}
.box_red .box_header img{
	margin-top: 14px;
}
.box_red .box_header div{
	background:  url('../images/konslog_22.jpg') top right no-repeat;
	height: 39px;
	line-height: 39px;
	margin-left: 20px;
	color: white;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	display: block;
}
.box_red .box_content p{
	font-family: Tahoma;
	font-size: 12px;
	line-height: 1.5em;
	margin: 20px 0px;
	text-align: justify;
}
.box_red .box_content>div{
	min-height: 100px;
	margin: 20px;
	color: black;
	font-family: Tahoma;
	font-size: 12px;
	line-height: 1.5em;
	font-weight: normal;
	display: block;
	text-align: justify;
}
.box_red .box_footer div{
	height: 9px;
	display: block;
}
.clear { clear: both; min-height: 0px; height: 0px;}
/* ========================================*/
#s3slider {
   width: 259px; /* important to be same as image width */
   height: 144px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   padding: 0px;
   margin: -1px;
}
#s3slider.zaufali{
   width: 259px; /* important to be same as image width */
   height: 144px; /* important to be same as image height */
}
#s3slider.logomate{
   width: 279px; /* important to be same as image width */
   height: 300px; /* important to be same as image height */
   margin:  0px -10px;
}
#s3sliderContent {
   width: 100%; /* important to be same as image width or wider */
   height: inherit; /* important to be same as image height */
   position: absolute; /* important */
   top: 0;/*  important */
   left: 0;
   margin-left: 0; /* important */
	list-style:none;
	margin:0;
	padding:0;
}


.s3sliderImage {
   float: left; /*  important */
   width: 100%; /* important to be same as image width or wider */
   height: inherit; /* important to be same as image height */
   position: relative; /* important */
   display: none; /* important */
   background-position: center center;
   background-repeat: no-repeat;
}
.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 180px;
   background-color: #fff;
   filter: alpha(opacity=0); /* here you can set the opacity of box with text */
   -moz-opacity: 0; /* here you can set the opacity of box with text */
   -khtml-opacity: 0; /* here you can set the opacity of box with text */
   opacity: 0; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -  the box with text will be shown at the top of the image
       if you put
       bottom: 0; -  the box with text will be shown at the bottom of the image
   */
}
h1 {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

.box_grey1 {
	margin-top: 5px;
	background: #e9e5dc;
	display: block;
	float: left;
	width: 300px;
	margin-right: 10px;
	margin-left: -20px;
}
.box_grey1 .box_grey1_header{
	background: #9d9a93 url('../images/konslog_31.jpg') top left no-repeat;
	display: block;
}
.box_grey1 .box_grey1_header img{
	margin-top: 14px;
}
.box_grey1 .box_grey1_header div{
	background:  url('../images/konslog_32.jpg') top right no-repeat;
	height: 39px;
	line-height: 39px;
	margin-left: 20px;
	color: white;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	display: block;
}
.box_grey1 .box_grey1_content div{
	margin: 0 20px ;
	color: black;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	display: block;
	height: 250px;
}
.box_grey1 .box_grey1_footer{
	background: url('../images/konslog_35.jpg') top left no-repeat;
	display: block;
	height: 9px;
}
.box_grey1 .box_grey1_footer div{
	background:  url('../images/konslog_36.jpg') top right no-repeat;
	height: 9px;
	display: block;
	overflow: hidden;
}

.box_grey2 {
	margin-top: 5px;
	background: #D3D2CF;
	display: block;
	float: left;
	width: 300px;
	margin-right: -20px;
	margin-left: 10px;
}
.box_grey2 .box_grey2_header{
	background: #8E8D8A url('../images/b2gl.gif') top left no-repeat;
	display: block;
}
.box_grey2 .box_grey2_header img{
	margin-top: 14px;
}
.box_grey2 .box_grey2_header div{
	background:  url('../images/b2gp.gif') top right no-repeat;
	height: 39px;
	line-height: 39px;
	margin-left: 20px;
	color: white;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	display: block;
}
.box_grey2 .box_grey2_content div{
	margin: 0 20px ;
	color: black;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	display: block;
	height: 250px;
}
.box_grey2 .box_grey2_footer{
	background: url('../images/b2dl.gif') top left no-repeat;
	display: block;
	height: 9px;
}
.box_grey2 .box_grey2_footer div{
	background:  url('../images/b2dp.gif') top right no-repeat;
	height: 9px;
	display: block;
	overflow: hidden;
}

.box_grey3 {
	margin-top: 5px;
	background: #E3E2DE;
	display: block;
	float: left;
	width: 300px;
	margin-right: 11px;
	margin-left: 11px;
}
.box_grey3 .box_grey3_header{
	background: #B9B8B5 url('../images/b3gl.gif') top left no-repeat;
	display: block;
}
.box_grey3 .box_grey3_header img{
	margin-top: 14px;
}
.box_grey3 .box_grey3_header div{
	background:  url('../images/b3gp.gif') top right no-repeat;
	height: 39px;
	line-height: 39px;
	margin-left: 20px;
	color: white;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	display: block;
}
.box_grey3 .box_grey3_content div{
	margin: 0 20px ;
	color: black;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	display: block;
	height: 250px;
}
.box_grey3 .box_grey3_footer{
	background: url('../images/b3dl.gif') top left no-repeat;
	display: block;
	height: 9px;
}
.box_grey3 .box_grey3_footer div{
	background:  url('../images/b3dp.gif') top right no-repeat;
	height: 9px;
	display: block;
	overflow: hidden;
}

.box_aaaaa5 {
	margin-top: 5px;
	background: #ebebe8;
	display: block;
}
.box_aaaaa5 .box_header{
	background: #aaaaa5 url('../images/konslog_61.gif') top left no-repeat;
	display: block;
}
.box_aaaaa5 .box_header img{
	margin-top: 14px;
}
.box_aaaaa5 .box_header div{
	background:  url('../images/konslog_62.gif') top right no-repeat;
	height: 39px;
	line-height: 39px;
	margin-left: 20px;
	color: white;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	display: block;
}
.box_aaaaa5 .box_content div{
	margin: 20px;
	color: black;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	display: block;
}
.box_aaaaa5 .box_content div a ins.pdf{
display: inline-block;
width: 16px; 
height: 16px;
background: url('/images/pdf.gif') center center no-repeat;
vertical-align: text-bottom;
margin-right: 5px;
}
.box_aaaaa5 .box_content div a{
	font-size: 12px;
	line-height:24px;
	text-decoration:none;
	color:black;
}
.box_aaaaa5 .box_content div a:hover{
	text-decoration:underline;
}
.box_aaaaa5 .box_footer{
	background: url('../images/konslog_73.gif') top left no-repeat;
	display: block;
	height: 9px;
}
.box_aaaaa5 .box_footer div{
	background:  url('../images/konslog_74.gif') top right no-repeat;
	height: 9px;
	display: block;
	overflow: hidden;
}