/* COMMON STYLE
red: #FB3525 
Orange: #F93325 #FB3525
grey: #333 #666 #ccc
grün: #214C33
--------------------------------------------------------- */
* { }

/*center, isindex, menu, dir, 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, img, ins, kbd, q, s, samp, small, strike, 
 strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th*/

html {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 14px;
	font-variant: inherit;
	vertical-align: baseline;
	color: #333;
}

td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 14px;
	font-variant: inherit;
	color: #333;
}

sub, sup { font-size: .7em!important; }

sub { vertical-align: bottom!important; }

sup { vertical-align: top!important; }

em { font-style: italic!important; }

strong { font-weight: bold; }

/* Remember to define focus styles! */
:focus { outline: 0px; }

body { line-height: 1.5; overflow-y: scroll; }

html{
	background: #fff url(/Styles/images/bg2.png) repeat-y center;
	font-family:'OfficinaSansITCW01-Book 734509', Candara, Arial, Helvetica, Verdana, sans-serif;
}

ol, ul { list-style: none; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; }

blockquote:before, blockquote:after, q:before, q:after { content: none; }

blockquote, q { quotes: none; }

ul, ol, dl { position: relative; }

body html { }

h1 a { display: block; width: 480px; height: 77px; }

h1 a span{ display: none; }

.clr {
	font-size: 0px;
	line-height: 0px;
	height: 0px;
	display: block;
	clear: both;
}

td{ vertical-align: top; }

h1{
	line-height:normal;
}

/*===== Debug-Panel =====*/
.debug{
	display: block;
	position: absolute;
	bottom: 10px;
	left: 10px;
	border: 1px solid #7c7c7c;
	background: white;
	cursor: pointer;
	z-index: 100;
}

.debug h3{
	font-size: 11px;
	background: #eeeeee! important;
	padding: 2px 5px;
	display: block;
	color: black;
	visibility: visible;
	margin: 0px;
}

.debug p{
	display: none;
	padding: 5px 10px;
	font-size: 11px;
	color: black;
}

.debug a{ font-size: 11px; }

.dbg{
	display: none;
	width: 430px;
	overflow: auto;
	color: #bfbfbf;
}

/*===== Layout =====*/
#wrapper {
	width: 1020px;
	display: block;
	margin: 0 auto;
	overflow: hidden;
	display: block;
}

#wrapinner {
	width: 940px;
	float: left;
	display: inline;
	margin: 40px;
	margin-bottom: 0px;
	padding-bottom: 40px;
	text-align: left;
}

#head {
	width: 940px;
	height: 120px;
	float: left;
	margin-bottom: 7px;
}

#logo {
	float: left;
	width: 480px;
	height: 77px;
	background: url(/Styles/images/fcg_logo.png) no-repeat;
	margin: -20px 0px 20px 0px;
}

#topmenu {
	height: 14px;
	width: 300px;
	float: right;
	text-align: left;
}

#mainnav, #subnav { float: left; width: 940px; }

#mainnav { background: #214C33; }

.teaserheader { width: 940px; float: left; margin-bottom: 40px; }

#pane { float: left; width: 940px; }

.container {
	width: 940px;
	float: left;
	background: url(/Styles/images/container_bg.png) repeat-y;
}

.container.norightteaser { background: none; }

.topteaser { width: 690üx; overflow: hidden; margin-bottom: 34px; }

.leftbox { width: 705px; float: left; }

.content { width: 705px; float: left; }

#contentpage { width: 672px; overflow: hidden; }

.rightbox { float: left; width: 234px; overflow: hidden; }

#flash, #flashc { float: left; display: inline; }

form.homepage .teaserheader {
	float: left;
	width: 940px;
	float: left;
	background: url(/Styles/images/frontpage_teaser_bg.png) repeat-y;
	margin-bottom: 30px;
}

form.homepage .teaserheader .tes {
	width: 201px;
	overflow: hidden;
	padding: 0px 17px;
	float: left;
}

form.homepage .teaserheader .tes p { font-size: 12px; color: #666; }

form.homepage .teaserheader .tes a { text-decoration: none; }

form.homepage .teaserheader .tes a:hover p{ color: #FB3525; }

.rightbox .tes {
	float: left;
	width: 219px;
	overflow: hidden;
	padding-top: 28px;
	margin: 0px 0px 24px 16px;
	display: inline;
	border-top: solid 1px #ccc;
}

	
.rightbox .tes.Item0 {
	border-top: none;
	padding-top: 0px;
	width: 205px;
	overflow: hidden;
}

.rightbox .tes.Item0 { border-top: none; padding-top: 0px; }

.rightbox .tes h3 { font-size: 17px; color: #333; font-style: italic; }

.rightbox .tes p { font-size: 12px; color: #666; }

.rightbox .tes a, .rightbox .tes a:link, .rightbox .tes a:visited, .rightbox .tes a:hover { text-decoration: none; }

.rightbox .tes a:hover p { color: #FB3525; }

	
	
#bottomteaser { width: 740px; float: left; }

#footer {
	float: left;
	width: 940px;
	height: 20px;
	display: block;
	background: #214C33;
	margin: 20px 0px 0px 0px;
}

#footertext {
	float: left;
	width: 940px;
	height: 20px;
	text-align: right;
}

#footertext ul { width: auto!important; float: right; padding-top: 5px; }

#footertext ul li { font-size: 11px; color: #666; text-align: left; }

a.addthis_button { float: left; margin-top: 5px; }

/*== Typo ==*/
.contentlist h1,
#contentpage h1 {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	xline-height: 36px;
	font-size: 30px;
	color: #7FBE00;
	xmargin-top: -4px;
	margin-bottom: 22px;
	letter-spacing: 1px;
}

form.ie .contentlist h1,
form.ie #contentpage h1 { margin-top: -10px; }

#contentpage h2 {
	font-size: 17px;
	color: #333;
	line-height: normal;
	font-weight: normal;
}

	
ul#links { margin: 20px 0px; }

.leftbox a, .leftbox a:link, .leftbox a:visited, 
a.link, a.link:link, a.link:visited { color: #FB3525; cursor: pointer; text-decoration: none; }

.leftbox a:hover, a.link:hover { text-decoration: underline; }

#contentpage a.printlink, #contentpage a.printlink:link, #contentpage a.printlink:visited, #contentpage a.printlink:hover {
	color: #000;
	font-size: 12px;
	text-decoration: none;
	padding: 3px 0px 0px 20px;
	background: url(/Styles/images/sprite_icon.png) 0px 0px no-repeat;
	cursor: pointer;
}

#contentpage a.sendlink, #contentpage a.sendlink:link,#contentpage a.sendlink:visited,#contentpage a.sendlink:hover {
	color: #000;
	font-size: 12px;
	text-decoration: none;
	padding: 3px 0px 0px 20px;
	background: url(/Styles/images/sprite_icon.png) 0px -18px no-repeat;
	cursor: pointer;
}

#contentpage a:hover, a.link:hover { text-decoration: underline; }

	
a.backlink {
	margin-bottom: 36px;
	float: left;
	width: 100%;
	display: block;
}

/* Images */
img.bild_links { float: left; margin: 20px 20px 36px 0px; }

/*== Form ==*/
span.missing{ font-weight: bold; color: orange !Important; }

.btnSend{
	display: block;
	width: 98px;
	height: 22px;
	background-image: url(/Images/btnSend.png);
	background-repeat: no-repeat;
}

table.reg td{ padding-right: 10px; padding-bottom: 5px; }

/*===== Top Nav =====*/
ul#TopNav {
	float: right;
	text-align: left;
	display: block;
	overflow: hidden;
}

ul#TopNav li {
	float: left;
	text-align: left;
	width: auto;
	display: inline;
	margin: 0px;
	margin-left: -1px;
	line-height: normal;
	border-left: solid 1px #ccc;
	font-size: 3px;
}

ul#TopNav li a	{
	color: #666;
	padding: 2px 5px 2px 4px;
	font-size: 11px;
	text-decoration: none;
}

		
ul#TopNav li a.sel, ul#TopNav li a:hover	{ color: #FB3525; }

		
ul#TopNav li a {
	color: #666;
	padding: 2px 5px 2px 4px;
	font-size: 11px;
	text-decoration: none;
}

ul#TopNav li.langen a {
	background: url("/Styles/images/UK.png") no-repeat scroll 0 0px transparent;
	padding: 2px 5px 2px 20px;
}

  
ul#TopNav li.langde a{
	background: url("/Styles/images/de.jpg") no-repeat scroll 0 0px transparent;
	padding: 2px 5px 2px 20px;
}

ul#TopNav li.langde a {
	background: url("/Styles/images/de.jpg") no-repeat scroll 0 0px transparent;
	padding: 2px 5px 2px 20px;
}




/*===== Main Nav =====*/
ul#mainnav{ 
	display: block; 
	overflow: hidden; 
	float: left;
	text-transform: uppercase;
}

ul#mainnav li{
	display: block;
	float: left;
	width: auto !important;
	height: 21px;
}
ul#mainnav li.hover{background-color:#fb3525;margin-left:-1px;}
ul#mainnav li.hover a{border-color:#fb3525;padding: 0px 20px 0px 21px; background-image: none;}

ul#mainnav li.sel{background-color:	#7fbe00;margin-left:-1px;}
ul#mainnav li.sel a{border-color:#214c33;padding: 0px 20px 0px 21px; background-image: none;}

ul#mainnav li a {
	float: left;
	display: block;
	color: white;
	padding: 0px 20px;
	margin: 2px 0px;
	text-decoration: none;
	font-size:14px;
	line-height:normal;
	background-image:url(/Images/navbg.png);
	background-repeat: no-repeat;
	background-position: right;
	letter-spacing: 1px;
}




/*===== SUB Nav =====*/
ul#subnav{
	display: block;
	overflow: hidden;
	float: left;
	margin: 7px 0px 20px 0px;
	text-transform: uppercase;

}

ul#subnav{
	display: block;
	overflow: hidden;
	float: left;
}

ul#subnav li{
	display: block; 
	float: left; 
	width: auto!important;
}

ul#subnav li a {
	float: left;
	position: relative;
	display: block;
	height: 20px;
	text-decoration: none;
	color:#214c33;
	font-size:14px;
	padding: 0 0 0 20px;
	letter-spacing: 1px;
}
ul#subnav li.hover a{color:#fb3525;}
ul#subnav li a.sel{color:#7fbe00;}





.homepage .BannerItem { border-bottom: solid 30px #fff; float: left; }

/*===== Footer =====*/
#Footer{
	display: block;
	border-top: 1px solid #ccc;
	margin: 50px 40px 10px 120px;
	padding-top: 0.5em;
}

#Footer li{ float: right; margin-left: 20px; min-width: 1px; }

#Footer div.footer{ float: left; }

form.homepage .container { display: none; }

/* mce Stuff */
body#tinymce.mceContentBody {
	background: #fff!important;
	background-image: none!important;
	height: 100%;
}

	
	/* Listpage */
.pager {
	border: solid 1px #ccc;
	border-left: none;
	border-right: none;
	display: block;
	width: 690px;
	text-align: center;
	padding: 6px 0px;
	margin: 0px 0px 33px 0px;
	overflow: hidden;
	clear: both;
}

.pager .page { display: inline; margin: 0px 12px 0px 0px; }
	
.pager span a {
	background: #214C33;
	padding: 1px 9px;
	font-size: 12px;
	color: #fff!important;
}

.pager span a.prev,
.pager span a.next { background: none; color: #FB3525!important; }

.pager span span {
	background: #7FBE00;
	padding: 1px 9px;
	font-size: 12px;
	color: #fff;
}

.contentlist ul li {
	display: block;
	width: 690px;
	float: left;
	margin-bottom: 33px;
}

.contentlist ul li h3 { font-size: 14px; }

.contentlist ul li h4 { font-size: 18px; color: #7FBE00; }

	
/* Sitemap */
.smblock {
	border-bottom: solid 1px #ccc;
	border-bottom: 16px;
	margin-bottom: 16px;
	float: left;
	display: block;
	width: 306px;
}

ul.level0 { margin: 0px; padding: 0px; }

ul.level0 li {
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	color: #7FBE00;
}

ul.level0  ul { margin: 0px 0px 0px 10px; padding: 0px; }

	
ul.level0 li ul li {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	font-size: 12px;
	color: #000;
}

	
/*====================================================================================== 
print css area starts now 
======================================================================================*/
.backlinks{
	display: block;
	clear: both;
	margin-bottom: 20px;
	overflow: hidden;
}
	
a.backlink{
	display: table-cell;
	width: auto;
	margin-right: 30px;
	margin-bottom: 0;
}

ul.liste li{ display: block; clear: both; }

ul.liste .imag{ display: block; float: left; margin: 0 20px 0 0; }

ul.liste div.item{ display: table-cell; }

ul.liste h3{ font-weight: bold; }

div.content span.subline{
	display: block;
	clear: both;
	font-weight: bold;
	margin-bottom: 30px;
}


/*===== Projekte =====*/
form.pl .leftbox,
form.pl .leftbox .content,
form.pl .leftbox .content .flashpage{ width: auto !important; }

form.pl .teaserheader{ display: none; }

/*===== ProjectHome =====*/
form.ph .teaserheader{ display: none; }

#projectnav{ display: block; position: relative; }

#projectnav h1{
	color: #7FBE00;
	font-size: 30px;
	line-height: normal;
	margin: 0;
	padding: 0;
	width: 100%;
}

#projectnav .psub{
	position: absolute;
	right: 0px;
	top: 50px;
	display: block;
}

#projectnav .psub a{
	text-decoration: none;
	color: #214c33;
	margin-left: 20px;
	text-transform: uppercase;
}

#projectnav .psub a.sel{ color: #7fbe00; }

.facts{
	display: block;
	background-color: #34B4E4;
	padding: 30px 0 30px 20px;
	margin: 40px 0;
	xfont-weight: bold;
	overflow: hidden;
}

.facts div{
	display:block;
	clear:both;
	xfont-weight: bold;
}
.facts label{
	display:block;
	float:left;
	width:100px;
}
.facts p{
	display:block;
	float:left;
	color:white;
}
.facts .c1,.facts .c2{
	padding-right:20px;
}
.facts .c1 p{width:230px;}
.facts .c2 p{width:70px;}
.facts .c3 p{width:260px;}


/*
.facts th,.facts td{ font-weight: bold; }

.facts th{ padding-right: 1em; }

.facts td{ color: white; }

.facts .row{ display: block; float: left; }

.facts .row1{ width: 380px; }

.facts .row2{ width: 180px; }

.facts .row3{ width: 200px; }

.facts .row4{ width: 120px; }

.facts .row strong{
	display: block;
	color: white;
	font-size: 2em;
	font-weight: normal;
	margin: -10px 0 0 0;
}
*/






form.ph .container{ background-image: none; }

form.ph .rightbox .tes{ border-width: 0px; }




.psub ul li{
	display: block; 
	float: left; 
	width: auto!important;
}

.psub li a {
	float: left;
	position: relative;
	display: block;
	height: 20px;
}