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

body, table {
	font-family:Verdana,Arial,sans-serif;
	color:#ffffcc;
	background-color:none;
}

body { font-size:0.8em; }
	
table {
	font-size:1em;
	border-collapse:collapse;
	border-spacing:0px;
}

table th, table td { vertical-align:top; }

body div { text-align:left; }

:focus { outline:0; }

input, p, label, form, object { margin:0; }
p { margin-bottom:10px; }

h1, h2, h3, h4, h5, h6 {
	color:#ffffcc;
	margin:0 0 10px 0;
	font-weight:normal;
}

h1 { font-size:1.3em; }
h2 { font-size:1.2em; }
h3 { font-size:1.1em; }
h4 { font-size:1em; }
h5 { font-size:0.9em; }
h6 { font-size:0.8em; }
	
img { vertical-align:bottom; }
	
/* --- links common --- */
a:link, a:visited, a:active, a:hover { text-decoration:none; }

a:link { color:#eec73f; } 
a:visited { color:#eec73f; }
a:active { color:#FFF; }
a:hover { color:#FFF; }
a img { border:none; }

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

input.text, textarea {
  font-family:Verdana,Arial,sans-serif;
  background-color:#ba830c;
	color:#FFF;
	padding:2px;
	font-size:1em;
	border:1px solid #faf7c4;
}

input.button {
  height:23px;
  padding-bottom:1px;
  margin:0 0 10px 0;
  border:1px solid #faf7c4;
  font-size:1em;
  color:#FFF;
  background-color:#ba830c;
  cursor:pointer;
}

input.button:hover {
  border:none;
}

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

#box {
	clear:left;
	width:980px;
	height:617px;
  margin:0 auto;
  background:url('../img/bg_canvas.jpg') 0px 160px no-repeat;
}

/* ------------------------------------------------------------ left --- */
#left {
  float:left;
  width:685px;
  height:617px;
}

#header {
  width:100%;
  height:132px;
}

/* ------------------------------------------------------------ navi top --- */
#navi_top {
  width:100%;
  height:19px;
  margin-bottom:9px;
  background:url('../img/navi_top/bg_left.jpg') no-repeat;
}

#navi_top ul {
  margin-left:110px;
}

#navi_top ul li {
  display:block;
  float:left;
  width:103px;
  height:18px;
  padding:1px 0 0 12px;
  background-repeat:no-repeat;
}

#navi_top ul li a {
  display:block;
}

#navi_top ul li a.active, #navi_top ul li a:hover {
  color:#eec73f !important;
}

#navi_top ul li a:link, #navi_top ul li a:visited {
  color:#FFF;
}

#navi_top li ul {
  position:absolute;
  z-index:10;
  margin-left:-12px;
  display:none;
}

#navi_top li:hover ul {
  display:block;
}

#navi_top li ul li {
  position:relative;
  clear:both;
  height:16px;
  width:102px;
  padding:2px 0 2px 12px;
  background:url('../img/navi_top/bg_li_dropdown.gif') no-repeat; /* IE<7 */
}
html>body #navi_top li ul li {
  background-image:url('../img/navi_top/bg_li_dropdown.png');
}

#navi_top li ul li.first {
  margin-top:11px;
}

#navi_top li ul li.last {
  height:22px;
  background:url('../img/navi_top/bg_li_dropdown_bottom.gif') no-repeat; /* IE<7 */
}
html>body #navi_top li ul li.last {
  background-image:url('../img/navi_top/bg_li_dropdown_bottom.png');
}

/* ------------------------------------------------------------ content --- */
#left .content {
  float:left;
  width:497px;
  height:324px;
	padding:65px 35px 15px 153px;
}


#left .content h1, #left .content p, #left .content ul {
  margin:0 0 20px 0;
}

#left .content ul li {
  line-height:1.4em;
}

/* ------------------------------------------------------------ footer left --- */
#footer_left {
  float:left;
  height:53px;
  width:100%;
  background:url('../img/bg_footer_left.jpg') top left no-repeat;
}

#navi_bottom {
  margin-left:119px;
  padding-top:28px;
  font-size:0.85em;
  color:#CC9900;
}

#navi_bottom a:link, #navi_bottom a:visited {
  color:#CC9900;
}

#navi_bottom a:active, #navi_bottom a:hover, #navi_bottom a.active {
  color:#FFF;
}

/* ------------------------------------------------------------ wir und sie (index) --- */

/* ------------------------------------------------------------ imprint --- */
#imprint {
  font-size:0.9em;
  height:344px !important;
	padding-top:45px !important;
}

/* ------------------------------------------------------------ leistungen --- */

/* ------------------------------------------------------------ references --- */
#references table {
  width:497px;
}

#references table.references th {
  text-align:left;
  font-weight:normal;
  padding-bottom:15px;
}

#references table.references th.left {
  width:31%;
}

#references table.references th.middle {
  width:36%;
}

#references table.references th.right {
  width:33%;
}

#references table.references td {
  padding:0 8px 3px 0;
}

#references table.references td ul {
  margin:0;
}

/* ------------------------------------------------------------ contact --- */
#contact p#address {
  position:absolute;
  margin:65px 0 0 262px;
  text-align:right;
  line-height:1.4em;
}

#contact label {
	display:block;
	padding:5px 0 2px 2px;
}

#contact input.contact {
	width:200px;
	margin-bottom:0;
}

#contact textarea.contactMessage {
	width:400px;
	height:100px;
}

#contact p.message {
  margin:0 0 25px 0;
  color:#faf7c4;
}

#contact p.error span {
  color:#ff7777;
  font-weight:bold;
}

#contact p.success span {
  color:#79df79;
  font-weight:bold;
}

#contact input.error, #contact textarea.error {
  border:1px solid #ff7777;
}

#contact input.button {
  position:absolute;
  margin:248px 0 0 417px;
}

html>body #contact input.button {
  margin:241px 0 0 417px;
}

/* ------------------------------------------------------------ right --- */
#right {
  float:right;
  width:295px;
  height:617px;
  text-align:center;
}

#right a#logo {
  display:block;
  width:215px;
  height:160px;
  margin:0 35px 0 45px;
}

#right img.image_right {
  display:block;
  margin:254px auto 0 auto;
}