/* CSS-Datei für www.rieger-lampprecht.de  02/2009 Martin Rieger - Rieger-Lampprecht GbR <www.rieger-lampprecht.de> */
/* ************************************* */


/* body */
html {
min-height: 100.1%;
}

body {
	margin:0;
	padding:0;
	font-size:12px;
	line-height:16.5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#414953;
	/* color:#868686; */
	background-color:#F5F5F5;
	background-image:url(../img-style/bg-body.png);
	background-position:top center;
	background-repeat:repeat-x;
    }
	
	:focus {outline:0;}
	
	.orange {color:#FF6600;}
	.green {color:#009900;}
	a.blue {color:#414953;}
	.clearer {clear:both; float:none; height:1px; line-height:1px;}
	
  hr { background-color:#ccc; color:#ccc; border:#ccc; height:2px; clear:both; margin:10px 25px 0 25px; }
	
	p {
	margin:0px 0 20px 25px;
	line-height:1.7em;
	}
	
	li {
	margin-bottom:5px;
	margin-top:5px;
	}
	
	ul {
	padding:0px;
	margin:0 0 20px 45px;
	}
	
	h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:normal;
	color:#ffffff;
	letter-spacing:0.0em;
	margin:0px;
	padding:30px 0 0 60px;
	}
	h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#ffffff;
	letter-spacing:0.0em;
	margin:0px;
	padding:10px 0 0 60px;
	}
	
	h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#AF9B6D;
	font-weight:bold;
	margin:0px 25px 15px 25px;
	}


	form {
	margin:0px;
	padding:0px;
	}
	
    input {
	font-family:Arial, Helvetica, sans-serif;
    }
	
	a {
	color:#414953;
	}
	
img{
border:0;
}

	.pics {
	padding:1px;
	border:1px solid #AEB6C0;
	}
	.imgfloatright {
	float:right; margin-left:30px;
	}
#header {
position:relative; 
width:950px; 
height:107px; 
margin-left: auto; 
margin-right: auto;
margin-top:0px;
}

	#header-logo {
	position:absolute; 
	left:5px;
	top:25px;
	}
	
	#header-navigation {
	position:absolute; 
	right:10px;
	top:30px;
	}

#headline {
position:relative; 
width:950px; 
height:186px; 
margin-left: auto; 
margin-right: auto;
margin-top:0px; margin-bottom:0px; padding:0;
background-image:url(../img-style/bg-headline.png);
background-repeat:no-repeat;
}
#startbereich {
position:relative; 
width:940px; 
height:418px; 
margin-left: auto; 
margin-right: auto;
margin-top:2px;
}
div#flash {
width:940px;
height:418px;
background-image:url(../img-style/bg-flash-startseite.jpg);
background-repeat:no-repeat;
}
div#flashcontent {
width:940px;
height:418px;
background-image:url(../img-style/bg-headline-startseite.jpg);
background-repeat:no-repeat;
}
#startbereich h1{
margin:0;
padding:35px 0 10px 0px;
color:#FFFFFF;
}
#startbereich p{
padding:10px 0 0 0px;
margin:0;
line-height:1.4em;
color:#FFFFFF;
}
.start-leistungen{
background-image:url(../img-style/bg-start-leistungen.png); background-repeat:no-repeat; width:313px; height:290px;
float:left;
position:relative;
}
.start-leistungen h2{
margin:0px 40px 0px 40px;
padding:40px 0px 0px 0px;
color:#FF6600;
border-bottom:1px dotted #FF6600;
}
.start-leistungen p{
margin:0px 40px 0px 40px;
padding:20px 0px 0px 0px;
color:#414953;
}

#headline p {
margin:0;
padding:55px 0 0 30px;
line-height:30px;
color:#414953;
font-weight:bold;
font-size:14px;
}


#content {
position:relative; 
overflow:auto !important;  /* für moderne Browser */
overflow:inherit;
width:940px; 
margin-left: auto; 
margin-right: auto;
margin-top:-25px;
min-height:300px;
padding-top:0px;
padding-bottom:20px;
height:auto !important;  /* für moderne Browser */
height:300px;  /*für den IE */
background-color:#FFFFFF;
}
#zero {
margin-top:-76px;
}
.referenz {
position:relative; background-image:url(../img-style/bg-referenzen.png); background-repeat:no-repeat; width:940px; height:350px; 
}
.referenz h2{
margin:0px 45px 0px 620px;
padding:55px 0px 0px 0px;
color:#FF6600;
border-bottom:1px dotted #FF6600;
}
.referenz p {
margin:0px 0px 0px 620px;
padding:20px 0px 0px 0px;
}

.img-referenz
{
position:absolute;
left:35px;
top:45px;
  display: block;
  width: 540px;
  height: 270px;
  margin:0;
  padding:0;
}

.img-referenz a.more
{
  display: block;
  width: 540px;
  height: 270px;
}

.img-referenz a.more:hover
{
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-image: url( ../img-style/lupe.png );
}



#text-left {
float:left; width:455px; padding-bottom:30px; padding-right:25px;
border-right:1px solid #514C3C;
}

#text-right {
float:right; width:195px; margin-right:0px;
display: inline;
}


#footer {
position:relative;
clear:both; 
width:100%; 
height:150px;
margin-left: auto; 
margin-right: auto;
padding-top:0px; 
background-color:#3F4955;
background-image:url(../img-style/bg-footer.png);
background-repeat:repeat-x;
text-align:center;
}
#footer p {
font-size:11px;
margin:0;
padding:0;
margin-top:80px;
color:#5B6C79;
}

#footer-content {
position:relative;
width:950px; 
margin-left: auto; 
margin-right: auto;
height:43px;
background-image:url(../img-style/bg-footer-content.png);
background-repeat: no-repeat;
}

#footer-content p{
color:#414953;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin:0;
padding:0 42px 0 47px;
}
.fleft {
float:left;
}
.fright {
float:right;
}

#footer a{
color:#414953;
margin:0 5px 0 5px;
}


#slideshow{
position:absolute;
left:0px;
top:0px;
background:transparent;
}
#slideshow img {
 display:none;
 position:absolute;
 top:82px; left:40px;
}
#slideshow img.start {
 display:block;
}



#topmenu{
position:absolute;
bottom:30px;
right:10px;
text-align:right;
height:30px;
}

/*lists---*/

#topmenu ul {
margin:0pt auto;
}

#topmenu ul li {
display:block;
float:left;
}

#topmenu ul li.last {
border:medium none;
}

#topmenu ul li a, #active {
color:#001947;
display:block;
font-weight:bold;
margin:0px;
padding:0px 0px;
margin:0px 11px;
font-size:13px;
text-decoration:none;
}

#topmenu ul li a:hover {
color:#FF6600!important;
}

#active {
color:#FF6600!important;
border-bottom:3px solid #FF6600!important;
}

a.nav, #nav-active {
background-image:url(../img-style/nav-blue.png);
background-repeat:no-repeat;
background-position:center;
padding:8px 10px 8px 10px;
margin:20px 5px 20px 0px;
color:#FFFFFF;
font-size:18px;
font-weight:bold;
text-decoration:none;
}
a.nav:hover {
background-image:url(../img-style/nav-orange.png);
}
#nav-active {
background-image:url(../img-style/nav-orange.png);
}
.nav-grey {
background-image:url(../img-style/nav-grey.png);
background-repeat:no-repeat; background-position:center;
padding:8px 10px 8px 10px;
margin:20px 5px 20px 0px;
font-size:18px; font-weight:bold; color:#FFFFFF;
}

#info-orange {
background-color:#D75600;
background-image:url(../img-style/bg-orange.png);
background-repeat:repeat-x;
width:560px; margin:30px 0 30px 25px;
}
#info-orange p{
color:#FFFFFF;
margin:0px 20px 0px 20px;
padding:10px 0 10px 0;
}
#info-orange a{
color:#FFFFFF;
}

.kontakt {
width:938px;
height:260px;
margin:1px;
padding:0px;
}
.kontakt h2, .anfahrt h2{
margin:0px 45px 0px 45px;
padding:25px 0px 15px 0px;
color:#AEB6C0;
font-size:22px;
}
.anfahrt h2{ color:#FFFFFF; }
.kontakt p, .anfahrt p {
color:#414953;
margin:0px 0px 0px 45px;
padding:10px 0px 0px 0px;
}
.anfahrt p { padding-top:3px; }
/* Contact */

#contact-div {
width:539px; margin-left:25px; color:#414953; float:left;
}
#contact-div h2{
color:#FFFFFF;
font-size:22px;
padding:25px 0 20px 0;
margin:0;
}
.contact-left {
width:260px; height:50px;
}
.contact-right {
float:right; width:268px; height:200px;
}
#contact-submit {
border: 0px solid black; background-image:url(../img-style/bg-senden.png); color: #ffffff;  font-weight:bold; margin-top:15px; font-size:12px; width:134px; height:28px; cursor: pointer;
}

.formular {
font-size:12px;
padding:4px;
border: 1px solid #CCCCCC;
background:url(../img-style/inputbg.png) no-repeat left top;
width:224px;
color:#2D4B63;
margin:0;
}

form {
margin:0;
padding:0;
}

.formular:active, .formular:focus, .formular:hover { 
background: #FFFFFF;
border: 1px solid #414953;
}

.anfahrt {
float:right; width:374px;
}