/*********************************************
Reset
*********************************************/

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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

html,body {
	height: 100%;
}

body {
	line-height: 1;
}

ul {
	list-style: none;
}

form {
	display: inline;
}

/*********************************************
Settings
*********************************************/

body {
	background: #000 url(/img/frame/body.jpg) fixed top center no-repeat;
	color: #000;
	font-size: 0.625em;
	line-height: 1.5em;
	font-family: "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif
}

input, select, textarea {
	font-family: Arial, Tahoma, Helvetica, sans-serif;
}

strong {
	font-weight: 700;
}

a {
	color: blue;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.cl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.lir {
	margin-right: 0 !important;
}

.last {
	margin-bottom: 0 !important;
}

/*********************************************
Frame
*********************************************/

#head,
#content,
#foot {
	margin: 0 auto;
	position: relative;
	width: 838px;
}

#head {
	height: 104px;
	margin-bottom: 10px;
}

#head h1 a {
	background: url(/img/frame/cf_logo.jpg);
	bottom: 0;
	display: block;
	height: 91px;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-indent: -9999em;
	width: 308px;
}

#foot {
	clear: left;
	color: #fff;
	font-size: 1.1em;
	height: 40px;
	text-align: center;
}

#foot a {
	color: #fff;
	text-decoration: underline;
}

#foot a:hover {
	color: #aaa;
}

#content {
	background: url(/img/frame/box.png) top right no-repeat;
	margin-bottom: 1em;
	padding-top: 14px;
	width: 846px;
}

#box {
	background: url(/img/frame/box.png) bottom left no-repeat;
	padding: 16px 30px 30px;
}

.transparent {
	background: none !important;
}

.transparent #box {
	background: none !important;
}

/*********************************************
Nav
*********************************************/

#nav {
	bottom: 5px;
	display: block;
	left: 10px;
	letter-spacing: -0.02em;
	position: absolute;
}

#nav li {
	display: block;
	float: left;
	margin-right: 2.2em;
}

#nav a {
	color: #858484;
	font-size: 1.4em;
	text-decoration: none;
}

#nav a:hover,
#nav .active a {
	color: #fff;
}

#nav .languages {
	font-size: 0.67em;
	left: 0;
	position: absolute;
	text-transform: uppercase;
	top: -50px;
}

#nav .languages a {
	display: block;
	float: left;
	margin-right: 0.8em;
}

#nav .languages a.de {
	border-right: 1px dotted #555;
	padding-right: 0.8em;
}

#nav .languages .active {
	color: #fff;
	text-decoration: none;
}

/*********************************************
Themes
*********************************************/

#themes {
	background: url(/img/frame/slide.png) top right no-repeat;
	height: 345px;
	margin-bottom: 2.15em;
	position: relative;	
}

#themes h2.title {
	clear: left;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 1.3em;
	padding-right: 5px;
	width: 246px;
}

#themes h2.title strong {
	display: block;
	font-size: 1.3em;
	font-weight: 700;
	letter-spacing: -0.03em;
	margin-bottom: 0.3em;
	padding: 0.28em 0.28em 0.28em 0;
	text-transform: uppercase;
}

#themes h2.title span {
	display: block;
	font-size: 0.87em;
	margin-bottom: 9px;
	padding: 9px 9px 0;
	text-decoration: none;
}

#themes h2.hover {
	color: #8d4292;
}

#themes h2.active {
	background: url(/img/frame/tab.gif) bottom left;
	color: #fff;
	cursor: default;
}

#themes h2.active span {
	background: url(/img/frame/tab.gif) top left;
}

#themes .slide {
	display: none;
	height: 329px;
	overflow: hidden;
	padding: 8px;
	position: absolute;
	right: 0;
	top: 0;
	width: 524px;
}

#themes div.active {
	display: block;
}

#themes .slide img {
	display: block;
	float: left;
}

/*********************************************
Newsfeed
*********************************************/

#newsfeed {
	clear: left;
	display: block;
	height: 29px;
	line-height: 29px;
	margin-bottom: 2.2em;
	width: 786px;
}

#newsfeed li {
	display: block;
	float: left;
}

#newsfeed .title {
	background: url(/img/frame/rss.png) bottom left;
	clear: left;
	color: #fff;
	font-size: 1.2em;
	text-align: center;
	width: 143px;
}

#newsfeed .news {
	background: url(/img/frame/rss.png) bottom right;
	color: #fff;
	height: 29px;
	overflow: hidden;
	position: relative;
	width: 643px;
}

#newsfeed .news a.entry {
	color: #fff;
	display: block;
	float: left;
	font-size: 1.2em;
	height: 29px;
	overflow: hidden;
	padding-left: 12px;
	width: 536px;
}

#newsfeed a.rss {
	color: #fff;
	display: block;
	font-size: 1.2em;
	font-weight: 700;
	padding-left: 29px;
	position: absolute;
	right: 0;
	top: 0;
	width: 65px;
}

/*********************************************
Boxrow
*********************************************/

.boxrow {
	clear: left;
}

.boxrow li {
	background: #999;
	color: #fff;
	display: block;
	float: left;
	font-size: 1.2em;
	height: 125px;
	margin-right: 11px;
	width: 188px;
}

/*********************************************
Spalten
*********************************************/

.lcol {
	float: left;
	font-size: 1.2em;
	margin-right: 25px;
	width: 185px;
}

.rcol {
	float: right;
	font-size: 1.3em;
	line-height: 1.5em;
	width: 576px;
}

.fcol {
	font-size: 1.3em;
	line-height: 1.5em;
}

.lcol p,
.rcol p,
.fcol p {
	margin-bottom: 1em;
}

.lcol h2,
.fcol h2,
.rcol h2 {
	font-size: 1.8em;
	letter-spacing: -0.04em;
	line-height: 1.2em;
	margin-bottom: 1em;
}

.lcol h2 {
	font-size: 1.2em;
	letter-spacing: 0;
	padding-top: 0.65em;
}

.transparent .fcol h2 {
	color: #edd16e;
}

.transparent .fcol {
	color: #fff;
}

/*********************************************
Press
*********************************************/

.newslist li {
	display: block;
}

.newslist .entry {
	border-bottom: 1px dotted #bbb;
	margin-bottom: 1em;
	padding-bottom: 1em;
}

.newslist .last {
	border: none;
	margin-bottom: 0;
	padding: 0;
}

.newslist .date {
	background: #bbb;
	color: #333;
	float: left;
	font-size: 0.79em;
	font-weight: 700;
	letter-spacing: 0.05em;
	margin-right: 20px;
	text-align: center;
	width: 85px;
}

.newslist .title {
	float: left;
	font-weight: 700;
	line-height: 1.3em;
	width: 471px;
}

.newslist .title a {
	display: block;
	color: #888;
}

.newslist .title a:hover {
	color: #8d4292;
	text-decoration: none;
}

.newslist .first a { color: #000; }
.newslist .second a { color: #444; }
.newslist .third a { color: #666; }

.newslist .first .date { background: #000; color: #fff; }
.newslist .second .date { background: #555; color: #fff; }
.newslist .third .date { background: #777; color: #fff; }

#newsenlarge,
#newsall {
	padding-top: 1em;
	text-align: right;
}

#newsenlarge a,
#newsall a {
	color: #8d4292;
	font-weight: 700;
}

#more_news {
	border-top: 1px dotted #bbb;
	margin-top: 1em;
	padding-top: 1em;
}

/*********************************************
Vcard (Press)
*********************************************/

.vcard .name {
	font-weight: 700;
	padding: 0.5em 0;
}

.vcard .company {
	color: #d94e01;	
	font-weight: 700;
	padding-bottom: 0.2em;
} 

.vcard .job {
	color: #999;
	font-size: 0.9em;
	letter-spacing: -0.03em;
	margin-bottom: 0.9em;
}

.vcard .street {
	font-size: 0.9em;
}

.vcard .postalcode {
	font-size: 0.9em;
	margin-bottom: 0.9em;
}

.vcard .phone {
	font-size: 0.9em;
}

.vcard .general {
	font-size: 0.9em;
}

.vcard .fax {
	font-size: 0.9em;
}

.vcard .phone span,
.vcard .general span,
.vcard .fax span {
	display: block;
	float: left;
	font-weight: 700;
	width: 25px;
}

/*********************************************
Adresse (Kontakt)
*********************************************/

.address .company {
	color: #d94e01;
	font-weight: 700;
	padding: 0.5em 0;
}

.address .street {
	font-size: 0.9em;
}

.address .postalcode {
	font-size: 0.9em;
	margin-bottom: 0.9em;
}

.address .email {
	font-size: 0.9em;
}

.address .phone {
	font-size: 0.9em;
}

.address .general {
	font-size: 0.9em;
}

.address .email span,
.address .general span,
.address .phone span {
	display: block;
	float: left;
	font-weight: 700;
	width: 50px;
}

.address .email a {
	color: #8d4292;
}

/*********************************************
Kontaktformular
*********************************************/

fieldset.contact legend {
	display: none;
}

fieldset.contact .input input,
fieldset.contact .input textarea {
	font-size: 14px;
	padding: 1px;
	width: 50%;
}

fieldset.contact .input textarea {
	height: 105px;
	width: 97%;
}

fieldset.contact .submit input {
	font-size: 1em;
}

fieldset.contact .row {
	margin-bottom: 1em;
}

fieldset.contact label {
	color: #999;
	display: block;
	padding-bottom: 0.1em;
}

fieldset.contact label span {
	color: #000;
	font-size: 1.2em;
	font-weight: 700;
}

/*********************************************
Kontaktformular
*********************************************/

.logos img {
	display: block;
	float: left;
}