@charset "UTF-8";

@import url("standard.css");
@import url("content_base.css");
@import url("suche.css");

body {
	background:url(../images/bg5.jpg) #d0d0d0 center top  fixed repeat-y;
	text-align:center;
	padding:0;
	margin:0;
	padding-top:30px;
}

#page {
	text-align:left;
	width:960px;
	height:auto;
	margin:0 auto 0 auto;
	background:url(../images/page-bg.gif) repeat-y;
	
}

#header {
	width:960px;
	height:165px;
	background:url(../images/header.png) no-repeat;
}

#media {
	width:960px;
	height:305px;
	background:url(../../../images/screen/startmitkette.jpg);
}

#media img, #media-referenzdetail {
	margin-left:10px;
}

#media-ref {
	width:960px;
	height:305px;
	background:url(../images/ref-mitte.jpg);
}

#media-news {
	width:960px;
	height:305px;
	background:url(../images/news-mitte.jpg);
}

#media-kontakt {
	width:960px;
	height:305px;
	background:url(../images/kontakt-mitte.jpg);
}

#media-referenzdetail {
	width:960px;
	height:305px;
}

#secondary-navigation {
   padding-left:9px;
   height:141px;
   background:url(../images/thefour.gif) no-repeat;
}

#secondary-replacement {
	width:960px;
	height:1px;
	background:url(../images/theone.gif);
}

.section    {
   float:left;
   width:216px;
   height:121px;
   padding:10px;
}

.section a {
   color:#ffbe86;
   text-decoration:none;
}

.section a:hover {
   color:#fff;
}

.section p {
   line-height:14px;
   font-size:12px;
}

.arrow {
	display: block;
	line-height: 1em;
	float: right;
}


#primary-content {
	width:655px;
	height:auto;
	margin: 10px 0px 30px 10px;
	border:1px solid #fff;
	float:left;
}

#pic1 {
	float:left;
	margin: 0 10px 5px 0;
}

#primary-content ul {
	margin:0 0 15px 0;
	padding:0;
	list-style:none;
	line-height:24px;
	font-size:14px;
}

#primary-content ul li {
	line-height:24px;
	background:url(../images/bullet.gif) left no-repeat;
	padding-left:22px;
	margin:0;
	
}

#primary-content a {
	color:#00336c;
	text-decoration:none;
}

#primary-content a[href^="http:"] {
	background:url(../images/external-link.gif) no-repeat right top;
	padding-right:10px;
}

#primary-content a:hover {
	color:#00336c;
	text-decoration:underline;
}

#secondary-content {
	width:250px;
	height:auto;
	float:right;
}


#news, #more-images{
	margin:11px 0 0 0;
	width:250px;
	height:auto;
}

#footer {
	width:960px;
	height:38px;
	font-family: Arial, Helvetica, sans-serif;
	margin-top:40px;
	border-top:1px dashed #ccc;
	padding-top:20px;
	background:#f9f9f9;
}

#footleft {
	width: auto;
	float: left;
}

#footright {
	width: auto;
	float: right; 
}



#footleft p{
	padding-left:27px;
	color:#222;

}

#footright p {
	padding-right: 27px;
}

#footer a {
	font-family: Arial, Helvetica, sans-serif;
	color:#222;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#footer img {
	margin-bottom: -3px;
}

input[type="submit"], .direktkontakt input[type="reset"] {
	padding-bottom:1px;
}
h1 {
	font-size:30px;
	color:#222;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	margin-top:0;
	padding-bottom:23px;
	position:relative;
	width:678px;
	height:33px;
	background: url(../images/diagonal-lines.gif) bottom repeat-x;
}

h2 {
	font-size:14px;
	color:#222;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-top:9px;
	margin-bottom:9px;

}

h3 {
	font-size:14px;
	color:#222;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-top:12px;

}

h4 	{
	font-size:18px;
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	margin-top:3px;
}

h5 {
	font-size:30px;
	color:#222;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	margin-top:0;
	padding-bottom:23px;
	position:relative;
	width:236px;
	height:33px;
	background: url(../images/diagonal-lines.gif) bottom repeat-x;
}

p {
	color:#222;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
}

.more {
	background:url(../images/morenews.gif);
}




.clear {
	clear:both;
}

#navi {
	width:940px;
	height:26px;
	margin:61px 0 0 10px;
	float:left;
	list-style:none;
	border-bottom:10px solid #202227;
}

#navi li {
	float:left;
	margin:0 3px 0 0;
	padding:0;
}

#navi li a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	text-decoration:none;
	display:block;
	float:left;
	color:#222;
	width:auto;
	height:25px;
	line-height:25px;
	padding:0 16px 0 16px;
	background:#fff;
	border:1px solid #000;
	border-bottom:none;
	/*--Top right rounded corner--*/
	-moz-border-radius-topright: 4px;
	-khtml-border-radius-topright: 4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-topleft: 4px;
	-khtml-border-radius-topleft: 4px;
	-webkit-border-top-left-radius:4px;
	
}

#navi li a.aktiv{
	background: #202227;
	color:#fff;
}

#navi li a:hover{
	background:#98ba41;
	color:#fff;
}

#navi li a:hover.aktiv{
	background:#202227;
	color:#fff;
}



#news h6, #news p, #more-images h6, #more-images p {
	padding:5px 15px 0 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
}

#news p, #more-images p {
	padding:0px 15px 0 0px;
	font-family:Arial, Helvetica, sans-serif;
}

#news a, #more-images a {
	color:#00336c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-bottom:10px;
}

#more-images img{
	margin:3px 0 0 0px;
	padding:1px;
}

#news img{
	margin:3px 0 0 0px;
	padding:1px;
	border: 1px dashed #ccc;
}

#news img.copyright, #more-images img.copyright{
	margin:20px 0 0 40px;
	border:none;
}

#news h5 {
	width:240px;
}

img.copyright {
	display:none;
}

.box-01 {
	float:left;
	width:280px;
	height:180px;
	border: 6px solid #e0e0e0;
	margin:20px 20px 0 0;
}
/* Direktkontakt  Formular */

.direktkontakt {
	position:relative;
	float:left;
	margin-left:-11px;
	width:420px;
	height:142px;
	background:url(../images/direkt-kontakt.gif) no-repeat;
	margin-top:20px;
}
.direktkontakt form {
	margin:0;
	padding:0;
	margin-top:20px;
	width:417px;
	height:172px;
	float:left;
}

.direktkontakt label {
	float:right;
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#222;
	margin-top:12px;
	
}

.direktkontakt input {
	float:right;
	width:260px;
	height:21px;
	line-height:21px;
	border:1px solid #fff;
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:2px 30px 0 5px;
	margin-top:13px;
	margin-right:30px;
	margin-left:10px;
	color:#222;
	border:1px dashed #ccc;
}

.direktkontakt input[type="submit"], .direktkontakt input[type="reset"] {
	border:none;
	margin:8px 0 0 10px;
	padding:0;
	float:right;
	width:80px;
	height:24px;
	line-height:17px;
	background:#202227;
	font-size:16px;
	font-weight: bold;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.direktkontakt input[type="submit"]{
	background:url(../images/send.gif);
}

.direktkontakt input[type="reset"] {
	background:url(../images/reset.gif);
	width:70px;
}

/* Kontaktformular */

.kontakt {
	position:relative;
	float:left;
	margin-left:-11px;
	width:620px;
	height:355px;
	background: url(../images/field-on-site2.gif) repeat-y;
	margin-top:0px;
	margin-bottom:10px;
}
.kontakt form {
	margin:0;
	padding:0;
	width:417px;
	height:192px;
	float:left;
}

.kontakt label {
	float:right;
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#222;
	margin-top:12px;
	
}

.kontakt input {
	float:right;
	width:260px;
	height:24px;
	line-height:24px;
	border:1px solid #fff;
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:2px 30px 0 5px;
	margin-top:13px;
	margin-right:30px;
	margin-left:10px;
	color:#222;
	border:1px solid #ddd;
		/*--Top right rounded corner--*/
	-moz-border-radius-topright: 4px;
	-khtml-border-radius-topright: 4px;
	-webkit-border-top-right-radius:4px;
	/*--Top left rounded corner--*/
	-moz-border-radius-topleft: 4px;
	-khtml-border-radius-topleft: 4px;
	-webkit-border-top-left-radius:4px;
		/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 4px;
	-khtml-border-radius-rounded: 4px;
	-webkit-border-bottom-right-radius:4px;
	/*--Top left rounded corner--*/
	-moz-border-radius-bottomleft: 4px;
	-khtml-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius:4px;
}

.kontakt select {
	float:right;
	width:297px;
	height:25px;
	line-height:25px;
	border:1px solid #fff;
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-top:13px;
	margin-right:30px;
	margin-left:10px;
	color:#222;
}

.kontakt textarea{
	float:right;
	width:295px;
	height:120px;
	line-height:20px;
	border:1px solid #fff;
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-top:13px;
	margin-right:30px;
	margin-left:10px;
	color:#222;
	border:1px solid #ddd;
		/*--Top right rounded corner--*/
	-moz-border-radius-topright: 4px;
	-khtml-border-radius-topright: 4px;
	-webkit-border-top-right-radius:4px;
	/*--Top left rounded corner--*/
	-moz-border-radius-topleft: 4px;
	-khtml-border-radius-topleft: 4px;
	-webkit-border-top-left-radius:4px;
		/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 4px;
	-khtml-border-radius-rounded: 4px;
	-webkit-border-bottom-right-radius:4px;
	/*--Top left rounded corner--*/
	-moz-border-radius-bottomleft: 4px;
	-khtml-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius:4px;
}

.kontakt input[type="submit"], .kontakt input[type="reset"] {
	border:none;
	margin:10px 0 0 90px;
	padding:0;
	float:left;
	width:161px;
	height:39px;
	line-height:17px;
}

.kontakt input[type="submit"] {
	background:url(../images/senden.gif);
}

.kontakt input[type="reset"] {
	background:url(../images/reset.gif);
	width:70px;
}

/* Kontaktadresse Container */
#adr1 {
	width: auto;
	float: left;
}

#adr2 {
	width: auto;
	float: left;
	padding-left: 15px;
	margin-left: 15px;
	border-left: 1px dotted #888;
}

/* noscript-Hinweis */

#scripthinweis {
	background-color: #fffeb8;
	border-bottom: 1px solid;
	height: 2.5em;
	line-height: 2.5em;
	position: absolute;
	top:0;
	width: 960px;
	text-align: center;
}

#scripthinweis p{
	margin: 0;
	display: inline;
	padding: 6px 0 6px 26px;
}
/* Container der Referenzliste */

.refouterbox {
	float:left;
	width:280px;
	height:150px;
	border: 8px solid #c8c7c3;
	margin:20px 20px 0 0;
	overflow:hidden;
	position:relative;
	cursor:pointer;
}

.refouterboxlink {
  text-decoration:none;
  color:#898989;
  padding-left:0px;
}


.refinnerbox {
	width:250px;
	padding:20px 15px 5px 15px;
	height:140px;
	left:0px;
	position:absolute;
	top:150px;
    background: url(../images/referenzia.png) #ddd;   
	color:#222;
	cursor:pointer;	
}

.refinnerbox_headline {
 	font-size:18px;
	color:#fff;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	margin:3px 0;
   display: block;
}


.onsite {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	margin-left:-10px;
	width:680px;
	height:auto;
	padding-top:10px;
	background:url(../images/field-on-site.gif) repeat-y;
	color:#222;
	padding-bottom:14px;
	list-style: none;
}

.onsite td{
	padding-left:10px;
}

.reffieldset {
	border: 1px dashed #111; 
	padding: 0 0 20px 20px;
	margin: 17px 0 20px 0;
}

.reffieldset legend {
	background-color: #222;
	padding: 1px 20px 3px 20px;
	color: #FFF;
	display: inline;
   font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	float:left;
	margin-top:-10px;
	margin-right:400px;
	position:relative;
}
#newsletter form {
	margin:40px 0 0 0;
	padding:0;
	width:300px;
	height:30px;
	float:left;
}

#newsletter input {
	float:left;
	width:190px;
	height:22px;
	line-height:22px;
	border:1px solid #222;
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:2px 5px 0 5px;
	margin-left:18px;
}

#newsletter input[type="submit"] {
	margin:0;
	float:left;
	width:42px;
	padding:0px 2px;
	border: 1px solid #202227;
	height:26px;
	line-height:17px;
	background:#202227;
	color:#fff;
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	margin-left:3px;
}

#newsletter {
	margin:20px 0 0 0;
	width:246px;
	height:188px;
	background:url(../images/newsletter.gif) no-repeat;
}

#newsletter label{
	margin:3px 0 0 18px;
	color:#fff;
}

#newsletter fieldset {
	width:100px;
	height:120px;
}

#newsletter form {
	height:125px;
}

#newsletter input {
	margin:0px 0 0 18px;
	color:#222;
}

#newsletter input[type="submit"], #newsletter input[type="reset"] {
	margin:5px 0 0 18px;
}

#newsletter p {
	margin:0 0 0 18px;
}

#newsletter a {
	color:#222;
	text-decoration:none;
}

#newsletter a:hover {
	color:#00336c;
	text-decoration:underline;
}

.error {
	font-weight:bold;
	color: #550000;
}

#links {
	font-size:11px;
	width:960px;
	text-align:center;
	margin:0 auto 0 auto;
	background:#fff;
	padding-bottom:20px;
	padding-top:20px;
	border-top:1px dashed #ccc;
}

#links a {
	color:#555;
	text-decoration:none;
	padding-left:5px;
}

#primary-content ul.wichtigepunkte {
	list-style:none;
	font-size:24px;
	margin:0;
	padding:0;
}

#primary-content ul.wichtigepunkte li {
	float:left;
	width:170px;
	height:50px;
	line-height:50px;
	background:url(../images/haken.gif) left no-repeat;
	padding-left:45px;
	margin:0;
}

.errors {
	margin:10px 10px 10px 0;
	border: 1px solid #888;
	background:#f4f4f4 url(../images/bad.png) left no-repeat;
	padding:10px 10px 10px 50px;
}

.success {
	margin:10px 10px 10px 0;
	border: 1px solid #888;
	background:#f4f4f4 url(../images/good.png) left no-repeat;
	padding:10px 10px 10px 65px;
}

.blackline {
	margin:0 10px 0 10px;
	background:#000 url(../images/fadeout.png) repeat-x top;
	height:19px;
	border:none;
}

a#clickarea {
	width:940px;
	height:305px;
	margin-left:10px;
	display:block;
	border:none;
}

a:hover#clickarea {
	border:none;
}

a:active#clickarea {
	border:none;
}