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

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

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


/* ---- global DESIGN ----  */
/* ---------------------------------------------------------  */
html {
	height:100%; 
	max-height:100%;  
	padding:0; 
	margin:0; 
	border:0; 
	/* hide overflow:hidden from IE5/Mac */ 
	/* \*/ 
	overflow: hidden;
	/* */
}
body {
	height:100%;
	max-height:100%;
	overflow:hidden;
	padding:0px;
	margin:0px;
	border:0px;
}
body, table, td, tr {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}

a, a:active {
	color: #FFFFFF;
	text-decoration: underline;
}
a:hover {
	color: #000000;
	text-decoration: none;
}
a img {
	border:0px;
}
form {
	margin: 0px;
}
select, textarea, input {
	font-family: Arial, Helvetica, Verdana, 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;
}
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;
}

/* ---- PRINT-LAYOUT ----  */
/* ---------------------------------------------------------  */
#printFooterBox {
	display: none;
}
#printHeaderBox {
	display: none;
}

/* ---- LAYOUT ----  */
/* ---------------------------------------------------------  */
#outerBox {
	position:fixed;
	left:0px;
	right: 0px;
	top:0px;
	height:100%;
	width: 100%;
	overflow:auto;
	overflow-x: hidden;
	z-index: 2;
	
	background-position: 560px 202px; 
	background-repeat: no-repeat;
}
#borderBox {
	width: 740px;
}
#leftBox {
	float: left;
	width: 189px;
}
#logoBox {
	height: 180px;
	width: 180px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dixi/all_logo_dixi.png');
	background-repeat: no-repeat;
	margin: 5px 0px 22px 5px;
}
html > body #logoBox {
	background-image: url(../../images/dixi/all_logo_dixi.png);
}
#logoBox a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
}
#mainnavBox {
	
}
#picBox {
	height: 170px;
	width: 189px;
	background-position: 95% 100%;
	background-repeat: no-repeat;
}
#picBox a {
	display: block;
	width: 120px;
	height: 120px;
	margin: 50px 0px 0px 50px;
}
#logoBox span, #picBox span {
	display: none;
}
#centerBox {
	float: left;
	width: 350px;
}
#topBox {
	height: 140px;
	width: 545px;
}
#contentBox {
	z-index: 5;
	margin-bottom: 40px;
	line-height: 1.3em;
}

#footerBox {
	z-index: 10;
	position:absolute; 
	bottom: -1px;
	width: 1300px;
	height: 50px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/dixi/all_bottom_gras_big.png');
}
html > body #footerBox {
	background-image: url(../../images/dixi/all_bottom_gras_big.png);
}
#footernavBox {
	z-index: 12;
	bottom: 0px;
	position:absolute; 
	width: 500px;
	height: 50px;
}