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

/**
 * Project:		FISCH & FANG
 * Purpose:		Global Styles
 *
 * @author:		Andreas Prockl <ap@okapi.de>
 * @version:	1.0
 * @date:		02/2010
 */


/* TABLE OF CONTENTS:
---------------------------------------------------------------------------------------

	1:	CSS RESET & HELPERS:

		1.1:	CSS RESET:
		1.2:	AUTO-CLEAR & GLOBAL HELPERS


	2:	STRUCTURE & LAYOUT

		2.0:	STRUCTURE

		2.1.	CUSTOMER-INFO

		2.2:	HEADER

		2.3:	NAVIGATION & MENU-LISTS

		2.4:	FOOTER

		2.5:	CONTENT



--------------------------------------------------------------------------------------
*/



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

/*  		>> 1.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;
}




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

.autoclear:after,
.col-box:after,
ul.h-nav:after,
.input-wrapper:after,
.form-wrapper:after,
div.form-footer:after,
div.side-form .input-wrapper p:after,
div.multi-row:after,
div.ext-form-row:after
{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


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


.col-box
{
	position: relative;
	display: block;
}

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

div#content .fl-left { float: left; }
div#content .fl-right { float: right; }


.txt-rpl
{
	position: relative;
	display: block;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

input.side-search {
	background:transparent url(../images/btn_search_side.png) no-repeat scroll 0 0;
	height:20px;
	width:64px;
}

input.side-apply {
	background:transparent url(../images/btn_apply_side.png) no-repeat scroll 0 0;
	height:25px;
	width:68px;
}

input.img-btn {
	border:medium none;
	cursor:pointer;
	display:block;
	margin:0;
	overflow:hidden;
	padding:0;
	position:relative;
	text-indent:-9999px;
}

button.img-btn
{
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	border: none;
	overflow: hidden;
	text-indent: -9999px;
	cursor: pointer;
}


button.button-link, input.button-link
{
	position: relative;
	display: inline-block;
	background: none;
	margin: 0;
	padding: 0;
	border: none;
	cursor: pointer;
}
button.button-link:hover, input.button-link:hover { text-decoration: underline; }



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

/* body { background: #044A88 url(../images/bg_page_top.png) 0 0 repeat-x; } */




/*  		>> 2.0.	STRUCTURE:
--------------------------------------------------------------------------------------- */

div#wrapper,
div#customer-info,
div#info-right,
div#print-header,
div#container,
div#content div.row-wrapper,
div#footer,
div#footer-inner
{
	position: relative;
	width: 100%;
}
div#header
{
	position: relative;
	width: 1004px;
}

/*
div#wrapper { margin: 0 auto; }
div#wrapper.info-right-active { width: 1180px; }
*/

	div#customer-info { font-size: 0.01%; line-height: 0.01em; }


	div#header
	{
		z-index: 30;
		height: 108px;
		background: url(../images/bg_header.jpg) 0 0 no-repeat;
        margin-top: 10px;
	}
	div#print-header { height: 108px; display: none; }

		div#wrapper-nav-main
		{
			position: absolute;
			width: 1024px;
			left: 0;
			top: 79px;
			height: 29px;
		}

	div#container { z-index: 10; background: #ECECEC url(../images/bg_cnt_btm.png) left bottom no-repeat; }

		div#container-inner
		{
			position: relative;
			padding: 16px 0;
			background: url(../images/bg_cnt_top.png) 0 0 no-repeat;

			float: left;
		}

			div#content
			{
				position: relative;
				background: url(../images/bg_cnt_mid.png) 0 0 repeat-y;
			/*	padding: 0 10px 0 12px;	*/

			   width: 1004px;
			}

				div#content div.col-main
				{
					width: 664px;
				/*	margin-left: 25px;	*/
					margin-left: 27px;
				}

				div#content div.col-side
				{
				/*	width: 274px;
					margin-left: 20px;	*/
					width: 271px;
					margin-left: 17px;
				}

				div#content div.row-wrapper
				{
					background: url(../images/bg_rowwrapper_mid.png) 0 0 repeat-y;
				}

					div.row-wrapper div.row-inner
					{
						position: relative;
						padding: 0 21px 18px 25px;
						background: url(../images/bg_rowwrapper_btm.png) 0 bottom no-repeat;
					}

						div.row-wrapper div.row-cnt
						{
							position: relative;
							border-top: 4px solid #FFF;
							margin-top: -4px;
							margin-left: 2px;
						}

	div#footer
	{
		background: #B3B3B3 url(../images/bg_footer.png) 0 0 repeat-x;
		padding: 11px 0 15px;
		float: left;
		z-index: 20;
	}

		div#footer-inner
		{
			float: left;
			background: #B3B3B3 url(../images/bg_dots_white_v.png) 792px 0 repeat-y;
		}



/*  		>> 2.1.	CUSTOMER-INFO:
--------------------------------------------------------------------------------------- */

div#customer-info div#info-top { text-align: center; }

div#customer-info div#info-top a img { margin: 16px 0; }

div#customer-info div#info-right a
{
	position: absolute;
	left: 1020px;
	top: 120px;
}

.col-main div.powered-by
{
	position: relative;
	width: 660px;
	padding-top: 10px;
	text-align: right;
}
#mainzones div.powered-by
{
    padding-top: 0px;
}

.row-wrapper div.powered-by
{
	position: relative;
	width: 952px;
	overflow: hidden;
	padding-bottom: 10px;
}

.col-main div.cstmr-info-fullsize
{
	position: relative;
	clear: both;
	text-align: center;
	margin-top: 10px;
	padding: 0 0 20px 0;
	background: url(../images/bg_dots_grey_h.png) 0 bottom repeat-x;
	margin-bottom: 10px;

	width: 662px;
}

.col-main div.cstmr-info-fullsize.last { margin-top: 20px; background: none; }



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

h1#btn-logo,
h1#btn-logo a
{
	width: 270px;
	height: 65px;
	overflow: hidden;
}

h1#btn-logo
{
	position: absolute;
	left: 6px;
	top: 9px;
}

h1#btn-logo a
{
	position: relative;
	display: block;
	background: url(../images/logo_fischundfang.png) 0 0 no-repeat;
	text-indent: -9999px;
}

h1#btn-logo small
{
	display: block;
	text-transform: uppercase;
	text-indent: -9999px;
}

ul#header-nav
{
	position: absolute;
	right: 15px;
	top: 9px;
	float: right;
	display: inline;
	height: 16px;
}

ul#header-nav li
{
	float: left;
	margin-left: 6px;
}




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

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

ul#navigation
{
	position: relative;
	width: 1004px;
	float: left;
}

ul#navigation li.nav-l,
ul#navigation li.nav-r
{
	position: relative;
	float: left;
	display: inline;
}
ul#navigation li.nav-l { width: 698px; background: url(../images/bg_nav_main_l.png) 1px 0 no-repeat; }
ul#navigation li.nav-r { width: 306px; background: url(../images/bg_nav_main_r.png) 297px 0 no-repeat; }

ul#navigation ul.ul-lvl-0 { display: inline; }

li.nav-l ul.ul-lvl-0
{
	float: left;
	margin-left: 3px;
	background: url(../images/bg_nav_main_r.png) right 0 no-repeat;
	padding-right: 4px;
}

li.nav-r ul.ul-lvl-0
{
	float: right;
	margin-right: 9px;
	background: url(../images/bg_nav_main_l.png) 1px 0 no-repeat;
	padding-left: 5px;
}


ul#navigation li.li-lvl-0 { float: left; position: relative; }

ul#navigation li.nav-l li.li-lvl-0 { margin-right: -2px; }
ul#navigation li.nav-r li.li-lvl-0 { margin-left: -2px; }


ul#navigation a.a-lvl-0,
ul#navigation a.a-lvl-0 span
{
	position: relative;
	display: block;
	float: left;
}
ul#navigation a.a-lvl-0 { height: 29px; }
ul#navigation a.a-lvl-0 span { height: 20px; cursor: pointer; }


/* IE6 EXCEPTION -> No Loading of unecessary images */
li.li-lvl-0 > a.a-lvl-0,
a.a-lvl-0 > span { background-image:url(../images/bg_nav_main.png); background-repeat: no-repeat; }


li.li-lvl-0 a { padding-left: 8px; }
li.li-lvl-0 a span { padding: 9px 9px 0 1px; }


/* TAB-ROW LEFT */
li.li-lvl-0 a:link,
li.li-lvl-0 a:visited { background-position: 0 -50px; }

li.li-lvl-0 a:hover,
li.li-lvl-0.selected a,
ul#navigation ul.ul-lvl-0 :hover a.a-lvl-0 { background-position: 0 -250px; }


li.li-lvl-0 a:link span,
li.li-lvl-0 a:visited span	{ background-position: right 0; }

li.li-lvl-0 a:hover span,
li.li-lvl-0.selected a span,
ul#navigation ul.ul-lvl-0 :hover a.a-lvl-0 span { background-position: right -200px; }

/* TAB-ROW RIGHT */
li.nav-r li.li-lvl-0 a:link,
li.nav-r li.li-lvl-0 a:visited	{ background-position: 0 -150px; }
li.nav-r li.li-lvl-0 a:hover,
li.nav-r li.li-lvl-0.selected a	{ background-position: 0 -250px; }

li.nav-r li.li-lvl-0 a:link span,
li.nav-r li.li-lvl-0 a:visited span	 { background-position: right -100px; }
li.nav-r li.li-lvl-0 a:hover span,
li.nav-r li.li-lvl-0.selected a span { background-position: right -200px; }



/*	NAVIGATION - MAIN: LEVEL-1
----------------------------------- */

ul.ul-lvl-1
{
	position: absolute;
	left: 1px;
	top: 0;
	margin-top: 29px;
	padding: 2px 0;
	background-color: #EBEBEB;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #00325A;
}

ul.ul-lvl-1 li { display: block;	margin: 0 2px; }

li.li-lvl-0 ul.ul-lvl-1 a
{
	position: relative;
	display: block;
	padding: 2px 8px 2px 6px;
	white-space: nowrap;
}



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

ul#navigation ul.ul-lvl-0 ul { left: -3000px; }

ul#navigation ul.ul-lvl-0 :hover ul { left: 1px; }

ul#navigation ul.ul-lvl-0 :hover ul.posright { right: 1px; left: auto; }

ul#navigation table { border-collapse: collapse; }



/* NAVIGATION - BREAD-CRUMB:
----------------------------------- */

div.col-main div.breadcrumb-wrapper,
div.row-wrapper div.breadcrumb-wrapper
{
	position: relative;
	height: 41px;
	width: 660px;
	overflow: hidden;
	border-bottom: 1px solid #CCC;
}
div.row-wrapper div.breadcrumb-wrapper { width: 954px; margin-bottom: 12px; }

div.col-main ul.nav-breadcrumb,
div.row-wrapper ul.nav-breadcrumb
{
	position: relative;
	float: left;
	width: 470px;
	margin-left: -3px;
}

ul.nav-breadcrumb { margin-top: 15px; }

ul.nav-breadcrumb li
{
	position: relative;
	float: left;
	padding-left: 3px;
}

ul.nav-breadcrumb li span { padding-right: 3px; }




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

div.pagination-wrapper
{
	position: relative;
	width: 660px;
	min-height: 29px;
	height: auto !important;
	height: 29px;
/*	background: url(../images/bg_dots_grey_h.png) 0 bottom repeat-x;	*/
	margin-bottom: 11px;
}

div.pagination-btm { margin-top: -10px; /* padding-top: 29px; */ }

div.pagination-wrapper div.page-nav-left
{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 110;
}

div.pagination-wrapper div.page-nav-right
{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 115;
	padding-right: 1px;
}

div.pagination-wrapper div.page-nav-mid
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	overflow: hidden;
	z-index: 105;
}

div.pagination-wrapper div.page-nav-mid ul.pagination
{
	position: relative;
	float: left;
	left: 50%;
}

div.page-nav-mid ul.pagination li
{
	position: relative;
	float: left;
	right: 50%;
}


div.pagination-wrapper div.page-nav-left li,
div.pagination-wrapper div.page-nav-right li { float: left; }


div.pagination-wrapper span,
div.pagination-wrapper span a
{
	font-size: 11px;
	line-height: 29px;
	height: 29px;
	display: block;
	float: left;
}

div.pagination-wrapper span { color: #666; }

div.pagination-wrapper li.page-nav-btn-prev span a,
div.pagination-wrapper li.page-nav-btn-next span a,
div.pagination-wrapper li.inactive.page-nav-btn-prev span,
div.pagination-wrapper li.inactive.page-nav-btn-next span
{
	position: relative;
	width: 12px;
	text-indent: -9999px;
	background-image: url(../images/bg_nav_pagination_btns.png);
	background-repeat: no-repeat;
}

li.page-nav-btn-prev,
li.page-nav-btn-next { padding-left: 4px; }


div.pagination-wrapper li.inactive.page-nav-btn-prev span { background-position: right 13px; }
div.pagination-wrapper li.inactive.page-nav-btn-next span { background-position: right -47px; }

div.pagination-wrapper li.page-nav-btn-prev a:link,
div.pagination-wrapper li.page-nav-btn-prev a:visited	{ background-position: right -17px; }

div.pagination-wrapper li.inactive.page-nav-btn-prev a:link,
div.pagination-wrapper li.inactive.page-nav-btn-prev a:visited
div.pagination-wrapper li.page-nav-btn-prev a:focus,
div.pagination-wrapper li.page-nav-btn-prev a:hover	{ background-position: right 13px; }


div.pagination-wrapper li.page-nav-btn-next a:link,
div.pagination-wrapper li.page-nav-btn-next a:visited	{ background-position: right -77px; }

div.pagination-wrapper li.inactive.page-nav-btn-next a:link,
div.pagination-wrapper li.inactive.page-nav-btn-next a:visited
div.pagination-wrapper li.page-nav-btn-next a:focus,
div.pagination-wrapper li.page-nav-btn-next a:hover	{ background-position: right -47px;}

div.pagination-wrapper ul.pagination span,
div.pagination-wrapper li.page-nav-back span,
div.pagination-wrapper li.page-nav-next span { font-weight: bold; color: #999; }

div.pagination-wrapper ul.pagination li.inactive span,
div.pagination-wrapper ul.pagination li.spacer span,
div.pagination-wrapper ul.pagination a { padding: 0 4px; }

div.pagination-wrapper li.page-nav-back span,
div.pagination-wrapper li.page-nav-next span
{
	background-image: url(../images/bg_nav_pagination_btns.png);
	background-repeat: no-repeat;
}

div.pagination-wrapper li.page-nav-back span { background-position: 0 -17px; padding-left: 9px; }
div.pagination-wrapper li.inactive.page-nav-back span { background-position: 0 13px; padding-left: 9px; }

div.pagination-wrapper li.page-nav-next span { background-position: right -77px; padding-right: 9px; }
div.pagination-wrapper liinactive.page-nav-next span { background-position: right -47px; padding-right: 9px; }




/* SEARCH-MAIN
----------------------------------- */

div.main-search { position: absolute; top: 0; right: 0; }
div.col-main div.main-search { top: 8px; right: 4px; z-index: 1000; }
div.row-wrapper div.main-search { top: 8px; right: 4px; z-index: 1000; }

body.cb_opera div.col-main div.main-search,
body.cb_opera div.row-wrapper div.main-search { top: 9px; }


div.main-search div.input-wrapper
{
	position: relative;
	height: 21px;
	float: left;
	display: inline;
}

div.main-search input.search-input
{
	position: relative;
	border: 1px solid #CCC;
	color: #CCC;
	line-height: 1.2em;
	padding: 1px 4px 0 4px;
	margin: 0;
	height: 18px;
	width: 135px;
}
div.main-search input.search-input:focus,
div.main-search input.search-input:hover { color: #666; border-color: #999; }

div.main-search button.search-submit
{
	float: left;
	width: 28px;
	height: 21px;
	background: url(../images/btn_search_main.png) 0 0 no-repeat;
	margin-left: 6px;
}



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

/* FOOTER: HORIZONTAL NAVIGATION */

ul.h-nav
{
	position: relative;
	width: 979px;
	margin-left: 25px;
}

ul#foot-nav-top
{
	margin-top: 11px;
	margin-bottom: 14px;
	height: 16px;
	z-index: 100;
}

ul#foot-nav-top li,
ul#foot-nav-top ul,
ul#foot-nav-btm li.nav-l li { height: 16px; }

ul#foot-nav-btm
{
	position: absolute;
	bottom: 2px;	/* every real browser has a 1px bottom white line without it */
	left: 0;
	clear: left;
	z-index: 90;
}

ul.h-nav li.nav-l,
ul.h-nav li.nav-r
{
	position: relative;
	overflow: hidden;
	float: left;
	display: inline;
}

ul.h-nav li.nav-l { width: 786px; margin-left: 3px; }
ul.h-nav li.nav-r { width: 170px; }

ul.h-nav ul { position: relative; margin-left: -16px; }

ul.h-nav ul li
{
	position: relative;
	padding-left: 16px;
	background: url(../images/bg_dot_white.png) 7px 2px no-repeat;
}

ul.h-nav ul li,
ul.h-nav ul a { float: left; display: inline; }


ul#foot-nav-btm li.nav-l { padding-top: 70px; }
ul#foot-nav-btm li.nav-r { margin-left: 0; overflow: visible; }
ul#foot-nav-btm li.nav-r ul { margin-left: -1px; }
ul#foot-nav-btm li.nav-r li { background: none;	padding-left: 0; }



/* FOOTER: COLUMN-NAVIGATION */

div#foot-nav-mid-wrapper
{
	position: relative;
/*	width: 979px;
	margin-left: 25px;	*/
	width: 977px;
	margin-left: 27px;
	float: left;
	display: inline;
	margin-bottom: 74px;
	z-index: 100;
}

div#foot-nav-mid-wrapper .col-main { width: 770px; }
div#foot-nav-mid-wrapper .col-side { width: 170px; margin-left: 18px; }

ul#foot-nav-mid { padding-left: 2px; }

ul#foot-nav-mid li.nav-col
{
	position: relative;
	float: left;
	display: inline;
	width: 134px;
	overflow: hidden;
	margin-right: 19px;
}

ul#foot-nav-mid h4 { padding-bottom: 2px; }

ul#foot-nav-mid ul.nav-cat { margin-bottom: 14px; }

ul#foot-nav-mid ul.nav-cat li
{
	padding-left: 8px;
	background: url(../images/bg_dot_white.png) 0 2px no-repeat;
}

a#btn-paulparey
{
	position: absolute;
	display: block;
	bottom: 4px;
	/*right: 21px;*/
	left: 810px;
	width: 170px;
	height: 84px;
	overflow: hidden;
	z-index: 120;
}



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

/* MODULE: ALL
---------------------------- */

div.module
{
	position: relative;
	background: url(../images/bg_dots_grey_h.png) 0 bottom no-repeat;
	margin-bottom: 8px; /* 2010-04-23 MS: 10px -> 8px */

	/* TEMP evntl. 452px */
	min-height: 168px;
	height: auto !important;
	height: 168px;
}
div.module:last-child,
div.module.ie_lastchild { background: none; margin-bottom: 0; }

div.col-main div.module
{
	position: relative;
	width: 660px;

	/* TEMP evntl. 452px */
	min-height: 452px;
	height: auto !important;
	height: 452px;
}


div.module-header { position: relative; /* height: 41px; */ }

div.col-main div.module-header h2 { width: 660px; }


div.module-footer
{
	position: relative;
/*	padding-top: 10px;
	height: 30px;	*/
	padding-top: 11px;
	height: 29px;
}

a.btn-videolink
{
	position: relative;
	display: block;
	background: url(../images/btn_videolink.png) 0 0 no-repeat;
	width: 80px;
	height: 80px;
	overflow: hidden;
	text-indent: -9999px;
	z-index: 200;
}

p.btn-link
{
	background: url(../images/btn_arrow_blue.png) right center no-repeat;
/*	background-position: right 2px;	*/
	background-position: right center;
	display: inline;
	padding-right: 9px;

	float: left;
}

div.meta-desc
{
	position: relative;
	height: 16px;
	margin-bottom: 1px;
}

div.module a.meta-hl,
div.module span.meta-hl { display: block;	float: left; padding: 0 5px; }

ul.meta-media
{
	position: relative;
	height: 16px;
	overflow: hidden;
}

ul.meta-media li,
ul.meta-media li a
{
	display: block;
	position: relative;
	height: 16px;
	width: 16px;
	overflow: hidden;
	background: url(../images/icons_meta_sprite.png) 0 0 no-repeat;
	text-indent: -9999px;
}

ul.meta-media li.meta-video,
ul.meta-media li.meta-video a:link,
ul.meta-media li.meta-video a:visited	{ background-position: 0 0; }
ul.meta-media li.meta-video a:focus,
ul.meta-media li.meta-video a:hover		{ background-position: -50px 0; }

ul.meta-media li.meta-images,
ul.meta-media li.meta-images a:link,
ul.meta-media li.meta-images a:visited	{ background-position: 0 -50px; }
ul.meta-media li.meta-images a:focus,
ul.meta-media li.meta-images a:hover	{ background-position: -50px -50px; }

ul.meta-media li.meta-premium,
ul.meta-media li.meta-premium a:link,
ul.meta-media li.meta-premium a:visited	{ background-position: 0 -100px; }
ul.meta-media li.meta-premium a:focus,
ul.meta-media li.meta-premium a:hover	{ background-position: -50px -100px; }

ul.meta-media li.meta-articles,
ul.meta-media li.meta-articles a:link,
ul.meta-media li.meta-articles a:visited { background: url(../images/icon_dokument.png) 0 0 no-repeat; }
ul.meta-media li.meta-articles a:focus,
ul.meta-media li.meta-articles a:hover	 { background: url(../images/icon_dokument_hover.png) 0 0 no-repeat; }


/* MODULE: TITLE-TOPIC (Title-Topic)
---------------------------------- */

div.col-main div.module-cnt,
div.wrapper-title-teaser,
div.title-teaser-img,
div.module-title-topic ul.teaser-list-videos
{
	position: relative;
	padding-left: 1px;
	width: 659px;
	overflow: hidden;
}

div.col-main div.module-title-topic div.module-header h2 { width: 470px; }

div.title-teaser-img { z-index: 50; }

div.title-teaser-img img,
div.module-title-topic div.teaser-vis img { position: relative; z-index: 100; }

div.title-teaser-img a.btn-videolink {	position: absolute; right: 0;	bottom: 81px; }

div.module-title-topic div.title-teaser-row
{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 660px;
	z-index: 60;
}

div.module-title-topic ul.teaser-list-videos { float: left;	border-top: 1px solid #FFF; }

div.module-title-topic ul.teaser-list-videos li.tl-item
{
	position: relative;
	height: 80px;
	float: left;
	background: url(../images/bg_tlist_videos.png) 0 0 no-repeat;
}

ul.teaser-list-videos li.teaser-1 { width: 330px; }
ul.teaser-list-videos li.teaser-2 { width: 329px; border-left: 1px solid #FFF; }

div.module-title-topic div.teaser-vis
{
	position: relative;
	float: left;
	width: 80px;
}

div.module-title-topic div.teaser-vis a.btn-videolink
{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 200;
}


div.module-title-topic div.teaser-txt
{
	position: relative;
	float: left;
	width: 225px;
	margin-left: 10px;
}




/* MODULE: TOPICS-BIG (TEASERS-BIG)
---------------------------------- */

div.module-teasers-big ul.teaser-list
{
	position: relative;
	width: 670px;
	overflow: hidden;
	margin-left: -10px;
}

div.module-teasers-big li.tl-item
{
	position: relative;
	width: 325px;
	float: left;
	display: inline;
	margin-left: 10px;
}

div.module-teasers-big ul.meta-media { float: right; }

div.module-teasers-big  ul.meta-media li { float: left; margin-left: 1px; }

div.module-teasers-big div.teaser-vis
{
	position: relative;
	width: 325px;
	overflow: hidden;
	clear: both;
}



/* MODULE: NEW-POSTS ( TEASERS-SMALL )
---------------------------------- */

div.module-teasers-small div.scroll-wrapper
{
	position: relative;
	height: 370px;
/*	height: 384px; */		/* original: 370px */
	overflow: auto;
}

div.module-teasers-small div.scroll-wrapper ul.column { margin-bottom: -1px; } /* firefox 2 */

/* FIXES FOR OPERA & WEBKIT WHEN AREA IS SMALL ENOUGH FOR NO SCROLLBARS */
body.cb_opera div.module-teasers-small div.scroll-wrapper ul.column { margin-bottom: -3px; }
body.cb_webkit div.module-teasers-small div.scroll-wrapper ul.column { margin-bottom: -6px; }



div.module-teasers-small  ul.meta-media li { float: left; margin-right: 1px; }

div.module-teasers-small div.module-footer { /* padding-top: 4px; padding-bottom: 4px; */ padding-top: 8px; }

div.module-teasers-small ul.teaser-list
{
	width: 662px;
	margin-left: -26px;
}

div.module-teasers-small li.col
{
	width: 305px;
	overflow: hidden;
	margin-left: 26px;
}

div.module-teasers-small li.tl-item
{
	width: 305px;
	min-height: 91px;
	height: auto !important;
	height: 91px;
	margin-bottom: 5px;
}

div.module-teasers-small div.teaser-vis
{
	width: 80px;
	margin-right: 1px;
}

div.module-teasers-small ul.meta-media { margin-top: 1px; }

div.module-teasers-small div.teaser-txt { width: 224px; }

div.module-teasers-small div.teaser-txt h3 { margin-left: 8px; padding-top: 5px; }
div.module-teasers-small div.teaser-txt p { margin-left: 8px; padding-top: 3px; }

ul.praemienbox h3 { margin-left: 8px; }
ul.praemienbox p { margin-left: 8px; }

div.module-teasers-small div.module-cnt ul.teaser-list li.customer-info-medium
{
	min-height: 283px;
	height: auto !important;
	height: 283px;
}


/* MODULE: TEASERLISTS FLOATED
-------------------------------------------- */
div.module-teasers-small ul.zflow-alignment { margin-left: -30px; width: 670px; }

div.module-teasers-small ul.zflow-alignment li.tl-item
{
	height: 91px !important;
	overflow: hidden;
	margin-left: 30px;
	float: left;
	display: inline;
}



/* MODULE: SIDE-SIMPLE-LIST ( TEASERS-SMALL )
-------------------------------------------- */

div.side-module div.scroll-wrapper
{
	position: relative;
	height: 369px;
	border: 1px solid #CCC;
	overflow: auto;
}
body.cb_webkit div.side-module { padding-bottom: 1px; }

div.side-module-simple-list ul.teaser-list
{
	position: relative;
	width: 240px;
/*	overflow: hidden;	*/
	margin-left: 8px;
}

div.side-module-simple-list li.tl-item
{
	position: relative;
	padding: 9px 0 10px;
	background: url(../images/bg_dots_grey_h.png) 0 -3px no-repeat;
}
div.side-module-simple-list li.tl-item:first-child { background: none; }




/* MODULE: SIDE-GALLERY
-------------------------------------------- */

div.side-module-gallery ul.gallery-matrix
{
	position: relative;
	float: left;
	padding: 2px 0 9px 2px;
}

div.side-module-gallery ul.gallery-matrix li
{
	position: relative;
	float: left;
	display: inline;
	margin: 7px 0 0 7px;
}

div.side-module-gallery ul.gallery-matrix a
{
	position: relative;
	display: block;
	font-size: 0.01%;
	line-height: 0.0em;
	width: 72px;
	height: 73px;
	overflow: hidden;
	border: 1px solid #FFF;
	float: left;
}



/* MODULE: SIDE-FORM
-------------------------------------------- */

div.side-form div.input-wrapper
{
	position: relative;
	width: 271px;
	float: left;
	clear: both;
	margin-bottom: 10px;
}

div.side-form div.input-wrapper select.ip-select { float: left; }

button.side-search
{
	width: 64px;
	height: 20px;
	background: url(../images/btn_search_side.png) 0 0 no-repeat;
}

div.side-form input.ip-text,
div.side-form select.ip-select
{
	border: 1px solid #C6C6C6;
	margin: 0;
	padding: 0;
}

div.side-form input.ip-text
{
	padding-top: 1px;
	padding-left: 3px;
	height: 17px;
}

div.side-form select.ip-select {	height: 20px; }
body.cb_ff2 div.side-form select.ip-select { height: 18px; }	/* FF2-FIX */

div.side-form select.ip-select option { padding: 1px 0; }

div.side-form select.ip-select.size-0 { width: 271px; }
div.side-form select.ip-select.size-2 { width: 179px; }

div.side-form input.ip-text.size-1 { width: 77px; margin-right: 10px; }

div.form-wrapper h3 { padding: 2px 0 8px 2px; }

div.side-form label,
div.side-form input.ip-radio { position: relative;	float: left; }

div.side-form div.input-wrapper p { padding-top: 4px; padding-bottom: 4px; }

div.side-form p input.ip-radio
{
	margin: 0;
	padding: 0;
	display: block;
	height: 17px;
	line-height: 17px;
}

div.side-form div.input-wrapper p label { line-height: 16px; padding-left: 4px; }

div.side-form  div.form-footer
{
	position: relative;
	clear: both;
	height: 33px;
	background: url(../images/bg_dots_grey_h.png) 0 bottom no-repeat;
}



/* MODULE: SIDE-MODULE-LIST
-------------------------------------------- */
div.side-module-list div.module-header { border-bottom:1px solid #CCC; }

div.side-module-list div.module-cnt
{
	padding-bottom: 10px
}




/* MODULE: AD-LISTS
-------------------------------------------- */

.col-main ul.adlist,
.col-main div.module-teasers-small ul.adlist
{
	width: 680px;
	margin-left: -26px;
}

.col-main ul.adlist li.col,
.col-main div.module-teasers-small ul.adlist li.col
{
	width: 305px;
	overflow: hidden;
	margin-left: 26px;
}

.col-main div.module-teasers-small ul.adlist li.tl-item { width: 305px; }

div.module-teasers-small ul.adlist li.tl-item
{
/*
	min-height: 70px;
	height: auto !important;
	height: 70px;
*/
}


div.module-teasers-small ul.teaser-list ul.teaser-list,
div.module-teasers-small ul.teaser-list ul.adlist
{
	width: 315px;
	margin-left: 0;
}

div.ez-std ul.calendar-list{
	list-style-type: none;
}