/* ####################################################################################################################
   GENERAL
   #################################################################################################################### */

html { margin: 0; padding: 0; }

body {
	margin: 0;
	padding: 0;
	color: #000;
	font-family: arial, sans-serif;
	font-size: 12px;
	background: #F1F4F9 url(/images/layout/bg-body.jpg) repeat-x left -100px;
}

a		{ outline: none; color: #022569; }
a:hover { text-decoration: none; color: #336434; }
img 	{ border: none; }

div.clearer { clear: both; }
object { outline: none;  }


/* ----    FONT DEFINITIONS    ----------------------------------------------------------------------------------------- */

.tinytext 	{ font-size: 10px; }
.smalltext 	{ font-size: 11px; }
.normaltext { font-size: 12px; }
.bigtext 	{ font-size: 14px; }

/* ####################################################################################################################
   MAIN LAYOUT
   #################################################################################################################### */

#page {
	width: 964px;
	margin: 0 auto;
	padding: 0;
}

/* ----    META / SEARCH    ----------------------------------------------------------------------------------------- */

#meta-wrapper {
	position: relative;
	margin: 0;
	padding: 0;
	height: 35px;
	z-index: 100;
}

/* ----    MENU / LOGO    ----------------------------------------------------------------------------------------- */

#menu-wrapper {
	position: relative;
	margin: 0;
	padding: 0;
	height: 57px;
	background: url(/images/layout/bg-menu-wrapper.png) no-repeat 1px top;
	z-index: 10;
}

#printlogo { display: none; }
#logo {
	position: absolute;
	top: 9px;
	left: 10px;
}

/* ----    HEADER    ----------------------------------------------------------------------------------------- */

#header, #brand-header {
	float: left;
	width: 964px;
	margin: -1px 0 -15px 0;
	padding: 0;
	background-position: top left;
	background-repeat: no-repeat;
}

#header-image {
	float: left;
	width: 510px;
}



/* BRANDS */

#brand-carousel {
	float: left;
	width: 600px;
}

#brand-rightcol {
	float: right;
	width: 350px;
	margin: 0;
	padding: 5px 10px 30px 0;
}

/* ----    CONTENT    ----------------------------------------------------------------------------------------- */

/* CONTENT AREA HOME PAGE */
#content-wrapper-home {
	width: 960px;
	margin: 10px 0 0;
	padding: 0;
	background: url(/images/layout/bg-content-home.png) repeat-y left top;
	float: left;
	position: relative;
}

#content-wrapper-home-bottom {
	clear: both;
	margin: 0;
	padding: 0;
	background: url(/images/layout/bg-content-home-bottom.jpg) no-repeat left top;
	height: 24px;
}

#content-wrapper-home #content-col-left {
	float: left;
	position: relative;
	width: 714px;
	margin: 0;
	padding: 15px 5px 0 4px;
}

#content-wrapper-home #content-col-right {
	float: left;
	position: relative;
	width: 208px;
	margin: 0;
	padding: 15px 14px 0 15px;
	
}

/* CONTENT AREA ALL OTHER PAGES */
#content-wrapper {
	width: 964px;
	margin: 10px 0 0 0;
	padding: 0 0 10px 0;
	background: url(/images/layout/bg-content.png) repeat-y left top;
	float: left;
	position: relative;
}

#content-wrapper-bottom {
	clear: both;
	margin: 0 0 8px 0;
	padding: 0;
	background: url(/images/layout/bg-content-bottom.jpg) no-repeat left top;
	height: 42px;
}

#content-col-left {
	float: left;
	position: relative;
	width: 650px;
	margin: 0;
	padding: 35px 35px 0 37px;
}

#content-col-right {
	float: left;
	position: relative;
	width: 232px;
	margin: 0;
	padding: 16px 0 0 0;
}

#content {
	overflow: hidden;
	width: 610px;
	margin: 0;
	padding: 15px 20px 0 20px;
}

div.content-splitter {
	width: 650px;
	height: 32px;
	margin: 0 -10px 10px -20px;
	padding: 0;
	background: url(/images/layout/bg-content-splitter.jpg) no-repeat left top;
}

* html div.content-splitter {
	margin-right: -20px;
}




/* ----    NAV SUB    ----------------------------------------------------------------------------------------- */

#nav-sub-wrapper {
	width: 232px;
	margin: 0 0 0px 0;
	padding: 0 0 12px 0;
	background: url(/images/layout/bg-nav-sub.gif) no-repeat -240px bottom;
}

/* ----    NAV RELATED    ----------------------------------------------------------------------------------------- */

#nav-related-wrapper {
	width: 232px;
	margin: 0px 0 0px 0;
	padding: 0 0 12px 0;
	background: url(/images/layout/bg-nav-related.gif) no-repeat -240px bottom;
}


/* ----    CONTENTBOX    ----------------------------------------------------------------------------------------- */

div.contentbox {
	clear: both;
	width: 964px;
	margin: 0px 0 8px 0;
	padding: 10px 0 0 0;
	background: url(/images/layout/bg-contentbox.jpg) no-repeat left top;
	
}

div.inside-contentbox {
	margin: 0;
	padding: 0 13px 12px;
	background: url(/images/layout/bg-contentbox.jpg) no-repeat left bottom;
}

div.contentbox-dark {
	clear: both;
	width: 964px;
	margin: 0 0 8px 0;
	padding: 0px 0 20px 0;
	background: url(/images/layout/bg-contentbox-dark.jpg) no-repeat left bottom;
}

div.contentbox-dark div.inside-contentbox {
	padding: 20px 23px 0px;
	background: url(/images/layout/bg-contentbox-dark.jpg) no-repeat left top;
}



/* ----    FOOTER ADS    ----------------------------------------------------------------------------------------- */

div.footerads {
	width: 964px;
	margin: 0 0 8px 0;
	padding: 25px 0 0px 0;
	background-position: left top;
	background-repeat: no-repeat;
	overflow: hidden;
}


/* ----    FOOTER    ----------------------------------------------------------------------------------------- */

#footer {
	position: relative;
	margin: 0 0 40px 0;
	padding: 0;
	height: 55px;
	background: url(/images/layout/bg-footer.gif) repeat-x left top;
}

/* ####################################################################################################################
   META SEARCH
   #################################################################################################################### */

#search-wrapper {
	position: absolute;
	top: 7px;
	right: 10px;
	display: inline;
	margin: 0;
	padding: 0;
	z-index: 100;
}

#search-wrapper a, #search-wrapper a:hover {
	position: absolute;
	top: 2px;
	right: 10px;
	margin: 0;
	padding: 4px 0 4px 25px;
	color: #000;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	background: url(/images/layout/icons-nav-sub.gif) no-repeat 10px -143px;
}

#search-area {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	width: 230px;
	height: 100px;
	margin: 0;
	padding: 0;
	background: url(/images/layout/bg-search.gif) no-repeat right top;
}

#search-wrapper:hover #search-area { display: block; }

#search-area #searchfield {
	position: absolute;
	width: 128px;
	top: 50px;
	right: 59px;
	margin: 0;
	padding: 0;
	border: none;
	color: #CCC;
	font-weight: bold;
	background: transparent url(/images/layout/bg-search.gif) no-repeat -20px -50px;
}

#search-area #searchbutton {
	position: absolute;
	width: 37px;
	top: 48px;
	right: 10px;
	margin: 0;
	padding: 0;
}
   

/* ####################################################################################################################
   NAV MAIN
   #################################################################################################################### */

#nav-main {
	float: right;
	height: 55px;
	padding: 0 10px 0 0;
	margin: 0;
	list-style: none;
}

#nav-main li {
	float: left;
	padding: 0 0 0 2px;
	background: url(/images/layout/bg-nav-main-li.jpg) no-repeat left center;
}

#nav-main li.first { background-image: none; }

#nav-main a {
	float: left;
	height: 55px;
	padding: 0 10px 0 12px;
	font-weight: bold;
	line-height: 55px;
	color: #333;
	text-decoration: none;
}

#nav-main a:hover {
	color: #4F7BB0;
}

#nav-main li.current a, #nav-main li.current a:hover {
	color: #4F7BB0;
	background: url(/images/layout/bg-nav-main-a-current.jpg) repeat-x left top;
}


/* ####################################################################################################################
   HEADER 
   #################################################################################################################### */

#header ul {
	list-style: disc;
}

#header li {
	background: none;
	margin-left: 15px;
	padding-left: 5px;
}
   
/* ####################################################################################################################
   HEADER IMAGE LINK
   #################################################################################################################### */

#header-image a {
	display: block;
	text-indent: -99999px;
	background: transparent url(/images/layout/btn_more_header.gif) no-repeat 385px 220px;
}

#header-image a:hover {
	background-position: -215px 220px;
}

/* ####################################################################################################################
   HEADER BLURB
   #################################################################################################################### */

#header-blurb, .header-blurb {
	float: right;
	width: 380px;
	margin: 20px 60px 30px 0;
	padding: 0;
}

* html #header-blurb { margin-right: 30px; }
* html .header-blurb { margin-right: 30px; }

#header-blurb-top, .header-blurb-top {
	margin: 0;
	padding: 0;
	background: url(/images/layout/bg-header-blurb.png) no-repeat left top;
}

#header-blurb h1, .header-blurb h1 {
	margin: 0;
	padding: 20px 25px 0 25px;
	font-size: 30px;
	font-weight: normal;
	color: #82C084;
}

#header-blurb-inside, .header-blurb-inside {
	width: 380px;
	margin: 0;
	padding: 0;
	background: url(/images/layout/bg-header-blurb.png) no-repeat left -10px;
}

#header-blurb p, .header-blurb p {
	margin: 0;
	padding: 0 25px 20px;
	color: #FFF;
}


#header-blurb a, .header-blurb a {
	color: #FFF;
}


#header-blurb-bottom, .header-blurb-bottom {
	margin: 0;
	padding: 0;
	font-size: 0;
	height: 9px;
	line-height: 1px;
	background: url(/images/layout/bg-header-blurb.png) no-repeat left bottom;
}


/* ####################################################################################################################
   BRAND HEADER RIGHTCOL / PANELS
   #################################################################################################################### */

div.panel-header {
	padding: 7px 0 3px 0;
	background: url(/images/layout/bg-panel.png) no-repeat left 7px;
}

div.panel {
	width: 314px;
	margin: 0;
	padding: 10px 18px 5px;
	background: url(/images/layout/bg-panel.png) no-repeat left -20px;
	color: #DCDCDC;
}

div.panel-header h1 {
	margin: 0;
	padding: 12px 18px 0;
	font-size: 30px;
	font-weight: normal;
	color: #FFF;
}

div.panel-header h2 {
	margin: 0;
	padding: 12px 18px 0;
	font-size: 14px;
	color: #FFF;
}

div.panel-header h3 {
	margin: 0;
	padding: 4px 18px 3px;
	font-size: 16px;
	line-height: 115%;
	background: url(/images/layout/bg-panel.png) no-repeat left -20px;
	color: #FFF;
}

div.panel-bottom {
	font-size: 0px;
	line-height: 1px;
	height: 9px;
	margin: 0 0 0px 0;
	padding: 0;
	background: url(/images/layout/bg-panel.png) no-repeat left bottom;
}

div.panel p {
	margin: 0 0 0.5em 0;
	padding: 0;
}

/* ----    NUTRITION FACTS     ----------------------------------------------------------------------------------------- */
div.nutfacts {
	margin: 20px 0 0 0;
	padding: 0;
	background-color: #FFF;
}

div.nutfacts table {
	margin: 0 0 0.5em 0;
	padding: 0;
}

div.nutfacts td {
	padding: 2px 10px 2px 5px;
	vertical-align: bottom;
}

div.nutfacts tr.headerline td {
	font-weight: bold;
	vertical-align: bottom;
}

div.nutfacts td.imagecell {
	text-align: right;
	padding: 0 0 10px 0;
}

div.nutfacts tr.mainline td {
	border-top: 1px solid #9E9E9E;
}

div.nutfacts td.subline td {  }

div.nutfacts tr.swap td {
	background: #E7ECEE;
}

div.nutfacts tr.ingredients td {
	color: #343434;
	background: #F7F9F9;
}

div.nutfacts tr.ingredients div {
	padding-top: 5px;
	padding-bottom: 5px;
}

div.nutfacts tr.ingredients p {
	margin: 0;
	padding: 0;
}

div.nutfacts p.disclaimer {
	padding-top: 0.5em;
	font-size: 11px;
	line-height: 1.2em;
	color: #7D7D7D;
}

/* OLD FOR BLURB
div.flavor {
	margin: 20px 0 0 0;
	padding: 0;
}

div.flavor table {
	margin: 0 0 0.5em 0;
	padding: 0;
	border-bottom: 1px solid #5E5E5E;
}

div.flavor td {
	padding: 1px 10px 1px 0;
	vertical-align: bottom;
}

div.flavor tr.headerline td {
	font-weight: bold;
}

div.flavor tr.mainline td {
	border-top: 1px solid #5E5E5E;
}

div.flavor td.subline td {  }

div.flavor tr.swap td {
	background: #313131;
}

div.panel p.disclaimer {
	padding-top: 0.5em;
	font-size: 11px;
	line-height: 1.2em;
	color: #A2A2A2;
}

#SHOW_FLAVOR {
	width: 180px;
	padding: 2px 3px;
	color: #000;
	font: bold 12px arial, sans-serif;
	background: #FAFAFA;
	border: 1px solid #CCC;
}
*/

/* ####################################################################################################################
   NAV SUB
   #################################################################################################################### */

/* ----    HEADLINE WITH LINK     ----------------------------------------------------------------------------------------- */

#nav-sub-wrapper h5 {
	margin: 0;
	padding: 12px 0 8px 15px;
	color: #64A266;
	font-size: 12px;
	text-transform: uppercase;
	background: url(/images/layout/bg-nav-sub.gif) no-repeat left top;
}

#nav-sub-wrapper h5 a {
	display: block;
	margin: 0;
	padding: 0;
	color: #64A266;
	text-decoration: none;
}

#nav-sub-wrapper h5 a:hover { color: #A1FFA0; }

/* ----    LIST     ----------------------------------------------------------------------------------------- */

#nav-sub {
	margin: 0;
	padding: 0;
	width: 232px;
	background: #484848;
	list-style: none;
}

#nav-sub li {
	position: relative;
	margin: 0;
	padding: 0;
	width: 232px;
	border-bottom: 2px solid #333333;
	background: none;
}

#nav-sub a {
	display: block;
	margin: 0;
	padding: 10px 15px;
	width: 202px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}


#nav-sub li.open, #nav-sub li.current {
	background: #5C5C5C;
}


#nav-sub li:hover {
	background: #535353;
}

#nav-sub a:hover, #nav-sub li.current a {
	color: #A1FFA0;
}

/* ----    2. LEVEL     ----------------------------------------------------------------------------------------- */

#nav-sub li.folder div {
	display: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#nav-sub div p {
	margin: 0;
	padding: 0 0 10px 0;
	line-height: 110%;
}

#nav-sub li.folder div a, #nav-sub li.current div a {
	margin: 0;
	padding: 0 5px 7px 30px;
	width: 197px;
	color: #B3B3B3;
}

#nav-sub li.folder div a:hover, #nav-sub li.current div a.current, #nav-sub li.current div a:hover {
	color: #A1FFA0;
}

/* ----    FOLDER ICONS     ----------------------------------------------------------------------------------------- */

#nav-sub .folder span {
	display: block;
	position: absolute;
	top: 1px;
	right: 0;
	margin: 0;
	padding: 0;
	width: 28px;
	height: 29px;
	background: url(/images/layout/icons-nav-sub.gif) no-repeat left top;
	cursor: pointer;
}

#nav-sub .folder span:hover { background-image: url(/images/layout/icon-nav-sub-down-hover.gif); }
#nav-sub li.open span 		{ background-position: left -50px; }
#nav-sub li.open span:hover { background-image: url(/images/layout/icons-nav-sub.gif); background-position: left -100px; }



/* ####################################################################################################################
   NAV RELATED
   #################################################################################################################### */

/* ----    HEADLINE WITH LINK     ----------------------------------------------------------------------------------------- */

#nav-related-wrapper h5 {
	margin: 0;
	padding: 12px 0 8px 15px;
	color: #FFF;
	font-size: 12px;
	text-transform: uppercase;
	background: url(/images/layout/bg-nav-related.gif) no-repeat left top;
}


/* ----    LIST     ----------------------------------------------------------------------------------------- */

#nav-related {
	margin: 0;
	padding: 0;
	width: 232px;
	background: #516E7A;
	list-style: none;
}

#nav-related li {
	position: relative;
	margin: 0;
	padding: 0;
	width: 232px;
	border-bottom: 2px solid #618190;
	background: none;
}

#nav-related a {
	display: block;
	margin: 0;
	padding: 10px 15px;
	width: 202px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

#nav-related li:hover {
	background-color: #4A6773;
}

#nav-related a:hover {
	color: #A2E4FF;
}

/* EXTERNAL LINKS */
#nav-related li.newwin {
	background-image: url(/images/layout/icons_linkexternal.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

#nav-related li.newwin a {
	width: 180px;
	padding-right: 37px;
}


/* ####################################################################################################################
   CONTENT STYLES
   #################################################################################################################### */
   

/* ----    NAV PAGE (INCL. HEADLINE OUT OF CONTENT)     ----------------------------------------------------------------------------------------- */
#nav-page {
	margin: 0 0 5px 0;
	padding: 0 0 25px 0;
	background: url(/images/layout/bg-h1-nav-page.jpg) no-repeat left bottom;
}

#nav-page h1 {
	margin: 0;
	padding: 0;
	color: #3F4963;
	font-size: 20px;
	font-weight: normal;
	text-decoration: none;
	line-height: 22px;
}

/* ----    HEADLINE OUT OF CONTENT     ----------------------------------------------------------------------------------------- */

#content h1 {
	width: 650px;
	margin: -15px -20px 5px -20px;
	padding: 0 0 25px 0;
	color: #3F4963;
	font-size: 20px;
	font-weight: normal;
	text-decoration: none;
	line-height: 22px;
	background: url(/images/layout/bg-h1-nav-page.jpg) no-repeat left bottom;
}

/* ----    COLOR PANELS     ----------------------------------------------------------------------------------------- */

div.colorpanel {
	position: relative;
	width: 650px;
	margin: -15px -20px 10px;
	padding: 0 0 32px 0;
	color: #FFF;
	font-weight: bold;
	background: url(/images/layout/bg-colorpanels.jpg) no-repeat left bottom;
}

div.colorpanel-inside {
	margin: 0;
	padding: 10px 15px 0;
	background: url(/images/layout/bg-colorpanels.jpg) no-repeat left top;
}

div.cp-blue							{ background-position: left bottom; }
div.cp-blue	div.colorpanel-inside 	{ background-position: left top; }
div.cp-red							{ background-position: -650px bottom; }
div.cp-red div.colorpanel-inside 	{ background-position: -650px top; }
div.cp-orange						{ background-position: -1300px bottom; }
div.cp-orange div.colorpanel-inside { background-position: -1300px top; }
div.cp-green						{ background-position: -1950px bottom; }
div.cp-green div.colorpanel-inside 	{ background-position: -1950px top; }

div.colorpanel p, div.colorpanel ul {
	margin: 0 0 0.5em 0;
}

/* ----    CONTENT STYLES     ----------------------------------------------------------------------------------------- */

h2 {
	margin: 0 0 1em 0;
	padding: 0;
	color: #092869;
	font-size: 18px;
}

h3 {
	margin: 0 0 0.2em 0;
	padding: 0;
	color: #5FAD7F;
	font-size: 14px;
}

h5 {
	margin: 0 0 0.2em 0;
	padding: 0;
	color: #092869;
	font-size: 12px;
}

p {
	margin: 0 0 1.5em 0;
	padding: 0;
	line-height:145%;
}

p.highlight {
	font-weight: bold;
	color: #444;
}

ul, ol {
	margin: 0 0 1.5em 0;
	padding: 0 0 0 5px;
	list-style: none;
}

li {
	margin: 0 0 0.3em 0;
	padding: 0 0 0 20px;
	background: url(/images/layout/bg-li.gif) no-repeat left top;
}

ul ul {
	margin-bottom: 1em;
	padding-top: 0.3em;
}

ul ul ul {
	margin-bottom: 0.5em;
}


ul ul li {
	padding-left: 12px;
	background: url(/images/layout/bg-li-li.gif) no-repeat left top;
}

ul ul ul li {
	padding-left: 10px;
	background: url(/images/layout/bg-li-li-li.gif) no-repeat left top;
}

.hrlike {
	clear: both;
	display: block;
	height: 1px;
	margin: 0 0 10px 0;
	padding: 10px 0 5px;
	background: url(/images/layout/hrlike.gif) repeat-x left center
}

.fussnote {
	color:#333333;
	font-weight: normal;
	font-size: 80%;
	position: relative;
	top: -4px;	
}


/* ----    IMAGE WITH BORDER AND CAPTION     ----------------------------------------------------------------------------------------- */

.image-w-border {
	margin: 3px 0 0 0;
	padding: 10px;
	background: #EFEDE9;
}

.image-left {
	float: left;
	margin: 3px 20px 10px 0;
}

.image-right {
	float: right;
	margin: 3px 0 10px 20px;
}

.image-w-border em {
	display: block;
	padding: 6px 0 0 0;
	color: #777777;
	font-style: normal;
	font-size: 10px;
	font-weight: bold;
	line-height: 10px;
	background: #EFEDE9;
}

.image-w-border a {
	text-decoration: none;
}

.image-w-border a em {
	text-align: center;
}

/* ----    FORWARD LINK     ----------------------------------------------------------------------------------------- */

ul.teaserlinks span, a.forward, a.back, div.homeads span {
	display: inline-block;
	height: 25px;
	margin: 5px 0 0 0;
	padding: 0 0 0 12px;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
	line-height: 24px;
	text-decoration: none;
	background: url(/images/layout/button.jpg) no-repeat left top;
	cursor: pointer;
}

ul.teaserlinks span em, a.forward em, a.back em, div.homeads span em {
	display: inline-block;
	height: 25px;
	margin: 0;
	padding: 0 30px 0 0;
	color: #FFF;
	font-style: normal;
	background: url(/images/layout/button.jpg) no-repeat right top;
	cursor: pointer;
}


div.homeads span { background-image: url(/images/layout/button_ads.jpg); }
div.homeads span em { background-image: url(/images/layout/button_ads.jpg); }

a.back {
	padding: 0 12px 0 0;
	background: url(/images/layout/button_back.jpg) no-repeat right top;
}

a.back em {
	padding: 0 0 0 30px;
	background: url(/images/layout/button_back.jpg) no-repeat left top;
}

ul.teaserlinks span:hover, a.forward:hover, div.homeads span:hover			{ color: #FFF; background-position: left -25px }
ul.teaserlinks span:hover em, a.forward:hover em, div.homeads span:hover em	{ color: #FFF; background-position: right -25px }

a.back:hover	{ color: #FFF; background-position: right -25px }
a.back:hover em	{ color: #FFF; background-position: left -25px }

/* Listings -> Management, Broschüren, Statements */

div.listing {
	overflow: hidden;
	margin: 0 0 2em 0;
	padding: 0;
}

div.listing img.listing {
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
}

div.listing div.listing-right-container {
	margin: 0 0 0 140px;
	padding: 0;
}

div.listing p {
	margin: 1em 0 0 0;
	padding: 0;
}

* html div.listing {
	display: table;
	width: 100%;
}

* html div.listing div.listing-right-container {
	margin: 0;
	float: left;
}

/* Presse */

table.pm-table {
	border: 1px solid #666;
	border-collapse: collapse;
}

table.pm-table td {
	padding: 4px 3px;
	vertical-align: top;
	border: 1px solid #666;
}



/* ----    RIGHTCOL     ----------------------------------------------------------------------------------------- */

/* e.g. NEWS HOME */
#content-col-right h2 { 
	margin: 0 0 8px;
	padding: 5px 0 5px 12px;
	color: #FFF;
	font-size: 14px;
	line-height: 14px;
	background: url(/images/layout/bg-hl-news-home.jpg) no-repeat left top;
}

/* NEWS */

#newslist {
	margin: 0;
	padding: 0;
	list-style: none;
}

#newslist li, #newslist a, #newslist span, #newslist p { display: block; margin: 0; padding: 0; }

#newslist li {
	margin: 0;
	padding: 7px 0 9px;
	background: url(/images/layout/hrlike.gif) repeat-x left bottom;
}

#newslist li:hover {
	background-color: #F2F2F2;
}

#newslist a {
	padding: 0 9px;
	text-decoration: none;
}

#newslist span {
	font-size: 11px;
	font-weight: bold;
	color: #327034;
}

/* special style homepage */

#newslist-homebox {
	width: 208px;
	padding-bottom: 3px;
	background: #D2D2D2 url(/images/layout/bg-newslist-home.gif) no-repeat -250px bottom;
}

#newslist-homebox #newslist {
	width: 208px;
	padding-top: 5px;
	background: transparent url(/images/layout/bg-newslist-home.gif) no-repeat left top;
}

#newslist-homebox #newslist li:hover {
	background-color: transparent;
}

#newslist-homebox #newslist p {
	font-weight: bold;
	font-size: 11px;
	line-height: 14px;
}

/* ----    EDIT AND DOCUMENTS    ----------------------------------------------------------------------------------------- */

a.iconlink, a.link-pdf {
	margin: 0 15px 0 0;
	padding: 3px 0 3px 22px;
	background-repeat: no-repeat;
	background-position: left 2px;
}

a.iconlink:hover { background-color: transparent; }

a.arrow		{ background: url(/images/layout/bg-li.gif) no-repeat left 3px; margin-right: 0;}
a.add		{ background-image: url(/images/admin_icons/icon_add.gif); }
a.edit		{ background-image: url(/images/admin_icons/icon_edit.gif); }
a.delete	{ background-image: url(/images/admin_icons/icon_delete.gif); }
a.sortdown	{ background-image: url(/images/admin_icons/icon_sortdown.gif); }
a.sortup	{ background-image: url(/images/admin_icons/icon_sortup.gif); }
a.view		{ background-image: url(/images/admin_icons/icon_view.gif); }


a.doc { background-image: url(/images/icons/doc.gif); }
a.eps { background-image: url(/images/icons/eps.gif); }
a.gif { background-image: url(/images/icons/gif.gif); }
a.jpg { background-image: url(/images/icons/jpg.gif); }
a.new { background-image: url(/images/icons/new.gif); }
a.pdf, a.link-pdf { background-image: url(/images/icons/pdf.gif); }
a.ppt { background-image: url(/images/icons/ppt.gif); }
a.rss { background-image: url(/images/icons/rss.gif); }
a.txt { background-image: url(/images/icons/txt.gif); }
a.xls { background-image: url(/images/icons/xls.gif); }
a.zip { background-image: url(/images/icons/zip.gif); }



/* ####################################################################################################################
   TEASER LINKS
   #################################################################################################################### */

ul.teaserlinks {
	width: 630px;
	float: left;
	margin: 0 0 0 -20px;
	padding: 0 0 5px 0;
	list-style: none;
}

* html ul.teaserlinks {
	width: 650px;
}

ul.teaserlinks li {
	float: left;
	width: 190px;
	margin: 0 0px 0 20px;
	padding: 0;
	background: none;
}

ul.teaserlinks img, ul.teaserlinks h3, ul.teaserlinks a, ul.teaserlinks p { display: block; margin: 0; padding: 0;}

ul.teaserlinks a {
	color: #666666;
	text-decoration: none;
}

ul.teaserlinks img {
	margin-bottom: 15px;
}

ul.teaserlinks h3 {
	margin-bottom: 5px;
	color: #092869;
	font-weight: normal;
	font-size: 17px;
}

ul.teaserlinks a:hover h3 { color: #136BC0; }

ul.teaserlinks p {
	margin-bottom: 5px;
}


* html ul.teaserlinks .tboxheight { border-bottom:1px solid #fff; }

   
/* ####################################################################################################################
   CONTENTBOX
   #################################################################################################################### */

div.contentbox p, div.contentbox-dark p {
	margin: 0;
	padding: 0;
}

div.contentbox h3 {
	margin: 0 0 10px 0;
	padding: 5px 13px 10px;
	font-size: 14px;
	color: #333;
	border-bottom: 1px solid #D8D8D8;
}

div.brandsbox ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

div.brandsbox li {
	display: inline;
	margin: 0 21px 5px 20px;
	padding: 0;
	background: none;
}

  

/* ####################################################################################################################
   FOOTER ADS
   #################################################################################################################### */
   
div.footerads ul {
	float: left;
	width: 947px;
	margin: 0;
	padding: 0px 0 35px 17px;
	background-position: left bottom;
	background-repeat: no-repeat;
	list-style: none;
}

div.footerads li {
	float: left;
	display: block;
	margin: -2px 0 0 0;
	padding: 0 6px;
	background: none;
}

div.footerads a, div.footerads img { display: block; }

div.footerads img {
	margin: 0 0 7px 0;
	padding: 0;
}

div.footerads h4 {
	margin: 0 0 3px 0;
	padding: 0;
	font-size: 12px;
	color: #000;
}

div.footerads p {
	margin: 0 0 7px 0;
	padding: 0;
	color: #666;
}

div.footerads a { text-decoration: none; }
div.footerads a.more {
	font-weight: bold;
	color: #42508D;
}
div.footerads a.more:hover { color: #136BC0; }

/* 4 COLS */
div.adrow-4cols, div.adrow-4cols ul	{ background-image: url(/images/layout/bg-footerads-4cols.jpg); }
div.adrow-4cols ul { padding-left: 17px; }
div.adrow-4cols li {
	width: 213px;
	margin-right: 9px;
}


/* ####################################################################################################################
   HOMEPAGE ADS / TEASER
   #################################################################################################################### */
   
div.homeads {
	width: 704px;
	margin: 0 0 0 10px;
	padding: 0 0 10px;
	overflow: hidden;
	background: url(/images/layout/bg-ads-home.jpg) no-repeat left bottom;
}

div.homeads ul {
	float: left;
	width: 704px;
	margin: 0;
	padding: 0;
	list-style: none;
	background: url(/images/layout/bg-ads-home.jpg) no-repeat left top;
}

div.homeads li {
	float: left;
	display: block;
	width: 213px;
	margin: 0 9px 0 0;
	padding: 6px 6px 0;
	background: none;
}

div.homeads img, div.homeads h3, div.homeads a, div.homeads p { display: block; margin: 0; padding: 0;}

div.homeads img {
	margin-bottom: 15px;
}

div.homeads h3 {
	margin-bottom: 5px;
	color: #092869;
	font-weight: normal;
	font-size: 17px;
}

div.homeads p {
	margin-bottom: 0px;
	line-height: 130%;
	color: #666;
}

div.homeads a {
	color: #666666;
	text-decoration: none;
}


/* ####################################################################################################################
   FORMS
   #################################################################################################################### */
   
fieldset {
	margin: 0 0 20px 0;
	padding: 10px;
	border: 1px solid #999;
}

legend {
	padding: 1px 5px;
	font-weight: bold;
	border: 1px solid #999;
	background: #E4E4E4;
}

input.input_text, textarea, select, input.fc-normal, textarea.fc-normal, select.fc-normal {
	margin: 0;
	padding: 3px;
	font-family: arial, sans-serif;
	font-size: 12px;
	border: 1px solid #828282;
	background: #FCFCFC;
}

input.input_radio, input.input_checkbox {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}

input.fc-error, textarea.fc-error, select.fc-error {
	background-color: #FAE7E7;
	border: 1px solid #CC0000;
}

label.forcheckbox {
	position: relative;
	top: -2px;
	margin-left: 5px;
}

span.required, span.required-symbol {
	color: #002355;
	font-size: 11px;
}

span.required-symbol {
	vertical-align: top;
	font: bold 11px verdana, arial, sans-serif;
}

/* ----    SUBMIT BUTTON    ----------------------------------------------------------------------------------------- */

div.submit-button-end {
	position: absolute;
	display: inline;
	margin: 0;
	padding: 0 2px 0px 0;
	width: 15px;
	height: 32px;
	background: transparent url(/images/layout/bg-submit-end.gif) no-repeat left top;
}

input.submit-button {
	overflow: visible;
	cursor: pointer;
	height: 32px;
	margin: 0;
	padding: 0 8px 0px 38px;
	text-align: left;
	font: bold 12px arial, sans-serif;
	color: #FFF;
	border: none;
	background: url(/images/layout/bg-submit.gif) no-repeat left top;
}


   

/* ####################################################################################################################
   FOOTER
   #################################################################################################################### */

#nav-footer {
	float: left;
	margin: 0;
	padding: 0 0 0 22px;
	height: 56px;
	list-style: none;
	color: #999;
	font-size: 11px;
	font-weight: bold;
	line-height: 56px;
}

#nav-footer li {	
	float: left;
	margin: 0;
	padding: 0 20px;
	background: transparent url(/images/layout/bg-nav-footer-li.gif) no-repeat left center;
}

#nav-footer li.first {
	padding-left: 0;
	background: none;
}

#nav-footer a {
	color: #999;
	text-decoration: none;
}

#nav-footer a:hover {
	color: #4F7BB0;
}

#link-dontlitter {
	position: absolute;
	top: 17px;
	right: 22px;
	width: 70px;
	height: 24px;
}


/* ##### Image Gallery ######### */

div.image-details {
	display: none;
	position: absolute;
	width: 450px;
	margin: 0;
	padding: 25px 10px 10px 10px;
	text-align: left;
	border: 2px solid #103C6D;
	background: rgb(240,240,240);
	z-index: 500;
}

div.image-details img.close-link {
	position: absolute;
	top: 6px;
	right: 10px;
	margin: 0;
	padding: 0;
}

/* ####################################################################################################################
   PRINT_STYLES
   #################################################################################################################### */

@media print
{
	/* DO NOT DISPLAY ---------------------------- */
	#meta-wrapper, #menu-wrapper, #brand-carousel, #homekarussell, div.panel-bottom, #content-col-right, #content-wrapper-bottom, div.homeads, div.brandsbox, div.footerads, #timeline-container {
		display: none;
	}
	
	/* BODY ---------------------------- */
	body { overflow: visible !important; background: #FFF !important; }
	#page { width: 100%; margin: 0; }
	#printlogo { 
		display: block; 
		margin-bottom: 20px; 
		text-align: right;
	}
	
	/* HEADER ---------------------------- */
	#header, #brand-header {
		width: 100%;
		height: auto !important;
		float: none;
		margin: 0 0 10px;
		padding: 0 0 10px;
		background: none !important;
		border-bottom: 1px solid #000;
	}
	
	#header-blurb, .header-blurb, #brand-rightcol, div.panel-header, div.panel {
		float: none;
		margin: 0;
		padding: 0;
		width: 100%;
		background: #FFF !important;
	}
	
	#header-blurb h1, .header-blurb h1, div.panel-header h1, div.panel-header h3 {
		margin: 0 0 5px;
		padding: 0;
	}
	
	div.panel-header h3 { color: #000; }
	
	#header-blurb-inside, .header-blurb-inside, #header-blurb-top, .header-blurb-top, #header-blurb-bottom, .header-blurb-bottom {
		width: 100%;
		background: #FFF !important;
	}
	
	#header-blurb p, .header-blurb p, div.panel p {
		color: #000;
		margin: 0;
		padding: 0;
	}
	
	/* TIMELINE */
	#header-image {
		position: static !important;
		float: none;
		margin: 0 0 2em 0;
		padding: 0;
		width: 100%;
	}
	#header-image img, #header-blurb, .header-blurb {
		position: static !important;
	}
	
	#header-image img {
		border: 1px solid #CCCCCC;
	}
	
	
	/* CONTENT ---------------------------- */
	#content-wrapper {
		position: static;
		width: 100%;
		margin: 0;
		padding: 0;
		background: #FFF !important;
	}
	
	#content-col-left {
		position: static;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	#content {
		overflow: visible !important;
		width: 100%;
		margin:0;
		padding: 0;
	}
	
	#content h1 {
		background: #FFF !important;
		margin: 0 0 20px;
		padding: 0;
		width: 100%;
	}
	
	div.content-splitter {
		display: none;
	}
	
	ul, ol {
		padding-left: 20px;
		list-style: disc;
	}
	
	li {
		padding-left: 0;
		background: none;
	}
	
	ul ul {
		list-style: disc;
	}
	
	ul ul ul {
		list-style: circle;
	}
	
	
	ul ul li {
		padding-left: 0;
		background: none;
	}
	
	ul ul ul li {
		padding-left: 0;
		background: none;
	}
	
	/* FOOTER ---------------------------- */
	#footer {
		position:static;
		clear: both;
		width: 100%;
		height: auto;
		line-height: auto;
		margin: 0;
		padding: 0;
		background: #FFF !important;
		border-top: 1px solid #000;
	}
	
	#nav-footer {
		position: static;
		margin: 0;
		padding: 0;
	}
	
	#nav-footer li { display: none; }
	#nav-footer li.first { display: block; }
	#link-dontlitter { display: none; }
	
}