@charset "utf-8";

/* IE FIX */
img, div {
  /*behavior: url(iepngfix.htc);*/
}



html {
padding:0;
margin:0;
height: 100%;
}

body {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #979595 url(../_bilder/bg-body.jpg) repeat-x;
	padding:0;
	margin:0;
	color: #333;
	text-align:center;
	height: 100%;
	letter-spacing:0.1em;
}

div {
	text-align:left;
}



#container {

background: url(../_bilder/inhalt-bg.png) repeat-y;
behavior: url(iepngfix.htc);
width:834px;
margin:0 auto;
min-height: 100%; /* Mindesthöhe für moderne Browser */
height:auto !important; /* Important Regel für moderne Browser */
height:100%; /* Mindesthöhe für den IE */
/*overflow: hidden !important; /* FF Scroll-leiste */ 

}

#inner-container {

width:770px;
margin:0 0 0 37px;

}



#head {
	
	float:left;
	display:inline;
width:820px;
	
	padding: 0 0 15px 7px;
	
}

#logo {
	display:inline;
	float:left;
	width:400px;
	margin: 20px 0px 15px 33px;
}

#claim {
	float:right;
	display:inline;
	text-align:right;
	font-size:11px;
	line-height:13px;
	margin: 0 ;
	padding:15px 33px 0 0;
	
}

#head-bild {
	overflow:hidden;
	width:820px;
	float:left;
	position:relative;
	
	height:114px;

}

/* Navigation */

#navigation {
float:left;
/*height:100px;*/
	margin: 5px 0 15px 0;
}

#navigation ul {
	margin:0;
	padding:0;
}

#navigation ul li {
	position:relative;
	width:140px;
	height:68px;
	margin:0 15px 0 0;
	padding:0;
	list-style:none;
	float:left;
	background-color:#979595;
	background-image:url("../_bilder/verlauf-trans.png");
	/*behavior: url(iepngfix.htc);*/
	background-repeat: repeat-x;
}


#navigation ul li a {
	font-size:14px;
	display:block;
	padding:43px 0 10px 10px;
	color:#FFF;
	text-decoration:none;
	
	background-image: url("../_bilder/maske-trans.png");
	background-repeat: no-repeat;
	
}

#navigation ul li.aktiv {
	background-color: #8A2328;
}


/* ----------------------------------- */

#inhalt {
clear:both;
padding: 0 0 50px 0;
width:760px;

}

#bottom {
text-align:right;
width:820px;
margin:-18px auto;
font-size:11px;
background:#8A2328;
clear:both;
}


#bottom p {
color:#CCC;
margin:0;
padding:2px 23px 4px 0;
line-height:12px;
}

#bottom a {
	color:#CCC;
}



/* TYPO */
hr {
height:1px;
background-color: #FFF;
border:0;
border-bottom:1px dashed #8A2328;
}


#inhalt p {
padding:0 0px 10px 3px;
margin:0;
line-height:16px;

}

div.leistung {
width:300px;
height:200px;
float:left;
border:1px solid #8A2328;
}

#inhalt p.subhead {
font-weight:bold;
color:#8A2328;
background:#EEE;
padding:5px 0 3px 10px;

margin-bottom:5px;
}

p.msg {
	color:#892025;
	font-weight:bold;
}

#projekt p {
margin:0;
padding:0 10px 10px 10px;
}



h1 {
	margin:0;
	padding:10px 0px 20px 3px;
	color: #8A2328;

	font-size:22px;
	font-weight:normal;
}

h2 {
	margin:-20px 0 0 0;
	padding:0px 0px 30px 3px;
	color: #333;
	font-size:12px;
	font-weight:bold;
	
}

h3 {
	margin:0;
	padding:10px 0px 5px 0px;
	color: #022561;
	font-size:12px;
	font-weight:bold;
	clear:both;
}

h4 {
	margin:0 0 7px 0;
	padding:10px 0px 5px 0px;
	color: #022561;
	border-bottom: 1px solid #022561;
	font-size:12px;
	font-weight:bold;
	clear:both;
}

a, a:LINK, a:VISITED {
	color: #8A2328;
	text-decoration:underline;
	
}


a:HOVER {
	text-decoration:none;
}

a.pdf {
background: url(../_bilder/icon-pdf.gif) 0px 1px no-repeat;
padding: 2px 0 3px 23px;
}

#inhalt ul {
margin:0 0 0 25px;

padding:0;
}

#inhalt ul li {

margin:0;
padding:0;
line-height:16px;
}

#inhalt ul.referenzen {
margin:0 0 0 3px;
}

#inhalt ul.referenzen li {
list-style:none;
margin:0;
padding:0;
line-height:20px;
}

/*  ----------------Tabellen---------------------- */ 

table.normal {
	background-color: #E0E2E6;
	margin:0px 0pt 0px 0px;
	font-size: 12px;
	width: 568px;
	text-align: left;
	border-collapse:inherit;
}

table.normal tr th {
	background-color: #EEEEEE;
	border: 1px solid #FFF;
	font-size: 12px;
	padding: 4px;
	color: #202020;
	line-height:16px;
}

table.normal tr th a {
	display:block;
	color: #202020;
	text-decoration:none;
}

table.normal td {

	padding: 4px 10px 4px 10px;
	vertical-align: top;
	line-height:16px;	
}

table.normal tr {
	background-color: #FFF;
}


/* Formulare */
label {
cursor:pointer;
float:left;
display:block;
width:125px;
}

input, textarea, select {
	width:300px;
	border:1px solid #969696;
	padding:2px 5px 2px 5px;
}

textarea {
	height:200px;
}

input.submit {
	width:301px;
	background:#DDD;
	padding:1px 0 1px 0;
	cursor:pointer;
}


input.checkbox {
	border:0;
	width:14px;
	height:14px;
}

/* rounded Box */

.t {background: url(../_bilder/dot.gif) 0 0 repeat-x; width: 295px;}
.b {background: url(../_bilder/dot.gif) 0 100% repeat-x}
.l {background: url(../_bilder/dot.gif) 0 0 repeat-y}
.r {background: url(../_bilder/dot.gif) 100% 0 repeat-y}
.bl {background: url(../_bilder/bl.gif) 0 100% no-repeat}
.br {background: url(../_bilder/br.gif) 100% 100% no-repeat}
.tl {background: url(../_bilder/tl.gif) 0 0 no-repeat}
.tr {background: url(../_bilder/tr.gif) 100% 0 no-repeat; padding:10px 1px 10px 1px;} 

#projekt ul {
	margin:0 0 20px 25px;padding:0;
}

#projekt ul li {
	list-style: circle;
}

/* slider */

.slide {
	position:absolute;
	left:-400px;
	top:-200px;
	/*width: 10%;
	height: 10%;
	/*background: #FFF;*/
	display:inline;
}

.slide img {
	
	width:1px;
	height:1px;
}