/*
 $Revision: 55688 $
 $Author: zistel $
 $Date: 2010-12-14 12:42:27 +0100 (Di, 14. Dez 2010) $

 - Wrapper
 - Logo
 - Skiplinks
 - Navigation
 - Content
 - Col
   1:2
   2:1
 - Typo
   Links
   Images
   Lists
 - Gallery
 - Form
 - Teaser
 - Ratio
 - Thickbox
   Load
   Overlay
   Window
   Content
   Closewindow
 */

@media print {
	ul#skiplinks,
	div#nav {
		display: none;
		}
	}

*  { margin: 0; padding: 0; }
img { border: 0 none; }
li { list-style-type: none; }
a:active { position: relative; top: 1px; }

body, input, textarea, button {
	color: #58585A;
	font: small Arial, Helvetica, FreeSans, sans-serif;
	}
@media screen {
	body {
		background-color: #ECECEC;
		}
		* html body {
			text-align: center;
			}
	}

/* ____________________________________________________________________________________Wrapper___ */

@media screen {
	div#wrapper {
	position: relative;
		padding: 8px 0;

		min-width: 58.415em;/* 759px */
		max-width: 63.615em;/* 827px */

		margin: 0 auto;
		}
		* html div#wrapper {
			text-align: left;
			width: 62.015em;
			}
		*+html div#wrapper {
			min-width: 57.115em;
			max-width: 62.015em;
			}
	}

/* _______________________________________________________________________________________Logo___ */

p#logo {
	text-align: right;
	}

@media screen {
	p#logo {
		margin-top: 1.15em;/* 15px */
		position: absolute;
		right: 33px;
		top: 1.25em;/* 15px */
		z-index: 5;/* Safari */
		}

	p#logo * {
		color: #006271;
		display: block;
		}
	p#logo a {
		text-decoration: none;
		}
	p#logo img {
		font-size: 155%;/* 20px */
		}
	}

/* __________________________________________________________________________________Skiplinks___ */

ul#skiplinks {
	position: absolute;
	left: -3000px;
	z-index: 10;
	}
ul#skiplinks a:active,
ul#skiplinks a:focus {
	position: absolute;
	top: 7px;
	*top: 6px;
	left: 3014px;

	color: white;
	font-size: 85%;
	font-weight: bold;
	line-height: 23px;
	text-decoration: none;
	padding-right: 12px;
	padding-left: 12px;
	white-space: nowrap;
	background-color: #55AC42;
	}

/* _________________________________________________________________________________Navigation___ */

div#nav h2 {
	position: absolute;
	left: -500em;
	}

div#nav ul {
	background-color: white;
	padding: 6px 14px;
	}
div#nav ul#meta-nav {
	left: 4px;
	position: absolute;
	top: 8px;
	}
div#nav ul#first-nav {
	padding-top: 4.54em;/* 59px */
	padding-right: 160px;
	}

/* CLEARFIX */
div#nav ul:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size: 0;
	clear: both; 
	visibility: hidden;
	}
	* html div#nav ul {
		display: inline-block;
		}
	*+html div#nav ul {
		overflow: hidden;
		}

div#nav ul * {
	display: block;
	}

div#nav li {
	float: left;
	font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
	line-height: 23px;
	}
div#nav ul#meta-nav li {
	font-size: 85%;
	}
div#nav ul#first-nav li {
	font-size: 120%;
	line-height: 25px;
	}

div#nav li * {
	padding: 0 12px;
	}
div#nav ul#meta-nav li * {
	padding: 0 8px;
	}
div#nav a {
	color: #667987;
	text-decoration: none;
	}
div#nav strong,
div#nav strong a,
div#nav a:hover,
div#nav a:active,
div#nav a:focus {
	color: #55AC42;
	}
div#nav strong {
	font-weight: normal;
	}
div#nav strong a {
	margin: 0 -12px;
	}
div#nav ul#meta-nav strong a {
	margin: 0 -8px;
	}

/* Trenner */
div#nav ul#first-nav {
	margin-bottom: 6px;
	}
div#nav ul#second-nav,
div#content {
	margin-top: 6px;
	}

/* Banner */
div#nav img {
	display: block;
	width: 100%;
	}

/* ____________________________________________________________________________________Content___ */

div#content {
	padding: 30px 26px 0;
	}
@media screen {
	div#content {
		padding-bottom: 88px;
		background: white url("../img/bg.png") no-repeat right bottom;
		/* clearfix */
		overflow: hidden;
		_display: inline-block
		}
	}

/* ________________________________________________________________________________________Col___ */

@media screen {
	/* ___2:1_________________________ */

	div#wrapper-first-content {
		float: left;
		width: 100%;
		margin-left: -23.5em;
		*margin-left: -22.9em;
		_margin-left: -20.95em;
		}

	div#wrapper-first-content div#first-content {
		float: none;
		width: auto;
		padding-right: 0;

		margin-left: 23.5em;
		*margin-left: 22.9em;
		zoom: 1;/* hasLayout */
		}

	div#second-content {
		float: right;
		width: 20em;
		*width: 19.4em;
		padding-left: 3em;
		}
		* html div#second-content {
			width: 22.4em;
			w\idth: 19.4em;
			}
	body#home div#second-content {
		margin-top: -1.69em;
		}

	/* ___1:2_________________________ */

	div#wrapper-second-content {
		float: right;
		width: 100%;
		margin-right: -23.5em;
		*margin-right: -22.9em;
		_margin-right: -20.95em;
		}

	div#wrapper-second-content div#second-content {
		float: none;
		width: auto;
		padding-left: 0;

		margin-right: 23.5em;
		*margin-right: 22.9em;
		zoom: 1;/* hasLayout */
		}

	div#first-content {
		float: left;
		width: 20em;
		*width: 19.4em;
		padding-right: 3em;
		}
		* html div#first-content {
			width: 22.4em;
			w\idth: 19.4em;
			}
	}

/* _______________________________________________________________________________________Typo___ */

div#content h2,
div#content h3,
div#content p.legend,
div#content a {
	color: #4BB2C8;
	}

h1,
body#home div#second-content h2 {
	color: #55AC42;
	font: 135% Tahoma, Arial, Helvetica, FreeSans, sans-serif;
	}
div#content h2 {
	font-size: 105%;
	font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
	font-weight: normal;
	}
div#content h3,
div#content p,
div#content li,
div#content img,
dt,
button {
	font-size: 85%;
	}
div#content li p,
div#content p img,
input,
textarea,
p button {
	font-size: 100%;
	}

div#content h2,
div#content h3,
div#content p,
div#content li,
div#content img,
dt,
textarea {
	line-height: 1.455;
	}

@media screen {
	h1 {
		position: relative;
		left: -1px;
		}
	body#home h1 {
		margin-right: 17.8em;
		}
	}
div#content h2,
div#content h3 {
	margin-top: 16px;
	margin-bottom: -8px;
	}
div#content dl h2,
div#content dl h3 {
	margin-top: 0;
	margin-bottom: 0;
	}
@media screen {
	body#home #second-content h2 {
		margin-top: 0;
		}
	}
div#content p {
	margin-top: 16px;
	}
div#content li p,
div#content dl p,
div#content fieldset p,
body#startseite div#content form p {
position: relative;
	margin-top: 0;
	}

em,
abbr,
dfn {
	font-style: normal;
	}
abbr,
dfn {
	cursor: help;
	}
abbr {
	border-bottom: 1px dotted;
	}
dfn,
p em {
	color: #E0002B;
	}
label dfn {
	font-weight: normal;
	}
p em {
	font-weight: bold;
	}

/* ___Links_______________________ */

div#content a:hover,
div#content a:active,
div#content a:focus {
	text-decoration: none;
	}

div#content li a,
div#content dl p.image a {
	font-weight: bold;
	}

/* ___Images______________________ */

body#home div#content div.wrapper p.image + p.image {
	margin-top: 0;
	}

div#content img {
	display: block;
	}

/* Caption */
div#content p.image span {
	display: block;
	margin-top: 3px;
	}
@media screen {
	html >/**/body div#content p.image span {
		margin-left: 1px;
		}
	}

/* Zentriert */
@media screen {
	div#content p.image.center img {
		margin-right: auto;
		margin-left: auto;
		_text-align: center;
		}
	}
div#content div#wrapper-first-content p.image.center img,
div#content div#wrapper-second-content p.image.center img {
	margin-right: auto;
	margin-left: auto;
	_text-align: center;
	}

/* Referenzen - Projekte - Screenz, Anfahrtsskizze, Aktuelles */
div#first-content p img {
	margin-bottom: -17px;
	}
div#first-content div.wrapper p img {
	margin-bottom: 0;
	}
div#first-content dl p img {
	margin: 3px 0 0;
	}
@media screen {
	div#first-content dl p img {
		width: 100%;
		height: auto;
		}
	}

/* Projekte - Kundenlogos (rechte Spalte) */
div#second-content p.image img {
	margin-top: -9px;
	margin-bottom: -9px;
	}
@media screen {
	div#second-content p.image.center img {
		position: relative;
		left: -10px;
		}
	}

/* DL - Aktuelles */
@media screen {
	div#content dl p.image {
		width: 22.63em;/* 250px */
		*width: 22.1em;
		position: absolute;
		right: -26.91em;/* 296px */
		*right: -26.11em;
		top: 0;
		}
		* html div#content dl p.image {
			position: static;
			p\osition: absolute;
			}
	}

div#content p.image.float {
	float: right;
	margin-bottom: 4px;
	margin-left: 12px;
	}
div#content p.image.float img {
	margin-top: 0;
	margin-bottom: 0;
	}

/* ___Lists_______________________ */

div#content ul {
	margin-top: 16px;
	margin-left: 12px;
	*margin-left: 13px;
	}
div#content dl ul {
	margin-top: 0;
	}

div#content ol {
	margin-top: 8px;
	margin-left: 17px;
	*margin-left: 22px;
	}

div#content ul li {
	margin-bottom: 4px;
	list-style-image: url(../img/icon.png);
	}
	html:first-child > b\ody div#content ul li {/* Opera + Safari */
		list-style-image: url(../img/icon.gif);
		}
	html*div#content ul li {/* Safari + Explorer */
		list-style-image: url(../img/icon.png) !important;
		}
	html div#content ul li {/* Explorer */
		*list-style-image: url(../img/icon.gif) !important;
		}

div#content ol li {
	list-style-type: decimal;
	margin-bottom: 4px;
	}

/* OL - Formulare */
div#content form ol {
	margin-top: 0;
	margin-left: -4px;
	}
	* html div#content form ol {
		margin-left: 0;
		position: relative;
		left: -4px;
		}
div#content form li {
	list-style-type: none;
	margin-bottom: 0;
	padding: .3em 4px .5em;
	*padding-bottom: .35em;
	}
@media screen {
	div#content form li.focus {
		background-color: #E8EBED;
		}
	div#content form li.error {
		background-color: #FFD9D9;
		}
	}
div#content form li.floatleft {
	position: absolute;
	}
	* html div#content form li.floatleft {
		left: -4px;
		}
	*+html div#content form li.floatleft {
		left: 22px;
		}
div#content form li.floatright {
	margin-left: 6.2em;
	}

/* DL - Aktuelles */
body#home dl {
	padding-top: 8px;
	margin-bottom: 20px;
	}
dt {
	font-weight: bold;
	margin-top: 16px;
	}
div#first-content dd {
position: relative;
	min-height: 7.54em;/* 98px */
	_height: 7.54em;
	}

/* ____________________________________________________________________________________Gallery___ */

div#content p.gallery {
	_width: 100%;
	padding-bottom: 1px;
	/* clearfix */
	overflow: hidden;
	_display: inline-block;
	}

div#content p.gallery a,
div#content p.gallery img {
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
	}
div#content p.gallery a {
	display: block;
	outline: 0 none;
	}
div#content p.gallery a img {
	float: none;
	margin-right: 0;
	margin-bottom: 0;
	}

/* _______________________________________________________________________________________Form___ */

form {
	margin-top: 16px;
	}
body#home form {
	width: 13.62em;/* 190px */
	}

fieldset {
	border-style: none;
	}

label,
span.label {
	display: block;
	font-weight: bold;
	}
label {
	cursor: pointer;
	cursor: hand;/* IE 5.x */
	}
label#label-FEtt_addressanrede1,
label#label-FEtt_addressanrede2 {
	display: inline;
	font-weight: normal;
	float: none;
	width: auto;
	position: relative;
	top: -2px;
	}
	html:first-child > b\ody label#label-FEtt_addressanrede1,
	html:first-child > b\ody label#label-FEtt_addressanrede2 {
		top: 1px;
		}
	html*label#label-FEtt_addressanrede1,
	html*label#label-FEtt_addressanrede2 {
		top: 0;
		*top: -2px;
		}

input,
textarea {
	border: 1px;
	border-style: solid none none solid;
	border-color: #B2BCC3;
	padding: 1px 0 2px 4px;
	}
input[type=text]:focus,
textarea:focus {
	outline: none;
	}

input {
	width: 23.55em;/* 264px */
	}
li.floatleft input#plz,
li.floatleft input#FEtt_addresszip {
	width: 5em;/* 60px */
	}
li.floatright input#ort,
li.floatright input#FEtt_addresscity {
	width: 17.35em;/* 196px */
	}
p input {
	width: 100%;
	font-weight: bold;
	}
textarea {
	width: 35.09em;/* 386px */
	max-width: 35.09em;
	*width: 34.09em;
	overflow: auto;
	}
input#FEtt_addressanrede1,
input#FEtt_addressanrede2 {
	border-style: none;
	padding: 0;
	width: auto;
	margin: 2px 2px 0 0;
	*margin: 0;
	cursor: pointer;
	cursor: hand;/* IE 5.x */
	}
	html:first-child > b\ody input#FEtt_addressanrede1 {
		margin-left: -3px;
		}
	input#FEtt_addressanrede1 {
		*margin-left: -5px;
		}
input#FEtt_addressanrede2 {
	margin-left: 8px;
	}

button {
	cursor: pointer;
	cursor: hand;/* IE 5.x */

	border-style: none;
	margin-top: .4em;
	color: white;
	font-weight: bold;
	font-family: Tahoma, Arial, Helvetica, FreeSans, sans-serif;
	text-transform: uppercase;
	background: #667987 url("../img/icon-button.gif") no-repeat 7px 48%;
	padding: 3px 8px 4px 16px;
	*padding-top: 4px;
	*padding-bottom: 3px;
	/* long button fix */
	_width: auto;
	*overflow: visible;
	}
p button {
	margin-top: 0;
	padding: 0;
	display: block;
	width: 18px;
	height: 1.64em;/* 18px */
	text-indent: -500em;
	overflow: hidden;
	background-position: center;

	position: absolute;
	right: -22px;
	bottom: 0;
	}
	html:first-child > b\ody button {
		right: -18px;
		}
	* html button {
		right: -18px;
		bottom: 1px;
		}
form.script p button {
	top: 0;
	*top: 1px;
	}

/* _____________________________________________________________________________________Teaser___ */

div#content div.teaser p.image,
div#content div.teaser p img {
	margin: 0;
	}

div.teaser {
	margin-top: 16px;
	/* clearfix */
	overflow: hidden;
	_display: inline-block;
	}
div#content div.teaser p img {
	float: left;
	margin-left: 15px;
	_margin-left: 8px;
	}
div#content div.teaser h2,
div#content div.teaser h3,
div#content div.teaser p {
	margin: 0;
	margin-left: 153px;
	}
div#content div.teaser ul {
	margin-top: 8px;
	margin-left: 165px;
	}

/* ______________________________________________________________________________________Ratio___ */

div.wrapper {
	padding-bottom: 8px;
	/* clearfix */
	overflow: hidden;
	_display: inline-block;
	}

div.first-col,
div.second-col {
	width: 48.2%;
	}
div.first-col {
	float: left;
	}
div.second-col {
	float: right;
	}

/* ___________________________________________________________________________________Thickbox___ */

@media print {
	iframe#TBhideSelect, #TBload, #TBoverlay, #TBwindow  {
		display: none !important;
		}
	}

iframe#TBhideSelect {
	display: none;
	}

/* ___Load________________________ */

#TBload {
display: none;
	position: absolute;
	z-index: 101;

	width: 208px;
	height: 13px;
	background: url("../img/loadingAnimation.gif") no-repeat;
	_overflow: hidden;
	}

/* ___Overlay_____________________ */

#TBoverlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;

	width: 100%;
	_height: 100% !important;
	min-height: 100%;
	background-color: #BDBDBD;
	filter: alpha(opacity=50);
	opacity: .5;
	}

/* ___Window______________________ */

#TBwindow {
display: none;
	font-size: 85%;
	line-height: 1.455;
	padding: 40px 27px 15px 17px;
	background-color: white;

	position: absolute;
	top: 0;
	z-index: 102;
	margin-top: -57px;
	margin-left: -22px;
	_text-align: left;
	}

#TBwindow img {
	display: block;
	padding: 4px;
	border: 1px solid #DEDEDE;
	}

#TBwindow a {
	color: #4BB2C8;
	font-weight: bold;
	text-decoration: none;
	}
#TBwindow a:hover,
#TBwindow a:active,
#TBwindow a:focus {
	text-decoration: underline;
	}

a#TBimageOff {
	display: block;
	outline: 0 none;
	}

/* ___Content_____________________ */

#TBcaption,
#TBsecondLine {
	margin-top: 7px;
	margin-left: 1px;
	width: 508px;
	}
#TBcaption {
	font-weight: bold;
	margin-bottom: -5px;
	}
#TBsecondLine {
	color: #B2BCC3;
	}
#TBsecondLine span {
	margin: 0 4px;
	}
#TBsecondLine img {
padding: 0;
border-style: none;
	display: inline;
	margin: 0 2px;
	}

/* ___Closewindow_________________ */

#TBcloseWindow {
	position: absolute;
	top: 0;
	right: 0;
	}

#TBcloseWindow a {
	display: block;
	width: 20px;
	height: 18px;
	text-indent: -500em;
	overflow: hidden;
	background: url("../img/TBcloseWindow.gif") no-repeat center;
	}