/* description:		General CSS		*/

/* :: Global :: */
html { background: ##CFC; }
body { height:100%; width:100%; text-align:center; margin:0; padding:0; background: #fff url('gradient.gif') top center repeat-y; }

/* :: Framework :: */

/** General */
#PageWrapperMain { background: transparent url('bilder/blue.gif') bottom left repeat-x; width:100%; }
#PageWrapper { text-align:left; width:100%; background: transparent url('bilder/blue.gif') bottom center  no-repeat; }
#PageContainer { width:714px; min-height:100%; height:100%; margin: 0 auto; background: transparent; }
#Page { min-height:100%; border: #fff 3px solid; margin: 0 auto; background:#f6f6f6 url('bilder/blue.gif') top left repeat-x; }
#PrintHeader { display:none; }
#PrintFooter { display:none; }
#PageHeader { margin:0; padding:0; height:180px; font-family: Arial, Sans-Serif; }
	#PageHeader #Logotype { float:left; background: transparent url('bilder/gradient.gif') no-repeat; width:337px; height:44px; margin:17px 0 0 30px; }
		#PageHeader #Logotype img { width:337px; height:44px; }
		#PageHeader #Logotype a:hover { background:none; padding:0; border:none; }
	#PageHeader #Search { width:300px; float:right; margin:24px 30px 0 0; }
	#PageHeader #Search .searchField { width:180px; height:28px; padding:4px; background: url('bilder/gradient.gif') repeat-x; float:right; }
	#PageHeader #Search .searchField input { background: transparent; border:none; width:175px; margin:auto; height:20px; color:#999; }
	#PageHeader #Search .searchButton { vertical-align:middle; float:right; height:28px; margin-left:0; }
		#PageHeader #Search .searchButton a { color:#333; text-decoration:none; text-transform: uppercase; line-height:28px; font-family:Arial, Serif; font-weight: bold; font-size:14px; padding:6px; }
		#PageHeader #Search .searchButton a:hover { text-decoration:none; background: #dedede; }

#MainContentArea { width:708px; background: transparent url('bilder/blue.gif') bottom left repeat-x; padding:10px 0 20px 0; }
#MainContentArea #MainBody { padding:10px 0 0 20px; float:left; }
#MainContentArea #MainBody.full { padding:10px 10px 0; }
#MainContentArea #MainBody.startPage { padding-top:10px; }
		
#PageFooter { padding:25px 30px 30px 30px; }
	#PageFooter .footerLogo { display:block; }
	#PageFooter img { margin-bottom: 18px; }
	#PageFooter a { color:#222; }
		#PageFooter a:hover { background: none; text-decoration:none; }
	#PageFooter .information-details-box { float:left; width: 250px; margin-right: 25px; }
		#PageFooter .information-details-box a:hover { background: #fff; }
	#PageFooter ul { font-size:12px; list-style:none; margin-left:0; }
		#PageFooter ul li { line-height:1.6em; }
	#PageFooter h2 { font-weight:bold; font-family: Georgia, "Times New Roman", serif; text-transform:none; margin-bottom:0;}
	#PageFooter .information-text { font-style:italic; font-size:15px; margin:0 0 30px 0; }

/** StartPage */
#StartPageContent #MainLeftColumn { width:668px; float:left; overflow:hidden; padding-bottom:50px; }
#StartPageContent #MainRightColumn { width:668px; }
#StartPageContent #StartPageTop { display:none; }
	#StartPageContent #StartPageFooter { border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; padding:5px 0 5px 20px; float:left; width:100%; }
		#StartPageContent #StartPageFooter ul { float:left; line-height:24px; padding:0; margin:0; }
			#StartPageContent #StartPageFooter ul li { list-style-type:none; float:left; text-align:center; border:0; padding-right:50px; }
				#StartPageContent #StartPageFooter ul li a { color:#333; text-decoration: underline; }
				#StartPageContent #StartPageFooter ul li a:hover { text-decoration: none; background: #ccc; }
	
/** TwoColumn */
#MainLeftColumn { width:688px; float:left; overflow:hidden; line-height:20px; }
#MainRightColumn { width:688px; float:left; line-height:20px; }

/** TwoColumnMixContent */
#ContentBody #ContentLeftColumn { float:left; width:403px; margin-right: 20px; }
#ContentBody #ContentRightColumn { float:left; width: 265px; }
	.boxContainer { float:left; width:265px; margin:20px 45px 20px 20px; line-height:18px; }
	#ContentBody #ContentRightColumn .boxContainer { float:left; margin:0 0 20px 0; line-height:18px; }
	.boxContainer a { color:#333 !important; }
	.boxContainer a:hover { background: #ccc; }
	.boxContainer .title { margin-bottom: 10px; width:255px; overflow:hidden; }
	.boxContainer .informationBox { padding:0 20px 20px 0; font-family: Georgia, Serif; font-size:14px; }
		.boxContainer .informationBox ul li { margin-bottom: 10px; }
	.boxContainer .detailsBox { background: transparent url('bilder/gradient.gif') top left repeat-x; padding:20px 20px 0 10px; font-family: Arial, Sans-Serif; min-height:100px; font-size:14px; }
		.boxContainer .detailsBox ul li { margin-bottom: 10px; }
	.boxContainer .imageBox { background: transparent url('bilder/gradient.gif') top left no-repeat; padding:0; height:121px; }
	.boxContainer .imageBox:hover { background: transparent url('bilder/gradient.gif') top left no-repeat; }
		.boxContainer .imageBox .imageHolder { width:265px; height:70px; overflow:hidden; margin:10px 0; padding-top:10px; display:block; cursor:pointer; }
		.boxContainer .imageBox a { color:#fff !important; width:265px; height:70px; padding:0 0 20px 0; text-decoration:none; display:block; }
		.boxContainer .imageBox a:hover { color:#fff !important; background: transparent url('bilder/gradient.gif') top left no-repeat; }
			.boxContainer .imageBox a img { border:0 !important; cursor:pointer; }
		.boxContainer .imageBox h2 { font-size: 16px; margin:0 0 0 10px; font-weight:normal; }	
			
	
#ContentBody #ContentFull { margin-top: 10px; }


/* :: Navigation :: */

/** Top */
#TopMenu { margin: 7px 0 0 0; font-size:12px; color:#999; float:right; }
	#TopMenu ul { float:right; margin:0 30px 0 0; line-height:24px; }
		#TopMenu ul li { list-style-type:none; float:left; text-align:center; border:0; padding:0 4px; margin:0; vertical-align:middle; }
			#TopMenu ul li img { vertical-align:middle; }
			#TopMenu ul li a { color:#999; text-decoration: none; }
			#TopMenu ul li a:hover { text-decoration: underline; background: none; }
		#TopMenu ul li.selected { background: #ebebeb url('bilder/gradient.gif') repeat-x; border-left: solid 1px #d8d8d8; border-right: solid 1px #d8d8d8; padding-top:2px; }


/** Main */
#MainMenu { margin:30px 0 0 20px; font-size:15px; color:#333; }
	#MainMenu ul { margin:0; line-height:20px; }
		#MainMenu ul li { list-style-type:none; float:left; text-align:center; border:0; margin:0 0 0 5px; }
			#MainMenu ul li a { color:#333; text-decoration:none; display: block; float: left; padding:5px; }
			#MainMenu ul li a:hover { color: #333; background:#fff; }
		#MainMenu ul li.selected { background: #999 url('bilder/gradient.gif') repeat-x; border-left: solid 1px #d9d9d9; border-right: solid 1px #d9d9d9; }
			#MainMenu ul li.selected a { color:#fff; display: block; float: left; padding:5px; }
			#MainMenu ul li.selected a:hover { color:#333; }
		
/** Sub */
#SubMenu { float:left; margin:0 0 20px 10px; color:#333; font-family: Arial, Sans-Serif; }
	#SubMenu ul { margin:0; font-size:13px; }
	#SubMenu li { float:left; }
	#SubMenu li a { text-decoration:none; }
		#SubMenu ul ul li { list-style-type:none; border:0; line-height:20px; margin:0 0 4px 3px; background: #999 url('bilder/gradient.gif') repeat-x; }
			#SubMenu ul ul li a { font-weight:bold; color:#333; text-decoration:none; padding:2px 14px 2px 14px; display:block; text-decoration:none !important; }
			#SubMenu ul ul li a:hover { color: #333; background:#fff; }
		#SubMenu ul ul li.selected { padding:2px 14px 2px 14px; background: #999 url('bilder/gradient.gif') repeat-x; font-weight:bold; color:#fff; margin:0 0 4px 3px; }
		

		#SubMenu ul ul ul li.sub { background: #999 url('bilder/gradient.gif') repeat-x; }
			
		#SubMenu ul ul ul ul { list-style-type:none; margin:0; padding:0; }
			#SubMenu ul ul ul ul li { line-height:20px; margin:0; background: #f6f6f6 none; padding:2px 14px 2px 14px; }
			#SubMenu ul ul ul ul li:hover { background:#f6f6f6; }
				#SubMenu ul ul ul ul li a { color: #828282; display:block; padding:2px 14px 2px 14px; text-decoration:none !important; }
				#SubMenu ul ul ul ul li a:hover { color: #333; background:#f6f6f6 none; }
			#SubMenu ul ul ul ul li.sub, #SubMenu ul ul ul ul li.selected { color:#333; background:#f6f6f6 none; margin:0; }

	#SubMenu .title { display:none; }

/* :: Puffs :: */

/** List Box */
.listBox {}
	.listBox .linkList { padding:0; margin:0 0 5px 0; }
		.listBox .linkList li { margin: 0 0 3px 0; list-style-type:none; }
			.listBox .linkList li.odd { background: #505050 url('bilder/gradient.gif') repeat-y; }
			.listBox .linkList li.odd:hover { background: #efefef; }
			.listBox .linkList li.even { background: #505050 url('bilder/gradient.gif') repeat-y; }
			.listBox .linkList li.even:hover { background: #efefef; }
				.listBox .linkList li a { display:block; color:#222; width:265px; background: none; text-decoration:none; padding:2px 0;}
				.listBox .linkList li a:hover { background: #efefef; }
					a.pdf {background: url('bilder/gradient.gif') no-repeat left -47px !important; padding-left: 20px !important; width:245px !important; }
					a.doc {background: url('bilder/gradient.gif') no-repeat 2px -22px !important; padding-left: 20px !important; width:245px !important; }
					a.xls {background: url('bilder/gradient.gif') no-repeat left 7px !important; padding-left: 20px !important; width:245px !important; }
					a.ppt {background: url('bilder/gradient.gif') no-repeat left -122px !important; padding-left: 20px !important; width:245px !important; }
					a.jpg {background: url('bilder/gradient.gif') no-repeat left -72px !important; padding-left: 20px !important; width:245px !important; }
					a.gif {background: url('bilder/gradient.gif') no-repeat left -97px !important; padding-left: 20px !important; width:245px !important; }
					a.png {background: url('bilder/gradient.gif') no-repeat left -97px !important; padding-left: 20px !important; width:245px !important; }

/** Main Puff Full */
.puffContainer { border-bottom:solid 1px #ccc; margin-bottom:20px; float:left; padding-bottom:10px; width:100%; }
	.mainPuff { margin-bottom:10px; padding-left:20px; }
	.mainPuff .mainPuffImage { padding-bottom:16px; }
	.mainPuff .mainPuffImage.rightPosition {  float:right; padding-left:26px; }
	.mainPuff .mainPuffImage.leftPosition {  float:left; padding-right:26px; }
	.mainPuff p.extendedReading { margin-top:20px; }

/** Main Puff Split */

.mainPuff.split { margin-bottom:10px; padding-left:20px; float:left; background: url('bilder/gradient.gif') repeat-y; float:left; }
.mainPuff.split h1 { font-size:20px; }
.mainPuff.split .mainPuffImage { padding-bottom:5px; text-align:center; overflow:hidden; background: #f6f6f6; width:287px; }
.mainPuff.split .leftContent { float:left; width:287px; padding-right:17px; margin-right:2px; background: #f6f6f6; }
.mainPuff.split .rightContent { float:right; width:287px; padding-left:17px; background: #f6f6f6; }
.mainPuff.split p.extendedReading { margin-top:15px; background: #f6f6f6; }

/** High Light Puff */
.highLightPuff { margin-bottom:10px; padding-left:0; }
.highLightPuff p.extendedReading { margin-top:15px; }

.highLightPuffPublication .puffContent { float:left; }

/** Search puff */
.searchPuff h3 { margin-bottom:5px; }
.searchPuff h3 a {	color: #ab1b53 !important; padding:2px; }
.searchPuff h3 a:hover { background: #ab1b53; color: #fff !important; text-decoration:none; }
.searchPuff p.extendedReading { margin-top:5px; }

/** General */

.puffImageContainer { width:104px; height:146px; overflow:hidden; padding-bottom:16px; }
.puffImageContainer.leftPosition {  float:left; padding-right:16px; }

.puffContainer { border-bottom:solid 1px #ccc; margin-bottom:20px; float:left; padding-bottom:10px; }
.contentDateAndCategory { color:#666; text-transform:uppercase; font-size:12px; line-height: 22px; vertical-align:top; }
.inlineContentText { display:inline; }
	.inlineContentText div:first-child { display:inline; }
		.inlineContentText div p:first-child { display:inline; }
	.inlineContentText p:first-child { display:inline; }
	
.smallTitle h1 { font-size: 20px; margin-bottom:10px; text-transform: uppercase; }
			
#SearchList {}
	#SearchList .listHeader { border-bottom:solid 1px #ccc; margin-bottom:30px; float:left; width:100%; }
			
/** Contact map */
iframe.contactMap { width:402px; height:300px; margin-bottom:5px; }

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.button { display:block; }

.buttonwrapper a.squareButton{
background: transparent url('bilder/gradient.gif') no-repeat top left;
display: block;
float:left;
font: bold 14px Arial; /* Change 12px as desired */
line-height: 29px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 37px; /* Height of button background height */
padding: 0 0 0 25px; /* Width of left menu image */
text-decoration: none;
text-transform: uppercase;
}

.buttonwrapper a.squareButton span{
background: transparent url('bilder/gradient.gif') no-repeat top right;
display: block;
padding: 0 25px 8px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

.buttonwrapper a.squareButton:hover { /* Hover state CSS */
background-position: bottom left;
margin:0;
}

.buttonwrapper a.squareButton:hover span { /* Hover state CSS */
background-position: bottom right;
margin:0;
}

.buttonwrapper a.squareButton.brown{
background: transparent url('bilder/blue.gif') no-repeat top left;
}

.buttonwrapper a.squareButton.brown span{
background: transparent url('bilder/blue.gif') no-repeat top right;
}

.buttonwrapper a.squareButton.brown:hover{ /* Hover state CSS */
background-position: bottom left;
margin:0;
}

.buttonwrapper a.squareButton.brown:hover span { /* Hover state CSS */
background-position: bottom right;
margin:0;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
}

.buttonwrapper a:link.squareButton, .buttonwrapper a:visited.squareButton, .buttonwrapper a:active.squareButton{
color: #fff; /*button text color*/
}

.buttonwrapper a:link.squareButtonBrown, .buttonwrapper a:visited.squareButtonBrown, .buttonwrapper a:active.squareButtonBrown{
color: #fff; /*button text color*/
}

/* :: Other :: */
.contentContainer { margin-bottom: 20px; }
.lightGray { color: #ccc; }

/* :: Paging :: */

.pagePaging { margin-top:20px; text-align:center !important; border-top:solid 1px #ccc; padding-top:10px; }
	.pagePaging a { color:#333; text-decoration:underline; }
	.pagePaging a.next, .pagePaging a.previous { color:#ab1b53; }
	.pagePaging a:hover { background:#ab1b53; color:#fff; }
	.pagePaging ul { display:inline; list-style-type:none; }
	.pagePaging ul li { display:inline; margin-right:5px; }