/****************************************************
	P A G E L A Y O U T
****************************************************/
body {
	color: #5B5B5B;
	margin: 0;
	padding: 0;
	text-align: center;
}

/****************************************************
	H E A D E R   C O N T A I N E R
****************************************************/
div#HeaderContainer {
	padding-top: 8px;
	text-align: left;
	width: 848px;
}

div#ServiceMenu {
	border-left: 1px solid #CCCCCC;
	float: left;
	width: 594px;
}
/*
div#ServiceMenu a {
	background: #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	color: #6D6D6D;
	display: block;
	float: left;
	padding: 5px 20px 5px 10px;
	text-decoration: none;
	text-transform: uppercase;
}

div#ServiceMenu a.NavigationOpen,
div#ServiceMenu a:hover {
	background: #EF6D05;
	color: #FFFFFF;
}
*/
div#ServiceSites {
	border: 1px solid #EF6D05;
	float: left;
	margin: 2px 0 15px 0;
}

div#ServiceSites select {
	border: 1px solid #B5B5B5;
	/*width: 138px;*/
}

div#ServiceMatSearch {
	float: right;
	padding: 7px 12px;
}

div#ServiceSearch {
	border: 1px solid #B5B5B5;
	float: right;
	margin: 2px 0 10px 0;
	/*width: 145px;*/
}

li#SearchKeyword input {
	border: 1px solid #FFFFFF;
	display: block;
	width: 120px;
}

li#SearchSubmit input {
	border: 1px solid #FFFFFF;
	display: block;
}

div#Topgrafik {
	background-image: url(/cfusite/images/Topgrafik.gif);
	background-repeat: no-repeat;
	height: 63px;
	width: 848px;
}

div#Topgrafik li.Right {
	background-color: #9A9FA3;
	border-top: 1px solid #CDCFD1;
	border-right: 1px solid #8C8F91;
	border-bottom: 1px solid #8C8F91;
	border-left: 1px solid #CDCFD1;
	color: #FFFFFF;
	font-weight: bold;
	margin-top: 2px;
	margin-right: 4px;
	padding: 1px 5px 2px 5px;
}

div#Topgrafik a:link,
div#Topgrafik a:visited {
	background-color: #9A9FA3;
	color: #FFFFFF;
}

div#Topgrafik img {
	display: block;
}

/****************************************************
	C O L U M N S : 
	Correct styling of column <div>-tags: 
		width, float
	Incorrect styling of column <div>-tags:
		border, background, height, margin, padding
****************************************************/
div#LayoutContainer {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 962px;
}

div#LayoutLeft {
	float: left;
	width: 114px;
}

div#LayoutRight {
	float: left;
	width: 848px;
	overflow: hidden;
}

div#ColumnsContainer {
	padding-top: 10px;
	width: 848px;
	overflow: hidden;
}

div#ColumnLeftAndContent {
	width: 681px;
	float: left;
	overflow: hidden;
}

div#ColumnLeft {
	float: left;
	width: 165px;
	overflow: hidden;
}

div#ColumnContentAndRight {
	width: 683px;
	float: left;
	overflow: hidden;
}

div#ColumnContent {
	float: left;
	width: 516px;
	overflow: hidden;
}

div#ColumnRight {
	float: left;
	width: 167px;
	overflow: hidden;
}

div#ColumnContentInner {
	padding: 10px 16px 20px 16px; 
}

body#TemplateWide div#ColumnContentInner {
	padding: 10px 0 20px 16px; 
}

div#ColumnLeftAndContent div#ColumnContentInner {
	padding-left: 0; 
}

div#HeaderAndTools {
	padding: 0 8px 0 16px;
}

body#TemplateWide div#HeaderAndTools {
	padding: 0 0 0 16px;
}

body#TemplateWide div#ContentTools {
	width: 167px;
}

div#NavigationFrontpageAndTools {
}

div#TopHeader {
	float: left;
	width: 484px;
}

div#ContentTools {
	float: right;
}

div#ContentTools a {
	display: block;
	margin-left: 6px;
}

div#PageAdministrator {
	color: #9D9696;
	font-size: 93%;
	margin-top: 26px;
}

/****************************************************
	N A V I G A T I O N   T O P   B A R
****************************************************/
/*
div#NavigationTopBar {
	background: url(images/bgr_subsitenavigation.gif) #A8B619 repeat-x top;
	margin-bottom: 7px;
	margin-top: 3px;
	padding: 17px 15px 8px 15px;
	text-align: right;
}

div#NavigationTopBar a {
	background: transparent;
	color: #FFFFFF;
	padding-right: 15px;
	text-decoration: none;
	white-space: nowrap;
}

div#NavigationTopBar a:hover, 
div#NavigationTopBar a.NavigationSelected {
	background: transparent;
	color: #2F3439;
	text-decoration: none;
}
*/
/****************************************************
	F O O T E R
****************************************************/
ul#Footer {
	background: url(/cfusite/images/Footer.gif) #FFFFFF repeat-x top;
	color: #828282;
	margin-top: 20px;
	padding: 20px 0;
	text-align: left;
	height: 60px;
}

div#CompanyInfo {
}

/****************************************************
	P A G I N G   I N F O
****************************************************/
div#PagingHeader {
	border-bottom: 1px solid #DBDBDB;
	border-top: 1px solid #DBDBDB;
	padding: 8px 0;
	margin-bottom: 8px;
}

div#PagingInfo {
	float: left;
}

div#PagingFooter {
	border-top: 1px solid #DBDBDB;
	padding: 8px 0;
	margin: 8px 0;
}

div.Paging {
	text-align: right;
}

div.PagePrevious {
	float: left;
	width: 20%;
}

div.PagePrevious a{
	float: left;
}

div.PageNext {
	float: right;
	width: 20%;
}

div.PageInfo {
	text-align: center;
}

/****************************************************
	O T H E R
****************************************************/
div#Logo {
	overflow: hidden;
	padding-top: 11px;
	width: 114px;
}

div#Logo a {
	background: transparent;
}

.Hide {
	display: none;
}

div.Clear {
	clear: both;
	height: 0;
	overflow: hidden;
}

form {
	margin: 0;
	padding: 0;
}

ul.Vertical {
	clear: both;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.Vertical li {
	float: left;
	margin: 0;
	padding: 0;
}

ul.Vertical li.Right {
	float: right;
}


div.ListWithImage {
	margin-top: 0.5em;
}

div.ListWithImage h2 {
	font-size: 100%;
	margin-top: 0;
}

div.ThumbnailContainer {
	float: left;
	height: 76px;
	width: 82px;
}

div.ThumbnailContainer img {
	border: 1px solid #EBECED;
	display: block;
	height: 71px;
	width: 71px;
}