/* ---- editor style definitions ----  */
/* ---------------------------------------------------------  */
@import 'editor_styles.css';

/* ---- mod-template style-definitions ----  */
/* ---------------------------------------------------------  */
@import 'mod_styles.css';

/* ---- tree-template style-definitions ----  */
/* ---------------------------------------------------------  */
@import 'navigation_bar_main.css';
@import 'navigation_tree_sub.css';
@import 'navigation_bar_footer.css';


/* ---- global DESIGN ----  */
/* ---------------------------------------------------------  */
html {
	height: 100%; /* stickyFooter */
}
body {
	height: 100%; /* stickyFooter */
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	background-image: url(../../images/vkbit/pages_bkg.jpg);
	background-repeat: repeat-x;
	background-position: -58px 0px;
}
body, table, td, tr {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a, a:active {
	color: #EFB300;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	color: #DB0025;
}
a img {
	border:0px;
}
form {
	margin: 0px;
	padding: 0px;
}
select, textarea, input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 2px;
	border: 1px solid #CCCCCC;
	background-color: #F5F5F5;
}
input.button {
	cursor: pointer;
}
input.image {
	padding: 0px;
	border: 0px;
	background-color: transparent !important;
}
input.checkbox {
	padding: 0px;
	border: 0px;
	background-color: transparent;
}
input.radiobutton {
	padding: 0px;
	border: 0px;
	background-color: transparent;
}
.copyright {
	font-size: 9px;
}
.clearFloat {
	clear: both;
}
.clearFloat hr {
	display: none;
}

/* ---- LAYOUT ----  */
/* ---------------------------------------------------------  */
#containerBox	{
	position: relative; /* stickyFooter */
	min-height: 100%; /* stickyFooter */
	background-image: url(../../images/vkbit/footer_bottom_bkg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
* html #containerBox	{
	height: 100%; /* stickyFooter */
}
#leftBkg {
	height: 100%;
	width: 220px;
	background-color: #FFD750;
	position: absolute;
}
#topBox {
	background-image: url(../../images/vkbit/top_bkg.jpg);
	background-repeat: no-repeat;
	height: 162px;
}
#logoBox {
	background-image: url(../../images/vkbit/top_logo_vkb.gif);
	background-repeat: no-repeat;
	background-position: 223px 16px;
	width: 740px;
	height: 129px;
}
#logoBox a {
	display: block;
	width: 148px;
	height: 97px;
	padding: 28px 0px 0px 18px;
}
#mainnavBox {
	width: 579px;
	height: 33px;
	padding-left: 192px;
	background-image: url(../../images/vkbit/mainnav_pic_left.gif);
	background-repeat: repeat-x;
}
#columnContainerBox {
	width: 770px;
	background-image: url(../../images/vkbit/subnav_bkg.gif);
	background-repeat: repeat-y;
}
#leftColumnBox {
	width: 220px;
	background-color: #FFD750;
	float: left;
}
#searchBox {
	height: 111px;
	height: 141px;
	background-image: url(../../images/vkbit/search_bkg.jpg);
	background-repeat: no-repeat;
	color: #DB0025;
	font-weight: bold;
	font-size: 10px;
}
#searchBox input {
	border: 1px solid #EEA500;
	background-color: #FFFFFF;
	width: 120px;
	margin-top: 3px;
	font-weight: normal;
}
#searchBox input.image {
	display: block;
	margin: 3px 0px 0px 69px;
	border: 0px;
	width: auto;
	height: auto;
}
#searchBox .articleSearch {
	padding: 10px 0px 0px 15px;
}


#subnavBox {
	
}
#rightColumnBox {
	width: 550px;
	float: left;
}
#contentBox {
	background-image: url(../../images/vkbit/topcontent_design_bkg.jpg);
	background-repeat: no-repeat;
	padding: 61px 0px 0px 45px;
}
#footernavBox {
	float: right;
	width: 550px;
}
	
#footerOffsetBox {
	clear: both;
	height: 90px;
	background-image: url(../../images/vkbit/subnav_bkg.gif);
	background-repeat: repeat-y;
}
#footerBox {
	position: absolute; /* stickyFooter */
	bottom: 0px; /* stickyFooter */
	clear: both;
	font-size: 9px;
}
#footerBox .line1 {
	width: 770px;
}
#footerBox .line1, #footerBox .line1 div  {
	height: 50px;
}
#footerBox .line1 .div1  {
	width: 220px;
	background-image: url(../../images/vkbit/footer_bottom_pic_top.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	float: left;
}
#footerBox .line1 .div1 a  {
	display: block;
	width: 50px;
	height: 25px;
	margin: 25px 0px 0px 165px;
}
#footerBox .line1 .div2 {
	width: 550px;
	float: left;
	text-align: center;
}
#footerBox .line2 {
	width: 770px;
	height: 30px;
	background-image: url(../../images/vkbit/footer_bottom.gif);
	background-repeat: no-repeat;
}