@charset "utf-8";
/* CSS Document */

* { /* Mit Universalselektor die Polsterungseigenschaften aller (Block-)Elemente auf null setzen */
  margin: 0;
  padding: 0;
}

body#space {
  background-color: #5C5C5C;
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  font-size-adjust:none;
  font-stretch:normal;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  line-height:17px;
  text-align: center; /* Für IE 5.01 & 5.5, um die Box #wrapper horizontal zu zentrieren */
}

div {
  text-align: left; /* text-align:center wieder aufheben, damit DIV-Inhalte linksbündig ausgerichtet sind */
}

html, body {
  height: 100%; /* Anzeigebereich in der Vertikalen auf 100% strecken */
}

/* DIV-Boxen */

div#wrapper {
  position: relative;
  margin: 0 auto;
  width: 760px;
  min-height: 100%; /* Mindesthöhe in modernen Browsern */
  height: auto !important; /* !important-Regel für moderne Browser */
  height: 100%; /* Mindesthöhe in IE (<7) */
  background-color: #A3D900;
  background-image: url(../wrapper_bg.gif);
  background-repeat: repeat-y;
}

div#header {
  height: 16px;
  background-color: #A3D900;
  text-align: right;
}

div#leftCol {
  width: 180px;
  float: left;
  padding: 0;
  margin: 0;
}

div#rightCol {
  width: 60px;
  float: right;
  padding: 0;
  margin: 0;
  background-image: url(common/wiese_rechts.jpg);
  background-position: top right;
  background-repeat: no-repeat;
}

div#centerCol {
  margin: 0 60px 0 180px;
  padding: 0;
  position: relative;
  background-color: #99CC00;
  min-height: 100%; /* Mindesthöhe in modernen Browsern */
  height: auto !important; /* !important-Regel für moderne Browser */
  height: 100%; /* Mindesthöhe in IE (<7) */
}
#wrapper #centerCol #main {
  background-color: #fff;
  display: inline-block;
  min-height: 330px;
}

#main .headerpict {
 float: left;
 margin: 0;
 padding: 0;
}

#flashteaser {
  height: 330px;
}
/* Vom IE mac 5.x verstecken. Fix für den Windows IE 3px-Text-Gap-Bug \*/

* html body div#leftCol {
	margin-right: -3px;
}
* html body div#rightCol {
	margin-left: -3px;
}
* html div#centerCol {
	display: inline-block;
	margin: 0 57px 0 177px;
}
/* Ende von IE5/mac verstecken*/


div#footer {
  bottom: 0;
  height: 1%;
  background: #99CC00;
  text-align: right;
  display: block;
  min-height: 100%;
}
#wrapper #centerCol #footer img {
 text-align: right;
}

/* clearfix zum Aufheben der Floatumgebung */

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

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearer {display: block;}
/* End hide from IE-mac */


.empty {
 display: none;
 background-color: #99CC00;
} 

/*************************/
/* Haupt-Navigation      */
/*************************/

#wrapper #leftCol ul {
  color: #333333;
  height: 165px;
  width: 180px;
  list-style-type: none;
  text-indent: 10px;
  background-color: #333333;
  margin: 0;
  padding: 8px 0 0 0;
}
#wrapper #leftCol ul li {
 margin: 3px 0;
 padding: 0;
 height: 20px;
}
#wrapper #leftCol ul li a {
  color: #C6C6C6;
  text-decoration: none;
  display: block;
  line-height: 20px;
  font-weight: bold;
  font-size: 13px;
}
#wrapper #leftCol ul li.act a{
 color: #FF8025;
}

#wrapper #leftCol ul li.act a:hover {
 color: #FF8025;
}
#wrapper #leftCol ul li a:hover {
  color: #fff;
}

/*************************/
/* Standard Formate      */
/*************************/

BODY, H1, H2, H3, H4, H5, H6, TD, TH, DIV, PRE, CODE, SPAN, P, OL, UL, DL, DT, DD, LI, BLOCKQUOTE, FONT {
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 17px;
}

b {
	font-weight: bold;
}

a {
	text-decoration: none;
	color: #8E8E8E;
}

a:link {
	text-decoration: none;
	color: #8E8E8E;
}

a:visited {
	text-decoration: none;
	color: #111;
}

a:hover {
	color: #286400;
	text-decoration: none;
}

/* text groessen */
h1{
	margin: 20px;
	line-height: 22px;
	font-size: 20px;
}

h2, p.description {
	margin: 20px 0 10px 20px;
	line-height: 16px;
	font-size: 14px;
	font-weight: bold;
	color: #A32020;
}
h3 {
	margin: 10px 0 20px 20px;
	line-height: 14px;
	font-size: 12px;
	font-weight: bold;
	color: #111;
} 
p {
	margin: 15px 20px 5px 20px;
}
p strong {
 margin: 18px 0px 10px 0px;
 line-height: 14px;
 font-size: 12px;
 font-weight: bold;
 display: inline-block;
}

.subline {
	margin: 4px 0px 10px 0px;
	line-height: 12px;
	font-size: 12px;
}

.red {
	margin: 8px 0px 2px 0px;
	line-height: 14px;
	font-size: 14px;
	font-weight: bold;
	color: #A32020;
}
.emphasis {
  background-color: #e8e8e8;
  color: #111;
  padding: 3px 10px;
  margin: 0 20px 0 20px;
  border-top: 1px solid #fff;
}

#main ul, ul {
 text-decoration: none;
 display: block;
 margin: 20px 20px 20px 35px;
 padding: 0;
}
#main ul li {
 margin: 0;
 padding: 0;
 list-style: square;
}
#main ul#index {
 display: table;
 margin: 10px 0 20px 20px!important;
 padding: 0;
}
#main ul#index li {
 width: 230px;
 float: left;
 list-style: none;
 display: block;
 margin: 0 0 20px 0;
}
#main ul#index li a {
 color: #8e8e8e;
}

#main ul#index li a:hover {
 color: #286400;
}
#main ul#index li a span.heading {
 margin: 8px 5px 2px 0px;
 line-height: 14px;
 font-size: 14px;
 font-weight: bold;
 color: #A32020;
}

/*************************/
/* Site Links            */
/*************************/

#wrapper #leftCol a.imprint {
 display: block;
 font: 12px/12px Arial, Helvetica, sans-serif;
 text-decoration: none;
 color: #6B861A;
 position: absolute;
 bottom: 0px;
 margin: 0 0 10px 10px;
 width: 100px;
}
#wrapper #leftCol a.imprint:hover {
 color: white;
}
#main a.more {
 display: block;
 color: #8e8e8e;
 padding: 10px 0 15px 20px;
}
#main a.more:hover {
 color: #286400;
}
#main a.look {
 display: block;
 width: 480px;
 color: #8e8e8e;
 margin: 0px 0 5px 20px;
}
#main a.look:hover {
 color: #286400;
}
#main a.highlight {
 display: block;
 color: #8e8e8e;
 padding: 5px 0;
}
#main a.more:highlight {
 color: #286400;
}
#beispiele {
 margin: 0 0 20px 20px;
}
#beispiele a.look, #beispiele a.look {
 margin: 0 0 5px 0!important;
 float: left!important;
 clear: none;
 width: 48%;
}
* html #beispiele {
	margin-right: -3px;
}
.stdnl {
 margin: 0 0 5px 20px!important;
 clear: none;
 width: 100%;
 display: block;
}

.std {
 color: #000;
}
.std:hover {
 color: #000;
}
#sort a {
 color: #333;
}
#sort a:hover {
 color: #286400;
}
#sort a.act {
 color: #333;
 font-weight: bold;
}
a.preview {
}
#lang {
 text-align: right;
 color: #396400;
 margin-right: 60px;
}
#lang a:link, #lang a:visited {
 color: #000;
 font-weight: bold;
}
#lang a:hover {
 color: #396400;
 font-weight: bold;
}
#lang a.now {
 font-weight: normal;
}


/*************************/
/* REFERENZEN            */
/*************************/
.referenzen {
	display: block;
	padding: 20px 0;
	text-align: center
}
.referenzen a.ref {
	border: 0;
	text-align: center;
}
.referenzen a.ref img {
	margin: 20px;
}

/*************************/
/* Projekte              */
/*************************/
.project-titleimg {
 float: right;
 margin: 20px;
}
.project-online {
 margin:  0 0 20px 20px;
 color: #8e8e8e;
}

.mb {
 margin:  0 0 20px 20px;
 color: #8e8e8e;
}

/*************************/
/* Projekte              */
/*************************/

#map {
 float: right;
 background-color: #efefef;
}
#map span, #mtgt_unnamed_0 { display: none; }


.float.left {
  float: left;
  width: 230px;
  display: block;
  margin-bottom: 20px;
  padding: 0;
}

.float.left strong {
  margin-top: 0px;
}
#flashasset {
  margin: -7px 0 10px 0;
  display: table;
}

/*************************/
/* Management Interface  */
/*************************/
.neutralColorWhite { background-color: #fff; }
.neutralColorBlack { background-color: #000; }
.cmsTxtColorStrong0 { color: #000066; } /* primColorStrong0 */
.cmsTxtColorStrong1 { color: #666666; } /* neutralColorStrong0 */
.cmsBgColorStrong0 { background-color: #000066; } /* primColorStrong0 */
.cmsBgColorStrong1 { background-color: #CCCCCC; } /* neutralColorLight0 */
.cmsBgColorMedium0 { background-color: #E8F2F9; } /* primColorLight0 */
.cmsBgColorLight0 { background-color: #FFFFFF; } /* neutralColorWhite */

.ftTH { background-color:#cccccc; }
.ftTD { background-color:#efefef; }