html {
	margin:0;
	padding:0;
}

body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background-color:#eee;
}

div, p, h1, h2, h3, h4, h5 {
	font-family:Tahoma, Arial, Verdana;
	color:#4b4b4b;
}

div, p {
	font-size:11px;
}

img {
	border-style:none;
}

a {
	color:#7aaa1b;
}

small {
	color:#9a9a9a;
}

.midcolumn a,
.shortcolumn a {
	background-image:url(img/link_border.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	text-decoration:none;
	padding:0px 1px 2px 1px;
}

.midcolumn a.imagelink,
.shortcolumn a.imagelink {
	background-image:none;
	text-decoration:none;
	padding:0px;
}

.shortcolumn a#anfahrt,
.midcolumn a:hover,
.shortcolumn a:hover {
	background-image:none;
}

#page {
	position:absolute; 
   left:50%; 
   width:870px; 
   margin-left:-435px; 
	margin-top:40px;
	background-color:#fff;
	background-image:url(img/bg_top.gif);
	background-repeat:no-repeat;
	background-position: top;
}

#innerpage {
	margin:0 10px;
}

/*********HEADER*********/

#header {
	padding-right:25px;
	clear:both;
	float:right;
}

#header h1#logo {
	text-indent:-10000px;
	width:230px;
	height:67px;
	background-image: url(img/logo.gif);
	float:right;
	margin-bottom:25px;
}

/******* NAVI **********/

#navigation {
  list-style: none;
  clear:both;
  width:850px;
  margin:0;
  padding:0;
}

#navigation li {
  float: left;
}

#navigation a * {
  display: none;
}

#navigation a,
#navigation a .hover {
  height:47px;
	position: relative;
	display: block;
	background: url(navi/navi.gif) 0 0 no-repeat;
	cursor:pointer;
}


/* individual navigation items */
#navigation a.start {
  background-position: 0 0;
  width: 212px;
}

#navigation .highlight a.start:hover,
#navigation a.start .hover {
  background-position: 0 -47px;
  width: 212px;
}

#navigation a.leistungen {
  background-position: -212px 0;
  width: 213px;
}

#navigation .highlight a.leistungen:hover,
#navigation a.leistungen .hover {
  background-position: -212px -47px;
}

#navigation a.referenzen {
  background-position: -425px 0;
  width: 213px;
}

#navigation .highlight a.referenzen:hover,
#navigation a.referenzen .hover {
  background-position: -425px -47px;
}

#navigation a.kontakt {
  background-position: -638px 0;
  width: 212px;
}

#navigation .highlight a.kontakt:hover,
#navigation a.kontakt .hover {
  background-position: -638px -47px;
}


/* .highlight will be remove if JS is enabled */
#navigation .highlight a.start:hover, 
#navigation a.start .hover {
  background-position: 0 -47px;
  width: 212px;
}


/**
#navigation {
	clear:both;
}

#navigation ul {
	width:850px;
	height:47px;
	margin:0;
	padding:0;
	list-style-type:none;
}

#navigation ul li {
	margin:0;
	padding:0;
	float:left;
	display:block;
}

#navigation ul li a {
	text-indent:-10000px;
	display:block;
	height:47px;
}

#navigation ul li#start a { width:212px; background-image:url(navi/start.gif); }
#navigation ul li#start a:hover { width:212px; background-image:url(navi/start.gif); background-position:0 -47px; }

#navigation ul li#leistungen a { width:213px; background-image:url(navi/leistungen.gif); }
#navigation ul li#leistungen a:hover { width:213px; background-image:url(navi/leistungen.gif); background-position:0 -47px; }

#navigation ul li#referenzen a { width:213px; background-image:url(navi/referenzen.gif); }
#navigation ul li#referenzen a:hover { width:213px; background-image:url(navi/referenzen.gif); background-position:0 -47px; }

#navigation ul li#kontakt a { width:212px; background-image:url(navi/kontakt.gif); }
#navigation ul li#kontakt a:hover { width:212px; background-image:url(navi/kontakt.gif); background-position:0 -47px; }**/

/********* CONTENT **********/

#content_wrapper {
	width:820px;
	margin:25px 0px 0px 25px;
	clear:both;
}

#title {
	width:425px;
	height:36px;
	clear:both;
	margin-bottom:5px;
	margin-top:32px;
	float:left;
}

#title h2 {
	text-indent:-10000px;
	width:213px;
	height:10px;
	margin:0;
	padding:0;
}

#title img {
	border-style:none;
}

#info {
	float:right;
	width:300px;
	color:#8D8D8D;
	text-align:right;
	margin-right:25px;
	margin-top:50px;
}

p {
	line-height:180%;
	margin:11px 0;
}

.trenn {
	height:30px;
	font-size:0px;
	color:#fff;
	width:800px;
	clear:both;
}

.shortcolumn {
	float:left;
	display:inline;
}

.twocolumns {
	background-image:url(img/bg_2col.gif);
	float:left;
}

.twocolumns .shortcolumn {
	padding:0 0 0 15px;
	width:250px;
	margin-right:0px;
	border-top:1px solid #eee;
}

.twocolumns .midcolumn {
	border-top:1px solid #eee;
	width:534px;
}

.twocolumns .shortcolumn.boxbg {
	padding:0 15px;
	width:236px;
	margin-right:0px;
}

#anfahrt {
	padding-top:15px;
}

.threecolumns {
	background-image:url(img/bg_3col.gif);
	float:left;
}

.threecolumns .shortcolumn {
	width:250px;
	margin-right:23px;
}

.refindex {
	background-image:url(img/bg_3col_ref.gif);
}

.refindex .shortcolumn {
	width:252px;
	padding:0px 7px;
}

#slidereferenzen ul.slidelist,
#slidereferenzen ul.slidelist li {
	padding:0;
	list-style:none;
	overflow: hidden;
	height:500px;
}

#slidereferenzen ul.slidelist {
	position:relative;
	margin:30px 0 0 0;
}

#slidereferenzen ul.slidelist li {
	margin:0;
	width:800px;
	float:left;
	display:inline;
}

#slidereferenzen {
	overflow: hidden;
}

/*#slidereferenzen .back a,
#slidereferenzen .next a {
	display: none;
	outline: none; 
}*/

p.view_all {
	display:none;
}

#slidereferenzen ul.slidelist li .shortcolumn {
	margin-bottom:30px;
	height:220px;
}

#slidereferenzen ul.slidelist li .shortcolumn p {
	width:250px;
}

#slidereferenzen ul.slidelist li .shortcolumn h2.linktitle {
	width:250px;
}

#content_wrapper .first {
	padding-right:10px;
}

#content_wrapper .second {
	padding-left:10px;
	padding-right:10px;	
}

#content_wrapper .third {
	padding:0 0 0 10px;
}

#content_wrapper .bordertop {
	border-top:1px solid #eee;
}

.midcolumn {
	width:537px;
	float:left;
}

.midcolumn p {
	margin-right:10px;
	clear:both;
}

#prevnext {
	padding:12px 12px;
	border-top:1px solid #eee;
	height:20px;
	background-color:#fff;
	clear:both;
}

#prevnext .alignleft,
#prevnext #alignleft {
	width:50%;
	float:left;
}

#prevnext #alignleft a {
	background-image:url(img/arrow_left.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding:3px 16px;
}

#prevnext .alignright,
#prevnext #alignright {
	width:50%;
	float:left;
	text-align:right;
}

#prevnext #alignright a {
	background-image:url(img/arrow_right.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding:3px 16px;
}

#prevnext a.arrowprev {
	background-image: none;
	padding:0;

	float:left;
	margin-right:10px;
}

#prevnext a.arrownext {
	background-image: none;
	padding:0;
	display:block;
	float:right;
	margin-left:10px;
}

#prevnext a.next {
	float:right;
}

#prevnext a {
background-image:url(img/link_border.gif);
background-position:center bottom;
background-repeat:repeat-x;
padding:0 1px 2px;
text-decoration:none;
}

#prevnext a:hover {
	background-image:none;
}

#content_wrapper .borderleft {
	border-left:1px solid #eee;
}

#content_wrapper .bordertop {
	border-top:1px solid #eee;
}

#content_wrapper .borderright {
	border-right:1px solid #eee;
}

#content_wrapper .borderbottom {
	border-bottom:1px solid #eee;
}

#content_wrapper .paddingtop {
	padding-top:10px;
}

.shortcolumn h2.title,
.midcolumn h2.title {
	font-family:Helvetica, Tahoma, Arial, Verdana;
	letter-spacing: 1px;
	font-size:13px;
	font-weight:bold;
	margin:10px 0 0 0;
}

.shortcolumn h2.linktitle {
	font-family:Arial, Verdana;
	font-size:13px;
	margin:0;
	text-transform:uppercase;
}

.shortcolumn h2.title a,
.shortcolumn h2.linktitle a  {
	color:#fff;
	background-image:none;
	display:block;
	background-color:#6c6c6c;
	width:242px;
	padding:3px 4px;
}

.shortcolumn h2.title a:hover,
.shortcolumn h2.linktitle a:hover {
}

.shortcolumn #content_right {
	width:230px;
	margin-top:6px;
	border-top:1px solid #eee;
	padding-top:20px;
	padding-left:20px;
}

.shortcolumn .newstitle {
	margin-top:15px;
}

.highlight {
	color:#007eb3;
	padding-bottom:8px;
	display:block;
}

.shortcolumn ul#donelist {
	margin:20px 0 20px 10px;
	padding:0;
}

.shortcolumn ul#donelist li {
	list-style-type:none;
	background-image:url(img/check.gif);
	background-repeat: no-repeat;
	background-position:left;
	display:block;
	padding-left:25px;
	margin:8px 0;
}

.referenzen .shortcolumn a {
	background-image:none;
	padding:0;
}

.referenzen .shortcolumn a img {
	border-bottom:3px solid #009ee0;
	width:250px;
	overflow:hidden;
}

.referenzen .shortcolumn a:hover img {
	border-bottom:3px solid #7aaa1b;
}

div.web,
div.branche {
	padding:5px;
	margin-left:1px;
	width:257px;
	float:right;
	color:#eee;
	background-color:#8b8b8b;
	clear:right;
	margin:0 0 20px 0;
}

div.branche {
	float:left;
}

div.web a,
div.web a:hover {
	color:#eee;
	background-image:url(img/weblink_bg.gif);
	background-position:right bottom;
	padding-right:16px;
}

.refindex .shortcolumn p {
	color:#8D8D8D;
	height:40px;
	display:block;
	float:left;
}

.widecolumn {
	width:800px;
	clear:both;
}

.boxbg {
	background-image:url(img/box_bg.gif);
}

/*********** SLIDESHOW ***********/

#slideshow {
	height:290px;	
	margin-bottom:2px;
	float:left;
	width:537px;
}

#slideshow img {
	float:left;
}

#slideshow #thumbnails {
	width:250px;
	height:290px;
	float:right;
}

a.thumb {
	background-image:none;
	margin:0 0 2px 2px;
	padding:0;
	float:left;
}

a.thumb img {
	float:0;
	border-style:none;
}


/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {  
position: relative; 
overflow: hidden;  
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li {  
float:left; 
} 
.stripTransmitter { 
overflow: auto; 
float:left;
width:263px;
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none; 
} 
.stripTransmitter ul li{ 
float:left; 
margin:0 0 2px 2px;
padding:0;
height:95px;
line-height:0;
display:inline;
} 

/******* KONTAKTFORMULAR ******/

#kontaktformular {
	width:100%;
	clear:both;
}

#kontaktformular ol {
	margin:0;
	padding:0;
	width:100%;
	list-style:none;
}

#kontaktformular ol li {
	clear:both;
	display:block;
	padding:15px 0;
}
#kontaktformular ol li label {
	float:left;
	display:block;
	width:100px;
}

#kontaktformular ol li span.error {
	display:block;
	background-image:url(img/kontakterror_bg.gif);
	padding:4px;
	color:#fff;
	width:142px;
	float:left;
	height:14px;
	text-align:right;
	margin-left:2px;
}

#kontaktformular ol li.buttons {
	clear:both;
	width:100%;
}

#kontaktformular ol li.buttons input#submitted {
	display:none;
}

#kontaktformular ol li input,
#kontaktformular ol li textarea {
	width:250px;
	border:1px solid #9a9a9a;
	padding:3px 4px;
	font-family:Tahoma, Arial, Verdana;
	color:#4b4b4b;
	font-size:11px;
	float:left;
	height:14px;
	display:inline;
}

#kontaktformular ol li textarea {
	height:70px;
	font-size:14px;
	padding:4px;
}

#kontaktformular ol li input:active,
#kontaktformular ol li textarea:active,
#kontaktformular ol li input:hover,
#kontaktformular ol li textarea:hover,
#kontaktformular ol li input:focus,
#kontaktformular ol li textarea:focus  {
	background-color:#f1f1f1;
	border:1px solid #d5d5d5;
}

#kontaktformular ol li #submit {
	background-image:url(img/submit_bg.gif);
	color:#5b5b5b;
	padding:0px 10px;
	height:30px;
	border:1px solid #9e9e9e;
	font-weight:bold;
	cursor:pointer;
	font-size:11px;
	font-family:Tahoma;
}

#kontaktformular ol li #submit:hover,
#kontaktformular ol li #submit:focus {
	background-image:url(img/submit_bg_hover.gif);
	color:#fff;
	padding:0px 10px;
	height:30px;
	border:1px solid #006189;
	text-shadow: none;
	cursor:pointer; 
}

#kontaktformular ol li #submit:active {
}

.success {
	color:#fff;
	background-image: url(kontakt/img/successbg.gif);
	padding:5px;
	width:515px;
}

.success h1 {
	margin:0px 0 8px 0;
	color:#fff;
	font-size:13px;
}

.success p {
	color:#fff;
	margin:5px 0;
}

/***************FOOTER************/

.clear {
	width:820px;
	clear:both;
}
#footer {
	clear:both;
	width:100%;
	border-top:1px solid #eee;
	color:#8d8d8d;
	background-image: url(img/bg_bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	background-color:#fff;
	height:45px;
}

#footer_navigation {
	margin:10px 25px;
	width:500px;
	height:20px;
	float:left;
}

#footer_navigation ul {
	margin:0;
	padding:0;
	list-style-type:none;
	color:#8d8d8d;
}

#footer_navigation ul li {
	float:left;
	margin-right:20px;
}

#footer_navigation ul li a {
	color:#8d8d8d;
	text-decoration: none;
}

#copylogo {
	float:right;
	margin:10px 25px;
}