html, body {
	margin:0; 
	padding:0;
	width:100%; 
	height:100%; 
	overflow:hidden;
}

#background {
	position:absolute; 
	bottom:0px; right: 0px;
	z-index:1;
	margin: 0px;
}

#scroller {
	width:100%;
	height:100%;
	position:absolute; 
	top:0; left:0;
	overflow:auto;
	z-index:3;
	background-color: #111111;	
}

/** 
	background-color : #003833;
	background-image : url(../img/logoI.jpg);  **/

*, div, p {
	font-family: verdana, arial, sans-serif, helvetica;
	color: #d6d6d6;
	font-size: 98%;
	text-decoration: none;
}

.ciel{
	color: #bad6e7;
}

.yellow {
	color: #fea700;
}

h3, .pipe {
	color: #0088ff;
}

/**body { background: #121c25; }
body {
	background-image : url(../img/background3_c.jpg);
}**/

hr {
	width: 100%;
	border: 1px solid white;
	height: 0px;
}

a {
	font-size:88%;
	letter-spacing: 3px;
	color: #44ccff;
}

img, .border0, .cms_checkbox {
	border: 0px;
}

.button, .cms_button {
	border: 1px solid #000000;
	margin: 0px;
	padding: 0px;
	cursor:pointer;
	background:url(img/forward.jpg)  #111111;
	height:21px;
	width:100px;
	background-repeat:no-repeat;
	font-family: verdana;
	color: #ffffff;
}

.button_text {
	font-weight: normal;
	color: #ffffff;
	letter-spacing: 0px;
	font-size: 110%;
}

.article_online td {
	padding: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
}

h1, h2, h3, h4 { letter-spacing: 3px; }

.login, .logout { font-size: 50%; letter-spacing:normal; color: #333; margin-right:10px; }
.small { font-size: 40%; letter-spacing:normal; }
.size8 { font-size: 68%; }
.size9 { font-size: 78%; }
.size10 { font-size: 88%; }
.size11 { font-size: 98%; }

h4, .size12 { font-size: 108%; }
h3, .size14 { font-size: 128%; }
h2, .size16 { font-size: 148%; }
h1, .size18 { font-size: 168%; }

.bold { font-weight:bold; }

.normal {
	font-weight:normal;
	letter-spacing:normal;
}

.none { text-decoration:none; }
.hand { cursor:hand; }

/****** MENU ******/
.menu, .level1 {
	letter-spacing: 3px;
	line-height: 16px;
	margin-left: 0px;
}

.level2 { margin-left: 15px; }
.level3 { margin-left: 30px; }

.activeNode { font-weight: bold; font-size: 88%; letter-spacing: 3px;}
.inactiveNode { color: white; }

.offlineNode { color: gray; }
.onlineNode { color: white; }

.offline, .err { color: #ff3333; }
/******************/

.err {
	font-size: 88%;
}

.control, .cms_control {
	border: 1px solid #000000;
	font-size: 88%;
	width: 220px;
	margin-right: 1px;
	background-color: #111111;
}

.w80 {
	width: 80px;
}
.w100p {
	width: 100%;
}

.backend_control, .backend_headline, .backend_text {
	border : 1px dashed #ffdd00;
	background: transparent;
	width: 100%;
	margin-right: 1px;
}

.backend_headline {
	font-size: 128%;
	letter-spacing: 3px;
	font-weight: bold;
}

/****** COLORS ******/

.border { border: 1px #fff solid; }
.border_y2 { border: 1px #ffdd00 solid; }
.border_b { border: 1px #000000 solid; }

.yellow2 { color: #ffdd00; }
.orange { color: #ff9900; }
.pink { color: #ff9999; }
.lila { color: #9999ff; }
.cian { color: #66ffff; }
.cian2 { color: #089bff; }
.green { color: #99ff33; }
.green2 { color: #ccff33; }

.black { color: #000000; }
.grey3 { color: #333333; }
.grey2 { color: #666666; }
.grey1 { color: #999999; }
.grey0 { color: #d6d6d6; }
.white { color: #ffffff;}

.g_red { background-color: #7f7070; }
.g_lila { background-color: #7f707f; }
.g_blue { background-color: #70707f; }
.g_blueg { background-color: #707f7f; }
.g_green {	background-color:  #707f70; }
.g_maroon {	background-color:  #7f7f70; }
.g_grey { background: #666666; }

.g_blue1 { background-color:  #60606f; padding:5px;}
.g_blue2 { background-color:  #70707f; padding:5px; }
.g_blue3 { background-color:  #80808f; padding:5px;}
.g_blue4 { background-color:  #90909f; padding:5px;}


.table {
	border: 1px solid #d6d6d6;
}

.borderTable, .borderTableY { 
	border-collapse: collapse;
}
.borderTable td { 
	border: 2px solid gray;
	padding: 5px;
}

.borderTableY td { 
	border: 2px solid #fea700;
	padding: 5px;
	color: white;
}

.backTable {
	border-collapse: separate;
}
.backTable td {
	background: gray;
	padding: 5px;
	color: #ffffff;
}
.thumbnailsTableOut { border-collapse: separate; }
.thumbnailsTableOut td {
	background: #111111;
	padding: 10px;
	xborder: 1px solid #555555;
	color: #ffffff;
}

.thumbnailsTableIn {  width: 100%; }
.thumbnailsTableIn td { border: 0px solid red; }
.right {
	text-align: right;
}
.contentTable {
	background-color: #333333;
}

.randimg {
	border: 1px solid #000000;
	background-color: #111111;
}

