body {
background: -moz-linear-gradient(top, rgba(76,76,76,0.65) 10%, rgba(0,0,0,0) 60%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(76,76,76,0.65)), color-stop(60%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(76,76,76,0.65) 10%,rgba(0,0,0,0) 60%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(76,76,76,0.65) 10%,rgba(0,0,0,0) 60%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(76,76,76,0.65) 10%,rgba(0,0,0,0) 60%); /* IE10+ */
background: linear-gradient(to bottom, rgba(76,76,76,0.65) 10%,rgba(0,0,0,0) 60%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a64c4c4c', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ }

h1 {	font-family: verdana, arial, helvetica, sans-serif; font-size: 0.75em; font-weight: normal; color: #333333; line-height: 1.6em; }
h2 {	font-family: verdana, arial, helvetica, sans-serif; font-size: 0.75em; font-weight: normal; color: #333333; line-height: 1.5em; }
h3 {	font-family: verdana, arial, helvetica, sans-serif; font-size: 0.75em; font-weight: normal; color: #333333; line-height: 1.5em; }
h4 {	font-family: verdana, arial, helvetica, sans-serif; font-size: 0.75em; font-weight: normal; color: #333333; line-height: 1.5em; }
h5 {	font-family: verdana, arial, helvetica, sans-serif; font-size: 0.65em; font-weight: normal; color: #333333; line-height: 1.0em; }
td {	font-family: verdana, arial, helvetica, sans-serif; font-size: 0.75em; font-weight: normal; color: #333333; line-height: 1.5em;}
.textlink {		font-family: verdana, arial, helvetica, sans-serif;	font-size: 0.9em; font-weight: normal; color: #333333; }
.link {		font-family: verdana, arial, helvetica, sans-serif;	color: #333333; }
hr {height: 1px; width: 100%; }
img {border:0px;max-width:90%;height:auto;}
ul.referenz {list-style-type:none;float:left;margin:0;padding:0;}
ul.referenz li{float:left;height:190px;width:145px;margin:5px; font-family:arial,tahoma,helvetica;text-align:center;font-weight:normal;font-size:10px;line-height: 15px;}
ul.referenz img{border:0;}

#container {margin-right: auto; margin-left: auto; max-width: 824px; width: 100%; text-align: center; }
#header {	margin: 0px; padding: 0px; max-width: 824px; width: 100%; max-height: 160px; height: 100%; background-color: #dfdfdf; border-left: 1px solid #576979; border-right: 1px solid #576979; border-bottom: 1px solid black; }
#content {  margin: 0px; padding: 0px; max-width: 824px; width: 100%; background-color: white; border-left: 1px solid #576979; border-right: 1px solid #576979; background-position: center top; float: left; }
#col2 {	text-align: left; max-width: 620px; width: 90%; padding-right: 20px; padding-left: 20px; min-height: 750px; height: 100%;  float: right; }
#col3 {	text-align: left; max-width: 150px; width: 100%; float: right; }
#col4 {	text-align: left; float: left; max-width: 700px; width: 90%; padding-right: 20px; padding-left: 20px; min-height: 750px; height: 100%; }

#footer { padding: 0; max-width: 825px; width: 100%; max-height: 50px; height: 100%; line-height: 30px; clear: both; background-color: #b2b2b2; border-left: 1px solid #576979; border-right: 1px solid #576979; }
#footer p {	font-size: 0.8em; font-family: arial; font-weight: normal; max-height: 40px; color: white; text-align: center;}
#footer a {	font-size: 0.8em; text-decoration: none; font-weight: normal; color: white; text-align: center; }
#footer a:hover { text-decoration: underline; font-weight: normal; color: blue; text-align: center; }

#index1 { visibility: visible; float: left; top: 324px; left: 410px; max-width: 140px; width: 100%; max-height: 170px; height: 100%; text-align: left; }
#index2 { visibility: visible; float: left; top: 324px; left: 564px; max-width: 430px; width: 100%; max-height: 170px; height: 100%; text-align: left; }

#news { font-family: verdana, arial, helvetica, sans-serif; font-size: 0.75em; font-weight: normal; color: #333333; line-height: 2.2em;  }		

#referenz1 { visibility: visible; float: left; top: 324px; max-width: 250px; width: 100%; height: 250px; text-align: left; acbackground-color: red; }
#referenz2   { visibility: visible; float: left; top: 324px; max-width: 280px; width: 100%; height: 250px; text-align: left; }
#kontakt1	{ visibility: visible; float: left; position: relative; max-width: 320px; width: 100%; height: auto; text-align: left; }
#kontakt2	{ visibility: visible; float: left; position: relative; max-width: 380px; width: 100%; height: auto; text-align: left; }
#kontakt3	{ visibility: visible; float: left; position: relative; max-width: 300px; width: 100%; height: auto;}

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

body { background-color: #ece8e5; }
nav { height: 40px; width: 100%; background: #455868; font-size: 0.75em; font-family: verdana, arial, helvetica, sans-serif; font-weight: bold; position: relative; border-bottom: 2px solid #283744; }
nav ul { padding: 0; margin: 0 auto; width: 700px; height: 40px; }
nav li { display: inline; float: left; }
nav a { color: #fff; display: inline-block; width: 100px; text-align: center; text-decoration: none; line-height: 40px; text-shadow: 1px 1px 0px #283744; }
nav li a { border-right: 1px solid #576979; box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box; }
nav li:last-child a { border-right: 0; }
nav a:hover, nav a:active { background-color: #8c99a4; }
nav a#pull { display: none; }

@media screen and (max-width: 600px) { 
nav { height: auto; }
nav ul { width: 100%; display: block; height: auto; }
nav li { width: 50%; float: left; position: relative; }
nav li a { border-bottom: 1px solid #576979; border-right: 1px solid #576979; }
nav a { text-align: left; width: 100%; text-indent: 25px; }
}

@media only screen and (max-width : 480px) { 
nav { border-bottom: 0; }
nav ul { display: none; height: auto; }
nav a#pull { display: block; background-color: #283744; width: 100%; position: relative; }
nav a#pull:after { content:""; background: url('nav-icon.png') no-repeat; width: 30px; height: 30px; display: inline-block; position: absolute; right: 15px; top: 10px; }
}

@media only screen and (max-width : 320px) {
nav li { display: block; float: none; width: 100%; }
nav li a { border-bottom: 1px solid #576979; }
}