/***********************
	FILE
************************
Date:			02.04.2007 11:49				
Author:			Benjamin Stellmacher 			
				<benjamin.stellmacher@hellgrau.com>	
Description:	Contains definitions for all elements on the site
***********************/

/***********************
	STRUCTURE OVERVIEW
************************
1. Document
2. General Definitions
***********************/

/***********************
	DOCUMENT
***********************/

/* Global White Space Reset */
* {
	margin: 0;
	padding: 0;
}

html {}

body {
	margin: 0;
	padding: 0;

	color: #fff;
	text-align: center;

	background: #333 url(../images/now_bg_main.jpg) no-repeat;
	/* background: #333; */
}


div#main {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 730px;
	text-align: left;
}

div#left {
	position: relative;
	float: left;
	width: 500px;
}

div.brain {
	float: left;
	margin: 20px 0 0 10px;
}


/***********************
	GENERAL DEFINITIONS
***********************/

h1, h2,h3,p,div,span,a,form,label,input,select,textarea,ul,ol,li,dl,dt,dd {
	font-family: 'Trebuchet MS', Helvetica, Times New Roman, serif;
}

/* TEXT */

h1 { 
	margin: 0 0 20px 0;
	font-size: 13px; 
}

h2 { 
	margin: 0 0 20px 0;
	font-size: 13px; 
}

h3 { 
	margin: 0 0 10px 0;
	font-size: 13px; 
	font-weight: bold;
}

p { 
	margin: 0 0 20px 0;
	font-size: 13px; 
}

/* LIST */

ul,ol {
	margin: 0 0 10px 16px;
}

li {
	margin: 5px 0;
	font-size: 13px;
}

/* TABLES */

table {
	margin: 0 0 10px 0;
	caption-side: top;
}

table.full-width {
	width: 100%
}

th, td {
	margin: 0;
	padding: 3px;
	
	font-size: 13px;
}

th {
	color: #FFF;
	background-color: #666;
}



/* FORMS */

fieldset{ border: none; }

label {}

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

input.submit {
	font-size: 13px;
	text-transform: uppercase;
	
	border: none;
	background-color: transparent;
}

/* LINKS */

a img { border: none; }
p a { color: #ff4500; }


/* FORMATTING */

.bold { font-weight: bold; }
.underline { text-decoration: underline; }

.px12 { font-size: 12px; }

.red { color: #ff4500; }

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

.important {  }

/*
div.csc-frame-frame1 {
	left: -14px;
	top: -20px;
	width: 460px;
	background-color: #ebebeb;
	padding: 14px 14px 4px 14px;
	position: relative;
}
*/
 
/***********************
	HEADER
***********************/

div#header {
	float: left;
	margin: 20px 0 20px 0;
	margin: 20px 0 20px 0px;
	width: 215px;
	height: 62px;
}

div#header-image {
	width: 215px;
	height: 62px;
	background: transparent url(../images/now_header.png) no-repeat left top;
}


/***********************
	LANGUAGE MENU
***********************/

div#lang-nav {
	float: right;
	margin: 10px 30px 0 0;
	color: #666;
}

div#lang-nav a { 
	padding: 0 3px;
	font-weight: normal;
	color: #666; 
}

div#lang-nav a:visited { color: #666; }
div#lang-nav a:hover { color: #ccc; }
div#lang-nav a:active { color: #ccc; }

div#lang-nav div.NO a {}

div#lang-nav div.CUR a { text-decoration: underline; }

div#lang-nav div.CUR img { display: none; }

div#lang-nav div.SPC { 
	font-size: 14px;
	color: #666;
	vertical-align: bottom
}


/***********************
	CONTENT HEADER
***********************/

div#content-header {
	width: 500px;
	height: 281px;
	
	background: transparent url(../images/now_bg_cnt_hdr.gif) no-repeat;
}

div#content-header img {
	margin: 6px 6px 0 6px;
}

div#content-header embed {
	margin: 6px 6px 0 6px;
}


/***********************
	NAVIGATION
***********************/

ul#navigation {
	margin: 0 0 0 10px;
	padding: 10px 0 0 0;
	list-style: none;
}

ul#navigation li {
	display: inline;
	margin: 0;
}

ul#navigation a {
	position: relative;
	float: left;
	margin: 0 -15px 0 0;
	padding: 9px 0 0 25px;
	width: 105px;
	height: 31px;
	
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	vertical-align: middle;
	
	background: transparent url(../images/now_bg_nav_nrm.png) no-repeat left top;
}

ul#navigation[id] a {
	margin: 0 -17px 0 0;
	width: 78px;
	height: 22px;
}

ul#navigation li.first a 	{ z-index: 10; }
ul#navigation li.second a 	{ z-index: 8; }
ul#navigation li.third a 	{ z-index: 6; }
ul#navigation li.fourth a 	{ z-index: 4; }
ul#navigation li.last a 	{ z-index: 2; }

ul#navigation li a:hover { 
	color: #333;
	background-image: url(../images/now_bg_nav_act.png);
}

ul#navigation li.active a {
	color: #333;
	background-image: url(../images/now_bg_nav_act.png);
}


/***********************
	SUBNAVIGATION
***********************/

ul#subnav {
	position: absolute;
	top: 376px;
	right: 510px;
	float: left;
	margin: 0;
	padding: 0 10px;
	list-style: none;
}

ul#subnav li {
	width: 110px;
	margin: 0 0 10px 0;
	text-align: right;
}

ul#subnav a {
	padding: 0 2px 0 2px;
	color: #666;
	text-decoration: none;
}

ul#subnav[id] a {}

ul#subnav li a:hover {
	color: #999;
}

ul#subnav li.active a { 
	color: #ff4500;
}

/***********************
	BREADCRUMB NAV
***********************/

div#breadcrumb {
	
	margin: -15px 0 15px 0;
	padding: 0px;
	font-size: 12px;
}

div#breadcrumb a {
	margin: 0;
	color: #ff4500;
	text-decoration: underline;
}

/***********************
	CONTENT
***********************/

div#content {
	margin: 0 !important;
	padding: 27px 20px 20px 20px;
	width: 500px;
	height: 500px;
	
	font-family: Georgia, Helvetica, 'Times New Roman', serif;
	color: #333;
	
	background: #fff;
}

div#content[id] {
	width: 460px;
	height: auto;
	min-height: 500px;
}

div#content div.content-element-middle {
	padding: 0 0 20px 0;
	clear: both;
}

div#content h1 {
	margin: 0 10px 7px 0;
	padding: 7px 0 7px 0;
	font-size: 13px;
	line-height: 20px;
	
	border-bottom: 1px dotted #ccc;
}


div#content h1.csc-firstHeader {
	margin: 0 10px 7px 0;
	padding: 7px 0 7px 0;
	font-size: 18px;
	line-height: 22px;
	font-weight: normal;
	
	border-bottom: none;
}

div#content h1.site-title {
	margin: 0 10px 14px 0;
	font-size: 16px;
	color: #ff4500;
	border: none;
}

div#content h2 {
	margin: 0 0 10px 0;
}

div#content p {
	margin: 0;
	padding: 0 0 20px 0;
	line-height: 20px;
}

div#content p.csc-frame-frame1 {
	margin: 0 0 20px 0;
	padding: 10px;
	font-family: Georgia, Helvitica, serif;
	color: #777;
	text-align: center;
	background: #ebebeb;
}

div#content p a,
div#content dt a {
	margin: 0;
	padding: 0 0 0 12px;
	color: #ff4500;
	text-decoration: underline;
	
	background: transparent url(../images/pfeil.gif) no-repeat left center;
}

div#content img { margin: 0; }

div#content ul, div#content ol { margin: 0 0 10px 25px; }
div#content ul li, div#content ol li  { margin: 0 0 2px 0; line-height: 20px; }
div#content li a {
	padding: 0 0 0 6px;
	
	color: #46b8e9;
	text-decoration: none;
	
	background: transparent url(../images/pfeil.gif) no-repeat left center;
}

div#content table { margin: 0 0 10px 0px; }
div#content table tr td { color: #333; }
div#content table tr.tr-even td { background: #cfd7d7; border: none; }
div#content table tr.tr-odd td { background: #fff; border: none; }


/* IMAGES */
div#content div.csc-textpic { padding: 0 10px 0 0; }
div#content div.csc-textpic div.csc-textpic-imagewrap { padding: 0 0 0 0; }
div#content div.csc-textpic-text { margin: 0; padding: 0 0 0 20px; }

div#content div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap { padding: 12px 0 0 0; }

div#content div.csc-textpic a {
	padding:0px;
	margin:0px;
	background: none;

}

/***********************
	FOOTER
***********************/

div#footer {
	margin: 0;
	padding: 0 0 0 0;
	width: 500px;
	height: 425px;
	background: transparent url(../images/now_bg_cnt_ftr.png) no-repeat left bottom;
}

div#footer span.copy {
	float: left;
	margin: 25px 0 0 20px;
	font-size: 12px;
}

div#footer ul#service {
	float: left;
	margin: 22px 0 0 20px;
	list-style: none;
}

div#footer ul#service li {
	display: inline;
	margin: 0 20px 0 0;
	padding: 0;
}

div#footer ul#service li a {
	font-size: 12px;
	color: #fff;
	text-decoration: underline;
}

/***********************
	SEARCHBOX
***********************/

form#search {
	margin: 0 0 5px 0;
}

form#search div.formtext {
	position: relative; 
	right: 5px;
	bottom: 5px;
	float: left;
	width: 158px;
	height: 45px;
	
	background: transparent url(../images/now_bg_ftr_search_txt.png) no-repeat left center;
}

form#search input.text {
	margin: 17px 0 0 17px;
	font-size: 12px;
	vertical-align: middle;
	background: transparent;
}

form#search input.submit {
	position: relative;
	right: 5px;
	bottom: 6px;
	float: left;
	width: 43px;
	height: 46px;

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


/***********************
	FEATURES
***********************/

div.quicklink {
	position: relative;
	right: 5px;
	bottom: 5px;
		
	margin: 0 0 5px 0;
	padding: 15px 0 0 10px;
	width: 202px;
	height: 46px;
	
	font-size: 15px;
	color: #666;

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

div.quicklink[class] {
	width: 192px;
	height: 31px;
}

div.quicklink a {
	color: #666;
	text-decoration: none;
}

div.quicklink a div {
	position: absolute;
	left: 159px;
	bottom: 2px;
	
	width: 63px;
	height: 41px;
}

div.quicklink a div.chat { background: transparent url(../images/now_bg_ftr_chat_sub.png) no-repeat left center; }
div.quicklink a div.mail { background: transparent url(../images/now_bg_ftr_mail_sub.png) no-repeat left center; }
div.quicklink a div.tel { background: transparent url(../images/now_bg_ftr_tel_sub.png) no-repeat left center; }


/***********************
	NEWS
***********************/

div.teaser {
	position: relative;
	margin: 0 0 20px 0;
	padding: 0;
}

div.teaser div.head {
	width: 200px;
	height: 15px;
	background: transparent url(../images/now_bg_ftr_news_head.png) no-repeat;
}

div.teaser div.body {
	width: 182px;
	padding: 6px 6px 0 6px;
	
	color: #666;
	font-size: 12px;
	
	background: transparent url(../images/now_bg_ftr_news_body.png) repeat-y;
}

div.teaser div.body[class] {
	width: 182px;
	padding: 6px;
	
	color: #666;
	font-size: 12px;
	
	background: transparent url(../images/now_bg_ftr_news_body.png) repeat-y;
}

div.teaser div.body h2 {
	padding: 0 5px;
}

div.teaser div.body img {
	position: relative;
	bottom: 15px;
}

div.teaser div.body p {
	margin: 0;
	padding: 0 5px;
}

div.teaser div.foot {
	width: 200px;
	height: 38px;
	background: transparent url(../images/now_bg_ftr_news_foot.png) no-repeat;
}

div.teaser div.foot a {
	position: absolute;
	right: 20px;
	
	margin: 7px 0 0 0;
	padding: 8px 0 0 25px;
	width: 135px;
	height: 25px;
	
	font-size: 10px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	
	background: transparent url(../images/now_bg_ftr_news_link.png) no-repeat;
}

div.teaser div.foot[class] a {
	width: 110px;
	height: 17px;
}


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

div#right {
	position: relative;
	float: right;
	width: 214px;
}

div#right div#quicklinks {
	padding: 0 0 25px 0;
}
	
div#right div.content-element {
	position: relative;
	margin: 0 0 10px 0;
	padding: 0;
}

div#right div.content-element div.head {
	width: 200px;
	height: 15px;
	background: transparent url(../images/now_bg_ftr_news_head.png) no-repeat;
}

div#right div.content-element div.body {
	width: 182px;
	padding: 6px 6px 0 6px;
	
	color: #666;
	font-size: 12px;
	
	background: transparent url(../images/now_bg_ftr_news_body.png) repeat-y;
}

div#right div.content-element div.body[class] {
	width: 182px;
	padding: 6px;
	
	color: #666;
	font-size: 12px;
	
	background: transparent url(../images/now_bg_ftr_news_body.png) repeat-y;
}

div#right div.content-element div.body h1 {
	padding: 0 5px;
}

div#right div.content-element div.body img {
	position: relative;
	bottom: 15px;
}

div#right div.content-element div.body p {
	margin: 0;
	padding: 0 5px;
	font-size: 12px !important;
	line-height: 16px;
}

div#right div.content-element div.foot {
	width: 200px;
	height: 38px;
	background: transparent url(../images/now_bg_ftr_news_foot.png) no-repeat;
}

div#right div.content-element p a.internal-link-new-window {
	position: absolute;
	right: -5px;
	bottom: -2px;
	
	margin: 7px 0 0 0;
	padding: 8px 0 0 25px;
	width: 135px;
	height: 25px;
	
	font-size: 10px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: center;
	
	background: transparent url(../images/now_bg_ftr_news_link.png) no-repeat;
}

div#right div.content-element div.foot[class] a {
	width: 110px;
	height: 17px;
}

div#right div.csc-textpic { margin: 0; padding: 0; }
div#right div.csc-textpic div.csc-textpic-imagewrap { margin: 0; padding: 0; }
div#right div.csc-textpic-text { margin: 0; padding: 0; }