@charset "utf-8";
/* CSS Document */



/* TABLE OF CONTENTS:
---------------------------------------------------------------------------------------
	
	0:	CSS RESET & HELPERS:
	
		0.1:	CSS RESET:
		0.2:	AUTO-CLEAR & GLOBAL HELPERS
	
	1:	TYPOGRAPHY & LINK STYLING:
		
		1.0:	COLOURS:
		1.1:	TYPO:
		1.2:	LINKS:
	
	2:	STRUCTURE & LAYOUT
		
		2.1:	STRUCTURE
		2.2:	HEADER
				- Branding - Zone
				- Header/Teaser - Zone
				
		2.3:	NAVIGATION & MENU-LISTS
				- Navigation - Main: Level-0
				- Navigation - Main: Level-1 ... 6 
				- Navigation - Main: Logic
				- Navigation - Right
				- Navigation - Breadcrumb
				- Navigation - Secondary
				- Navigation - Product-Tabs
				- Navigation - Pagination
				
		2.4:	FOOTER
		
		2.5:	CONTENT
				- Sidebar - Modules
				- Content - Area: ALL
				- Content - Area: MODULE-STANDARD
				- Content - Area: MODULE-GALLERY
				- Content - Area: MODULE-LIST
				- Content - Area: EZOE
				- Content - Area: PRODUCTS
				- Content - Area: SEARCH
				- Content - Area: GLOSSARY
		
	
--------------------------------------------------------------------------------------	
*/



/*  >> 0.	CSS RESET & HELPERS:
---------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------- */

/*  		>> 0.1.	CSS RESET:
--------------------------------------------------------------------------------------- */

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }

ol, ul { list-style: none; }

/*
blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after
{
	content: '';
	content: none;
}
*/

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }

del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table
{
	border-collapse: collapse;
	border-spacing: 0;
}




/*  		>> 0.2.	AUTO-CLEAR & GLOBAL HELPERS:
--------------------------------------------------------------------------------------- */

.autoclear:after,
div.col-box:after,
div.matrix-wrapper:after,
ul.detail-nav:after,
div.form-row:after,
div.main-module-pagination:after,
div.glossary-nav-wrapper ul:after,
div#wrapper-sitemap ul#sitemap:after
{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


div.col-box { position: relative; }

div.col
{
	float: left;
	display: inline;
	line-height: 0.01%;
	overflow: hidden;
	position: relative;
}

div.pic-sec
{
	position: relative;
	overflow: hidden;
}

div#print-logo { display: none; }


/*  >> 1.	TYPOGRAPHY & LINK STYLING:
---------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------- */


/*  		>> 1.0.	COLOURS:
--------------------------------------------------------------------------------------- */

.cc_g1 { color: #4A5C68; }			/*	RGB:	 74	/  92	/	104			*/
.cc_g2 { color: #77858E; }			/*	RGB:	119	/ 133	/	142			*/
.cc_g3 { color: #A5AEB3; }			/*	RGB:	165	/ 174	/	179			*/
.cc_g4 { color: #C9CED2; }			/*	RGB:	201	/ 206	/	210			*/
.cc_g5 { color: #DBDEFF; }			/*	RGB:	219	/ 222	/	225			*/
.cc_g6 { color: #EDEFF0; }			/*	RGB:	237	/ 239	/	240			*/

.cc_r1 { color: #DC002E; }			/*	RGB: 	220	/ 0	/	 46			*/



/*  		>> 1.1.	TYPO:
--------------------------------------------------------------------------------------- */

body, h1, h2, h3, h4, h5, h6, p, a, li, th, td, input, textarea
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #4A5C68;
}

body
{
	font-size: 12px;
	line-height: 16px;
}

.large_a,
div.content-area h1
{
	font-size: 25px;
	line-height: 28px;
}

.large_b,
.large_hl_b,
h3.teaser-head,
h3.teaser-head a
{
	font-size: 14px;
	line-height: 18px;
}

.regular_c
{
	font-size: 12px;
	line-height: 16px;
}

.regular_hl_c,
div.content-area h3
{
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
}

.small_d
{
	font-size: 11px;
	line-height: 16px;
}

.small_hl_d
{
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
}


div#wrapper-head-teaser div.teaser-cnt h2,
div#wrapper-head-teaser div.teaser-cnt p,
div#wrapper-head-teaser div.teaser-cnt a
{
	font-size: 16px;
	line-height: 24px
}
div#wrapper-head-teaser div.teaser-cnt h2 { font-weight: bold; }


input,
textarea{ font-size: 13px; }

textarea { font-family: sans-serif, Arial, Helvetica; font-size: 13px; }




/*  		>> 1.2.	LINKS:
--------------------------------------------------------------------------------------- */

a:link,
a:visited,
a:hover { text-decoration: none; }


div.nav-meta a:link,
div.nav-meta a:visited,
ul.sidebar-footer a:link,
ul.sidebar-footer a:visited { color: #77858E; }
div.nav-meta a:hover,
ul.sidebar-footer a:hover { color: #4A5C68; }


div#wrapper-footer div.nav-meta a:link,
div#wrapper-footer div.nav-meta a:visited { color: #AFAEB3; background-position: 0 -11px; }
div#wrapper-footer div.nav-meta a:hover { color: #77858E; background-position: 0 5px; }


div#wrapper-head-teaser div.teaser-cnt a { color: #DC002E; }

a.btn-more { font-weight: bold; }


/* grey with red highlights */
div.sidebar-module a:link,
div.sidebar-module a:visited,
ul.glossary-navigation li a:link,
ul.glossary-navigation li a:visited,
a.btn-readmore:link,
a.btn-readmore:visited,
div.list-wrapper div.li-cnt div.list-txt h2 a:link,
div.list-wrapper div.li-cnt div.list-txt h2 a:visited,
h3.category-head a:link,
h3.category-head a:visited,
div.teaser-txt h5 a:link,
div.teaser-txt h5 a:visited,
h3.teaser-head a:link,
h3.teaser-head a:visited,
div.main-module-pagination ul li a:link,
div.main-module-pagination ul li a:visited,
ul#sitemap a:link,
ul#sitemap a:visited { color: #4A5C68; }

div.sidebar-module a:hover,
ul.glossary-navigation li a:hover,
a.btn-readmore:hover,
div.list-wrapper div.li-cnt div.list-txt h2 a:hover,
h3.category-head a:hover,
div.teaser-txt h5 a:hover,
h3.teaser-head a:hover,
div.main-module-pagination ul li a:hover,
ul#sitemap a:hover { color: #DC002E; }



/* komplette teaser-modile */
div.product-ov-module:hover h3.teaser-head a,
div.teaser-module div.teaser-cnt:hover div.teaser-txt h3 a, /* sollte h5 sein */
div.teaser-module div.teaser-cnt:hover div.teaser-txt h5 a { color: #DC002E; }

/* ausnahmen */
/*
div.list-wrapper div.li-cnt:hover h2 a { color: #DC002E; }
li.glossary_section div.li-cnt:hover h2 a,
div.search-results div.li-cnt:hover h2 a { color: #4A5C68; }
*/


/* bread-crumb-navigation */
div#wrapper-nav-breadcrumb a:link,
div#wrapper-nav-breadcrumb a:visited { color: #77858E; }
div#wrapper-nav-breadcrumb a:hover { /* color: #4A5C68; */ color: #DC002E; }


/* secondray-navigation */
div.secondary-navigation li a:link,
div.secondary-navigation li a:visited { color: #4A5C68; }
div.secondary-navigation li a:hover { color: #DC002E; }


div.secondary-navigation li.sub li a:link,
div.secondary-navigation li.sub li a:visited,
div.secondary-navigation li.sub.selected li a:link,
div.secondary-navigation li.sub.selected li a:visited { color: #A5AEB3; }
div.secondary-navigation li.sub li a:hover,
div.secondary-navigation li.sub.selected li a:hover { color: #DC002E; }


div.secondary-navigation li.selected a:link,
div.secondary-navigation li.selected a:visited,
div.secondary-navigation li.selected a:hover { color: #DC002E; }

div.secondary-navigation li.selected.sub a:link,
div.secondary-navigation li.selected.sub a:visited { color: #4A5C68; }
div.secondary-navigation li.selected.sub a:hover { color: #DC002E; }

div.secondary-navigation li.sub li.sub.selected a:link,
div.secondary-navigation li.sub li.sub.selected a:visited,
div.secondary-navigation li.sub li.sub.selected a:hover { color: #DC002E; }



/* product-tab-navigation */
ul.detail-nav li a:link,
ul.detail-nav li a:visited { color: #A5AEB3; }
ul.detail-nav li a:hover,
ul.detail-nav li.selected a { color: #DC002E; }



/* ezoe */
div#wrapper-content div.ezoe a:link,
div#wrapper-content div.ezoe a:visited { text-decoration: underline; color: #4A5C68; }
div#wrapper-content div.ezoe a:hover { text-decoration: underline; color: #DC002E; }




/*  >> 2.	STRUCTURE LAYOUT
---------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------- */


/*  		>> 2.1.	STRUCTURE:
--------------------------------------------------------------------------------------- */

div#wrapper
{
	width: 960px;
	border: 2px solid #FFF;
	padding: 28px 0;
	margin: 0 auto;
}

	div#wrapper-page
	{
		position: relative;
		width: 958px;
		border: 1px solid #A5AEB3;
	}
		
		
		div#wrapper-branding
		{
			position: relative;
			height: 145px;
		}
		
		
		div#wrapper-nav-main
		{
			position: absolute;
			width: 958px;
			top: 99px;
			z-index: 60;
		}
		
		
		div#wrapper-head-teaser
		{
			position: relative;
			z-index: 30;
		}
		
		
		div#wrapper-nav-breadcrumb
		{
			position: relative;
			padding: 0 29px;
			height: 30px;
			border-bottom: 1px solid #FFF;
			z-index: 20;
		}
		
		
		div#wrapper-content
		{
			position: relative;
			padding: 0 29px;
			z-index: 10;
			padding-bottom: 30px;	/* adjust later depending content: remind last content item needs 10px bottom as min-height 40px is wanted */
		}
		
			div#wrapper-col-structure
			{
				position: relative;
				width: 930px;
				overflow: hidden;
				margin: 0;
				padding: 0;
			}
			
			div#wrapper-col-structure.col-box,
			div#wrapper-col-structure.col-box div.col-box 
			{
				margin-left: -30px;	
			}
			
				div#wrapper-col-structure div.col
				{
					margin-left: 30px;
				}
				
				div.main-col-box { overflow: hidden; }
				
				div.main-col
				{
					padding-bottom: 32767px;
					margin-bottom: -32767px;
				}
			
				div.col-w1 { width: 156px; }
				div.col-w2 { width: 342px; }
				div.col-w3 { width: 528px; }
				div.col-w4 { width: 714px; }
				div.col-w5 { width: 900px; }
		
		
		div#wrapper-footer
		{
			position: relative;
			height: 71px;
			background-color: #EDEFF0;
			z-index: 50;
		}




/*  		>> 2.2.	HEADER:
--------------------------------------------------------------------------------------- */


/*	BRANDING - ZONE
------------------------------- */

div#wrapper-branding h1 a,
div#wrapper-branding h2
{
	position: absolute;
	overflow: hidden;
	text-indent: -99999px;
	background: url(../images/logo_beran.png) no-repeat left top;
}

div#wrapper-branding h1 a
{
	width: 142px;
	height: 62px;
	top: 21px;
	left: 29px;
}

div#wrapper-branding h2
{
	width: 238px;
	height: 16px;
	left: 214px;
	top: 67px;
	background-position: -185px -46px;
}

div#wrapper-branding div.nav-meta
{
	position: absolute;
	right: 25px;
	top: 10px;
	height: 11px;
	overflow: hidden;
	text-align: right;
}

	div#wrapper-branding div.nav-meta ul
	{
		position: relative;
		display: block;
	/*	margin-top: -4px;	*/ /* wenn language selector wieder vorhanden */
		margin-top: -2px;
		margin-right: -8px;
	}
	
		div#wrapper-branding div.nav-meta ul li {	display: inline; }
		
		div#wrapper-branding div.nav-meta a
		{
		/*	padding: 0 10px 0 8px;	*/
			border-right: 1px solid #99A4AA;	
			font-size: 11px;
			line-height: 12px;
			height: 12px;
			
			background: url(../images/btn_arrow_red_11pt.png) 0 center no-repeat;
			padding: 0 10px 0 11px;
			font-size: 12px;
			line-height: 13px;
			height: 13px;
		}




/*	HEADER / TEASER - ZONE
------------------------------- */

div#wrapper-head-teaser div.head-teaser
{
	position: relative;
	background-color: #DBDEE1;
	font-size: 0.01%;
	line-height: 0.01em;
}

	div#wrapper-head-teaser div.teaser-size-1
	{
		height: 209px;
		width: 958px;
		overflow: hidden;
	}
	
		div#wrapper-head-teaser div.teaser-size-1 img { border-right: 1px solid #FFF; }
		
		div#wrapper-head-teaser div.teaser-size-1 div.head-teaser-txt
		{
			position: absolute;
			right: 0;
			top: 0;
			width: 400px;
			border-left: 1px solid #FFF;
		}
		
			div#wrapper-head-teaser div.teaser-cnt
			{
				font-size: 16px;
				line-height: 24px;
				padding: 1.5em 30px 30px 29px;
			}
	
	div#wrapper-head-teaser div.teaser-size-2
	{
		height: 87px;
		width: 958px;
		overflow: hidden;
	}
	
	div#wrapper-head-teaser div#dropshadow
	{
		position: absolute;
		left: 0;
		top: 0;
		width: 958px;
		height: 25px;
		background: url(../images/bg_mainnav_dropshadow.png) repeat-x 0 0;
	}




/*  		>> 2.3.	NAVIGATION & MENU-LISTS:
--------------------------------------------------------------------------------------- */


/*	NAVIGATION - MAIN: LEVEL-0
----------------------------------- */

div#wrapper-nav-main
{
	background: url(../images/bg_nav_mainnav.png) repeat-x 0px 0px;
	height: 45px;
}
	
	ul#navigation
	{
		white-space: nowrap;
		float: left;
	}
	
	ul#navigation li.li-lvl-0
	{
		display: block;
		float: left;
		position: relative;
		padding: 0 1px;
		margin-right: -1px;
		background: url(../images/bg_nav_main_li.png) no-repeat -220px 0px;
	}
	ul#navigation li.el-0 { padding-left: 0; }

	ul#navigation li.li-lvl-0:hover,
	ul#navigation li.li-lvl-0.selected:hover { background-position: 0px 0px; }
	ul#navigation li.li-lvl-0.selected { background-position: -440px 0px; }
	
		
		ul#navigation a.a-lvl-0
		{
			position: relative;
			display: block;
			float: left;
			background: url(../images/bg_nav_main_a.png) no-repeat -220px 0px;
			
			font-size: 13px;
			color: #FFF;
			text-transform: uppercase;
			padding: 20px 14px 10px 15px;
		}
		ul#navigation li.el-0 a.a-lvl-0 { padding-left: 30px; }
		
		ul#navigation li.li-lvl-0 a.a-lvl-0:link,
		ul#navigation li.li-lvl-0 a.a-lvl-0:visited { background-position:  -220px 0px; }
		ul#navigation li.li-lvl-0.selected a.a-lvl-0:link,
		ul#navigation li.li-lvl-0.selected a.a-lvl-0:visited { background-position: -440px 0px; }
		ul#navigation li.li-lvl-0 a.a-lvl-0:hover,
		ul#navigation li.li-lvl-0.selected a.a-lvl-0:hover { background-position: 0px 0px; }
	


/*	NAVIGATION - MAIN: LEVEL-1 ... 6 
----------------------------------- */
	
	ul#navigation ul
	{
		float: left;
		display: inline;
		padding: 0;
		margin: 0;
		position: absolute;
		left: 0;
		
		width: 220px;
	/*	background: url(../images/bg_submenu_shadow.png) no-repeat bottom left;	*/		/* medium active area */
		background: url(../images/bg_submenu_shadow_large.png) no-repeat bottom left; /* large active area */
		border-top: 1px solid #FFF;
	}
	
/*	ul#navigation > li ul { padding-bottom: 34px; }	*/		/* medium active area */
	ul#navigation > li ul { padding-bottom: 129px; }		/* large active area */
	
	ul#navigation ul > li ul { top: -1px; }
	
		ul#navigation ul a
		{
			border: 0;
			padding: 0;
			margin: 0;
			background: none;
			font-size: 11px;
			
			color: #FFF;
			line-height: 20px;
			/*
			white-space: nowrap;
			*/
			white-space: normal;
			word-wrap: break-word;
			
			margin-left: 1px;
			padding-left: 16px;
			width: 192px;
			
			display: block;
			clear: both;
			
		/*	float: left; */	/* the-original-problem-for-not-aligning-sideway-at-correct-vertical-position */
			float: left;
		}
		
		ul#navigation ul a.sub
		{
			background: transparent url(../images/bg_submenu_arrow.png) no-repeat 0px 5px;
			padding-left: 26px;
			width: 182px;
		}
		
		ul#navigation ul a:link,
		ul#navigation ul a:visited { background-color: transparent; }
		ul#navigation ul a:hover { background-color: #DC002E; }
		
		
		/* FOR JAVASCRIPT A:HOVER PARENT-LI ADD/REMOVE CLASS */
		ul#navigation ul li.path-highlight > a { background-color: #DC002E; }
		ul#navigation li.li-lvl-0.path-highlight a.a-lvl-0,
		ul#navigation li.li-lvl-0.selected.path-highlight a.a-lvl-0 { background-position: 0px 0px; }




/*	NAVIGATION - MAIN: LOGIC:
----------------------------------- */

	ul#navigation li { display: inline-block; display: inline; }
	ul#navigation ul { left: -99999px; }
	
	ul#navigation li.li-lvl-0:hover ul { margin-top: 45px; }
	
	ul#navigation :hover ul { left: 0; }
	
	ul#navigation :hover ul ul { display: none; }	/* FIX FÜR SEITEN MIT WENIG INHALT + HOHE SUB-MENUS */
	
	/* ul#navigation :hover ul.right {left:auto; right:-1px;} */ /* doesn't work the way needed */
	
	ul#navigation :hover ul :hover ul, 
	ul#navigation :hover ul :hover ul :hover ul,
	ul#navigation :hover ul :hover ul :hover ul :hover ul
	{
		left: 95%;
		margin-top: 0;				/* DROPDOWN ALIGNED BENEATH NAVI LEVEL-0 */
	/*	margin-top: -21px;	*/ /* DROPDOWN ALIGNED WITH PARENT-LI */
	
		display: block;			/* FIX FÜR SEITEN MIT WENIG INHALT + HOHE SUB-MENUS */
	}

	
	ul#navigation :hover ul ul, 
	ul#navigation :hover ul :hover ul ul,
	ul#navigation :hover ul :hover ul :hover ul ul
	{
		left: -99999px;
	}

	
	ul#navigation table { border-collapse: collapse; margin-top: -1px; }




/*	NAVIGATION - RIGHT
------------------------------- */

	div#nav-right
	{
		position: absolute;
		width: 150px;
		height: 30px;
		right: 28px;
		top: 10px;
	}
	
		div#nav-right a#sitemap-btn
		{
			position: absolute;
			left: 0;
			top: 5px;
			height: 23px;
			width: 23px;
			background: url(../images/btn_sitemap.png) no-repeat top left;
			text-indent: -99999px;
		}
		
		div#nav-right div#search-wrapper
		{
			position: absolute;
			right: 0;
			top: 0;
			width: 125px;
			height: 30px;
			background: url(../images/bg_searchbox.png) no-repeat top left;
		}
		
			div#search-wrapper input#search-term
			{
				border: none;
				position: absolute;
				left: 8px;
				top: 9px;
				width: 91px;
				padding: 0;
				margin: 0;
				background-color: #ECEFF1;
				
				height: 16px;
				font-size: 11px;
				line-height: 16px;
				padding-top: 1px;
				color: #4A5C68;
			}
			
			div#search-wrapper a#search-btn
			{
				position: absolute;
				right: 0;
				top: 5px;
			}
			
			


/*	NAVIGATION - BREADCRUMB
------------------------------- */

div#wrapper-nav-breadcrumb { height: 37px; }

body.home div#wrapper-nav-breadcrumb { height: 30px; }

div#wrapper-nav-breadcrumb span,
div#wrapper-nav-breadcrumb a
{
	font-size: 11px;
	line-height: 36px;
}
	
div#wrapper-nav-breadcrumb ul
{
	position: relative;
	display: block;
}

	div#wrapper-nav-breadcrumb ul li
	{
		float: left;
		position: relative;
		height: 30px;
		margin-top: -4px;
	}
	
		div#wrapper-nav-breadcrumb ul li span { padding: 0 4px; }



/*	NAVIGATION - SECONDARY
------------------------------- */

div.secondary-navigation ul
{
	display: block;
	border-bottom: 1px solid #4A5C68;
}
	div.secondary-navigation ul ul { border-bottom: 0; }

	div.secondary-navigation li a
	{
		display: block;
		height: 17px;
		border-top: 1px solid #4A5C68;
		padding-top: 3px;
		padding-left: 12px;
		background: url(../images/bg_nav_second_arrows.png) no-repeat -7px 1px;
		font-size: 11px;
		line-height: 16px;
	}

	div.secondary-navigation li a { background-position: -7px 1px; }
	
	div.secondary-navigation li.sub.selected a { background-position: -6px -38px; }
	
		div.secondary-navigation li li a
		{
		/*	font-weight: normal;	*/
			border-top: 1px solid #A5AEB3;
			background: none;
		}




/*	NAVIGATION - PRODUCT-TABS
------------------------------- */

div.content-area div.main-module-details-navigation
{
	position: relative;
	border-bottom: 5px solid #C9CED2;
	min-height: 1px;
	width: 100%;
	overflow: hidden;
	margin-top: -1px;
	padding-bottom: 3px;
	margin-bottom: 4px;
}


	ul.detail-nav
	{
		font-size: 0.01%;
		line-height: 0.01em;
		position: relative;
		display: block;
		margin-left: -11px;
	}

		ul.detail-nav li
		{
			float: left;
			font-size: 0.01%;
			line-height: 0.01em;
			position: relative;
			height: 12px;
			overflow: hidden;
		}


			ul.detail-nav li a
			{
				display: block;
				float: left;
				font-size: 11px;
				line-height: 12px;
				height: 12px;
				padding: 0 10px 0 10px;
				border-left: 1px solid #A5AEB3;
				margin-top: -2px;
			}



/*	NAVIGATION - PAGINATION
------------------------------- */

div.main-module-pagination
{
	border-top: 1px solid #C9CED2;
	padding-top: 20px;
}

	div.pagination-wrapper
	{
		position: relative;
		width: 100%;
		overflow: hidden;
		padding-bottom: 2px;
	}
	
		div.pagination-cnt
		{
			position: relative;
			margin-top: -2px;
		}

			div.main-module-pagination span { display: block; }
			
			div.main-module-pagination a,
			div.main-module-pagination span,
			div.main-module-pagination li
			{
				float: left;
				font-size: 11px;
				line-height: 12px;
				height: 12px;
			}
			
			span.pagination-header { margin-right: 10px; }
			
			div.main-module-pagination a.page-prev,
			div.main-module-pagination a.page-next
			{
				position: relative;
				width: 10px;
				text-indent: -9999px;
			}
			div.main-module-pagination a.page-prev
			{
				background: url(../images/btn_pagination_left.png) no-repeat 6px 2px;
				padding: 0 2px 0 5px;
			}
			div.main-module-pagination a.page-next
			{
				background: url(../images/btn_pagination_right.png) no-repeat 5px 2px;
				padding: 0 5px 0 3px;
			}
			
			div.main-module-pagination ul li a:link,
			div.main-module-pagination ul li a:visited { text-decoration: underline; }
			div.main-module-pagination ul li a:hover { text-decoration: none; }
			
			div.main-module-pagination ul li.selected a:link,
			div.main-module-pagination ul li.selected a:visited,
			div.main-module-pagination ul li.selected a:hover
			{
				font-weight: bold;
				text-decoration: none;
				cursor: default;
				color: #4A5C68;
			}
			
			div.main-module-pagination li a,
			div.main-module-pagination ul li span
			{
				padding: 0 4px 0 4px;
				border-right: 1px solid #C9CED2;
			}
			div.main-module-pagination ul li span { cursor: default; }
			
			div.main-module-pagination ul li:last-child a { border-right: none; }
			div.main-module-pagination ul#pagination li.li-no-border a { border-right: none; }
			
			



/*  		>> 2.4.	FOOTER:
--------------------------------------------------------------------------------------- */

div#wrapper-footer h5 a
{
	position: absolute;
	left: 0;
	top: 20px;
	width: 90px;
	height: 28px;
	overflow: hidden;
	text-indent: -99999px;
	background: url(../images/logo_beran.png) no-repeat right top;
}


div#wrapper-footer div.nav-meta
{
	position: absolute;
	height: 15px;
	width: 528px;
	left: 215px;
	top: 17px;
}
	
	div#wrapper-footer div.nav-meta ul
	{
		display: block;
		position: absolute;
		left: 186px;
		top: 0;
	}
		
		div#wrapper-footer div.nav-meta span,
		div#wrapper-footer div.nav-meta li
		{
			float: left;
			display: inline;
			font-size: 0.01%;
			line-height: 0.01em;
		}
	
		div#wrapper-footer div.nav-meta span,
		div#wrapper-footer div.nav-meta a
		{
			font-size: 11px;
			line-height: 14px;
			color: #AFAEB3;
		}
		
		div#wrapper-footer div.nav-meta a
		{
			padding-right: 25px;
			padding-left: 7px;
			position: relative;
			display: block;
			background: url(../images/btn_arrow_footer_meta.png) no-repeat 0px 0px;
		}


ul.sidebar-footer 
{
	display: block;
	position: absolute;
	right: 29px;
	bottom: 94px;
	width: 156px;
}

ul.sidebar-footer li
{
	margin-bottom: 2px;
	display: block;
	height: 20px;
}

ul.sidebar-footer a
{
	display: block;
	height: 20px;
	width: 129px;
	padding-left: 27px;
	background: url(../images/btns_sidebar_footer.png) no-repeat left center;
	line-height: 1.8em;
	font-size: 11px;
}
ul.sidebar-footer li.btn-print a { background-position: 0 center; }
ul.sidebar-footer li.btn-recommend a { background-position: -156px center; }





/*  		>> 2.5.	CONTENT:
--------------------------------------------------------------------------------------- */

div#wrapper-content div.col-cnt
{
	font-size: 12px;
	line-height: 16px;
}

div.sidebar div.related-content h4
{
	padding-left: 5px;
	padding-right: 5px;
}



/*	SIDEBAR - MODULES
---------------------------------- */

div.sidebar div.main-col-cnt { padding-bottom: 37px; }

	/* UNTERSCHEIDUNG HOME ( KEINE PRINT-BTN-BOX ) */
	body.home div.sidebar div.main-col-cnt { padding-bottom: 0; }	
	body.home ul.sidebar-footer  { display: none; }

div.sidebar-module
{
	position: relative;
	margin-bottom: 20px;
	font-size: 11px;
}

div.sidebar-module.related-content h4
{
	height: 20px;
	line-height: 20px;
	background-color: #C9CED2;
	font-weight: bold;
}

div.sidebar-module.related-content li
{
	background-color: #EDEFF0;
	border-top: 1px solid #FFF;
	display: block;
	position: relative;
	padding: 6px 10px 11px 0;
}

	div.sidebar-module.related-content li a,
	div.sidebar-module div.image-teaser-cnt a.btn-more
	{
		font-weight: bold;
		display: block;
		background: url(../images/btn_arrow_red_11pt.png) no-repeat 4px 4px;
		padding-left: 15px;
	}
	div.sidebar-module div.image-teaser-cnt a.btn-more { background-position: 5px 4px; padding-left: 16px; }
	
	div.sidebar-module.related-content li p { padding-left: 15px; padding-right: 10px; }
	div.sidebar-module div.image-teaser-cnt p { padding-left: 16px; padding-right: 11px; }

div.col-w1 div.pic-sec
{
	width: 154px;
	font-size: 0.01%;
	line-height: 0.01em;
	border: 1px solid #9C9E9F;
}

div.sidebar-module div.image-teaser-cnt
{
	position: absolute;
	bottom: 0;
	padding: 0 8px 12px 0;
}




/*	CONTENT - AREA: ALL
---------------------------------- */


/* --- TEASER - BASE-STRUCTURE --- */
h3.teaser-head
{
	position: relative;
	padding-bottom: 1px;
	border-bottom: 4px solid #C9CED2;
}

	h3.teaser-head a
	{
		font-weight: bold;
		text-transform: uppercase;
	}

div.teaser-module { padding-bottom: 8px; }

div.teaser-module div.teaser-item
{
	border-top: 1px solid #C9CED2;
	
	/* IMPORTANT FOR LIST OF ITEMS: LINKS WON'T BE ABLE TO REACH WITHOUT */
	width: 100%;
	position: relative;
	overflow: hidden;
}

	div.teaser-item div.teaser-cnt
	{
		position: relative;
		padding-top: 6px;
		overflow: hidden;
	/*	margin-bottom: -993px; */
		margin-bottom: -990px;
	}
	
		div.teaser-cnt div.teaser-visual,
		div.teaser-cnt div.teaser-txt
		{
			position: relative;
			padding-bottom: 1000px;
		}
		
		div.teaser-cnt div.teaser-visual
		{
			float: left;
			margin-right: 19px;
			margin-top: 4px;
			z-index: 202;
		}
			div.teaser-cnt div.teaser-visual a { display: block; position: relative; }
			div.teaser-cnt div.teaser-visual a img { border: 1px solid #C9CED2; }
		
		
		div.teaser-cnt div.teaser-txt
		{
			line-height: 16px;
			padding-right: 5px;
			z-index: 201;
		}
		
		div.teaser-txt h5 a { font-weight: bold; }
		
		span.read-more
		{
			color: #DC002E;
			font-weight: bold;
			background: url(../images/btn_arrow_red_11pt.png) no-repeat -1px 4px;
		}




/*	CONTENT - AREA: HOME
---------------------------------- */




/*	CONTENT - AREA: MODULE-STANDARD
---------------------------------- */

div.main-module { position: relative; min-height: 30px; }

div.main-module h1 {	margin-top: -5px;	padding-bottom: 11px; }

div.main-module p.date { padding-bottom: 13px; }

div.main-module p.abstract
{
	font-size: 14px;
	line-height: 18px;
	padding-bottom: 8px;
}

div.main-module h3 {	padding-bottom: 6px; }


div.content-area.col-w3 div.ez-module-standard
{
	/* IMPORTANT FOR LIST OF ITEMS: LINKS WON'T BE ABLE TO REACH WITHOUT */
	width: 100%;
	position: relative;
	overflow: hidden;
}

	div.ez-module-standard div.ez-wrapper
	{
		position: relative;
		overflow: hidden;
		margin-bottom: -1000px;
	}
		
		div.ez-module-standard div.related-images, 
		div.ez-module-standard div.ez-cnt
		{
			position: relative;
			padding-bottom: 1000px;
		}
		
		div.ez-module-standard div.related-images
		{
			float: left;
			padding-top: 10px;
			margin-right: 30px;
			z-index: 202;
			width: 156px;
		}
		
			div.related-images div.pic-sec { width: 156px; }
			
			div.related-images div.image-item { padding-bottom: 11px; }
			
				div.related-images p.caption
				{
					font-size: 11px;
					line-height: 14px;
					padding-left: 1px;
					padding-top: 6px;
				}
				
			div.related-images div.helper
			{
				border-top: 1px solid #A5AEB3;
				border-bottom: 1px solid #A5AEB3;
				background: url(../images/btn_enlarge.png) no-repeat -1px 2px;
				padding-left: 25px;
				height: 20px;
			}
			
				div.related-images div.helper span
				{
					color: #A5AEB3;
					line-height: 20px;
					font-size: 11px;
				}
		
		div.ez-module-standard div.ez-cnt { z-index: 201; }
		



/*	CONTENT - AREA: MODULE-GALLERY
---------------------------------- */

div.main-module-gallery
{
	margin-top: 10px;
	padding-bottom: 2px;
}

	h4.gallery-head
	{
		position: relative;
		border-bottom: 1px solid #A5AEB3;
		font-size: 11px;
		font-weight: bold;
		padding-bottom: 3px;
	}
	h4.gallery-head span { font-weight: normal; }


div.matrix-wrapper
{
	position: relative;
	overflow: hidden;
}

	div.matrix-wrapper div.matrix-item
	{
		float: left;
		display: inline;
		position: relative;
		font-size: 0.01%;
		line-height: 0.01em;
	}
	
		div.matrix-item p.caption
		{
			line-height: 20px;
			font-size: 11px;
		}


div.col-w3 div.main-module-gallery div.matrix-wrapper
{
	width: 558px;
	margin-left: -30px;
}

	div.main-module-gallery div.matrix-item
	{
		width: 156px;
		height: 138px;
		margin-left: 30px;
		border-top: 10px solid #FFF;
	}

		div.main-module-gallery div.matrix-item div.pic-sec
		{
			width: 154px;
			border: 1px solid #A5AEB3;
		}

div.main-module-gallery a.btn_overlay { display: none; }

div.main-module-gallery div.matrix-videos a.btn_overlay
{
	display: block;
	position: absolute;
	font-size: 11px;
	line-height: 16px;
	text-indent: -9999px;
	
	width: 59px;
	height: 49px;
	top: 32px;
	left: 50%;
	margin-left: -29px;
	background: url(../images/btn_gallery_ov_video.png) no-repeat right 0;
}



/*	CONTENT - AREA: MODULE-LIST
---------------------------------- */

div.main-module-list div.listhead
{
	position: relative;
	z-index: 150;
	background: #FFF;
	margin-bottom: -1px;
}

	div.main-module-list div.listhead  h1
	{
		margin-top: -5px;
		padding-bottom: 5px;
	}
	
	div.main-module-list div.listhead p,
	div.main-module-list div.listhead p.abstract,
	div.main-module-list div.listhead div.ezoe p
	{
		font-size: 14px;
		line-height: 18px;
		padding-top: 6px;
		padding-bottom: 8px;
	}

div.main-module-list div.list-wrapper
{
	position: relative;
	z-index: 140;
}

div.main-module-list ul
{
	font-size: 0.01%;
	line-height: 0.01em;
}

div.main-module-list ul li
{
	display: block;
	border-top: 1px solid #C9CED2;
	
	/* IMPORTANT FOR LIST OF ITEMS: LINKS WON'T BE ABLE TO REACH WITHOUT */
	width: 100%;
	position: relative;
	overflow: hidden;
}

	div.main-module-list div.li-cnt
	{
		position: relative;
		padding-top: 6px;
		overflow: hidden;
		margin-bottom: -993px;
		
		font-size: 12px;
		line-height: 16px;
	}
	
		div.main-module-list div.li-cnt div.list-visual,
		div.main-module-list div.li-cnt div.list-txt
		{
			position: relative;
			padding-bottom: 1000px;
		}
		
		div.main-module-list div.li-cnt div.list-visual
		{
			float: left;
			margin-right: 19px;
			margin-top: 4px;
			z-index: 202;
		}
		
			div.main-module-list a.pic-sec
			{
				display: block;
				position: relative;
				width: 104px;
				height: 78px;
				overflow: hidden;
				border: 1px solid #A5AEB3;
			}
		
		
		div.main-module-list div.li-cnt div.list-txt
		{
			line-height: 16px;
			z-index: 201;
		}

			div.main-module-list div.list-txt p.date { padding-bottom: 0; }
			
			div.main-module-list div.list-txt h2 a
			{
				font-size: 14px;
				line-height: 18px;
				font-weight: bold;
			}
			
			div.main-module-list div.list-txt a.btn-readmore
			{
				font-weight: bold;
				padding-left: 14px;
				background: url(../images/btn_arrow_red_12pt.png) no-repeat 1px 4px;
			}





/*	CONTENT - AREA: EZOE
---------------------------------- */

div.content-area div.ezoe h2 {  }
div.content-area div.ezoe h3 {  }
div.content-area div.ezoe h4 {  }
div.content-area div.ezoe h5 {  }

div.content-area div.ezoe p { padding-top: 7px; padding-bottom: 8px; }

div.content-area div#tab-1 div.ezoe p
{
	font-size: 14px;
	line-height: 18px;
}


div.content-area div.ezoe ol {  }

div.content-area div.ezoe ul
{
	padding-top: 7px;
	padding-bottom: 8px;
	margin-top: -2px;
	margin-bottom: -2px;
}
	div.content-area div.ezoe ul li
	{
		display: block;
		background: url(../images/bg_ezoe_ul_li.png) 0 4px no-repeat;
		padding: 2px 0px 2px 10px;
	}


div.content-area div#tab-1 div.ezoe ul
{
	font-size: 14px;
	line-height: 18px;
	list-style-type: disc;
	list-style-position: outside;
	position: relative;
	left: 14px;
}
	div.content-area div#tab-1 div.ezoe ul li
	{
		display: list-item;
		background: none;
		padding: 2px 0 2px 0;
	}


div.content-area div.ezoe table
{
	position: relative;
	margin-top: 10px;
}

div.content-area div.ezoe tr {  }

div.content-area div.ezoe td
{
	width: 33%;
	border-bottom: 1px solid #C9CED2;
}

div.content-area div.ezoe td p { padding: 6px 23px 7px 3px; }

div.content-area div.ezoe td.td-head
{
	border-top: 1px solid #4A5C68;
	border-bottom: 1px solid #4A5C68;
}

div.content-area div.ezoe td.td-head p
{
	font-weight: bold;
	padding-bottom: 6px;
	padding-top: 5px;
}

div.content-area div.ezoe p img
{
	margin-top: 1px;
	padding-bottom: 0;
	margin-bottom: 0px;
}




/*	CONTENT - AREA: PRODUCTS
---------------------------------- */

/* PRODUCT - OVERVIEWS */

div.content-area div.main-module-overview-header h1 { padding-bottom: 0; }
div.content-area div.main-module-overview-header p,
div.content-area div.main-module-overview-header div.ezoe p
{
	margin-top: -2px;
	padding-top: 8px;
	padding-bottom: 10px;
	font-size: 14px;
	line-height: 18px;
}

div.main-module-overview div.desc-text
{
	margin-left: 30px;
	padding-bottom: 8px;
}


div.col-w4 div.main-module-overview
{
	clear: both;
	position: relative;
	width: 744px;
	margin-left: -30px;
	padding-top: 5px;
	margin-bottom: -5px;
}

	div.main-module-overview div.product-ov-module
	{
		width: 342px;
		float: left;
		margin-left: 30px;
		padding-bottom: 0;
		height: 130px;
	}
	
	
		div.col-w4 div.main-module-overview	h3.teaser-head,
		div.module-overview-category h3.category-head { border-bottom: 5px solid #C9CED2; }
		
		div.col-w4 div.main-module-overview	h3.teaser-head a { text-transform: none; }
		
		div.col-w4 div.main-module-overview	div.teaser-item { border-top: none; }
		
		div.module-overview-category h3.category-head
		{
			position: relative;
			padding-bottom: 1px;
			margin-left: 30px;
		}
		
		div.module-overview-category h3.category-head a
		{
			font-size: 14px;
			line-height: 18px;
			font-weight: bold;
		}

div.col-w4 div.main-module-overview { margin-bottom: 0; }

	div.content-area div.module-overview-category div.product-ov-module
	{
		margin-top: -1px;
		border-top: 1px solid #C9CED2;
		height: 101px;
	}




/* PRODUCT-DETAILS */

div.content-tab { display: none; }

div.content-tab.selected { display: block; }



/* TAB-5:	DOWNLOAD - AREA */

div.content-tab div.main-module-list ul li:first-child
{
	border: none;
	margin-top: 1px;
}

div.content-tab div.main-module-list div.li-cnt { margin-bottom: -990px; }

div.content-tab div.main-module-list div.list-visual
{
	width: 156px;
	margin-right: 30px;
}

div.content-tab div.main-module-list a.pic-sec
{
	border: none;
	height: 142px;
	width: 156px;
}

div.content-tab div.main-module-list div.list-visual img { border: 1px solid #A5AEB3; }

div.content-tab div.main-module-list div.list-txt
{
/*	width: 342px;	Comment out for fill width content: BEWARE id text-cnt higher than visual */
	position: relative;
/*	float: left; */
}

div.content-tab div.main-module-list div.list-txt h2 { font-weight: bold; }

a.btn-download
{
	display: block;
	position: relative;
	width: 156px;
	height: 21px;
	margin-top: 10px;
	text-indent: -9999px;
	background: url(../images/btn_download.png) left top no-repeat;
}

a.download-link img
{
	padding-top: 4px;
} 


/* TAB-6:	INFORMATION - REQUEST */

div.form-wrapper { padding-top: 10px; }

	div.form-wrapper p { font-weight: bold; }
	
	div.form-wrapper .ezoe p { font-weight: normal; }
	div.form-wrapper span.required
	{
		font-weight: normal;
		color: #DC002E;
	}
	
		div.main-module-form div.form-row
		{
			font-size: 12px;
			line-height: 16px;
			position: relative;
			padding-top: 15px;
		}

			div.main-module-form div.form-row label
			{
				display: block;
				padding-bottom: 1px;
			}

		div.main-module-form div.col-box div.form-row
		{
			margin-left: 30px;
			float: left;
			position: relative;
			width: 249px;
			overflow: hidden;
		}

			div.main-module-form div.col-box input
			{
				padding-left: 2px;
				padding-right: 2px;
			/*	width: 241px;	*/
				width: 239px;
			}
			
			div.main-module-form div.col-box select
			{
				width: 248px;
			}
			
			div.main-module-form textarea { padding: 2px; }
			
			div.col-w3 div.main-module-form textarea.full-width
			{
			/*	width: 520px;	*/
				width: 518px;
				height: 100px;
			}

			div.main-module-form div.input-selectors { padding-top: 14px; }

			div.main-module-form div.input-selectors div.form-row { padding-top: 1px; }
			
			div.main-module-form div.input-selectors div.form-row input
			{
				float: left;
				margin-left: 2px;
				padding-left: 0;
			}
			
			div.main-module-form div.input-selectors div.form-row label
			{
				float: left;
				line-height: 1.65em;
				padding-left: 4px;
				font-size: 12px;
			}

			div.form-row input.btn-send { margin-top: 20px; }



/*	CONTENT - AREA: SEARCH
---------------------------------- */

div.search-head
{
	padding-bottom: 19px;
	border-bottom: 1px solid #C9CED2;
}

	div.second-search input { float: left; }
	
	div.second-search input.search-input
	{
		width: 338px;
		margin: 0;
		padding-left: 2px;
		padding-right: 2px;
	}
	
	div.second-search input.search-submit
	{
		margin: 0 0 0 30px;
		border-width: 1px;
	}
	
	div.search-results {	clear: both; }



/*	CONTENT - AREA: GLOSSARY
---------------------------------- */

div.glossary-nav-wrapper
{
	position: relative;
	width: 100%;
	padding: 4px 0 13px 0;
}

	div.glossary-nav-wrapper ul
	{
		position: relative;
		width: 480px;
		height: auto;
		padding: 0;
		margin: 0;
	}

		div.main-module-list div.glossary-nav-wrapper ul.glossary-navigation li
		{
			border-top: none;
			display: inline;
			overflow: visible;
			position: relative;
			width: 36px;
			height: 20px;
			margin: 0;
			padding: 0;
		}

			ul.glossary-navigation li a
			{
				height: 20px;
				line-height: 20px;
				font-size: 12px;
				background: url(../images/btn_arrow_red_12pt.png) no-repeat 0 6px;
				padding-left: 12px;
				padding-right: 6px;
			}

		div.main-module-list ul.glossary-navigation li,
		div.main-module-list ul.glossary-navigation li a
		{
			display: inline;
			float: left;
		}




div.main-module-list div.glossary-entries
{
	clear: both;
	padding-top: 3px;
}

	div.main-module-list ul li.glossary_section
	{
		border-top: none;
		overflow: visible;
	}
	
		div.main-module-list li.glossary_section ul
		{
			border-top: 1px solid #4A5C68;
			overflow: hidden;
			position: relative;
			width: 100%;
			
		}
	
			div.main-module-list li.glossary_section ul li
			{
				border-top: 1px solid #C9CED2;
				display: block;
				overflow: hidden;
				position: relative;
				width: 100%;
				margin-top: -1px;
				padding-bottom: 1px;
			}
			div.main-module-list li.glossary_section ul li div.list-txt h2 a { font-size: 12px; }
			
			li.glossary_section h2.gl-head
			{
				font-size: 12px;
				line-height: 20px;
				height: 20px;
				font-weight: bold;
				border-top: 1px solid #4A5C68;
			}
			
			div.main-module-list li.glossary_section div.li-cnt { padding-top: 5px; }

	div.main-module-list li.glossary_section ul li div.li-cnt { margin-bottom: -994px; }
	div.main-module-list li.glossary_section ul li:first-child div.li-cnt { margin-bottom: -993px; }
	
	


/*	CONTENT: SITEMAP
---------------------------------- */

div#wrapper-page div#wrapper-sitemap
{
	position: absolute;
	width: 958px;
	left: 0px;
	top: 145px;
	z-index: 100;
	background: #ECEFF1;
	
	display: none;
}

	div#wrapper-sitemap ul#sitemap
	{
		padding: 10px 24px 30px 24px;
		border-bottom: 1px solid #A5AEB3;
	}
	
		div#wrapper-sitemap ul#sitemap li.sm-lvl-0
		{
			float: left;
			margin: 0 5px 0 5px;
		}


			div#wrapper-sitemap ul#sitemap li.sm-lvl-0 a.a-lvl-0
			{
				display: block;
				width: 140px;
				padding-bottom: 1px;
				border-bottom: 5px solid #4A5C68;
				font-size: 12px;
				line-height: 18px;
				text-transform: uppercase;
			}

				div#wrapper-sitemap ul#sitemap ul.ul-lvl-1
				{
					width: 140px;
					overflow: hidden;
					line-height: 18px;
					padding-top: 4px;
				}
				
				div#wrapper-sitemap ul#sitemap li.sm-lvl-0 li a,
				div#wrapper-sitemap ul#sitemap li.sm-lvl-0 li li a { font-size: 11px; }

					div#wrapper-sitemap ul#sitemap ul.ul-lvl-1 li.li-lvl-1
					{
						border-bottom: 1px solid #4A5C68;
					}
					
					div#wrapper-sitemap ul#sitemap ul.ul-lvl-1 li.li-lvl-1:last-child { border: none; }
					

						div#wrapper-sitemap ul#sitemap ul.ul-lvl-2
						{
							list-style-type: disc;
							list-style-position: inside;
						}
						
							div#wrapper-sitemap ul#sitemap ul.ul-lvl-2 li
							{
								font-size: 9px;
							}
							
								div#wrapper-sitemap ul#sitemap ul.ul-lvl-2 li a
								{
									font-size: 12px;
								}