/* -----------------------------------------------------------------------------
   -----------------------------------------------------------------------------
   Chris Weinmann - Grafikbuero GEBHARD|UHL, Freiburg
   http://www.gebharduhl.de   Copyright (c) 2007 GEBHARD|UHL
   -----------------------------------------------------------------------------
   -----------------------------------------------------------------------------
*/
/*----------------General Rules-------------*/
* {
	margin: 0;
	padding: 0;
	font-size:1em;
}
html {
  font-size:62.5%;
  min-height:100%;
  height:100%;
  background-color: #ffd200;
  }
body {
  background: #ffd200 url(../images/bg.gif) left top repeat-x;
  color:#000000;
  font-family: "Verdana","Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica;
  font-size:1em;
  min-height:100%;
  height:100%;
  }
a {
	text-decoration: none;
}
a:hover {
}
.alt {
	display: none;
}
img {
	border: 0;
	padding: 0;
	margin: 0;
}
.internLink {
/*  background:		url(../images/icons/iconInternLink.gif) left 50% no-repeat; */
    background:         url(../images/icons/iconInternLink.gif) left 0.2em no-repeat;
    padding:			0 0 0 1.1em;
    font-weight:		normal;
    color:              #000;
    text-decoration:	underline;
} 

.internLink:hover{
  text-decoration:none;
  }
.externLink {
/*  background: url(../images/icons/iconExternLink.gif) left 50% no-repeat; */
    background:         url(../images/icons/iconExternLink.gif) left 0.3em no-repeat;
    padding:            0 0 0 1.1em;
    font-weight:        normal;
    color:              #000000;
    text-decoration:    underline;
}

.externLink:hover{
  text-decoration:none;
  }

.downloadLink {
/*  background: url(../images/icons/iconDownloadLink.gif) left 50% no-repeat; */
    background:         url(../images/icons/iconDownloadLink.gif) left 0.2em no-repeat;
    padding:            0 0 0 1.1em;
    font-weight:        normal;
    color:              #000000;
    text-decoration:    underline;
}

.downloadLink:hover{
    text-decoration:none;
}

#content p span.imgDescription, #startContent p span.imgDescription{
    padding:            0;
    font-weight:        normal;
    color:              #000000;
    font-size:          0.8em !important;
    display:            block;
}

#content p a.zoomLink, #startContent p a.zoomLink{
/*  background: url(../images/icons/iconZoomLink.gif) left 50% no-repeat; */
    background:         url(../images/icons/iconZoomLink.gif) left 0.4em no-repeat;
    padding:            0 0 0 1.1em;
    font-weight:        normal;
    color:              #000000;
    text-decoration:    underline;
    font-size:          0.8em !important;
    display:            block;
}

#content div.textPicRight a.zoomLink{
    background:         url(../images/icons/iconZoomLink.gif) left 0.1em no-repeat;
    padding:            0 0 0 1.1em;
    text-decoration:    underline;
}

#content div.listSampleItem a.zoomLink{
    background:         url(../images/icons/iconZoomLink.gif) left 0.1em no-repeat;
    padding:            0 0 0 1.1em;
    text-decoration:    underline;
}

/*----------------General Rules-------------*/
/*----------------General Layout-------------*/
#wrapper {
  position: relative;
  width:103.7em;
  text-align: left;
  height:100%;
  min-height:100%;
  height:100%;
  }
*>#wrapper {
  width:98.7em;
  }
#contentWrap {
	display: table;
}
#wrap {
	display: table-row;
}
#left,#middle,#right {
	display: table-cell;
	vertical-align: top;
}
* html #wrap,* html #footer {
	height: 0.1em;
}
*+html #wrap,*+html #footer {
	min-height: 0.1em;
}
*+html #wrap {
	overflow: hidden;
}
* html #left,* html #middle,* html #right {
	margin-bottom: -10000px;
	padding-bottom: 10000px;
	float: left;
}
*+html #left,*+html #middle,*+html #right {
	margin-bottom: -10000px;
	padding-bottom: 10000px;
	float: left;
}
#left {
	width:20em;
	background-color:#ffd200;
}
#middle {
  width:57.0em;
  background-color:#ffffff;
  }
* html #middle {
  width:60em; 
  background-color:#ffffff;
  }
#right {
  	width:20em;
  	background-color:#ffd200;
  	padding-left:0.8em;
  	padding-top:2.9em;
	margin-bottom: 0px;
	padding-bottom:0px;
  }
#footer {
  width:53em;
  background:#ffffff url(../images/line.gif) left top repeat-x;
  padding:0.8em 0 4em 0;
  margin-top:6em;
  margin-left:2.2em;
}

/*----------------General Layout-------------*/
/*----------------Header-------------*/
#header {
  display:block;
  height:14.1em;
  }

#logo {
    position:           absolute;
    top:                3.2em;
    left:               0;
    background-color:   #fff;
    width:              20em;
    height:             10.9em;
    text-align:         center;
}

/*----------------Header-------------*/
/*----------------serviceNav--------------------*/
#serviceNav {
	color:#000000;
	text-align:right;
	width:60em; 
  margin-left:20em;
  padding-top:1em;
  height:2.2em;
  background-color:#ffffff;
}
*>#serviceNav {
  width:57em;
}
#serviceNav ul {
	list-style-type: none;
	float:right;
	margin-right:1em;
}
#serviceNav ul li{
	list-style-type: none;
	display:inline;
	float:left;
	padding-right: 0.5em;
}
#serviceNav ul li a {
  color:#000000;
}
#serviceNav li a:hover, #serviceNav ul li a.active {
  text-decoration:underline;
  color:#000000;
}
#serviceNav ul:after {
/*	content: ".";
	display: block;
	clear: both;
	visibility: hidden; */
/*	height: 0; */
}
/* Hides from IE-mac \*/
* html #serviceNav ul {
	height: 1%;
}

/* End hide from IE-mac */
/*----------------serviceNav--------------------*/
/*----------------mainNav--------------------*/
#mainNav {
	display:block;
	width:60em; 
	background-color:#ffd200;
	margin-left:20em;
	height:10.9em;
	overflow:hidden;
}
*>#mainNav {
	width:57em;
	overflow:hidden;
}

#mainNav ul {
	list-style-type: none;
	padding-left:.8em;
	padding-top:4.6em;
	border-bottom:1px solid #ffffff;
	height:4.3em;
	overflow:hidden;
}
#mainNav ul li{
	list-style-type: none;
	display:inline;
	float:left;
}
#mainNav ul li a {
  color:#000000;
/*  width:9em; */ 
  height:4.3em;
  display:block;
/*  text-indent:-999em; */
  margin-left:.2em;
}

/************************************/

#mainNav ul li a div{
	color: #000;
	padding: 0.6em 0.3em;
	height:2.6em;
	font-weight: bold;
	font-size: 1.1em;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	min-width:7em;
}

#mainNav ul li a {
  background-color: #fff;
}
#mainNav ul li a:hover,
#mainNav ul li a.active {
	text-decoration: none;	
	background: url(../images/ezaBgMainNav.gif) left -60px repeat-x;
}

#mainNav li a:hover, 
#serviceNav ul li a.active {
  text-decoration:underline;
  color:#000000;
}
#mainNav ul:after {
/*	content: ".";
	display: block;
	clear: both;
	visibility: hidden; */
/*	height: 0; */
	
}
/* Hides from IE-mac \
* html #mainNav ul {
	height: 1%;
}
*/
/* End hide from IE-mac */
/*----------------mainNav--------------------*/
/*----------------breadCrumb--------------------*/
#breadCrumb {
  position:absolute;
  top:12.3em;
  left:21.5em;
  }
#breadCrumb p{
  font-size:1.1em;
  }
#breadCrumb a{
  color:#000000;
  text-decoration:underline;
  }
#breadCrumb a:hover{
  color:#ffffff;
  text-decoration:underline;
  }
/*----------------breadCrumb--------------------*/
/*----------------search--------------------*/

#search {
  position:	absolute;
  top:		4.5em;
  left:		56em;
}

#search #searchInput {
  border:1px solid #798aa9;
  height:1.3em;
  width:12em;
  background-color:#ffffff;
  padding:0.1em 0.3em 0.1em 0.3em;
  }
* html #search #searchInput {
  height:1.6em;
  }
*+html #search #searchInput {
  height:1.6em;
  }
#search #submit {
  vertical-align: middle;
  height:1.5em;
  }
* html #search #submit {
  vertical-align: bottom;
  }
*+html #search #searchInput {
  vertical-align: bottom;
  }
/*----------------search--------------------*/
/*----------------styleSwitcher--------------------*/
#styleSwitcher {
  position:absolute;
  top:0;
  padding-top:0.3em;
  left:81em;
  }
*>#styleSwitcher {
  left:78em;
  }
#styleSwitcher .normal{
  font-size:1em;
  color:#000000;
  }
#styleSwitcher .middle{
  font-size:1.4em;
  color:#000000;
  }
#styleSwitcher .large{
  font-size:1.8em;
  color:#000000;
  }
/*----------------styleSwitcher--------------------*/
/*----------------contactPerson--------------------*/
#contactPerson {
  position: absolute;
  top:3.2em;
  left:80em;
  background-color:#fff;
  height:10.9em;
  width:20.8em;
  }
*>#contactPerson {
	left:77em;
}
#contactPerson .contactImage{
  float:left;
  }

#contactPerson .contactText{
  margin-left:	11.5em;
  margin-top:	0.5em;
}

#contactPerson .contactText p{
  font-size:1.1em;
/*  line-height:1.5em; */
  }
.contactText p a.detailLink{
  padding:0 0 0 1.1em;
  font-size:1.1em;
  font-weight: normal;
  color:#000000;
  text-decoration:underline;
  }
.contactText p a.detailLink:hover{
  text-decoration:none;
  }
/*----------------contactPerson--------------------*/
/*----------------subNav--------------------*/
#subNav {
  margin-top:3.2em;
  }
#subNav ul li{

  }
*>#subNav ul li{
  margin-bottom:0em;
  }

#subNav ul li a{
  font-size:        1.2em;
  color:            #000;
  padding-left:     .8em;
  margin-bottom:    .8em;
  border-left:      .8em solid #fff;
  display:          block;
  }
#subNav ul li a:hover,#subNav ul li a.active{
  background-color:#ffffff;
  }
#subNav ul li ul{
  margin-left:2em;
  list-style:none;
  margin-bottom:1.8em;
  }
#subNav ul li ul li{
  padding-bottom:-1.8em;
  }
*>#subNav ul li ul li{
  margin-bottom:0em;
  }

#subNav ul li ul li a{
  font-size:        1.1em;
  color:            #000;
  padding-left:     .8em;
  margin-bottom:    .8em;
  border-left:      0;
  display:          block;
  border-left:      .6em solid #fff;
/*  background: url(../images/subNavBullet.gif) left top no-repeat; */
  }

#subNav ul li ul li a:hover, #subNav ul li ul li a.subActive{
  background-color:transparent;
  color:#ffffff;
  font-weight:bold;
  }
/*----------------subNav--------------------*/
/*----------------infoBox--------------------*/
.infoBox {
  padding:0.8em 0 0.9em 0;
  margin-bottom:1.8em;
  background-color:#fff;
  }

.infoBox h3{
	padding:       0 .4em 0 .4em;
	font-size:     1.1em;
	font-weight:   normal;
	line-height:   1.4em;
	margin-bottom: 0.5em;
	border-bottom: 0.1em solid #ffd200;
}

.infoBox h2{
  padding:      0 .4em 0.4em .4em;
  font-size:    1.1em;
  font-weight:  bold;
  }

.infoBox h2 a{  
    text-decoration:    none;
	color:             #000;
}

.infoBox h2 a:hover{
  text-decoration:underline;
}


.infoBox p, .infoBox a p{
  padding: 		0.1em 0.4em 0.4em 0.4em;
  font-size:	1.1em;
  font-weight: 	normal;
  color: 		#000;
}

.infoBox img{
  margin:1em .4em 0.4em .4em;
  }

.infoBox img.border{
  border: 0.1em solid #ffd200;
  }

.infoBox p a.moreLink{
  padding:0 0 0 1.1em;
  font-size:1.1em;
  font-weight: normal;
  color:#000000;
  text-decoration:underline;
  }
.infoBox p a.moreLink:hover{
  text-decoration:none;
  }
/*----------------infoBox--------------------*/
/*----------------startseite--------------------*/
#middle h1 {
  font-size:1.8em;
  font-weight:bold;
  margin-top:1.6em;
  margin-bottom:1.7em;
  margin-left:1.2em;
  }

.startListElement {
  width:53em;
/* 
    background: url(../images/line.gif) left bottom repeat-x;
    margin-bottom:0.5em;
*/
  padding-top:1.8em;
  margin-left:2.2em;
/*    background-color: #dff; */  
  
}

.startListElement h2.category{
  font-size:        1.2em;
  font-weight:      normal;
  line-height:      1.2em;
  margin-bottom:    0.5em;
  border-bottom:    1px solid #ffd200;
  background:       transparent url(../images/square.gif) no-repeat left -0.1em;
  padding-left:     1.4em;
/*  padding-bottom:   0.2em; */
  }

.startListElement h2.category a{
  color:#000000;
  }
.startListImage {
  width:18em;
  float:left;
  text-align:right;
  }
.startListImage img.border{
  border:0.1em solid #ffd200;
  }
.startListText {
  margin-left:19em; 
  }
.startListText h2{
  font-size:        1.5em;
  font-weight:      bold;
  line-height:      1.4em;
  margin-bottom:    0.5em;
  }
.startListText h2 a{
  text-decoration:none;
  color:#000000;
  }
.startListText h2 a:hover{
  text-decoration:underline;
  }
startListText p{
  font-size:1.1em;
  line-height:1.4em;
  }
.startListElement:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .startListElement {
	height: 1%;
}
/*----------------startseite--------------------*/
/*----------------inhaltsseite--------------------*/
#content h2, #startContent .startListText h2 {
/* border-bottom:    1px solid #ffd200; */
  font-size:        1.5em;
  margin-bottom:    0.6em;
  margin-left:      1.45em;
  margin-right:     1.45em;
  font-weight:      bold;
}

#startContent .startListText h2 {
/* border-bottom:   1px solid #ffd200; */
    font-size:      1.2em;
    margin-bottom:  0.6em;
    margin-left:    0em;
}

#content h3, #startContent h3{
    font-size:      1.2em;
    font-weight:    normal;
    line-height:    1.2em;
    border-bottom:  1px solid #ffd200;
/*    background:     url(../images/square.gif) left bottom no-repeat; */
    background:     url(../images/square.gif) no-repeat left -0.1em;

    margin-bottom:  .6em;
    margin-left:    1.8em;
    margin-right:   1.45em;
    font-weight:    normal;
    padding-left:   1.4em; 
/*
  font-size:1.2em;
  margin-left:1.8em;
  margin-right:1.8em;
  background-color:#ffed9e; 
  padding:.2em .5em .2em .5em; 
 */

  clear:both;
}

#content p, #startContent p{
    font-size:1.2em;
    margin-bottom:1.5em;
    line-height:1.5em;
    margin-left:1.8em;
    margin-right:1.8em;
}

#sitemap h3{
    margin-left: 0em;
}

#startContent .startListText p{
  margin-left:  0em;
}

#content .imageFull{
  display:block;
  width:60em !important;
  }
*>#content .imageFull{
  width:100% !important;
  }

#content div.textPicLeft{
  float:left;
  margin-top:0;
  margin-left:2.2em;
  margin-right:2em;
  }
* html #content div.textPicLeft{
  margin-left:1.1em;
  margin-right:2em;
  }
#content div.textPicLeft p{
  margin:0 .5em .5em 0em;
  font-size:1.1em !important;
  }
#content div.textPicLeft p a{
  color:#000000;
  text-decoration:underline;
  }
#content div.textPicLeft p a:hover{
  text-decoration:none;
  }
#content div.textPicLeft .zoomIcon{
  display:inline;
  border:0;
  margin:0;
  }
#content div.textPic:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html #content div.textPic ul {
	height: 1%;
}
/* End hide from IE-mac */
/*----------------inhaltsseite--------------------*/
/*----------------liste--------------------*/
#content .listNavigation p{
  margin:.3em 1.8em .3em 1.8em;
  padding:0;
}
#content .listNavigation p a{
  color:#000000;
  text-decoration:underline;
  }
#content .listNavigation p a:hover{
  text-decoration:none;
  }
#content .list {
  border-top:1px dotted #000000;
  border-bottom:1px dotted #000000;
  margin-left:1.8em;
  margin-right:1.8em;
  padding-top:1em;
  padding-bottom:.6em;
}
#content .list .listItem p{
  margin-left:.3em;
  margin-bottom:.8em;
}
/*----------------liste--------------------*/
/*----------------liste mit bilder--------------------*/
#content .listPic {
  border-top:1px dotted #000000;
  border-bottom:1px dotted #000000;
  margin-left:1.8em;
  margin-right:1.8em;
  padding-top:1em;
  padding-bottom:.6em;
}
#content .listPic .listPicItem {
  width:53em;
  border-top:1px dotted #000000;
  margin-bottom:1em;
  padding-top:1em;
}
#content .listPic .first {
  border-top:0;
}
#content .listPic .listPicItemText {
  float:right;
  width:44em;
}
#content .listPic .listPicItemText h3{
  margin: 0 0 .3em .3em;
}
#content .listPic .listPicItemText h3 a{
  color:#000000;
  text-decoration:underline;
}
#content .listPic .listPicItemText h3 a:hover{
  text-decoration:none;
}
#content .listPic .listPicItemText p{
  margin: 0 0 .3em .3em;
}
#content .listPic .listPicItemImage {
  float:left;
  /*width:13.5em;*/
}
#content .listPic .listPicItemImage img.border{
  border:1px solid #ffd200;
  margin:0;
  padding:0;
}
#content .listPic .listPicItemImage p{
  display:block;
  font-size:1.1em;
  margin:0;
  padding:0;
}
.listPicItem:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .listPicItem {
	height: 1%;
}
/*----------------liste mit bilder--------------------*/
/*----------------musterprojekte--------------------*/
#content .listSample {
/*  
    border-top:     1px dotted #000000; 
    border-bottom:  1px dotted #000000;
*/
  margin-left:      1.8em;
  margin-right:     1.8em;
  padding-top:      1em;
  padding-bottom:   .6em;
}   

#content .listSample .listSampleItem {
  width:53em;
/*  border-top:       1px dotted #000000; */
  margin-bottom:    1.5em;
  padding-top:      1em;
}
#content .listSample .first {
  border-top:0;
}

#content .listSample .listSampleItemText {
  	margin-left:	2em;
	float: 			left; 
/* background-color: #ddd; */
    width:          30em;
}

#content .listSample .listSampleItem h3{
  margin:0;
  margin-bottom:.5em;
}
#content .listSample .listSampleItem h3 a{
  color:#000000;
  text-decoration:none;
}
#content .listSample .listSampleItem h3 a:hover{
  color:#000000;
  text-decoration:none;
}
#content .listSample .listSampleItemText p{
  margin:0;
  margin-bottom:.3em;
}
#content .listSample .listSampleItemImage {
  float:left;
  width:16em;
/* background-color: #eee; */
}
#content .listSample .listSampleItemImage img.border{
  border:1px solid #ffd200;
  margin:0;
  padding:0;
}
.listSampleItem:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .listSampleItem {
	height: 1%;
}
/*----------------musterprojekte--------------------*/
/*----------------kontakt formular--------------------*/
#content #form fieldset{
  border:		0;
  margin-left:	2.2em;
  margin-top:	2em;
  }
#content #form legend{
  font-size:1.2em;
  font-weight:bold;
  margin-left:1.8em;
  margin-bottom:1em;
  }
#content #form fieldset p{
  margin:0 0 .3em 0;
  }
#content #form .defField{
  width:			30em;
  border:			1px solid #cccccc;
  background-color:	#ffffff;
  padding:			0 0.1em 0.1em 0.1em;
  font-size:		1em;
  }
#content #form .message{
  height:8em;
  font-family: "Lucida Sans Unicode", "Lucida Sans", "Lucida Grande", verdana, arial, helvetica;
  }
#content #form .plz{
  width:3em;
  }

#content #form .defField:focus, #content #form .errorField{
  background-color:	#ffd200;
  color:			#000000;
}

/*----------------kontakt formular--------------------*/
/*----------------footer--------------------*/
#footer p{
  font-size:1.1em;
  }
#footer a{
  color:#000000;
  text-decoration:underline;
  }
#footer a:hover{
  text-decoration:none;
  }
#footer p.left{
  float:left;
  }
#footer p.right{
  float:right;
  }
#footer .pageUp{
  padding-left:1em;
  background: url(../images/icons/iconPageUp.gif) left 50% no-repeat;
  }
#footer .pagePrint{
  margin-left:1em;
  padding-left:1.3em;
  background: url(../images/icons/iconPagePrint.gif) left 50% no-repeat;
  }
/*----------------footer--------------------*/



#content h1, 
#content h2, 
#content h3, 
#content h4, 
a{
	text-transform: lowercase;
}