

* {
margin:0;
padding:0;
}

html {

	background-position: bottom left;
	background: url("bottom_2.jpg");
	background-repeat: no-repeat;
}

body {
	background: url("header.jpg") #fff repeat-x 0px 0px;
	font-family:verdana, sans-serif;
	font-size:  12px;
}

#wrapper{
	margin:0 auto;
	width:880px;
}

#navi{
	width: 570px;
	height: 50px;
	background: none;
	float: left;
	margin-top: 70px;
}

#link1 {
	width: 110px;
	height: 35px;
	background: url("navi.jpg") #fff -1px -1px;
	float: left;
	margin-right: 4px;
}

#link1:hover {
	width: 110px;
	height: 66px;
	background: url("navi.jpg") #fff -1px -41px;
}

#link2 {
	width: 110px;
	height: 35px;
	background: url("navi.jpg") #fff -118px -1px;
	float: left;
	margin-right: 4px;
}

#link2:hover {
	width: 110px;
	height: 66px;
	background: url("navi.jpg") #fff -118px -41px;
}


#link3 {
	width: 110px;
	height: 35px;
	background: url("navi.jpg") #fff -233px -1px;
	float: left;
	margin-right: 4px;
}

#link3:hover {
	width: 110px;
	height: 66px;
	background: url("navi.jpg") #fff -233px -41px;
}


#link4 {
	width: 110px;
	height: 35px;
	background: url("navi.jpg") #fff -349px -1px;
	float: left;
	margin-right: 4px;
}

#link4:hover {
	width: 110px;
	height: 66px;
	background: url("navi.jpg") #fff -349px -41px;
}


#link5 {
	width: 110px;
	height: 35px;
	background: url("navi.jpg") #fff -464px -1px;
	float: left;
	margin-right: 4px;
}

#link5:hover {
	width: 110px;
	height: 66px;
	background: url("navi.jpg") #fff -464px -41px;
}



#logo{
	width: 280px;
	height: 200px;
	float: left;
	padding-left: 18px;
	margin-top: -20px;
}

#logo:hover{
	filter:alpha(opacity=95); /* Internet Explorer */
	-moz-opacity: 0.95; /* Mozilla Browser */
	opacity: 0.95; /* Opera */
}

 h2 {
 font-size: 18px;
 }

 h3 {
 font-size: 12px;
 font-weight: normal;
 }


 #content{
	width: 880px;
	min-height: 485px;
	background: #fff;
	color: #555;
	text-align: left;
	margin-bottom: 10px;
	padding-top: 2px;
	clear: both;
}



img {
	border: 0px solid #333;
}

.startbild  {
	margin-left: 0px;
	border: 10px solid #626262;
	height: 452px;
	width: 866px;
}

.startbild:hover {
	padding: 0px;
	border: 10px solid #555;
}

.startbildtext {
	position: absolute;
	background: url("startseite_text_bg.png") no-repeat;
	width: 236px;
	height: 97px;
	top: 250px;
	left: 50%;
	margin-left: -390px;
	border: 0px solid #000;
	padding: 25px;
	color: #626262;
	font-size: 10px;
}


.rebmann {
	color: #333;
	font-size: 14px;
	line-height: 18px;

}

.clear {
	clear:both
}

#gallery {
	position:relative;
	height:452px;
	width: 866px;
	font-size: 24px;
	border: 1px solid #999;
	margin-bottom: 25px;
}
	#gallery a {
		float:left;
		position:absolute;
	}

	#gallery a img {
		border:none;
	}

	#gallery a.show {
		z-index:500
	}

	#gallery .caption {
	display: none;

	}

	#gallery .caption .content {
		margin:5px
	}

	#gallery .caption .content h3 {
		margin:0;
		padding:0;
		color:#000;
	}





#kontakt {
width: 400px;
float: left;
}


#impressum {
padding-left: 40px;
width: 400px;
float: left;
}



#bottom{
	padding: 10px 0;
	background: url("header.jpg") repeat-x scroll left -15px;
}

.bottom {
	margin:0 auto;
	text-align:left;
	width:880px;
	padding-bottom: 100px;
}

.bottom .headline {
font-size: 14px;
}

#bottom-l{
	width: 220px;
	height: 50px;
	background: none;
	float: left;
	margin-left: 00px;
	margin-right: 75px;
	color: #FECD19;
}

#bottom-m{
	width: 220px;
	height: 50px;
	background: none;
	float: left;
	margin-right: 80px;
	color: #FECD19;

}

#bottom-r{
	width: 220px;
	height: 50px;
	background: none;
	float: left;
	color: #FECD19;
}

#bottom-r ul li a,
#bottom-r ul li a:hover,
#bottom-r ul li a:active,
#bottom-r ul li a:link,
#bottom-r ul li a:visited {
	color: #fff;
}


.bottom ul{
	font-size: 12px;
	list-style: square;
	padding-left: 14px;
	color: #ebebeb;
}

ul {
list-style: none;
}


#ende {
	position: fixed;
	height: 140px;
	margin-top: -140px;
	width: 100%;
	margin-top: 0px;
	background: url("bottom_2.jpg") 0 0;

}




#leistungen-box{
	width: 570px;
	height: 450px;
	background: #fff;
}


#leistungen{
	width:  600px;
	height: 80px;
	background: #626262;
	padding: 0;
	margin: 0;
	clear: both;
	border-bottom: 1px solid #fff;
}


#leistungen:hover,
.leistungen_bild:hover{
/*
	filter:alpha(opacity=75); /* Internet Explorer */
	-moz-opacity: 0.75; /* Mozilla Browser */
	opacity: 0.75; /* Opera */
	background: #FECD19;
	color: #626262;
*/
}

#leistungen-1 {
	float: left;
	width: 268px;
	height: 208px;
	background: #fff;
	margin-bottom: 8px;
	margin-right: 28px;
	background: url("leistungen_1.jpg");
}

#leistungen-1:hover {
	background: url("leistungen-hover_1.jpg");
}

#leistungen-2 {
	float: left;
	width: 268px;
	height: 208px;
	background: #fff;
	margin-bottom: 8px;
	background: url("leistungen_2.jpg");
}

#leistungen-2:hover {
	background: url("leistungen-hover_2.jpg");
}

#leistungen-3 {
	float: left;
	width: 268px;
	height: 208px;
	background: #fff;
	margin-bottom: 8px;
	margin-right: 28px;
	background: url("leistungen_3.jpg");
}

#leistungen-3:hover {
	background: url("leistungen-hover_3.jpg");
}

#leistungen-4 {
	float: left;
	width: 268px;
	height: 208px;
	background: #fff;
	margin-bottom: 8px;
	background: url("leistungen_4.jpg");
}

#leistungen-4:hover {
	background: url("leistungen-hover_4.jpg");
}


#leistungen-direktkontakt{
	width: 250px;
	background: #FECD19;
	color: #626262;
	float: right;
	margin-top: -392px;
	margin-right: 27px;
}

.leistungen-direktkontakt{
	color: #000;
	padding: 7px;
	font-size: 11px;
}

.leistungen-direktkontakt .headline{
	font-size: 16px;
}



#cadsoft {
	width: 65px;
	height: 87px;
	color: #626262;
	position: relative;
	left: -80px;
	top: 80px;
	background: url("cslogo_link.jpg") #000 no-repeat;

}

#cadsoft:hover{
	background: url("cslogo_hover.jpg") no-repeat;

}




a:link, a:visited {
	color: #000;
	text-decoration: none;
}

a:hover, a:active {
	color: #626262;
	text-decoration: underline;

}
