body,
html {
	bottom: 0;
	height: 100%;
	background-color: #485163;
/*	background-image: url(bg_spread.jpg); */
	background-image: url(background2.jpg);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: "Trebuchet MS";
}
/*div {
	display: block;
}*/
h1 {
	color: #a6a8ad;
	font-size: 24px;
	font-weight: bold;
	line-height: 15px;
}
h2 {
	color: #797d85;
	font-size: 14px;
	font-weight: bold;
	line-height: 10px;
}
p, ul {
	color: white;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 16px;
}
form {
        color: white;
        font: 13px "Trebuchet MS";
        line-height: 16px;
}
a, a:link, a:visited, a:active {
	color: #FFFFFF;
	text-decoration: underline;
	border: 0px none;
}
a:hover {
	color: #ffcc33;
}
#container {
	position: relative;
	width: 760px;
	height: 100%;
	bottom: 0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	background-color: #202633 !important;
	background-image: url(shadow.jpg);
	background-repeat: repeat-y;
	background-position: 100%; 
/*	overflow: hidden; */
}
#tdtop {
	height: 30px;
	vertical-align: middle;
	background-color: #202633;
	padding-right: 10px; 
}
#top {
/*	position: relative; */
	font-size: 10px;
/*	line-height: 30px; */
	color: #909399;
/*	padding: 5px 10px 5px 0px; */
	text-transform: uppercase;
	text-align: right;
}
#top img {
	vertical-align: middle;
}
#tdlogo {
}
#logo {
/*	position: relative; */
	background-color: #CCCCCC;
}
.tdbread {
	height: 20px;
	vertical-align: middle;
	background-color: #414651;
	background-image: url(line.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-right: 10px; 
	padding-left: 20px;
}
.tdbread a, .tdbread a:link, .tdbread a:visited, .tdbread a:active {
	color: #cfd1d3;
	text-decoration: none;
}
.tdbread a:hover {
	color: #ffcc33;
}
#bread,
#lang {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
/*	line-height: 20px; */
	color: #cfd1d3;
	float: right;
	text-align: right;
	text-transform: lowercase;	
/*	padding: 5px 10px 5px 0px; */
}
#lang {
	float: left;
	text-align: left;
}
#tdmenu {
	width: 135px;
	vertical-align: top;
	background-color: #181C26;
/*	border: 1px dotted #FFF; */
}
#tdcontent {
	width: 615px; 
	background-color: #202633;
	background-image: url(vline.jpg);
	background-repeat: repeat-y;
	background-position: 0%;
	vertical-align: top;
/*	border: 1px dotted #FFF; */
}
#menu {
	font-size: 12px;
	font-weight: bold;
	color: #dcddde;
	text-align: left;
	text-transform: uppercase;
	background-image: url(menu_bg.jpg);	
}
#menu .menuitem, 
#menu .menuactive {
	color: #dcddde;
	height: 22px;
	line-height: 30px;
	vertical-align: top;
	padding-left: 20px;
	padding-bottom: 5px;
	cursor: pointer;
}
#menu .menuactive {
	color: #8e969f;
}
#menu .menu2item,
#menu .menu2active {
	color: #dcddde;
	font-size: 10px;
/*	font-style: italic; */
	height: 17px;
	line-height: 15px;
	text-align: right;
/*	text-transform: capitalize; */
	padding-right: 10px;
	cursor: pointer;
}
#menu .menu2active {
	color: #8e969f;
}
#menu a, #menu a:link, #menu a:visited, #menu a:active {
	color: #dcddde;
	text-decoration: none;
}
#menu a:hover {
	color: #ffcc33;
}
/*
#menu .menuitem:hover,  #menu .menuitem:focus{
	color: #ffcc33;
}*/
#content {
	padding: 10px;
}
.search {
	width: 115px;
	height: 15px !important;
	border: 1px solid #9cb1b6; 
	background-color: #d2d4d6;
	vertical-align: middle;
	font-size: 10px;
	line-height: 10px;
}
.right {
	float: right;
	vertical-align: top;
}
.rightspacer {
	width: 10px;
}




/*
 * css-styled-imgtext
 */
/*
  Licensed under the GPL, see http://www.gnu.org/copyleft/gpl.html
  (c) the TYPO3 content rendering group
  (c) Ernesto Baschny (ernst@cron-it.de)
*/

/* Captions */
P.csc-caption { margin: 0; }
P.csc-caption {
  font-size: 80%; /* Customize me */
}
DIV.csi-caption-c .csi-caption { text-align: center; }
DIV.csi-caption-r .csi-caption { text-align: right; }
DIV.csi-caption-l .csi-caption { text-align: left; }

/* Needed for noRows setting */
DIV.csi-textpic DIV.csi-imagecolumn { float: left; display: inline; }

/* Border just around the image, like content (default) does: */
DIV.csi-border-2-black DIV.csi-imagewrap .csi-image IMG {
  border: 2px solid black; /* Customize me, and set borderSpace/borderThick in TS, "0"/"2" in this example */
}
/* Border around the whole image/caption (alternative to the above):
DIV.csi-border-2-black DIV.csi-imagewrap .csi-image {
  border: 1px solid #06639E; /* Customize me and set borderThick in TS ("1" here) */
  padding: 5px 5px; /* Customize me, and set borderSpace in TS ("10" here) */
}
*/

DIV.csi-imagewrap { padding: 0; }

DIV.csi-textpic IMG { border: none; }

/* DIV: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap DIV.csi-image { float: left; }

/* UL: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap UL { list-style: none; margin: 0; padding: 0; }
DIV.csi-textpic DIV.csi-imagewrap UL LI { float: left; margin: 0; padding: 0; }

/* DL: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image { float: left; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DT { float: none; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DD { float: none; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DD IMG { border: none; } /* FE-Editing Icons */
DL.csi-image { margin: 0; }
DL.csi-image DT { margin: 0; display: inline; }
DL.csi-image DD { margin: 0; }

/* Clearer */
DIV.csi-clear { clear: both; }

/* Margins around images: */

/* Pictures on left, add padding on right */
DIV.csi-left DIV.csi-imagewrap .csi-image,
DIV.csi-intext-left-nowrap DIV.csi-imagewrap .csi-image,
DIV.csi-intext-left DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-right: 10px; /* Customize me, and set colSpace/textMargin in TS */
}

/* Pictures on right, add padding on left */
DIV.csi-right DIV.csi-imagewrap .csi-image,
DIV.csi-intext-right-nowrap DIV.csi-imagewrap .csi-image,
DIV.csi-intext-right DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-left: 10px; /* Customize me, and set colSpace/textMargin in TS */
}

/* Pictures centered, add padding left and right */
DIV.csi-center DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-left: 5px; /* Customize me, and set colSpace/textMargin in TS */
  margin-right: 5px; /* Customize me, and set colSpace/textMargin in TS */
}
DIV.csi-textpic DIV.csi-imagewrap .csi-image .csi-caption { margin: 0; }
DIV.csi-textpic DIV.csi-imagewrap .csi-image IMG { margin: 0; }

/* Space below each image (also in-between rows) */
DIV.csi-textpic DIV.csi-imagewrap .csi-image { margin-bottom: 5px; }
DIV.csi-equalheight DIV.csi-imagerow { margin-bottom: 5px; display: block; }

/* Positioning of images: */

/* Above */
DIV.csi-above DIV.csi-text { clear: both; }

/* Center (above or below) */
DIV.csi-center { text-align: center; /* IE-hack */ }
DIV.csi-center DIV.csi-imagewrap { margin: 0 auto; }
DIV.csi-center DIV.csi-imagewrap .csi-image { text-align: left; /* Remove IE-hack */ }
DIV.csi-center DIV.csi-text { text-align: left; /* Remove IE-hack */ }

/* Right (above or below) */
DIV.csi-right DIV.csi-imagewrap { float: right; }
DIV.csi-right DIV.csi-text { clear: right; }

/* Left (above or below) */
DIV.csi-left DIV.csi-imagewrap { float: left; }
DIV.csi-left DIV.csi-text { clear: left; }

/* Left (in text) */
DIV.csi-intext-left DIV.csi-imagewrap { float: left; }

/* Right (in text) */
DIV.csi-intext-right DIV.csi-imagewrap { float: right; }

/* Right (in text, no wrap around) */
DIV.csi-intext-right-nowrap DIV.csi-imagewrap { float: right; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csi-intext-right-nowrap .csi-text { height: 1%; }
/* End hide from IE5/mac */

/* Left (in text, no wrap around) */
DIV.csi-intext-left-nowrap DIV.csi-imagewrap { float: left; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csi-intext-left-nowrap .csi-text { height: 1%; }
/* End hide from IE5/mac */


