/***********************
	file
************************
filename: 		elements.css
date:			02.04.2007 16:52
author:			benjamin stellmacher
			<benjamin.stellmacher@hellgrau.com>
description:		contains all content elements
***********************/


/***********************
	richard
************************
	structure overview
************************
1. richard-1 (content teaser)
2. richard-2
3. richard-4 (download box)
***********************/


/***********************
	richard-1
***********************/

div.richard-1 {
	position: relative;
	margin: 15px 0 0 0;
	padding: 15px 0 0 0;
	width: 190px;
	
	border-top: 1px solid #62696e;
}

div.richard-1 h2 {
	margin: 15px 0 10px 12px;
}

div.richard-1 p {
	margin: 15px 0 10px 12px;
}


div.richard-1 ul {
	margin: 15px 0 10px 12px;
}

div.richard-1 ul li {
	line-height: 22px;
}

div.richard-1 ul li a {
	margin: 0;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	color: #62696e;
	line-height: 14px;
	text-decoration: underline;
}

div.richard-1 a.details {
	position: static;
}


/***********************
	richard-2
***********************/

div.richard-2 {
	position: relative;
	margin: 15px 0 0 0;
	padding: 15px 0 0 0;
	width: 190px;
	
	border-top: 1px solid #c1c5c9;
	background-image: url(../images/znx_bg_greyscale_190_top.jpg);
	background-repeat: no-repeat;
	background-position: 0 15px;
}

div.richard-2 h2 {
	display: block;
	margin: 0 12px 0 12px;
	padding: 12px 0 0 36px;
	height: 30px;

	font-size: 14px;
	
	background: transparent url(../images/znx_icon_text_org.gif) no-repeat 0 12px;
}

div.richard-2[class] h2 {
	height: auto;
	min-height: 30px;
}

div.richard-2 p {
	margin: 10px 10px 0 12px;
}

div.richard-2 span.date {
	display: block;
	margin: 6px 0 0 12px;

	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #62696e;
	line-height: 14px;
}

div.richard-2 p.date-details {
	margin: 0 12px 0 12px;

	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	color: #62696e;
	text-decoration: underline;
	line-height: 14px;
}

div.richard-2 a.contact {
	margin: 9px 0 0 12px;
	padding: 0 12px 0 20px;
}

div.richard-2 div.bottom {
	margin: 4px 0 0 0;
	width: 190px;
	height: 8px;
	
	background-image: url(../images/znx_bg_greyscale_190_bot.jpg);
	background-repeat: no-repeat;
}

 
/***********************
	richard-4
***********************/

div.richard-4 {
	position: relative;
	width: 190px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

div.richard-4 h2 {
	margin: 15px 0 10px 12px;
}

div.richard-4 ul {
	margin: 15px 0 10px 12px;
}

div.richard-4 ul li {
	line-height: 22px;
}

div.richard-4 ul li a {
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	color: #62696e;
	line-height: 14px;
}

div.richard-4 ul li a.download-pdf {
	padding: 0 0 0 20px;
	
	background-image: url(../images/znx_icon_pdf.gif);
	background-repeat: no-repeat;
}



/***********************
	stan
************************
	structure overview
************************
1. stan-1 (video header)
2. stan-2 (tables)
3. stan-3 (teaser)
4. stan-4 ()
5. stan-5 (list)
6. stan-6 ()
***********************/


/***********************
	stan-1
***********************/

div.stan-1 {
	position: relative;
	margin: 6px 0 0 0;
	width: 805px;
	height: 243px;
	
	background-image: url(../images/znx_bg_orange_805x243.jpg);
	background-repeat: no-repeat;
}

/****
div.home.lang-de div.stan-1 {
	background-image: url(../images/znx_bg_orange_805x243_xmas2008.jpg)
}
*****/


/****************/

div.stan-1 img.video-dummy {
	float: left;
	margin: 12px 0 0 15px;
	width: 383px;
	height: 219px;
}

div.stan-1 div#video-wrap {
	float: left;
	margin: 12px 0 0 15px;
	width: 383px;
	height: 219px;
}

div.stan-1-youtube {
	height: 255px;	
	background-image: url(../images/znx_bg_orange_805x255.jpg);
}

div.stan-1-youtube div#video-wrap {
        margin: 13px 0 0 15px;
        height: 231px;
}

/****************/

div#teaser p {
	margin: 0 0 20px 0;
	
	font-size: 11px;
	color: #666;
}

div#teaser p a {
	color: #009;
	text-decoration: underline;
}


/****************/

div.stan-1 div.content {
	float: left;
	margin: 12px 0 0 20px;
	width: 371px;
}

div.stan-1 div.content img.logo {
	margin: 28px 0 0 0;
}

div.stan-1 div.content h1 {
	margin: 0;
}

div.stan-1 div.content div.seperator {
	margin: 10px 0 0 0;
	padding: 0 0 16px 0;
	width: 371px;
	height: 2px;
		
	background-image: url(../images/znx_sep_org.gif);
	background-repeat: repeat-x;
}

div.stan-1 div.content p {
	color: #000;
}

div.stan-1 div.content a {
	/* float: right; */
	height: 20px;
	/* margin: 10px 0 0 0; */
	padding: 0 0 0 20px;
}

div.stan-1 div.content p a {
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	color: #000;
	vertical-align: bottom;
	height: 20px;
    padding-bottom: 6px;	
	background-image: url(../images/znx_link_dtl_arrow_org.gif);
	background-repeat: no-repeat;
}

div.stan-1 div.content a.details {
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	color: #000;
	vertical-align: bottom;
	
	background-image: url(../images/znx_link_dtl_arrow_org.gif);
	background-repeat: no-repeat;
}


div#ticker {
	position: absolute;
	bottom: 13px;
	right: 16px;
	width: 370px;
	height: 30px;
	background: #fff;
}

/***********************
	stan-2
***********************/

div.stan-2 {
	float: left;
	margin: 15px 0 0 0;
	padding: 0;
	width: 395px;
	height: 147px;
	
	background-image: url(../images/znx_bg_empty_395x147.jpg);
	background-repeat: no-repeat;
}

div.stan-2 div.content {
	margin: 15px 1px 0 1px;
	width: 393px;
}

div.stan-2 div.content h1 {
	position: relative;
	margin: -2px 0 8px 12px;
	padding: 0;
	
	font-size: 14px;
	line-height: 14px;
}

div.stan-2 div.content div.row {
	position: relative;
	clear: both;
	width: 393px;
	height: 35px;
}

div.stan-2 div.content div.row-1 {
	background-color: #f3f3f5;
}

div.stan-2 div.content div.row-2 {
}

div.stan-2 div.content div.row h2 {
	margin: 0 0 0 12px;
	padding: 2px 0 0 0;

	color: #62696e;
	line-height: 14px;
}

div.stan-2 div.content div.row p {
	margin: 0 0 0 12px;
}

div.stan-2 div.content div.row-1 a.video-2 {
	position: absolute;
	top: 0;
	right: 0;
	
	background-image: url(../images/znx_btn_vid_02_grey.jpg);
}

div.stan-2 div.content div.row-1 a.video-2:hover {
	background-image: url(../images/znx_btn_vid_02_grey_hov.jpg);
}

div.stan-2 div.content div.row-2 a.video-2 {
	position: absolute;
	top: 0;
	right: 0;

}


/***********************
	stan-3
***********************/

div.stan-3,
div.stan-3-1 {
	float: left;
	position: relative;
	margin: 15px 0 0 0; 
	padding: 0;
	width: 190px;
	height: 162px;
	
	background-image: url(../images/znx_bg_greyscale_190x162.jpg);
	background-repeat: no-repeat;
}

div.stan-3 img.box,
div.stan-3-1 img.box {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 0;
	
	border: none;
}

div.stan-3 div.content,
div.stan-3-1 div.content {
	margin: 0 0 0 12px;
	width: 169px;
}

div.stan-3 div.content h1,
div.stan-3-1 div.content h1 {
	position: relative;
	margin: 20px 0 0 0;
	z-index: 99;

	font-size: 14px;
	font-style: italic;
	color: #62696e;
	line-height: 14px;
}

div.stan-3 div.content div.seperator,
div.stan-3-1 div.content div.seperator {
	margin: 14px 0 8px 0;
	width: 102px;
	height: 2px;
		
	background-image: url(../images/znx_sep_grey.gif);
	background-repeat: no-repeat;
}

div.stan-3 div.content p {
	margin-bottom: 5px;
}

div.stan-3 div.content p a {
	color: #62696e;
	text-decoration: underline;
}

div.stan-3 div.content p a:hover {
	color: #f90;
	text-decoration: underline;
}


/* 2 columns variant */

div.stan-3-1 {
	width: 395px;
	height: 162px;
	
	background-image: url(../images/znx_bg_greyscale_395x162.jpg);
}

div.stan-3-1 img.box {
	z-index: 0;
}

div.stan-3-1 div.content {
	width: 270px;
}

div.stan-3-1 div.content h1 {}

div.stan-3-1 div.content div.seperator {
	width: 256px;
	height: 2px;

	background-repeat: repeat-x;
}

div.stan-3-1 div.content p {}


/***********************
	stan-4
***********************/

/* 4-0 */

/* 4-1 */

div.stan-4-1 {
	float: left;
	position: relative;
	margin: 15px 0 0 0;
	padding: 0;
	width: 190px;
	height: 162px;
	
	background-image: url(../images/znx_bg_greyscale_190x162.jpg);
	background-repeat: no-repeat;
}

div.stan-4-1 div.content {
	margin: 0 0 0 12px;
	width: 178px;
}

div.stan-4-1 div.content h1 {
	margin: 15px 0 10px 0;

	font-size: 14px;
	font-style: italic;
	color: #62696e;
	line-height: 14px;
}

div.stan-4-1 div.content p {
	margin: 0 0 0 95px;
	width: 75px;
}

div.stan-4-1 div.content img.image {
	position: absolute;
	top: 40px;
	left: 10px;
}

div.stan-4-1 div.content p.caption {
	margin: 0 0 0 0;
	position: absolute;
	top: 120px;
	left: 10px;
	width: 160px;
	
	font-weight: bold;
}

div.stan-4-1 a.details {
	top: 130px;
	right: 12px;
}

/* 4-2 */

div.stan-4-2 {
	float: left;
	position: relative;
	margin: 15px 0 0 0;
	padding: 0;
	width: 190px;
	height: 162px;
	background-image: url(../images/znx_bg_greyscale_190x162.jpg);
	background-repeat: no-repeat;
}

div.stan-4-2 div.content {
	margin: 0;
        padding: 0;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 15px;
	width: 190px;
}

div.stan-4-2 div.content h1 {
	margin: 0;
        padding: 0;
        padding-left: 7px;
        display: block;
	font-size: 14px;
	font-style: italic;
	color: #62696e;
	line-height: 14px;
}

div.stan-4-2 div.content p {
        padding: 0;
	margin: 0;
	margin-top: -3px;
        height: 14px;
	line-height: 14px;
        margin-left: 90px;
	width: 75px;
}

div.stan-4-2 div.content img.image {
	position: absolute;
	top: 40px;
	left: 10px;
}

div.stan-4-2 div.content p.caption {
	margin: 0 0 0 0;
	position: absolute;
	top: 120px;
	left: 10px;
	width: 160px;
	
	font-weight: bold;
}

div.stan-4-2 a.details {
	top: 130px;
	right: 12px;
}


/***********************
	stan-5
***********************/

div.stan-5 {
	float: left;
	position: relative;
	margin: 15px 0 0 0;
	padding: 0 0 0 12px;
	width: 178px;
}

div.stan-5 div.content {
	margin: 0 0 0 0px;
}

div.stan-5 div.content h1 {
	margin: 15px 0 15px 0;
	font-size: 14px;
	line-height: 14px;
}

div.stan-5 div.content ul {
	margin: 0 0 0 6px;
	list-style-image: none;
}

div.stan-5 div.content ul li {
	margin: 0 0 6px 0;
	padding: 0 0 0 10px;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	color: #62696e;
	line-height: 18px;
	background: transparent url(../images/znx_bulletpoint_org.gif) no-repeat 0px 3px;
}

div.stan-5 img.feed-icon,
div.stan-5 a img.feed-icon {
	display: block;
	margin-bottom: 5px;
	border: none;
}

div.stan-5 div.content a {
	color: #62696e;
}


/***********************
	stan-6
***********************/

div.stan-6 {
	float: left;
	position: relative;
	margin: 15px 0 0 0;
	padding: 0;
	width: 140px;

	background-image: url(../images/znx_bg_greyscale_140x96.jpg);
	background-repeat: no-repeat;
}

div.stan-6 h2 {
	margin: 12px 0 0 12px;
}

div.stan-6 p {
	margin: 0 0 12px 12px;
	color: #000;
}

/***********************
	stan-7
***********************/

div.stan-7 {
	float: left;
	position: relative;
	margin: 15px 0 0 0;
	padding: 0;
	width: 178px;
	height: 162px;
}

div.stan-7 div.content {
	margin: 0 0 0 0px;
}

div.stan-7 div.content h1 {
	margin: 15px 0 15px 0;
	font-size: 14px;
	color: #62696e;
	line-height: 14px;
}

div.stan-7 div.content ul {
	margin: 0 0 0 6px;
	list-style-image: none;
}

div.stan-7 div.content ul li {
	margin: 0 0 6px 0;
	padding: 0 0 0 10px;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	color: #62696e;
	line-height: 18px;
	background: transparent url(../images/znx_bulletpoint_org.gif) no-repeat 0px 3px;
}

div.stan-7 img.feed-icon,
div.stan-7 a img.feed-icon {
	display: block;
	margin-bottom: 5px;
	border: none;
}

div.stan-7 div.content a {
	color: #62696e;
}

div.stan-7 div.content a.details {
}

/***********************
	stan-8
***********************/

div.stan-8 {
        clear: both;
	margin: 0;
	padding: 0;
}

div.stan-8 div.content {
        clear: both;
	margin: 0;
        padding: 0;
        padding-top: 15px;
}

div.stan-8 div.content h1 {
	margin: 0;
        padding: 0;
        margin-left: 12px;
	font-size: 14px;
	font-style: italic;
	color: #62696e;
	line-height: 14px;
}

div.stan-8 div.content a {
	color: #62696e;
}

/***********************
	stan-9
***********************/

div.stan-9 {
	float: left;
	position: relative;
	margin: 15px 0 0 0; 
	padding: 0;
	width: 395px;
	height: 81px;	
	background-image: url(../images/znx_bg_greyscale_395x81.jpg);
	background-repeat: no-repeat;
}

div.stan-9 img.box {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 0;	
	border: none;
}

div.stan-9 div.content {
	margin: 0 0 0 72px;
	width: 270px;
}

div.stan-9 div.content h1 {
	position: relative;
	margin: 20px 0 0 0;
	z-index: 99;
	font-size: 14px;
	font-style: italic;
	color: #62696e;
	line-height: 14px;
}

div.stan-9 div.content div.seperator {
	margin: 14px 0 8px 0;
	width: 256px;
	height: 2px;		
	background-image: url(../images/znx_sep_grey.gif);
	background-repeat: no-repeat;
}

div.stan-9 div.content p {
	margin-bottom: 5px;
}

div.stan-9 div.content p a {
	color: #62696e;
	text-decoration: underline;
}

div.stan-9 div.content p a:hover {
	color: #f90;
	text-decoration: underline;
}

/***********************
	ute
************************
	structure overview
************************
1.  ute-1 (video header)
2.  ute-2 (content header)
3.  ute-3 (copy)
4.  ute-4 (bullet copy)
5.  ute-5 (partner / customer overview)
6.  ute-6 (contact teaser)
7.  ute-7 (conversion teaser)
8.  ute-8 (content teaser)
9.  ute-9 (sort element)
10. ute-10 (list)
11.	ute-11 (table)
12. ute-12 ()
***********************/

/***********************
	ute-1
***********************/

div.ute-1 {
	position: relative;
	margin: 15px 0 0 0;
	width: 395px;
}

div.ute-1 div.head {
	width: 395px;
	height: 289px;
	
	background-image: url(../images/znx_bg_orange_395x289.jpg);
	background-repeat: no-repeat;
}

div.ute-1 div.head h1 {
	margin: 0 0 15px 12px;
	padding: 15px 0 0 0;
}

div.ute-1 div.head img {
	margin: 0 12px;
}

div.ute-1 p.subheader {
	margin: 12px 0 0 12px;
	
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #62696e;
	line-height: 14px;	
}

div.ute-1 p {
	margin: 12px 0 0 12px;
}


/***********************
	ute-2
***********************/

div.ute-2,
div.ute-2-1 {
	position: relative;
	margin: 24px 0 0 0;
	width: 395px;
}

div.ute-2 h1 {
	margin: 0 0 15px 12px;
}

div.ute-2 h1 img {
	float: left;
	margin: 0 0 15px 0;
}

div.ute-2 p {
	margin: 0 0 0 12px;
	font-weight: bold;
}

div.ute-2-1 {
	margin: 0;
}

div.ute-2-1 h1 {
	margin: 0 0 15px 0;
}


/***********************
	ute-3
***********************/

div.ute-3,
div.ute-3-1 {
	position: relative;
	margin: 0 0 0 0;
	width: 395px;
}

div.ute-3 h1 {
	margin-left: 13px;
}

div.ute-3 h2 {
	clear: left;
/*	margin: 0 0 10px 0;*/
	margin: 0 0 15px 12px;
}


div.ute-3 h3 {
	clear: left;	
	margin: 0 0 10px 0;
	font-size: 14px;
	font-weight: bold;
}

.zanox-event-page div.ute-3 .event-logo img {
	margin: auto;
       vertical-align:middle;
}

.zanox-event-page div.ute-3 .event-logo {
        float: left;
        margin: 0 14px 0 14px
        width: 150px;
        height: 150px;
	border: 1px solid #62696e;
}

div.ute-3 a img {
	border: none;
}

div.ute-3 p {
	clear: left;
	margin: 0 12px 0 13px;
	padding: 0 0 12px 0;
}

div.ute-3 table {
	margin-left: 0px !important;
}

div.ute-3 table th {
	margin: 0 0 15px 0 !important;
	padding: 0 !important;
}

div.ute-3 div.quote-head {
padding: 12px 12px 0 12px;
font-weight: bold;
background: transparent url(../images/bg_quote_head.gif) no-repeat center top;

}

div.ute-3 div.quote-foot {
padding: 12px 12px 12px 12px;
font-size: 11px;
font-style: italic;
background: transparent url(../images/bg_quote_foot.gif) no-repeat center bottom;
}

div.ute-3 ul li {
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
	line-height: 12px;
}

div.ute-3-1 h2 {
	margin: 0 12px 15px 0;
}

div.ute-3-1 p {
	margin: 0 12px 0 0;
}

div.ute-3-2 img {
	float: none;
	margin: 13px;
}

div.ute-3-2 h2 {
	margin: 0 13px 10px 13px;
}

div.ute-3-2 p {
	margin: 0 13px 10px 13px;
}

div.ute-3-2 p a {
	text-decoration: underline;
	color: #f90;
}

div.ute-3,
div.ute-3-1,
div.ute-3-2 {
	font-size: 12px;
	color: #62696E;
	line-height: 14px;
}

/***********************
	ute-4
***********************/

div.ute-4 {
	position: relative;
	margin: 24px 0 0 0;
	width: 395px;
}

div.ute-4 h2 {
	margin: 0 0 15px 12px;
	font-size: 14px;
}

div.ute-4 ul {
	margin: 0 0 15px 12px;
	list-style-image: none;
}

div.ute-4 ul li {
	margin: 0 0 10px 10px;
	padding: 0 0 0 10px;
	line-height: 12px;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	color: #62696e;
	line-height: 14px;
	background: transparent url(../images/znx_bulletpoint_org.gif) no-repeat left top;
}

div.ute-4 p {
	margin: 0 0 0 12px;
}


/***********************
	ute-5
***********************/

div.ute-5 {
	position: relative;
	margin: 30px 0 0 0;
	width: 395px;
	height: 100px;
}

div.ute-5 h1 {
	margin: 0 0 0 12px;
	padding: 0 0 15px 0;

	font-size: 14px;
	line-height: 14px;
}

div.ute-5 div.flash {
	position: absolute;
	left: -6px;
	bottom: 0px;
	width: 407px;
	height: 73px;

	font-family: arial, verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	
	border-top: 1px solid #c1c5c9;
	border-bottom: 1px solid #c1c5c9;
}


/***********************
	ute-6
***********************/

div.ute-6 {
	position: relative;
	margin: 15px 0 0 0;
	padding: 0 0 0 12px;
	width: 178px;
	
	background-image: url(../images/znx_bg_greyscale_190_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

div#content-left div.ute-6 {
	margin: 15px 0;
	padding: 0 0 0 12px;
}

div.ute-6 h1 {
	padding: 20px 0 0 0;
	font-size: 14px;
	font-style: italic;
	color: #62696e;
	line-height: 14px;
}

div.ute-6 div.seperator {
	margin: 13px 0 0 0;
	width: 166px;
	height: 2px;
	
	background-image: url(../images/znx_sep_grey.gif);
	background-repeat: no-repeat;
}

div.ute-6 img {
	float: right;
	margin: 0px 5px 0 0;
}

div.ute-6 img.feed-icon {
	
}

div.ute-6 p {
	margin: 13px 15px 0 0;
	padding: 0;
}

div.ute-6 a {
	margin: 0 0 5px 0 !important;
	padding: 0;
	color: #62696e;
	font-family: arial, verdana, sans-serif;
	text-decoration: underline;
	line-height: 14px;	
	background-image: none;
}

div.ute-6 a:hover {
	color: #f90;
	text-decoration: underline;
}

div.ute-6 div.bottom {
	margin: 5px 0 0 -12px;
	width: 190px;
	height: 8px;
	
	background-image: url(../images/znx_bg_greyscale_190_bot.jpg);
	background-repeat: no-repeat;
}


/***********************
	ute-7
***********************/

div.ute-7 {
	float: left;
	position: relative;
	margin: 15px 0 0 0;
	width: 396px;
	height: 148px;
	
	background-image: url(../images/znx_bg_orange_395x148.jpg);
	background-repeat: no-repeat;
}

div#content div.ute-7 {
	margin: 0 0 0 12px;
}

div.ute-7 h1 {
	margin: 0 0 0 12px;
	padding: 15px 0 15px 42px;

	font-size: 14px;
	line-height: 14px;

	background: transparent url(../images/znx_icon_text_org.gif) no-repeat left center;
}

div.ute-7 h1 img {
	float: left;
	margin: 0 10px 0 0;
	width: 28px;
	height: 28px;
}

div.ute-7 div.seperator {
	margin: 5px 0 0 12px;
	width: 371px;
	height: 2px;
	
	background-image: url(../images/znx_sep_org.gif);
	background-repeat: repeat-x;
}

div.ute-7 p {
	margin: 15px 12px 0 12px;
}

div.ute-7 a {
	position: absolute;
	right: 5px;
	bottom: 5px;
	width: 125px;
	height: 26px;
	margin: 10px 15px 0 0;
	padding: 12px 0 0 33px;

	font-family: arial, verdana, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #fff !important;
	text-decoration: none !important;
	text-transform: uppercase;
	
	background-image: url(../images/znx_btn_cta_org.gif);
	background-repeat: no-repeat;
}

div#content-middle div.ute-7{
	float: none;	
	position: relative;
	margin: 15px 0 0 0;
	width: 396px;
	height: 148px;
	
	background-image: url(../images/znx_bg_orange_395x148.jpg);
	background-repeat: no-repeat;
}

/***********************
	ute-7-small
***********************/

div.ute-7-small {
	float: left;
	position: relative;
	margin: 15px 0 0 0;
	width: 189px;
	height: 162px;
	
	background-image: url(../images/znx_bg_orange_189x162.jpg);
	background-repeat: no-repeat;
}

div#content div.ute-7-small {
	margin: 0 0 0 15px;
}

div.ute-7-small h1 {
	margin: 0 0 0 12px;
	padding: 15px 0 15px 42px;
	font-size: 14px;
	line-height: 14px;
	background: transparent url(../images/znx_icon_text_org.gif) no-repeat left center;
}

div.ute-7-small h1 img {
	float: left;
	margin: 0 10px 0 0;
	width: 28px;
	height: 28px;
}

div.ute-7-small div.seperator {
	margin: 5px 0 0 12px;
	width: 167px;
	height: 2px;
	
	background-image: url(../images/znx_sep_org.gif);
	background-repeat: repeat-x;
}

div.ute-7-small p {
	margin: 15px 12px 0 12px;
}

div.ute-7-small a.details {
	float: left;
	position: absolute;
	left: 12px;
	bottom: 5px;
	width:  auto;
	height: auto;
        margin: 0 0 0 0;
	padding: 0 0 0 23px;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	color: black;
	text-decoration: underline;
	background: transparent url(../images/znx_link_dtl_arrow_org.gif) no-repeat left top;
}

div#content-middle div.ute-7-small {
	float: none;	
	position: relative;
	margin: 15px 0 0 0;
	width: 189px;
	height: 162px;
	
        padding: 10px 0 10px 17px;
	
	font-size: 12px;
	color: #333;
	text-decoration: underline;
	
	background: transparent url(../images/znx_link_ctc_arrow_org.gif) no-repeat left center;
	background-repeat: no-repeat;
}

/***********************
	ute-8
***********************/

div.ute-8 {
	float: left;
	margin: 15px 0 0 0;
	width: 395px;
}

div#content-middle div.ute-8 {
	margin: 15px 0 0 0;
}

div#content div.ute-8 {
	margin: 0 0 0 12px;
}

div.ute-8 div.row-top {
	position: relative;
	width: 395px;

	background: transparent url(../images/znx_slice_bg_grey_395_top.jpg) no-repeat center top;
}

div.ute-8 div.row-bottom,
div.ute-8 div.row-bottom-grey {
	position: relative;
	width: 395px;

	background: transparent url(../images/znx_slice_bg_grey_395_bot.jpg) no-repeat center bottom;
}


div.ute-8 div.row-bottom-wht {
	position: relative;
	width: 395px;

	background: transparent url(../images/znx_slice_bg_wht_395_bot.jpg) no-repeat center bottom;
}

div.ute-8 div.row-grey {
	position: relative;
	width: 393px;
	
	background-color: #f3f3f5;
	border-left: 1px solid #c1c5c9;
	border-right: 1px solid #c1c5c9;
}

div.ute-8 div.row-wht {
	position: relative;
	width: 393px;

	border-left: 1px solid #c1c5c9;
	border-right: 1px solid #c1c5c9;
}


div.ute-8 img {
	float: left;
	margin: 10px 0 0 12px;
	
	width: 87px;
	height: 92px;
}

div.ute-8 h2 {
	margin: 0 12px 0 97px;
	padding: 15px 0 5px 10px;

	font-size: 14px;
}

div.ute-8 p {
	margin: 0 12px 10px 97px;
	padding: 0 0 0 10px;
	width: 190px;
}

div.ute-8 a.text-link {
	clear: both;
	display: block;
	margin: 0 0 0 12px;
	padding: 10px 0 10px 17px;
	
	font-size: 12px;
	color: #333;
	text-decoration: underline;
	
	background: transparent url(../images/znx_link_ctc_arrow_org.gif) no-repeat left center;
}

div.ute-8 div.row-grey a.video-2,
div.ute-8 div.row-top a.video-2,
div.ute-8 div.row-bottom a.video-2 {
	background-image: url(../images/znx_btn_vid_02_grey.jpg);
}

div.ute-8 div.row-wht a.video-2 {
	background-image: url(../images/znx_btn_vid_02_wht.jpg);
}

div.ute-8 div.row-grey a.video-2:hover,
div.ute-8 div.row-top a.video-2:hover,
div.ute-8 div.row-bottom a.video-2:hover {
	background-image: url(../images/znx_btn_vid_02_grey_hov.jpg);
}

div.ute-8 div.row-wht a.video-2:hover {
	background-image: url(../images/znx_btn_vid_02_wht_hov.jpg);
}

div.ute-8 div.row-grey a.active,
div.ute-8 div.row-top a.active,
div.ute-8 div.row-bottom a.active {
	background-image: url(../images/znx_btn_vid_02_grey_act.jpg);
	background-repeat: no-repeat;
}

div.ute-8 div.row-wht a.active {
	background-image: url(../images/znx_btn_vid_02_wht_act.jpg);
	background-repeat: no-repeat;
}

/***********************
	ute-9
***********************/

div.ute-9 {
	position: relative;
	margin: 15px 0 0 0;
	padding: 15px 0;
	
	width: 390px;
	
	border-top: 1px solid #c1c5c9;	
	border-bottom: 1px solid #c1c5c9;	
}

div.ute-9.v-2 {
	padding: 13px;
}

div.ute-9.v-2 h2 {
	margin: 0 0 5px 0;
}

div.ute-9 form {}

div.ute-9 div.left { float: left; }

div.ute-9 div.right { float: right; }

div.ute-9 div.bottom { clear: both; }

div.ute-9 label {
	display: block;
	margin: 0 0 2px 0;

	font-weight: bold;
}

div.ute-9 select {
	width: 150px;
	margin: 0 0 10px 0;
}

div.ute-9.v-2 select {
	width: 380px;
}

div.ute-9 input.text {
	width: 150px;
	margin: 0 0 10px 0;
}

div.ute-9 input.submit {
	float: right;
	margin: 0 0 0 0;
	width: 75px;
	height: 20px;
	
	background-image: url(../images/znx_btn_form_75.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
}


/***********************
	ute-10
***********************/

div.ute-10,
div.ute-10-1 {
	float: left;
	margin: 15px 0 0 0;
	width: 395px;

	background: transparent url(../images/znx_slice_bg_wht_395_top.jpg) no-repeat center top;
}

div.ute-10 div.top,
div.ute-10-1 div.top {
	width: 395px;
	height: 6px;

	background: transparent url(../images/znx_slice_bg_wht_395_top.jpg) no-repeat center top;
}

div.ute-10 div.middle,
div.ute-10-1 div.middle {
	border-left: 1px solid #c1c5c9;
	border-right: 1px solid #c1c5c9;
}

div.ute-10 div.bottom,
div.ute-10-1 div.bottom {
	width: 395px;
	height: 6px;
	
	background: transparent url(../images/znx_slice_bg_wht_395_bot.jpg) no-repeat center bottom;
}

div.ute-10 h1,
div.ute-10-1 h1 {
	margin: 0 0 0 12px;
	padding: 10px 0 0 0;
	
	font-size: 14px;
	line-height: 14px;
}

div.ute-10 h2,
div.ute-10-1 h2 {
	margin: 15px 0 0 12px;
}

div.ute-10 ul,
div.ute-10-1 ul {
	margin: 10px 0 0 0;
}

div.ute-10 li,
div.ute-10-1 li {
	padding: 2px 0 4px 0;
	width: 393px;
	height: 20px;

	list-style: none;
}

div.ute-10 li a,
div.ute-10-1 li a {
	margin: 0 0 0 12px;

	color: #62696E;
	list-style: none;
}

div.ute-10 li.row-1,
div.ute-10-1 li.row-1 { background-color: #f3f3f4; }
div.ute-10 li.row-2,
div.ute-10-1 li.row-2 { background-color: #fff; }

/* ute-10-1 */

div.ute-10-1 h1 {
	margin: 0 0 0 12px;
}

div.ute-10-1 h2 {
	margin: 0 0 0 12px;
}

div.ute-10-1 li { position: relative; }

div.ute-10-1 li a { color: #62656e; }

div.ute-10-1 li a.close {
	position: absolute;
	top: 0px;
	right: 1px;
}

div.ute-10-1 li div.answer {}

div.ute-10-1 li div.answer p { margin: 10px 12px; }




/***********************
	ute-11
***********************/

div.ute-11 {
	float: left;
	margin: 15px 0 0 0;
	width: 395px;
}

div.ute-11 div.top {
	width: 395px;
	height: 6px;
	
	background: transparent url(../images/znx_slice_bg_wht_395_top.jpg) no-repeat center top;
}

div.ute-11 div.middle {
	width: 393px;
	
	border-left: 1px solid #c1c5c9;
	border-right: 1px solid #c1c5c9;
}

div.ute-11 div.bottom {
	width: 395px;
	height: 6px;
	
	background: transparent url(../images/znx_slice_bg_wht_395_bot.jpg) no-repeat center bottom;
}


div.ute-11 h1 {
	margin: 0 0 10px 12px;
	padding: 6px 0 0 0;

	font-size: 14px;
	line-height: 14px;
}

div.ute-11 table {
	padding-left: 0px !important;
	width: 393px;
}

div.ute-11 table th {
	padding: 10px 0 10px 12px !important;
	text-align: left;
}

div.ute-11 table th a {
	padding: 0 20px 0 0;

	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #f90;
	text-decoration: none;
	
	background-image: url(../images/znx_icon_sort.gif);
	background-repeat: no-repeat;
	background-position: right center;	
}

div.ute-11 table tr {}

div.ute-11 table tr.grey {
	background-color: #f3f3f5;
}

div.ute-11 table td {
	padding: 2px 2px 2px 12px !important;

	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #62696e;
	vertical-align: top;
}

div.ute-11 table td span.date {
	float: left;
	margin: 0 10px 0 0;
	width: 60px;
}

div.ute-11 table td a {
	float: left;
	padding-bottom: 3px;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	width: 280px;
	color: #62696e !important;
}

div.ute-11 table td.table-subheader {
	height: 25px;
	padding: 0 0 0 12px;
	
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	vertical-align: middle;

	background-color: #c1c5c9;
}


/***********************
	ute-12
***********************/

div.ute-12 {
	float: left;
	position: relative;
	margin: 15px 0 0 0;
	width: 395px;
	
}

div.ute-12 div.top {
	width: 395px;
	height: 8px;
	
	background-image: url(../images/znx_slice_bg_grey_393x1000_top.jpg);
	background-repeat: no-repeat;
}

div.ute-12 div.bottom {
	width: 395px;
	height: 8px;
	
	background-image: url(../images/znx_slice_bg_grey_393x1000_bot.jpg);
	background-repeat: no-repeat;
}

div.ute-12 div.middle {
	border-right: 1px solid #c1c5c9;
	border-left: 1px solid #c1c5c9;
	
	background-color: #e7ebee;
	background-image: url(../images/znx_slice_bg_grey_393x1000_mid.jpg);
	background-repeat: no-repeat;
}

div.ute-12 div.middle img {
	position: absolute;
	top: 10px;
	left: 12px;
}

div.ute-12 div.middle h1 {
	margin: 0 0 0 45px;
	padding: 10px 0 0 0;

	font-size: 14px;
	line-height: 14px;
}

div.ute-12 div.middle div.seperator {
	margin: 15px 0 0 0;
	width: 371px;
	height: 1px;
	
	background-image: url(../images/znx_sep_grey.gif);
	background-repeat: repeat-x;
}

div.ute-12 div.middle div.spacer-4 {
	display: block;
	height: 4px;
}

div.ute-12 div.middle form {
	margin: 15px 0 0 0;
}

div.ute-12 div.middle form p {
	margin: 0 0 10px 12px;
}

div.ute-12 div.middle form fieldset {
	margin: 0 0 30px 0;
}

div.ute-12 div.middle form legend {
	margin: 0 0 8px 0;
	padding: 0 0 0 12px;

	font-size: 12px;
	font-weight: bold;
	color: #62696e;
}

div.ute-12 div.middle form label {
	margin: 0 0 0 12px;

	font-weight: normal;
	color: #62696e;
}

div.ute-12 div.middle form input.text {
	position: absolute;
	left: 130px;
	width: 250px;
	padding: 0 2px;
	
	font-size: 12px;
	font-weight: normal;
	color: #62696e;
	
	border: 1px solid #f90;
}

div.ute-12 div.middle form input.radio {}

div.ute-12 div.middle form input.checkbox {
	margin: 0 0 0 12px;
	border: none;
}

div.ute-12 div.middle form select {
	position: absolute;
	left: 130px;
	
	font-size: 12px;
	font-weight: normal;
	color: #62696e;
	
	border: 1px solid #f90;
}

div.ute-12 div.middle form input.clear {
	margin: 10px 0 0 130px;
	padding: 0 0 5px 0;
	width: 105px;
	height: 20px;
	
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	
	border: none;
	background-color: transparent;
	background-image: url(../images/znx_btn_form_105.gif);
	background-repeat: repeat-x;
	background-position: 0 1px;
}

div.ute-12 div.middle form input.submit {
	width: 106px;
	height: 26px;

	background-image: url(../images/znx_btn_cta_grey_140.gif);
	background-repeat: no-repeat;
	background-position: 0 1px;
}

/***********************
	grey
************************
	structure overview
************************
1. grey-1 (mmc video header)
2. grey-2 (mmc search form)
3. grey-3
***********************/

/***********************
	grey-1
***********************/

div.grey-1 {
	margin: 10px 0 0 0;
	width: 805px;
}

div.grey-1 div.head {
	width: 805px;
	height: 8px;
	background: transparent url(../images/znx_bg_grey_805x8_top.jpg) no-repeat center top;
}

div.grey-1 div.body {
	background: #f9fafa;
	border-left: 1px solid #d9dbda;
	border-right: 1px solid #d9dbda;
}

div.grey-1 div.video {
	float: left;
	padding: 0 0 0 15px;
	width: 380px;
}

div.grey-1 div.video-wrap {
	margin: 15px 0 0 0;
	width: 380px;
	height: 200px;
	border: 1px solid red;
}

div.grey-1 div.video h2 {
	margin: 15px 0 5px 0;
	color: #f90;
	text-transform: uppercase;
}

div.grey-1 div.content {
	position: relative;
	float: left;
	margin: 0 0 0 15px;
	width: 390px;
}

div.grey-1 div.content img.label {
	position: absolute;
	top: 20px;
	left: 265px;
}

div.grey-1 div.content img.xmas {
	position: absolute;
	top: 5px;
	left: 265px;
}

div.grey-1 div.content h1 {
	margin: 15px 0 0 0;
	display: block;
	width: 300px;
}

div.grey-1 div.content p {
	margin: 15px 0 0 0;
	color: #000;
	font-weight: bold;
}

div.grey-1 div.list {
	margin: 10px 0 0 0;
	width: 329px;
	height: 45px;
	background: transparent url(../images/znx_bg_list_mmc.jpg) no-repeat center center;
}

div.grey-1 div.list img {
	float: left;
	margin: 6px 0 0 10px;
}

div.grey-1 div.list p {
	float: left;
	margin: 12px 0 0 10px;
	width: 260px;
	font-size: 12px;
	font-weight: normal;
	color: #000;
}

div.grey-1 div.content a {
	float: left;
	width: 125px;
	height: 26px;
	margin: 10px 15px 0 0;
	padding: 12px 0 0 33px;
	font-family: arial, verdana, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-align: left;
	text-transform: uppercase;
	background-image: url(../images/znx_btn_cta_grey-light.gif);
	background-repeat: no-repeat;
}

div.grey-1 div.foot {
	width: 805px;
	height: 8px;
	background: transparent url(../images/znx_bg_grey_805x8_bot.jpg) no-repeat center top;
}


/***********************
	grey-2
***********************/

div.grey-2 {
	margin: 15px 0 0 0;
}

div.grey-2 h1 {
	padding: 0 0 10px 0;
}

div.grey-2 form {
	margin: 15px 0 0 0;
	padding: 10px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

div.grey-2 form input.text {}

div.grey-2 form input.submit {
	width: 28px;
	height: 18px;
	
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	vertical-align: middle;

	border: none;
	background-color: transparent;
	background-image: url(../images/znx_btn_form_25.gif);
	background-repeat: no-repeat;
	background-position: 2px 2px;
}

/***********************
	grey-3
***********************/

div.grey-3 {
	padding: 0 0 0 0;
	width: 805px;
}

div.grey-3 div.head {
	width: 805px;
	height: 8px;
	background: transparent url(../images/znx_bg_grey_805x8_top.jpg) no-repeat center top;
}

div.grey-3 div.body {
	position: relative;
	background: #f9fafa;
	border-left: 1px solid #d9dbda;
	border-right: 1px solid #d9dbda;
}

div.grey-3 div.foot {
	width: 805px;
	height: 8px;
	background: transparent url(../images/znx_bg_grey_805x8_bot.jpg) no-repeat center top;
}

div.grey-3  h1 {
	padding: 15px 0 15px 0;
	display: block;
}

div.grey-3  div.body h1 {
	margin: 0 0 0 190px;
	width: 330px;
}

div.grey-3  p {
	padding: 15px 0 0 0;
	color: #000;
	font-weight: bold;
}

div.grey-3 div.list {
	margin: 0 0 0 10px;
	padding: 10px 0 0 0;
	vertical-align: middle;
}

div.grey-3 div.list div.body {
	padding: 10px 0 0 0;
	width: 781px;
	height: auto;
	background: #edeff2 url(../images/znx_bg_781_grey_top.jpg) no-repeat center top;
	border-left: 1px solid #d9dbda;
	border-right: 1px solid #d9dbda;
	border: none;
}

div.grey-3 div.list div.foot {
	width: 781px;
	height: 8px;
	background: transparent url(../images/znx_bg_781_grey_bot.jpg) no-repeat bottom center;
}

div.grey-3 div.list img.bullet {
	float: left;
	margin: 0 0 0 30px;
}

div.grey-3 div.list h2 {
	margin: 0 0 0 178px;
	font-size: 21px;
	font-weight: bold;
	color: #f90;
}

div.grey-3 div.list p {
	margin: 0 0 0 178px;
	width: 540px;
	font-size: 12px;
	font-weight: normal;
	color: #000;
}

div.grey-3 div.list ul {
	margin: 10px 0 0 0;
	width: 520px;
	list-style: none;
}

div.grey-3 div.list li {
	padding: 0 0 10px 10px;
	background: transparent url(../images/znx_bulletpoint_org.gif) no-repeat left top;
}

div.grey-3 div.hidden-cnt {
	display: block;
	margin: 10px 0 0 178px;
}

div.grey-3 div.list a.more,
div.grey-3 div.list a.close {
	display: block;
	margin: 10px 0 0 178px;
	padding: 0 0 0 23px;
	width: 35px;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	line-height: 18px;
	background: transparent url(../images/znx_link_dtl_arrow_org.gif) no-repeat left top;
}

div.grey-3 div.list a.close { 
	margin: 10px 0 0 0; 
	background: transparent url(../images/znx_icon_close_grey.gif) no-repeat left top;
}

div.grey-3 h1.subline {
	float: left;
	margin: 0 0 0 178px;
}

div.grey-3 a.reg {
	position: absolute;
	right: -8px;
	bottom: -6px;
	width: 196px;
	height: 30px;
	margin: 10px 15px 20px 0;
	padding: 6px 0 0 40px;
	font-family: arial, verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	line-height: 24px;
	text-decoration: none;
	text-align: left;
	text-transform: uppercase;
	background: transparent url(../images/znx_btn_mmc_reg_big.gif) no-repeat left top;
}

/***********************
	video-layout-1
***********************/

div.video-layout-1 {
	padding: 12px 0 0 0;
	width: 395px;
}

div.video-layout-1 h1 { margin: 6px 6px 6px 6px; }

div.video-layout-1 div#video-wrap {
	margin: 0 0 0 6px;
	padding: 6px 0 0 0;
}

div.video-layout-1 div.content {}

div.video-layout-1 div.content p { margin: 6px; }

div.video-layout-1 div.bottom {}


/***********************
	video-layout-2
***********************/

div.video-layout-2 { 
	padding: 12px 0 0 0;
	width: 395px; 
}

div.video-layout-2 div#video-wrap {
	margin: 0 0 0 6px;
	padding: 6px 0 0 0;
}

div.video-layout-2 div.content {}

div.video-layout-2 div.content h1 { margin: 6px; }

div.video-layout-2 div.content p { margin: 6px; }

div.video-layout-2 div.bottom {}


/***********************
	video-layout-3
***********************/

div.video-layout-3 {
	padding: 12px 0 0 0;
	width: 395px;
	background: transparent url(../images/znx_bg_orange_395x289.jpg) no-repeat;
}

div.video-layout-3 div#video-wrap {
	margin: 0 0 0 6px;
	padding: 6px 0 0 0;
}

div.video-layout-3 div.content {}

div.video-layout-3 div.content h1 { margin: 6px 6px 36px 6px; }

div.video-layout-3 div.content p { 
	margin: 6px;
}

div.video-layout-3 div.bottom {}



/***********************
	rss-teaser
***********************/

/* layout 1 */

div.rss-teaser.layout-1,
div.rss-teaser.layout-2,
div.rss-teaser.layout-5 {
	float: left;
	position: relative;
	margin: 15px 0 0 0; 
	padding: 0;
	width: 190px;
	height: 162px;
	
	background-image: url(../images/znx_bg_greyscale_190x162.jpg);
	background-repeat: no-repeat;
}

div#content-right div.rss-teaser.layout-1,
div#content-right div.rss-teaser.layout-2,
div#content-right div.rss-teaser.layout-5 {
	float: none;
}

div.rss-teaser.layout-1 h3,
div.rss-teaser.layout-2 h3,
div.rss-teaser.layout-5 h3 {
	position: relative;
	padding: 20px 0 0 12px;
	z-index: 99;
	font-size: 14px;
	font-style: italic;
	color: #62696e;
	line-height: 14px;
}

div.rss-teaser.layout-1 div.seperator,
div.rss-teaser.layout-2 div.seperator,
div.rss-teaser.layout-5 div.seperator {
	margin: 14px 0 8px 12px;
	width: 166px;
	height: 2px;
		
	background-image: url(../images/znx_sep_grey.gif);
	background-repeat: repeat-x;
}

div.rss-teaser.layout-1 div.scroller,
div.rss-teaser.layout-2 div.scroller,
div.rss-teaser.layout-5 div.scroller {
	float: left;
	margin: 0 0 0 12px;
	width: 166px;
	height: 90px;
	overflow: hidden;
    overflow-y: auto;
}

div.rss-teaser.layout-1 div.scroller h4,
div.rss-teaser.layout-2 div.scroller h4 {
	display: none;
}

div.rss-teaser.layout-1 div.scroller h5,
div.rss-teaser.layout-2 div.scroller h5,
div.rss-teaser.layout-5 div.scroller h5 {
	margin: 0 0 2px 0;
	width: 159px;
	height: 16px;
	overflow: hidden;
}

div.rss-teaser.layout-1 div.scroller h5 a,
div.rss-teaser.layout-2 div.scroller h5 a,
div.rss-teaser.layout-5 div.scroller h5 a {
	font-weight: normal;
	color: #62696e;
	text-decoration: underline;
}

div.rss-teaser.layout-1 div.scroller h5 a:hover,
div.rss-teaser.layout-2 div.scroller h5 a:hover,
div.rss-teaser.layout-5 div.scroller h5 a:hover {
	color: #f90;
	text-decoration: underline;
}

div.rss-teaser.layout-1 div.wrap,
div.rss-teaser.layout-2 div.wrap,
div.rss-teaser.layout-5 div.wrap {
	float: left;
	margin: 0 0 0 5px;
	width: 5px;
	height: 90px;
}

div.rss-teaser.layout-1 div.track,
div.rss-teaser.layout-2 div.track,
div.rss-teaser.layout-5 div.track {
	position: absolute;
	margin: 0;
	width: 5px;
	height: 90px;
	background: transparent url(../images/track.gif) repeat-y;
}

div.rss-teaser.layout-1 div.handle,
div.rss-teaser.layout-2 div.handle,
div.rss-teaser.layout-5 div.handle {
	margin: 0;
	width: 5px; 
	height: 20px;
	background: transparent url(../images/slider.gif) repeat-y;
}

/* layout 2 */

div.rss-teaser.layout-2 div.scroller h4 {
	display: block;
	margin: 6px 0 2px 0;
	font-size: 12px;
	color: #62696e;
}

/* layout 3 */

div.rss-teaser.layout-3,
div.rss-teaser.layout-4,
div.rss-teaser.layout-6,
div.rss-teaser.layout-7,
div.rss-teaser.layout-8 {
	float: left;
	position: relative;
	margin: 15px 0 0 0; 
	padding: 0;
	width: 395px;
	height: 162px;
	background-image: url(../images/znx_bg_empty_395x162.jpg);
	background-repeat: no-repeat;
}

div.rss-teaser.layout-3 h3,
div.rss-teaser.layout-4 h3,
div.rss-teaser.layout-6 h3,
div.rss-teaser.layout-7 h3,
div.rss-teaser.layout-8 h3 {
	position: relative;
	margin: 20px 0 0 12px;
	z-index: 99;
	font-size: 14px;
	font-style: italic;
	color: #62696e;
	line-height: 14px;
}

div.rss-teaser.layout-3 div.seperator,
div.rss-teaser.layout-4 div.seperator,
div.rss-teaser.layout-6 div.seperator,
div.rss-teaser.layout-7 div.seperator,
div.rss-teaser.layout-8 div.seperator {
	margin: 14px 0 8px 12px;
	width: 371px;
	height: 2px;
	background-image: url(../images/znx_sep_grey.gif);
	background-repeat: repeat-x;
}

div.rss-teaser.layout-3 div.scroller,
div.rss-teaser.layout-4 div.scroller,
div.rss-teaser.layout-6 div.scroller,
div.rss-teaser.layout-7 div.scroller,
div.rss-teaser.layout-8 div.scroller {
	float: left;
	margin: 0 0 0 12px;
	width: 371px;
	height: 90px;
	overflow: hidden;
    overflow-y: auto;
}

div.rss-teaser.layout-3 div.scroller h4,
div.rss-teaser.layout-4 div.scroller h4,
div.rss-teaser.layout-6 div.scroller h4,
div.rss-teaser.layout-7 div.scroller h4,
div.rss-teaser.layout-8 div.scroller h4 {
	display: none;
}

div.rss-teaser.layout-3 div.scroller h5,
div.rss-teaser.layout-4 div.scroller h5,
div.rss-teaser.layout-6 div.scroller h5,
div.rss-teaser.layout-7 div.scroller h5,
div.rss-teaser.layout-8 div.scroller h5 {
	margin: 0 0 2px 0;
	padding: 2px;
	width: 367px;
	height: 16px;
	overflow: hidden;
}

div.rss-teaser.layout-3 div.scroller h5.alt-1,
div.rss-teaser.layout-4 div.scroller h5.alt-2,
div.rss-teaser.layout-6 div.scroller h5.alt-2,
div.rss-teaser.layout-7 div.scroller h5.alt-2,
div.rss-teaser.layout-8 div.scroller h5.alt-2 {
	background: #eee;
}

div.rss-teaser.layout-3 div.scroller h5 a,
div.rss-teaser.layout-4 div.scroller h5 a,
div.rss-teaser.layout-6 div.scroller h5 a,
div.rss-teaser.layout-7 div.scroller h5 a,
div.rss-teaser.layout-8 div.scroller h5 a {
	font-weight: normal;
	color: #62696e;
	text-decoration: underline;
	
}

div.rss-teaser.layout-3 div.scroller h5 a:hover,
div.rss-teaser.layout-4 div.scroller h5 a:hover,
div.rss-teaser.layout-6 div.scroller h5 a:hover,
div.rss-teaser.layout-7 div.scroller h5 a:hover,
div.rss-teaser.layout-8 div.scroller h5 a:hover {
	color: #f90;
	text-decoration: underline;
}

div.rss-teaser.layout-3 div.wrap,
div.rss-teaser.layout-4 div.wrap,
div.rss-teaser.layout-6 div.wrap,
div.rss-teaser.layout-7 div.wrap,
div.rss-teaser.layout-8 div.wrap {
	float: left;
	margin: 0 0 0 5px;
	width: 5px;
	height: 90px;
}

div.rss-teaser.layout-3 div.track,
div.rss-teaser.layout-4 div.track,
div.rss-teaser.layout-6 div.track,
div.rss-teaser.layout-7 div.track,
div.rss-teaser.layout-8 div.track {
	position: absolute;
	margin: 0;
	width: 5px;
	height: 90px;
	background: transparent url(../images/track.gif) repeat-y;
}

div.rss-teaser.layout-3 div.handle,
div.rss-teaser.layout-4 div.handle,
div.rss-teaser.layout-6 div.handle,
div.rss-teaser.layout-7 div.handle,
div.rss-teaser.layout-8 div.handle {
	margin: 0;
	width: 5px; 
	height: 20px;
	background: transparent url(../images/slider.gif) repeat-y;
}


div.rss-teaser .rss-teaser-headline {
  float: left;
  width: 50%;
}

div.rss-teaser .rss-teaser-igoogle {
  float: right;
  font-size:14px;
  font-style:italic;
  line-height:14px;
  margin:20px 12px 5px 0;
  position:relative;
  z-index:99;
}

DIV#content-left div.rss-teaser .rss-teaser-igoogle,
DIV#content-right div.rss-teaser .rss-teaser-igoogle {
  display: none;
}

DIV#content-left div.rss-teaser .rss-teaser-headline,
DIV#content-right div.rss-teaser .rss-teaser-headline {
  width: 99%;
}

/* layout 4 */

div.rss-teaser.layout-4 div.scroller h4 {
	display: block;
	margin: 6px 0 2px 0;
	font-size: 12px;
	color: #62696e;
}


/* layout 5 */

div.rss-teaser.layout-1 div.scroller h5,
div.rss-teaser.layout-2 div.scroller h5,
div.rss-teaser.layout-5 div.scroller h5 {
	font-size: 11px;
}

/* layout 6 and 7 */

div.rss-teaser.layout-6,
div.rss-teaser.layout-7 {
	background-image: url(../images/znx_bg_empty_395x310.jpg);
	height: 310px;
}

div.rss-teaser.layout-6 div.scroller h4,
div.rss-teaser.layout-7 div.scroller h4 {
	display: block;
	margin: 6px 0 2px 0;
	font-size: 12px;
	color: #62696e;
}

div.rss-teaser.layout-6 div.scroller div.category-seperator,
div.rss-teaser.layout-7 div.scroller div.category-seperator {
        height: 14px;
}

div.rss-teaser.layout-6 div.scroller,
div.rss-teaser.layout-6 div.wrap,
div.rss-teaser.layout-6 div.track,
div.rss-teaser.layout-7 div.scroller,
div.rss-teaser.layout-7 div.wrap,
div.rss-teaser.layout-7 div.track {
        /* height of div.rss-teaser.layout-7/6 minus 72px */
	height: 300px;
}

/* layout 7 */

div.rss-teaser.layout-7 div.scroller h5.alt-1,
div.rss-teaser.layout-7 div.scroller h5.alt-2 {
        background: white;
}

/* layout 8 */

div.rss-teaser.layout-8 div.track {
	height: 170px;
}

div.rss-teaser.layout-8 div.wrap {
	height: 170px;
}

div.rss-teaser.layout-8 div.scroller {
	height: 170px;
}

div.rss-teaser.layout-8 {
        margin: 0;
	height: 243px;
	background-image: url(../images/znx_bg_empty_395x243.jpg);
}


/***********************
	logo slider
***********************/

div#logoslider {
	float: left;
	width: 805px;
}

div#logoslider h3 {
	margin: 14px 0 7px 12px;
	font-size: 14px;
	font-style: italic;
	color: #62696e;
}

div#logoslider div#slider {}


/***********************
	rss press teaser
***********************/

/* middle column */

div#main div#content-middle p.rss-press-feed-foot {
	display: none;
}

/* right column */

div#main div#content-right div.rss-press-feed {
	float: left;
	position: relative;
	margin: 15px 0 0 0;
	padding: 0;
	width: 190px;
	
	background: transparent url(../images/znx_bg_greyscale_190_top.jpg) no-repeat;
}

div#main div#content-right div.rss-press-feed div.foot {
	margin: 0;
	padding: 0;
	width: 190px;
	height: 8px;
	background: transparent url(../images/znx_bg_greyscale_190_bot.jpg) no-repeat;
}

div#main div#content-right p.rss-press-feed-foot {
	padding: 0;
	margin: 12px 12px;
	line-height: 18px;
}

div#main div#content-right p.rss-press-feed-foot a.rss-press-feed {
	color: #62696e;
	text-decoration: underline;
	line-height: 18px;
}

div#main div#content-right p.rss-press-feed-foot a.rss-press-feed img {
	float: right;
	margin: 0 0 0 0;
	border: none;
}


/***********************
	Webtrekk
***********************/

div#wt_refpoint {
        height: 1px;
        line-height: 1px;
        font-size: 1px;
        width: 1px;
        margin: 0 0 0 0;
        border: none; 
        padding: 0 0 0 0;
}

/***********************
   categorized footer
***********************/

div#categorized-footer-wrapper {
  clear: both;
  margin: 0;
  padding: 0;
  text-align: left;
}

div#categorized-footer-wrapper h1 {
  clear: both;
  margin: 0;
  padding: 0;
  padding-top: 12px;
  padding-left: 16px;
  font-size: 14px;
  font-style: italic;
  color: #62696e;
  line-height: 14px;
}


div#categorized-footer {
  margin: 0;
  padding: 0;
  margin-top: 10px;
  padding-top: 15px;
  background-image: url(../images/znx_footer_categorized_bg.gif);
  background-position: 0 15px;
  background-repeat: no-repeat;
  clear: both;
  border-top: 1px solid #C1C5C9;
  color: #62696e;
  font-size: 12px;
}

div#categorized-footer div.categorized-footer-category {
  position: relative;
  float: left;
  text-align: left;
  width: 201px;
  margin-bottom: 10px;
}

div#categorized-footer .categorized-footer-headline {
  margin-left: 20px;
  font-weight: bold;
}

div#categorized-footer div.categorized-footer-category li {
  padding-left: 20px;
  display: block;
}

div#categorized-footer div.categorized-footer-category-0,
div#categorized-footer div.categorized-footer-category-3 {
  width: 185px;
}

div#categorized-footer div.categorized-footer-category-1,
div#categorized-footer div.categorized-footer-category-2 {
  width: 216px;
}

/**
div#categorized-footer div.categorized-footer-category-0 li,
div#categorized-footer div.categorized-footer-category-3 li {
  padding-left: 27px;
}

div#categorized-footer div.categorized-footer-category-0 .categorized-footer-headline,
div#categorized-footer div.categorized-footer-category-3 .categorized-footer-headline {
  margin-left: 17px;
}
**/

div#categorized-footer div.categorized-footer-category a, 
div#categorized-footer div.categorized-footer-category a:link,
div#categorized-footer div.categorized-footer-category a:active,
div#categorized-footer div.categorized-footer-category a:visited,
div#categorized-footer div.categorized-footer-category a:hover
{ 
  font-size: 12px;
}

/***********************
   news teaser
***********************/

div.teaser-newslist {
  width: 370px;
  margin-left: 15px;
}

div.teaser-newslist-entry {
  margin-top: 12px;
  padding-bottom: 4px;
  border-bottom: 1px solid #FF9900;
}

div.teaser-newslist p {
  margin-top: 5px;
  margin-bottom: 5px;
}

div.teaser-newslist-entry div.meta {
  padding: 2px;
  background-color: #E7E8EC;
}

div.teaser-newslist-entry span.date{
  font-size: 10px;
}


/***********************
   compound teaser
***********************/

div.teaser-compound {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
}

div.teaser-compound-first {
  margin-right: 15px;
}

div.teaser-compound-2 {
  width: 395px;
}