/* COLORS
   HeadWrapper Background:	
   Main Text:				
   Highlited Text:			
   FootWrapper Background:	
*/


/* 	GENERIC
   	HEADER
   	NAVI
   	CONTENT
   	FOOTER
*/

/* =GENERIC ----------------------------------------------------*/

body { 
	margin: 0; 
	padding: 0; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #333333; 
	line-height: 160%; 
	background: url(images/bodyBg.gif) repeat-x; 
}

#mainWrapper {
	width: 860px;
	margin: 10px auto;
}

.mainWrapperTop {
	background: url(images/mainWrapperTop.gif) no-repeat bottom;
	width: 860px;
	height: 10px;
}
.mainWrapperCenter {
	background: url(images/mainWrapperCenter.gif) no-repeat;
	width: 860px;
}
.mainWrapperExtension {
	background: url(images/mainWrapperExtension.gif) repeat-y;
	width: 860px;
	padding-bottom: 2px;
}
.mainWrapperBottom {
	background: url(images/mainWrapperBottom.gif) no-repeat;
	width: 860px;
	height: 6px;
}


/* =HEADER ----------------------------------------------------*/

/* =NAVI ----------------------------------------------------*/

#navi {
	font-size: 12px;
	position: relative;
	z-index: 10;
}

#navi ul {
	
	list-style: none;
	display: block;
	float: left;
	padding-left: 10px;
}

#navi li {
	display: inline;
	
}

#navi a{
	color: #999999;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	float: left;
	padding: 10px 20px 0px 20px;
	display: block;
	border-right: 2px solid #CCCCCC;
	height: 30px;
	margin-top: -12px;
}

#navi a:hover{
	background: url(images/naviHover.gif);
}
#navi .menu-top-current-active a{
	background: url(images/naviHover.gif);
}

/* =CONTENT ----------------------------------------------------*/

#banner {
	margin: 0px auto;
	width: 825px;
}

#bannerSubpages {
	margin: 0px auto;
	width: 825px;
	position: relative;
	z-index: 2;
}
#bannerSubpages img {
	margin-top: -60px;
	position: relative;
	z-index: 2;
}

#tabs, #tabsSubpages {
	background: url(images/tabBg.gif) repeat-x bottom;
	width: 823px;
	margin: 0px auto;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#tabsSubpages {
	background: url(images/mainContentBg.gif) repeat-y;
	width: 594px;
	float: left;
	margin: 0px 0px 0px 18px;
	padding-top: 0px;
}

#mainContent {
	float: left;
	margin: 0px 0px 10px 18px;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	background: url(images/mainContentBg.gif) repeat-y;
	width: 554px;
	padding: 20px;
}

#mainContent h1 {
	font-size: 14px;
	color: #FF9900;
}
p.bodytext a,
.widgetContent a,
.tx-indexedsearch-title a,
p a {
	color: #2068fb;
	text-decoration: none;
}
p.bodytext a:hover,
.widgetContent a:hover,
.tx-indexedsearch-title a:hover,
p a:hover {
	color: #FF9900;
	text-decoration: underline;
}

#rightContent, #rightContentBottom {
	float: right;
	width: 221px;
	margin: 0px 20px 0px 0px;
	background: url(images/rightContentBg.gif) repeat-y;
}

#rightContent {
	border-top: 1px solid #CCCCCC;
}

#rightContentBottom {
	margin: 0px 20px 10px 0px;
	border-bottom: 1px solid #CCCCCC;
	clear: right;
}


/* =WIDGET ----------------------------------------------------*/

#widget {
	width: 220px;
	border-bottom: 1px solid #333333;
}

#widget h1 {
	font-size: 18px;
	border-bottom: 3px solid #FF9900;
	padding-left: 10px;
	height: 18px;
	line-height: 18px;
	margin: 10px 0px 3px 0px;
	color: #666666;
	text-transform: uppercase;
}

#widget .widgetContent {
	padding: 0px 10px 10px 10px;
	margin: 0px;
}

#widget .inputField,
.popUpWidget .inputField,
.inputField {
	border: 1px solid #FF9900;
	height: 15px;
	width: 190px;
	margin-top: 3px;
	padding: 1px 1px;
	font-size: 11px;
}

#widget .inputButton,
.popUpWidget .inputButton,
.inputButton {
	border: 1px solid #FF9900;
	background: #FF9900;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
	cursor: hand;
}


#widget .inputButtonCatalogue {
	border: 1px solid #FF9900;
	background: #FF9900;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
	padding: 2px 10px;
}


.popUpWidget .inputField {
	margin-bottom: 5px;
}
.popUpWidget .inputButton {
	font-size: 12px;
	margin: 10px 0px;
	padding: 2px;
	cursor: pointer;
}

.popUpWidget .inputButton:hover {
	border: 1px solid #CCCCCC;
}

.popUpWidget {
	margin-left: 5px;
}

.popUpWidget h1 {
	font-weight: bold;
	font-size: 11px;
}

/* =FOOTER ----------------------------------------------------*/

#footer {
	width: 825px;
	margin: 0px auto;
	background-color: #FF9900;
	height: 25px;
	font-size: 11px;
}

#footer ul {
	list-style: none;
	display: block;
	float: left;
	padding-left: 10px;
	margin-top: -7px;
	margin-left: 0px;
}

#footer li {
	display: inline;
	
}

#footer a{
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	float: left;
	padding: 10px 10px 0px 10px;
	display: block;
}

#footer a:hover{
	
}
#footer ul.footerNaviRight {
	margin-left: 380px;
}

.clear {
	clear: both; 
	height: 0px; 
	line-height: 0px;
}


/* =ADDITIONAL CLASSES ----------------------------------------------------*/

/* Tab-Menu ul */
.rgtabs-menu  {
  width: 824px;
  height: 32px;
}

#rgtabs1 {
	margin-top: -5px;
	position: relative;
	z-index: 0;
}

#tabsSubpages .rgtabs-wrapper {
  padding: 0px 20px;
  width: 552px;
  margin: 0px;
  float: left;
  margin-bottom: -11px;
}

.pdf {
	padding-left: 40px;
	background: url(images/pdf.gif) no-repeat bottom left;
	margin-bottom: 5px;
}

.pdf a{
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}

#rgtabs1 .rgtabs-menu .menu-level1-current-active a {
	font-weight: bold;
}

/* =TABLE CLASSES ----------------------------------------------------*/

.align-center {
	text-align: center;
	line-height: 12px;
	height: 12px;
}

tr {
	height: 15px;
}

.tableRowMarken {
	border: 1px solid #ff9900;
	border-width: 0px 1px 1px 0px;
	padding: 3px;
	line-height: 15px;
	height: 15px;
}

.tableRowMarken p {
	margin: 0px;
	padding: 0px;
	height: 0px;
	line-height: 0px;
}



/* =CATALOGUE CLASSES ----------------------------------------------------*/

.catalogueHeader {
	background: url(images/katalogBgTop.gif) repeat-x;
	height: 37px;
	line-height: 25px;
	font-weight: bold;
	margin: 0px 2px 0px 0px;
	padding: 1px 0px 2px 5px;
	float: left;
	width: 215px;
}

.catalogueHeaderRight {
	background: url(images/katalogBgTop.gif) repeat-x;
	height: 35px;
	margin: 0px;
	float: left;
	width: 673px;
	padding: 5px 0px 0px 5px;
	position: relative;
	z-index: 0;
}

.catalogueListTable {
	margin-top: 0px;
	margin-left: 0px;
}

.catalogueListHeader {
	background: url(images/katalogBgList.gif) repeat-x;
	height: 31px;
}

.catalogueListHeader td{
	padding: 3px 0px 3px 5px;
}

#mainWrapperPopUp {
	position: absolute;
	z-index: 600;
	font-size: 11px;
}

#wrapperCatalogue {
	float: left;
	width: 220px;
	height: 570px;
	background: #f3f3f3;
	margin-right: 2px;
}

#wrapperCatalogueList {
	float: left;
	margin: 0px;
	padding: 0px;
	margin-top: -10px;
}

#wrapperCatalogueList .list {
	position: absolute;
	width: 677px;
	height: 570px;
	overflow-y: scroll;	
}


.fileRow {
	clear: both;
}

.fileNumber {
	width: 120px;
	border-right: 1px solid #CCCCCC;
	padding: 3px 0px 3px 5px;
}
.fileCatalogue {
	width: 150px;
	border-right: 1px solid #CCCCCC;
	padding: 3px 0px 3px 5px;
}
.fileSize {
	width: 90px;
	padding: 3px 0px 3px 5px;
}

.fileSize img {
	float: left;
	margin-right: 5px;
}

.fileTitle {
	width: 277px;
	border-right: 1px solid #CCCCCC;
	padding: 3px 0px 3px 5px;
}

.fileTitle a:hover {
	text-decoration: underline;	
}


.light {
	background: #FFFFFF;
}

.dark {
	background: #fff9ed;
}
/* =MAP CLASSES ----------------------------------------------------*/
	
	
/* =ACCORDION CLASSES ----------------------------------------------------*/

#accordion {
	margin-top: 10px;
}

#accordion h3 {
	cursor: pointer;
	color: #666666;
	height: 12px;
	line-height: 12px;
	font-size: 11px;
	margin: 10px 0px 0px 0px;
}

#accordion a {
	color: #666666;
	text-decoration: none;
	font-size: 12px;
	font-weight: bolder;
	font-family: Tahoma;
	cursor: pointer;
}

.external-link-new-window:hover,
#accordion a:hover {
	color: #FF9900;
}

.csc-textpic {
	display: block;
}
.textPicLightBox img {
	margin: 4px; 
	
}
a.textPicLightBox {
	display:block;
	border: 1px solid #fafafa;
	
}
a.textPicLightBox:hover {
	border: 1px solid #CCCCCC;
}
.csc-textpic-clear {
	clear: both;
}

/* =Indexed Search ----------------------------------------------*/

.tx-indexedsearch-selectbox-order,
.tx-indexedsearch-selectbox-sections,
.tx-indexedsearch-selectbox-media,
.tx-indexedsearch-selectbox-type,
.tx-indexedsearch-selectbox-results,
.tx-indexedsearch-selectbox-group,
.tx-indexedsearch-selectbox-defop,
.tx-indexedsearch-selectbox-lang,
.tx-indexedsearch-selectbox-desc {
	width: 195px;
	margin-right: 10px;
	margin-top:5px;
	border: 1px solid #FF9900;
	
}

.tx-indexedsearch-selectbox-defop,
.tx-indexedsearch-selectbox-lang,
.tx-indexedsearch-selectbox-desc { 
	width: 150px;
}
/* =Quick Search Home -----------------------------------------*/

#quickSearchHome {
	position: absolute;
	z-index: 5;	
	top: 324px;
	margin-left: 633px;
}
#quickSearchHome .inputField {
	width: 102px;
	height: 17px;
	margin-right: 3px;
	border-color: #bbbbbb;
	background-color: #f7f7f7;
}
#quickSearchHome .inputButton {
	margin-top: 2px;
	font-weight:normal;
}


