html, body {
	height:100%;
	margin:0px;
	padding:0px;
	border:none;
	background-color:#FFF;
	text-align:center}

body, table {
	font-family:Verdana,Arial,sans-serif;
	color:#333;
	background-color:transparent }
	
body { font-size:0.75em }
table {
  font-size:1em;
	border-collapse:collapse;
	border-spacing:0px }
	
table td { vertical-align:top }	
	
body div { text-align:left }
input, p, label, form, object { margin:0px }

p { margin-bottom:10px }

h1, h2, h3, h4, h5, h6 {
  margin:0px 0px 10px 0px;
  color:#666 }

h1 { font-size:1.2em }
h2 { font-size:1.1em }
h3 { font-size:1.0em }
h4 { font-size:0.9em }
h5 { font-size:0.8em }
h6 { font-size:0.7em }
	
img { 
	vertical-align:bottom;
	behavior:url(../pngbehavior.htc) }
	
/* --- links common --- */
a:link, a:visited, a:active, a:hover { text-decoration:none }
a:link { color:#AAA } 
a:visited { color:#AAA }
a:active { color:#666 }
a:hover, a.current { color:#666 }
a img { border:none }

/* --- navi links --- */
li a { }
li a:link { color:#AAA; } 
li a:visited { color:#AAA }
li a:active, li a.current { color:#666 !important}
li a:hover { color:#666 }

ul, li {
	margin:0px;
	padding:0px;
	list-style-type:none }

/* ------------------------------------------ box --- */
#spacer {
	height:50%;
	width:100%;
	margin-bottom:-320px;
	float:left }

#box {
	clear:left;
	width:980px;
	height:597px;
	margin:0px auto;
  background-image:url(../images/bg_center_top.gif);
  background-repeat:no-repeat;
  background-position:0px 56px; }

/* ------------------------------------------ intro --- */
#intro {
  position:absolute;
  z-index:100;
  width:980px;
  height:597px }

/* ------------------------------------------ top --- */
#top {  
  height:56px;
  background-image:url(../images/bg_top.gif);
  background-repeat:no-repeat }

a#home { float:left }

#home img {
  width:332px;
  height:30px;
  margin-top:20px }

#naviTop {
  text-align:right;
  float:right;
  margin-top:30px }

#naviTopSubWrapper {
  float:right;
  text-align:right;
  margin-top:13px }

#naviTopSub a {
  font-size:1.15em;
  padding-left:20px;
  font-family:"Arial Narrow",Arial,sans-serif }

ul#naviTopSub { margin-right:15px }

ul#naviTopSub.cgze2 { margin-right:107px }
ul#naviTopSub.cgze3 { margin-right:192px }

ul#naviTopSub li {
  display:inline;
  font-size:1em }

#naviTop ul li, #naviTopSubWrapper ul.navi li {
  display:inline;
  font-family:"Arial Narrow",Arial,sans-serif;
  font-weight:bold;
  font-size:1.25em;
  padding:0px 15px 0px 28px }

/* ------------------------------------------ center --- */
#center {  
  /*height:430px;*/
  /*height/**//*:*//**//*400px*/;
  padding:15px 17px;
  background-image:url(../images/bg_center_bottom.gif);
  text-align:center;
  background-repeat:no-repeat;
  background-position: bottom }

#center .info {
  height:420px;
  height:/**/:/**/450px }

html>body #center {
  height:auto;
  min-height:450px }

#introWrapper { display:none }

/* ------------------------------------------ gallery --- */
div.galleryCenter {
  /*height:548px !important;*/
  /*height/**//*:*//**//*518px !important*/ }

div#galleryPicWrapper { text-align:center }

div#galleryBack {
  width:16px;
  height:18px;
  display:inline;
  margin-right:20px }

div#galleryForward {
  width:16px;
  height:18px;
  display:inline;
  margin-left:20px }

div#galleryBack img.transparent, div#galleryForward img.transparent {
  width:16px;
  height:18px; }

/* ------------------------------------------ main content --- */
#center div.content_links {
  float:left;
  margin:34px 12px 10px 10px;
  width:400px;
  height:400px }
  
#center div.content_links p.zahl{
  line-height:180%;
}

html>body #center div.content_links { margin:34px 25px 10px 20px }

#center #ueberUnsLinks {
  background-image:url(../images/ueberuns-lilli.gif);
  background-repeat:no-repeat }

#center #ueberUnsRechts {
  background-image:url(../images/hintergrund-ueberuns.gif);
  background-repeat:no-repeat }

#center div.content_links li, #center div.content_referenzen li { padding-bottom:7px }
#center div.content_links div.content_links_unten { margin-top:40px }

#center div.content_rechts, #center div.content_referenzen {
  float:right;
  margin:34px 10px 10px 12px;
  width:400px }

#center div.content_rechts {
  height:400px }

html>body #center div.content_rechts, #center div.content_referenzen { margin:34px 20px 10px 25px }

#kunden {
  margin-right:0px !important;
  width:445px !important;
  background-image:url(../images/bg_center_kunden.gif);
  background-repeat:no-repeat;
  background-position:140px 175px }

#referenzen {
  margin-left:0px !important;
  width:445px !important;
  background-image:url(../images/bg_center_referenzen.gif);
  background-repeat:no-repeat;
  background-position:3px 65px }

#center div.content_referenzen { text-align:right }

#center div.content_rechts div.content_rechts_oben div.tarek {
  float:left;
  width:55%;
  margin-top:350px }

#center div.content_rechts div.content_rechts_oben div.tarek_rechts {
  float:left;
  width:45%;
  margin:350px 0px 15px 0px }

#center div.content_rechts div.content_rechts_unten {
  margin-top:100px; }

#center div.content_rechts div.content_rechts_unten div.silke {
  float:left;
  width:54% }

#center div.content_rechts div.content_rechts_unten div.silke_rechts {
  float:left;
  width:45% }

/* ------------------------------------------ kontakt --- */
#center div.content_rechts form.contactForm {
	width:96%;
	display:block;
	margin-top:12px }

html>body #center div.content_rechts form.contactForm { width:99% }

#center div.content_rechts form.contactForm p.infoError {
	margin-bottom:10px;
	color:#FF0000 }

#center div.content_rechts form.contactForm p.infoSuccess {
	margin-bottom:10px;
	color:#00CC00 }

#center div.content_rechts form.contactForm p.note {
	width:99%;
	font-size:0.8em;
	margin-bottom:10px }

#center div.content_rechts form.contactForm .row {
	float:left;
	width:100%;
	padding:3px 0px }

#center div.content_rechts form.contactForm .row label, #center div.content_rechts form.contactForm .row input, #center div.content_rechts form.contactForm .row div {
	display:block;
	float:left }

#center div.content_rechts form.contactForm .formMessageFailure {
  font-size:0.8em;
	padding-left:85px;
	color:#FF0000 }

#center div.content_rechts form.contactForm .row label {
	clear:left;
	width:20% }

#center div.content_rechts form.contactForm .row .textfield { width:35% }
#center div.content_rechts form.contactForm .row textarea {
	float:left;
	width:60%;
	height:150px }

#center div.content_rechts form.contactForm .submit {
	float:left;
	margin:15px 15px 0px 89px }

#center div.content_rechts form.contactForm .reset {
	float:left;
	margin-top:15px }

/* ------------------------------------------ bottom --- */
#bottom {  
  clear:both;
  padding:2px 0px 0px 4px;
  height:70px;
  background-image:url(../images/bg_bottom.gif);
  background-repeat:no-repeat }

#bottom ul.navi { padding-top:6px }
#bottom ul.navi li {
  display:inline;
  font-family:"Arial Narrow", Arial,sans-serif;
  font-size:1.1em;
  color:#AAA;
  padding-left:28px }

#bottom div.thumb {
  float:left;
  text-align:center;
  width:77px }

#bottom div.thumb img.thumb { 
  display:block;
  height:51px;
  width:77px }
