ul, li { margin: 0px; padding: 0px; }

html,body 
{
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	background-color: #000000;
	background-image: url(../images/back.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
 	font-family: Trebuchet MS, Arial;
}
html
{
	overflow-y: scroll !important;
}

li { list-style: none; }

b { color: #4472B5; }

a { color: #749EDC; }
a:hover { background-color: #D2E0F5; }

h1
{
	color: #4956A2;
	margin:0 0 0.5em 0;
	font-size: 2em;
}
p
{
	margin-bottom: 0;
	padding-bottom: 1em;
}

img { border: none;}

td { vertical-align: top; padding-right: 1em; }

.clear { clear: both;}

.made_part1
{
	position: absolute;
	right: 0;
	top: 0;
	height: 60px;
	width: 115px;
	background-image: url(../images/made.png);
}
.made_part2 
{
	position: absolute;
	right: 0;
	top: 60px;
	width: 65px;
	height: 55px;
	background-image: url(../images/made.png);
	background-position: right bottom;
}

.active, #leftbar .active  a{ color: #D2E0F5; }

#rightbar, #middle
{
	padding: 10px;
}

#rightbar input
{
	width: 180px;
}


#leftbar, #rightbar
{
	width: 200px;
	margin: 0;
	color: #FFFFFF;
}

#leftbar 
{ 
	position: fixed;
	float: left;
	width: 153px;
	height: 100%;
	background-image: url(../images/leftbar_back.png);
}
#leftbar span, #rightbar span
{
	position: absolute;
	right: 10px;
	
}

#leftbar li
{
	overflow: hidden;
}
#leftbar a
{
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	padding-left: 5px;
}
#leftbar #navigation
{
	line-height: 1.1em;
	/*font-size: 20px;*/
	font-weight: bold;
}
#leftbar #navigation a
{
	background-image: url(../images/leftbar_button.png);
}
#leftbar #navigation li:hover a, #leftbar #navigation .active a
{
	background-image: url(../images/leftbar_button_hover.png);
	background-color: transparent;
}
#leftbar #navigation li
{
	width: 150px;
	margin: 0 1px 5px 1px;
}

#leftbar #navigation .buttonbottom
{
	background-image: url(../images/leftbar_button.png);
	background-position: bottom;
	height: 3px;
}
#leftbar #navigation li:hover .buttonbottom, #leftbar #navigation .active .buttonbottom
{
	background-image: url(../images/leftbar_button_hover.png);
}

#subnavi 
{ 
	float: left;
	width: 98px;
	padding: 8px 0 0 1px;
	margin-right: 3px;
	text-align: center;
	overflow: hidden;
}
#subnavi a 
{ 
	display: block;	
	width: 98px;
	height: 100%;
	overflow: hidden;
	text-decoration: none;
	color: #FFFFFF;
}
#subnavi a:hover { color: #000000; }
#subnavi li a span { position: absolute; bottom: 0; left: 0; width: 100%;}
#subnavi li 
{
	position: relative;
	border-bottom: 1px solid transparent;
	height: 7em;
}

#subnavi li img
{
	max-height: 4em;
	margin: 0.25em auto;
	display: block;
}

#rightbar { float: right; }

#rightbar h3, #rightbar p
{
	margin: 0;
	padding: 0;
}

#rightbar h3
{
	text-decoration: underline;
}

#rightbar .component,  #leftbar .component  
{
	border: none;
}
#rightbar .component .componentContent, #leftbar .component .componentContent 
{
	margin: 0;
}

.barelement
{
	margin-bottom: 25px;
}

.elementbody
{
	position: relative;
	background-image: url(../images/element-body.png);
	padding: 0 10px;
	color: #000000;
}

.elementbighead
{
	height: 50px;
	background-image: url(../images/element-bighead.png);
}

.elementhead
{
	height: 25px;
	background-image: url(../images/element-head.png);
	text-align: center;
	margin: 0;
	font-size: 1em;
	padding-top: 2px;
	color: #FFFFFF;
}

.elementfoot
{
	height: 9px;
	background-image: url(../images/element-foot.png);
}
.elementseparator
{
	margin: 5px 0;
	height: 9px;
	background-image: url(../images/element-separator.png);
}

#middle
{
	position: relative;
	margin: 0 202px 0 152px;
}

#debug
{
	color: #D9D9D9;
}

.window
{
	position: relative;
	padding: 8px 0;
	color: white;
	overflow: hidden;
	min-width: 200px;
}

.ul, .ur, .br
{
	position: absolute;
	width: 8px;
	height: 100%;		
}

.u
{
	position: relative;
	width: 100%;
	height: 37px;
	left: 0;
	top: 0; 
}

.uc, .bc
{
	width: auto;
	height: 100%;
	margin: 0 8px 0 102px;
}
.uc 
{
	padding: 8px 4px 15px 4px;
	overflow: hidden;
	font-size: 12px;
	height: 18px;
	line-height: 18px;
}
.uc a 
{ 
	color: #000000; 
	vertical-align: top;
	padding: 0 5px;
	text-decoration: none;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
}
.uc a:hover 
{
	background-image: url(../images/window-navigation-hover.png);
	border-left: 1px solid #3C7FB1;
	border-right: 1px solid #3C7FB1;
}

.uc img { margin: 1px; }

.ul
{
	left: 0;
	top: 0;
	width: 102px;
	height: 100%;
	background-image: url(../images/window-upperleft.png);
}

.ur
{
	right: 0;
	top: 0;
	background-image: url(../images/window-upperright.png);
}

.uc { background-image: url(../images/window-upper.png); }

.bl
{
	position: absolute;
	height: 8px;
	left: 0;
	bottom: 0;
	background-image: url(../images/window-bottomleft.png);
	background-repeat: no-repeat;
	width: 100%;
}

.br
{
	right: 0;
	bottom: 0;
	background-image: url(../images/window-bottomright.png);
}

.bc { background-image: url(../images/window-bottom.png); }

.cc
{
	position: relative;
	left: 0;
	top: 0;
	margin: 0 8px 0 102px;
	padding: 8px 10px 0 10px;
	background-color: #FFFFFF;
	color: #000000;
}

.cc .fixedSize>li
{
	margin-left: -12px;
	padding-left: 12px;
	height: 6.75em;
	border-bottom: 1px solid #393B3E;
	padding-top: 0.25em;
	overflow: auto;
}
.cc .fixedSize>li:first-child
{
	height: 3.25em;
}
.cc .fixedSize>li:last-child
{
	border-bottom: none;
}

.cr
{
	position: absolute;
	top: 0;
	width: 8px;
	height: 100%;
	clear: both;
	right: -8px;
	background-image: url(../images/window-right.png);
}

.c
{
	background-image: url(../images/window-left.png);
	background-repeat: repeat-y;
}


#contentlist
{
	/*background-image: url(../images/contentlist-left.png);
	background-repeat: repeat-y;*/
}

#contentlist li img
{
	float: left;
	display: block;
	width: 80px;
	margin: 0 24px;
}
#contentlist li ul
{
	margin-left: 124px;
	padding: 5px;
	background-color: white;
	color: black;
}

#contentlistr
{
	/*background-image: url(../images/contentlist-right.png);
	background-repeat: repeat-y;
	background-position: right;*/
}

#precontentlist, #postcontentlist
{
	height: 7px;
	margin-left: 124px;
}
#precontentlistl, #postcontentlistl
{
	float: left;
	width: 140px;
	height: 100%;
	background-repeat: repeat-y;
}
#precontentlistc, #postcontentlistc
{
	margin: 0 7px;
	height: 100%;
	background-color: #FFFFFF;
}
#precontentlistr, #postcontentlistr
{
	float: right;
	width: 7px;
	height: 100%;
}
#precontentlistl
{
	background-image: url(../images/contentlist-upperleft.png);
}
#precontentlistr
{
	background-image: url(../images/contentlist-upperright.png);
}
#postcontentlistl
{
	background-image: url(../images/contentlist-bottomleft.png);
}
#postcontentlistr
{
	background-image: url(../images/contentlist-bottomright.png);
}

.separator
{
	height: 10px;
}
.separatorl
{
	position: absolute;
	height: 5px;
	width: 100px;
	background-repeat: repeat-y;
	background-image: url(../images/contentlist-separatorleft.png);
	background-position: right top;
	bottom: 0px;
}
.separatorr
{
	float: right;
	height: 100%;
	background-image: url(../images/contentlist-separatorright.png);
	width: 100px;
	background-color: #FFFFFF;
}
.separatorc
{
	height: 100%;
	margin: 0px 100px 0 124px;
	background-color: #FFFFFF;
	background-image: url(../images/contentlist-separator.png);
}

#textEditor { height: 25em; }

#eye 
{
	margin: 10px 44px;
}
.bottom
{
	position: absolute;
	z-index: 9999;
	bottom: 2px;
	left: 2px;
	font-size: 0.5em;
}
.contact a
{
	text-decoration: none;
	color: #000000;
}

.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }

.notification
{
	background-color: #FFFFE1;
	border-top: 1px solid #A0A0A0;
	position: relative;
	margin: 0;
	color: #000000;
	padding: 5px;
}

.notification #close
{
	position: absolute;
	right: 5px;
	top: auto;
	color: #000000;
	text-decoration: none;
	padding: 0 5px;
}