@charset "utf-8";

* {
		margin: 0;
		padding: 0;
}
body {
		margin: 0;
		padding: 0;
		font-family: verdana, Arial, Helvetica;
		font-size: 100.01%;
		color: #2e2619;
		background: #c3c3c3 url(images/bg_body.gif) left -10px repeat-x ;
}
h1, h2, h3 { color: #800000; }
ul {
		margin-bottom: 15px;
		list-style-type: square;
		color: #222;
}
ul li {
		margin: 0 0 0 25px;
		padding: 0 0 0 5px;
}
li {
		list-style-image:url(images/icon_punkt.gif);
		padding-bottom: 6px;
}



p {	padding-bottom: 15px;	}
img {
		/*
		border: 1px dotted #888;
		padding: 4px;
		*/
}
img.right {
		float: right;
		margin: 0 0 2px 10px;	
}
img.left {
		float: left;
		margin: 0 10px 2px 0;	
}
a { color: #222; text-decoration: none; }
a:hover { color: #000; border-bottom: 1px dotted #222; }
a.email {
		padding-left: 20px;
		background: transparent url(images/icon_email.png) no-repeat left center;	
}
a.email:hover {
		padding-left: 20px;
		background: transparent url(images/icon_email.png) no-repeat left center;	
}

fieldset{
		margin: 20px 0 20px 0px;
		position: relative;
		display: block;
		padding: 5px 10px 10px 10px;
		border: 1px solid #aaa;
}
label {
		display: block;
		float: left;
		width: 150px;
		margin: 6px 0 0 0px;
		cursor: pointer;
}
input, textarea {
		width: 300px;
		padding: 2px;
		margin: 3px 0 3px 0;
		border: 1px solid #888;
}
input:hover, textarea:hover, input:focus, textarea:focus  {
		background-color: #eee;
}
textarea {
		height: 150px;
}
legend {
		background-color: #fff;
		font-weight: bold;
		padding: 2px 4px;
}

/* Tabelle Projekte/Referenzen */
table.projekte {
		width: 100%;
		border: 0;
		border-collapse: collapse;
}
table.projekte th {
		text-align: left;
		padding: 2px 4px;
		border: 1px dotted #aaa;
		background-color: #eee;
}
table.projekte td {
		height: 70px;
		padding: 2px 4px;
		border: 1px dotted #ccc;
}
table.projekte tr.even td {	
		background-color: #f6f6f6;
}


div.error {
		width: auto;
		padding: 6px 8px;
		border: 1px dotted red;
		color: red;
}
div.ok {
		width: auto;
		padding: 6px 8px;
		border: 1px dotted green;
		color: green;
		margin-bottom: 180px;
}

/* Header */
#header {
		position: relative;
		z-index: 1;
		width: 850px;
		height: 83px;
		margin: 0 auto;
		/*
		background-color: #f7f5f2;
		border: 1px solid #000;
		border-bottom: 1px solid #000;
		*/
}
/* Logo */
#header #logo {
		position: absolute;
		z-index: 100;
		top: 0;
		left: 0;
		width: 180px;
		height: 100px;
		background: transparent url(images/logo_ingeo.jpg) no-repeat 5px 10px;
}
#header #logo h1 a {
		display: block;
		width: 180px;
		height: 100px;
		border: 0;
}
#header #logo h1 a span {
		visibility: hidden;
}
#header h2 {
		position: absolute;
		right: 0;
		top: 18px;
		height: 30px;
		width: auto;
		color: #333;
		font-size: 18px;
		border-top: 1px solid #aaa;
		border-right: 1px solid #aaa;
		padding: 10px 10px 10px 0;
}

/* Navigation */
#navi {
		position: relative;
		z-index:100; 
		margin: 1px auto 20px auto;
		background-color: #aaa;
		border: 1px solid #222;
		border-top: none;
		width: 850px;
}
.prodrop8 { position:relative; z-index:101; padding: 0; margin: 0 0 0 180px; list-style:none; height:36px; font-family:arial, verdana, sans-serif;}
.prodrop8 li.top { display:block; float:left; margin:0; padding: 0; }
.prodrop8 li a.top_link { display:block; float:left; height:36px; line-height:27px; color: #555; text-decoration:none; font-size:14px; font-weight:bold; padding:0; cursor:pointer; }
.prodrop8 li a.top_link span { float:left; display:block; padding: 0 12px; height:36px; line-height: 36px; }
.prodrop8 li a.top_link:hover { background-color: #ccc; color:#000; line-height:25px; border: 0; }
.prodrop8 li a.top_link:hover span { }
.prodrop8 li a.active span { background-color: #ccc; color:#000; border: 0; }
.prodrop8 li:hover > a.top_link { color:#000; line-height:25px; }
.prodrop8 li:hover > a.top_link span { }
.prodrop8 table { border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0; }

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */
.prodrop8 a:hover { visibility:visible; position:relative; z-index:200; }
.prodrop8 li:hover { position:relative; z-index: 200; }

/* keep the 'next' level invisible by placing it off screen. */
.prodrop8 ul, .prodrop8 iframe { position:absolute; left:-9999px; top:-9999px; z-index:-1; width:0; height:0; margin:0; padding:0; list-style:none; }
.prodrop8 ul.sub1 { width: 170px; }
.prodrop8 :hover iframe.one { left:0; top:35px; width:150px; height:100px; }
.prodrop8 :hover iframe.two { left:0; top:35px; width:100px; height:65px; }
.prodrop8 :hover ul { position: absolute; z-index: 500; left:0; top:36px; background: #aaa; padding:3px; border: 1px solid #222; border-width:0 1px 1px; white-space:nowrap; height:auto; z-index:300; }
.prodrop8 :hover ul li { margin: 0; padding:0; display:block; height:25px; position:relative; font-weight:normal; width:auto; }
.prodrop8 :hover ul li a { border: 0; display:block; font-size:12px; height:25px; line-height:25px; width:auto; padding:0 10px; color:#000; text-decoration:none; }
.prodrop8 :hover ul li a:hover { border: 0; background-color: #ccc; color:#000; }


/* Content */
#content_wrapper {
		position: relative;
		width: 850px;
		margin: 0 auto;
		background-color: #fff;
		border-left: 1px solid #666;
		border-right: 1px solid #666;		
		font-size: 0.75em;
		line-height: 1.6em;
		background: #fff url(images/bg_content_left.gif) repeat-y left top;
}
#content_wrapper #content {
		width: auto;
		margin: 0;
		padding: 15px 30px 20px 210px;
		min-height: 350px;
}

/* Content Ueberschriften */
#content_wrapper #content h3 {
		font-size: 1.8em;
		padding: 5px 0 10px 0;
		margin: 0 0 20px 0;
		color: #800000;
		border-bottom: 1px dotted #222;
		border-bottom: 1px solid #666;		
}
#content_wrapper #content h4 {
		font-size: 1.4em;
		padding: 5px 0;
		margin: 10px 0 10px 0;
		border-bottom: 1px dotted #800000;
		border-bottom: 1px solid #800000;		
}

#box_left {
		position: absolute;
		z-index: 2;
		top: 0;
		width: 160px;	
		height: 500px;
		background: transparent url(images/tiefblick.gif) no-repeat 50% top;
}

/* Footer */
#footer {
		clear: both;
		margin: 0 auto;
		width: 620px;
		border-left: 1px solid #666;
		border-right: 1px solid #666;
		background: #f7f5f2 url(images/bg_content_left.gif) repeat-y left top;		
		background-color: #eeeeee;
		font-size: 11px;
		line-height: 1.4em;
		color: #666;
		padding: 15px 30px 20px 200px;
}
#footer span { float: right; }
#footer span.print { display: none; }
#footer a {
		color: #000;
		text-decoration: none;
}
#footer a:hover {
		color: #000;
		border-bottom: 1px dotted #000;	
}