/* Globale CSS-Klassen */

.row {
  width:auto;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.row:before, 
.row:after {
  content: " ";
  display: table;
}

.row:after {
  clear: both;
}

.columns {
  float:left;
  /*background-color: #FFF;
  opacity: 0.8;*/
}

/* Small */
@media screen and (max-width:600px) {
  .small-1 {width: 100%;}
}

/* Medium */
@media screen and (min-width:600px) and (max-width:1000px) {
  .medium-1 {width:50%;}
  .medium-2 {width:100%;}
}

/* Large */
@media screen and (min-width:1000px) {
  .large-1 {width:33.333333%;}
  .large-2 {width:66.666666%;}
  .large-3 {width:100%;}
}

/* Von dh angepasster Bereich */

/*body {
	background: url("images/nahtlos.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}*/

a {
	text-decoration: none;
	font-weight: bold;	
	color: #000;
}

a:hover {
	text-decoration: underline;
	color: #000;
}

td {
	padding-left: 15px;
	padding-right: 15px;
}

#ref li {
	padding-bottom: 10px;
}

#nav {
	background: #007788;
  	margin-bottom: 4px;
	padding-bottom: 9px;
	margin-left: 0px;
}

#nav li {
	display: inline;
  	margin-bottom: 0px;
	margin-left: -4px;
  	margin-right: 30px;
}

/* Header */

#header /*Header Farbe dunkelblau*/
{
	background: #073C4C /*url('images/header.jpg')*/ top right no-repeat;
    background-image:url('images/header_end.png');
	background-repeat:no-repeat;
	background-position:left bottom;
	color: #FFF;
}

#header-end /*Haaser-IT.com Schriftzug und LAN-Kabel mit Tastatur Bild.*/
{
    	background: url('images/header-neu.jpg') top right no-repeat;
    	z-index:1;
}

#contact {
	background: #007788;
	color: #FFF;
}

#contact a {	
	color: #FFF;
}

#contact a:hover {
	color: #FFF;
}

#contact-txt {
	background: #007788;
	color: #FFF;
}

#contact-txt a {	
	color: #FFF;
}

#contact-txt a:hover {
	color: #FFF;
}

/* jQuery-Navigation */

/* There is no required CSS for this plugin to work properly
 but here is what is being used to style this demo */
.horizontal-nav {
  background: #efefef;
  border-radius: 6px;
}
.horizontal-nav ul {
  background: #007788;
  text-align: center;
  border-radius: 6px;
}
.horizontal-nav ul li {
  float: left;
}
.horizontal-nav ul li:first-child {
  border-left: 0 none;
}
.horizontal-nav ul li a {
  display: block;
  padding: 5px 5px;
  color: #fff;
  font-weight: bold;
}
.horizontal-nav ul li:first-child a {
  border-left: 0 none;
}
.horizontal-nav ul li a:hover {
  background: #12808a;
}
.horizontal-nav ul li:first-child a {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.horizontal-nav ul li:last-child a {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}