/* description:		Print CSS		*/

/* :: Default resetting :: */
html, body, form, fieldset, legend { margin: 0; padding: 0; }
p, ul, ol, dl {	margin: 0 0 1em; padding: 0; }
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
ul { margin-left: 1.6em; }
li { font-weight:normal; }
ol { margin-left: 2em; }
form label { cursor: pointer; }
fieldset { border: none; }
img { border: none; }

/* :: Basic element styles :: */
body { color: #222; background: #fff; text-align: center; font-size:14px; }
a {	color: #ab1b53; padding:2px; }
input { vertical-align: middle; }

/* :: Fonts :: */
html, fieldset { font-family: Georgia, "Times New Roman", serif; }
body { }
select { font-size: 1em; }
h1, h2, h3, h4, h5, h6 { font-family: Arial, sans-serif; font-weight:normal; }
h1, h2 { text-transform: uppercase; }
h1 { font-size: 23px; margin-bottom:14px; line-height:24px; }
h2 { font-size: 16px; margin-bottom:10px; text-transform: uppercase; }
h3 { font-size: 14px; font-weight:bold; font-family: Georgia, "Times New Roman", serif; }
h4 { font-size: 16px; line-height:19px; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#222 !important; text-decoration:none; padding:2px; margin:2px 0; }

/* :: Helpers :: */
.hidden { display: none; }
.float-right { float: right; }
.float-left { float: left; }
.clear { clear: both; height: 0px; line-height: 0px; border:0px; margin: 0; padding:0px; }
.text-center { text-align:center; }
.bold { font-weight:bold; }
.test-border { border:solid 1px red; }
.no-border { border:none !important; }
.test-bg { background: #eee; }
.valign-middle { vertical-align:middle; }
.underline { border-bottom:solid 1px #ccc; width:100%; }
.inline {display:inline;}

/* :: Framework :: */

/** General */
#PageWrapper { text-align:left; width:100%; }
#PageHeader { display:none; }

#PrintHeader { display:block; border-bottom:solid 1px #ccc; padding-bottom:10px; margin-bottom:30px; }
#PrintFooter { display:block; border-top:solid 1px #ccc; padding-top:20px; }

#PageFooter { padding:25px 30px 30px 0; font-size: 80% !important; }
	#PageFooter .footerLogo { display:none; }
	#PageFooter img { margin-bottom: 18px; }
	#PageFooter a { color:#222; }
	#PageFooter .information-details-box { float:left; width: 250px; margin-right: 25px; }
	#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; }

/** TwoColumn */
#MainLeftColumn { display:none; }
#MainRightColumn { width:950px; float:left; line-height:20px; }

/** StartPage */
#StartPageContent #MainLeftColumn { display:block !important; width:649px; float:left; margin-right:36px; overflow:hidden; padding-bottom:50px; }
#StartPageContent #MainRightColumn { display:none !important; }
#StartPageContent #StartPageTop { margin-top:-15px; background: transparent url('14.gif') left top repeat-x; height:350px; padding-top:10px; }
	#StartPageContent #StartPageTop #ShortCuts { display:none; }
	#StartPageContent #StartPageTop #MediaShow { height:341px; width:702px; float:left; }
	#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; }

/** TwoColumnMixContent */
#ContentBody #ContentLeftColumn { float:left; width: 603px; margin-right: 36px; }
#ContentBody #ContentRightColumn { float:right; width: 265px; }
	.boxContainer { margin-bottom: 40px; line-height:18px; }
	.boxContainer a { color:#333 !important; }
	.boxContainer .title { margin-bottom: 10px; width:255px; overflow:hidden; }
	.boxContainer .informationBox { border-top:solid 2px #ccc; padding:0 20px 20px 0; font-family: Georgia, Serif; font-size:14px; }
		.boxContainer .informationBox ul li { margin-bottom: 10px; }
	.boxContainer .detailsBox { border-top:solid 2px #ccc; 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('14.gif') top left no-repeat; padding:0; height:121px; }
		.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 img { border:0 !important; cursor:pointer; }
		.boxContainer .imageBox h2 { font-size: 16px; margin:0 0 0 10px; font-weight:normal; }	
			
	
#ContentBody #ContentFull { margin-top: 30px; }

/* :: 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.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 30px; font-size:15px; color:#333; }
	#MainMenu ul { margin:0; line-height:40px; }
		#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:0 15px; }
		#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:0 20px; }
		
/** Sub */
#SubMenu { color:#333; font-family: Arial, Sans-Serif; padding-bottom:100px; }
	#SubMenu ul { margin:0; font-size:13px; }
		#SubMenu ul ul li { list-style-type:none; border:0; width:210px; line-height:28px; margin:0 0 4px 0; background: #999 url('bilder/gradient.gif') repeat-x; }
			#SubMenu ul ul li a { font-weight:bold; color:#333; text-decoration:none; padding-left:14px; width:210px; display:block; }
		#SubMenu ul ul li.selected { padding:2px 0 2px 14px; background: #999 url('bilder/gradient.gif') repeat-x; font-weight:bold; color:#fff; margin:0 0 4px 0; }

		#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 { width:210px; line-height:28px; margin:0; background: #f6f6f6; }
				#SubMenu ul ul ul ul li a { color: #828282; }
			#SubMenu ul ul ul ul li.sub, #SubMenu ul ul ul ul li.selected { color:#333; background:#f6f6f6; margin:0; }
	#SubMenu .title { font-size:15px; line-height: 50px; height: 50px; color: #fff; background: #505050; margin:0 0 4px 0; width:210px; }
		#SubMenu .title span { vertical-align:middle; margin-left:14px; text-transform:uppercase; }

/** Quick start */

/* :: SiteMap :: */

#SiteMapContainer { }
	#SiteMapContainer a { color:#222222; text-decoration:none; padding:4px 20px; }
	#SiteMapContainer ul { list-style-type:none; margin:0;}
		#SiteMapContainer ul li { margin-bottom:30px;}
		#SiteMapContainer ul ul { list-style-type:none;  margin:0 0 0 30px; }
			#SiteMapContainer ul ul li { margin:5px 0; font-weight:bold; }
			#SiteMapContainer ul ul ul { list-style-type:none;  margin:0 0 0 30px; }
				#SiteMapContainer ul ul ul li { margin:5px 0; font-weight:normal; }
	#SiteMapContainer li { margin-bottom:30px; padding:5px 5px 5px 0; }
	#SiteMapContainer .sectionHeader { font-weight:bold; }
	#SiteMapeContainer hr { border: 1px solid #222; }


/* :: 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 a { display:block; color:#222; width:265px; background: none; text-decoration:none; padding:2px 0;}

/** 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:297px; }
.mainPuff.split .leftContent { float:left; width:297px; padding-right:17px; margin-right:1px; background: #f6f6f6; }
.mainPuff.split .rightContent { float:right; width:297px; 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 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%; }
			
/*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/gradient.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 ul { display:inline; list-style-type:none; }
	.pagePaging ul li { display:inline; margin-right:5px; }



