/***********************
	file
************************
date:					24.06.2008 15:59
author:				benjamin stellmacher
							<benjamin.stellmacher@hellgrau.com>
description:	contains the standard elements present on every site (i.e. navigation)
***********************/

/***********************
	structure overview
************************
1. document
2. navigation
3. logo
4. top buttons
5. content
***********************/

iframe {
	border: none;
	width: 600px;
	height: 420px;
}


/***********************
	document
***********************/

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #ffffff;
}

div#main {
	margin: 0 auto;
	width: 805px;
	text-align: left;
}

div#popup {
	padding: 10px;
	margin: 10px 10px 0 0;
	width: 880px;
	text-align: left;
}


/***********************
	general definitions
***********************/

h1,h2,h3,p,div,span,a,form,label,input,select,textarea,ul,ol,li {
	font-family: arial, verdana, sans-serif;
}

/* text */

h1 {
	font-size: 20px;
	font-weight: bold;
	color: #000;
	line-height: 26px;
}

h2 {
	font-size: 12px;
	font-weight: bold;
	color: #f90;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	color: #9c9d9f;
}

p {
	font-size: 12px;
	color: #62696e;
	line-height: 14px;
}

/* list */

ul {
	/* list-style: none; */
	margin-left: 10px;
	padding-left: 10px;
}

li { font-size: 12px; }

/* forms */

fieldset { border: none; }

label {	font-size: 12px; }

input,textarea,select {
	font-size: 12px;
	color: #62696e;

	border: 1px solid #f90;
}

input.checkbox { border: none; }

input.submit,
input.clear {
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	border: none;
	background-color: transparent;
}

/* links */

a {
	color: #f90;
	text-decoration: underline;
}

a img { border: none; }

a.mail { color: #f90; }

a.orange { color: #f90; }

a.flash_error { color: #f90; }

a.inline {
	margin: 0 !important;
	padding: 0;
	background-image: none;
}

a.cta {
	float: right;
	display: block;
	padding: 8px 0 0 30px;
	width: 115px;
	height: 23px;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	background: transparent url(../images/znx_btn_cta_grey_140.gif) no-repeat left center;
}

/* formatting */

.bold { font-weight: bold; }
.underline { text-decoration: underline; }
.notice { font-weight: bold; color: #f00; }

.pre { white-space: pre; }
.no-indent { text-indent: 0px; }
.no-break { white-space: nowrap; }

.clear { clear: both; }
.inline { display: inline; }
.hidden { display: none; }

.orange { color: #f90; }


/***********************
	navigation
***********************/

div#nav {
	width: 805px;
}

div#nav-seperator {
	float: right;
	margin: 9px 0 0 0;
	width: 1px;
	height: 30px;

	border-left: 1px solid #848b8f;
}

/* meta navigation */

ul#nav-meta {
	float: left;
	margin: 5px 0 0 0;
	padding-left: 0px;
}

ul#nav-meta li {
	display: inline;

	font-family: arial, verdana, sans-serif;
	font-size: 16px;
	color: #62696e;
	text-decoration: none;
	vertical-align: middle;
}

ul#nav-meta li a {
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	color: #62696e;
	text-decoration: none;
	text-transform: uppercase;
}

ul#nav-meta li a.active {
	font-weight: bold;
}

ul#nav-meta li a:visited { color: #62696e; }
ul#nav-meta li a:hover { color: #202529; }
ul#nav-meta li a:active { color: #202529; }

/* language selection */

form#nav-lang {
	float: right;
	margin: 5px 10px 0 0;
	width: 102px;
}

form#nav-lang select {
	width: 102px;

	font-family: arial, verdana, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;

	border: 1px solid #62696e;
}

/* login */

div#nav-reg-cont {
	float: right;
	margin: 6px 0 0 0;
	width: 222px;
	height: 40px;
}

form#nav-reg {
	margin: 0 0 0 5px;
}

form#nav-reg input.email {
	width: 100px;
	height: 14px;

	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	vertical-align: middle;

	border: 1px solid #848b8f;
}

form#nav-reg input.password {
	width: 50px;
	height: 14px;

	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	vertical-align: middle;

	border: 1px solid #848b8f;
}

form#nav-reg input.submit {
	width: 50px;

	background-image: url(../images/znx_btn_form_50.gif);
}

div#nav-reg-functions {
	margin: 0 0 0 5px;
}

div#nav-reg-functions a {
	margin: 0 5px 0 0;
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	color: #62696e;
	text-decoration: underline;
}

div#nav-reg-functions a:visited { color: #62696e; }
div#nav-reg-functions a:hover { color: #62696e; }
div#nav-reg-functions a:active { color: #62696e; }


/***********************
	logo
***********************/

img#logo {
	clear: both;
	float: left;
}

a img#logo {
	border: none;
}


/***********************
	top buttons
***********************/

div#top_buttons {
	float: right;
	margin: 31px 0 0 0;
	/* width: 627px; */
	height: 26px;
}

div#top_buttons span,
div#top_buttons a {
	float: left;
	display: block;
	padding: 5px 4px;
	/*width: 152px;*/
	width: 142px;
	height: 16px;
	font-family: arial, verdana, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	vertical-align: bottom;
	border-right: 1px solid #aaa;
	background: transparent url(../images/znx_btn_top.gif) no-repeat center top;
}

div#top_buttons a.left,
div#top_buttons span.left {
	background-position: left top;
}

div#top_buttons a.right,
div#top_buttons span.right { background-position: right top; border: none; }

div#top_buttons a.button.active,
div#top_buttons a.button.empty.active,
div#top_buttons a.button:hover {
	color: #fff;
	background-image: url(../images/znx_btn_top_act.gif);
}

div#top_buttons a.button.empty {
	background-image: url(../images/znx_btn_top_empty.gif);
}

/***********************
	content
***********************/

div#content-seperator {
	margin: 0;
	padding: 1px 0;
	clear: both;

	background-color: #ff9900;
}

div#content {
	float: left;
	padding: 0 0 20px 0;
	width: 805px;
}

/* header */

div#content div#header {
 margin: 5px 0 0 0;
 width: 805px;
 height: 231px;
}

div#content div.financial { background: url(../images/visual_finance.jpg) center center; }
div#content div.retail  { background: url(../images/visual_retail.jpg) center center; }
div#content div.times   { background: url(../images/visual_times.jpg)  center center; }
div#content div.travel  { background: url(../images/visual_travel.jpg) center center; }

div#content div#header h1 {
	margin: 0 0 0 425px;
	padding: 20px 0 0 0;
}

div#content div#header p {
	margin: 12px 0 0 425px;
	color: #000;
}

/* left content */

div#content div#content-left {
	float: left;
	margin: 12px 12px 0 0;
	width: 608px;
	/* border-right: 1px solid #9c9d9f; */
}

/* right content */

div#content div#content-right {
	float: left;
	margin: 12px 0 0 0;
	width: 185px;
}
/***********************
	NEWS
***********************/

div#content-right p a {
	font-weight: bold;
        color: #62696e;
}
div#content-right p a:hover {
	font-weight: bold;
        color: #202529;
}
/***********************
	FOOTER
***********************/

div#footer {
	border-top: 1px solid #ccc;
	padding-top: 5px;
	margin-bottom: 30px;
	text-align: center;
}

div#footer p a {
	font-size: 11px;
	color: #62696E;
	text-decoration: none;
}

div#footer p a:visited { color: #62696E; }
div#footer p a:hover { color: #202529; }
div#footer p a:active { color: #202529; }

/* formats */

div#content h2.subheader {
	margin: 12px 0 2px 0;
	padding: 0 0 0 12px;
	text-transform: uppercase;
}

div#content-right h2.subheader {
	padding: 0 0 3px 6px;
	width: 180px;
	border-bottom: 1px solid #9c9d9f;
}

div#content p {
	margin: 0 0 12px 0;
}


/***********************
	forms
***********************/

/* video */

form#video { margin: 0 0 0 0; }

form#video fieldset {}

form#video label { float: left; }

form#video select {
	width: 377px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
}

form#video input.submit {
	float: right;
	padding: 0 0 2px 18px;
	width: 157px;
	height: 23px;
	background: transparent url(../images/znx_btn_cta_grey.gif) no-repeat left center;
}

/* analyser */

form#analyser {}

form#analyser fieldset {}

form#analyser div.imagewrap {
	float: left;
	position: relative;
	margin: 0 6px 6px 0px;
	width: 107px;
	height: 81px;
}

form#analyser div.imagewrap label {
	margin: 0 0 0 6px;
}

form#analyser div.imagewrap div.imagecontainer  {
	width: 105px;
	height: 50px;
	margin: 0;
	padding: 0;
	background: #fff;
	border: 1px solid #ccc;
	overflow: hidden;
	vertical-align: middle;
	text-align: center;
}

form#analyser div.imagewrap div.imagecontainer img {
	margin: 0;
	width: 100px;
	height: 50px;
}

form#analyser input.checkbox {
	float: left;
	margin: 1px 0 0 0;
}

form#analyser label {
	float: left;
	color: #888;
}

form#analyser input.submit {
	float: right;
	margin: 0 28px 0 0;
	padding: 0 0 4px 18px;
	width: 138px;
	height: 23px;
	background: transparent url(../images/znx_btn_cta_grey_140.gif) no-repeat left center;
}

/* vote */

form#vote {
	margin: 0 0 12px 0;
}

form#vote fieldset {}

form#vote label { float: left; }

form#vote select {
	width: 200px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
}

form#vote input.submit {
	float: right;
	padding: 0 0 4px 18px;
	width: 157px;
	height: 23px;
	background: transparent url(../images/znx_btn_cta_grey.gif) no-repeat left center;
}

p.vote-result-program {
	margin: 0 0 6px 0 !important;
	font-weight: bold;
}

div.vote-line-bg {
	margin: 0 0 9px 0;
	height: 6px;
	font-size: 6px;
	line-height: 14px;
	background: #ccc;
}

div.vote-line {
	height: 6px;
	font-size: 6px;
	line-height: 14px;
	background: #f90;
}

p.vote-result-percentage {
	margin: 0 0 0 4px;
	float: left;
}


/***********************
	tables
***********************/

table#comparison {
	border-bottom: 1px solid #ccc;
}

table#comparison tr.row2 { background-color: #efefef; }

table#comparison th {
	padding: 2px 4px;
	width: 150px;
	height: 36px;
	font-size: 12px;
	color: #fff;
	vertical-align: middle;
	border-left: 1px solid #fff;
	background: #f90 url(../images/znx_btn_top_act.gif) no-repeat center top;
}

table#comparison th.left { background-position: left top; }
table#comparison th.right { background-position: right top; }

table#comparison td {
	padding: 2px 4px;
	width: 150px;
	vertical-align: top;
	font-size: 12px;
	border-left: 1px solid #fff;
}

table#comparison td.image {}

table#comparison td a.cta {
	 background: transparent url(../images/znx_btn_cta_wht_140.gif) no-repeat left center;
}