/* CSS Document */
body { 
	background-color: #FFFFFF;
	color:#000000;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px; 	
	color:#000000;	
}

a{	font-family:Arial, Helvetica, sans-serif; 	font-size:16px; 	color:#000000; 	text-decoration:underline; 	font-weight:normal;	}
a:link,visited,active,hover{	font-family:Arial, Helvetica, sans-serif; 	font-size:16px; 	color:#000000; 	text-decoration:underline; 	font-weight:normal;	}

td{
	font-family:Arial, Helvetica, sans-serif; 	
	font-size:13px; 	
	color:#000000;
}


ul.navi_right {
	margin: 17px 0 0 0;
	padding:0;
	width:174px;
	list-style-type:none;
}
ul.navi_right li {
	list-style-type:none;
	padding:0;
	margin:0;
}
ul.navi_right li a {
	display:block;
	text-decoration:none;
	padding:0;
	margin:0;	
}

ul.navi_right li a#baustoffe { 								width:114px; height:15px; background-image: url(../img/but_baustoffe.gif); background-repeat:no-repeat; text-indent:-9999px; margin:0;}
ul.navi_right li a#baustoffe:link,visited,active,hover {	width:114px; height:15px; background-image: url(../img/but_baustoffe.gif); background-repeat:no-repeat; text-indent:-9999px; margin:0;}

ul.navi_right li a#mengenrechner { 								width:114px; height:15px; background-image: url(../img/but_mengenrechner.gif); background-repeat:no-repeat; text-indent:-9999px; margin:0 0 19px 0;}
ul.navi_right li a#mengenrechner:link,visited,active,hover {	width:114px; height:15px; background-image: url(../img/but_mengenrechner.gif); background-repeat:no-repeat; text-indent:-9999px; margin:0 0 19px 0;}

ul.navi_right li a#beispiele { 								width:114px; height:15px; background-image: url(../img/but_beispiele.gif); background-repeat:no-repeat; text-indent:-9999px; margin:0 0 19px 0;}
ul.navi_right li a#beispiele:link,visited,active,hover {	width:114px; height:15px; background-image: url(../img/but_beispiele.gif); background-repeat:no-repeat; text-indent:-9999px; margin:0 0 19px 0;}


ul.navi_right ul.subnavi_right {
	list-style-type:none;
	margin: 10px 0 20px 15px;
	padding:0;
	display:block;
}
ul.navi_right ul.subnavi_right li {
	list-style-type:none;
	text-align:left;	
	margin: 0 0 15px 0;
	padding:0;
	width:150px;
	height:20px;
	display:block;
}
ul.navi_right ul.subnavi_right li a {								font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:underline; margin:0 0 0 10px; padding:0; }
ul.navi_right ul.subnavi_right li a:link,visited,active,hover {	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; text-decoration:underline; margin:0 0 0 10px; padding:0; }

.ui-effects-transfer { border: 2px solid black; }

h1#baustoffhandel { background-image: url(../img/titel_baustoffhandel.gif); background-repeat:no-repeat; text-indent:-9999px; }
h1#mengenrechner { background-image: url(../img/titel_mengenrechner.gif); background-repeat:no-repeat; text-indent:-9999px; }
h1#beispiele { background-image: url(../img/titel_beispiele.gif); background-repeat:no-repeat; text-indent:-9999px; }
h1#kontakt { background-image: url(../img/titel_kontakt.gif); background-repeat:no-repeat; text-indent:-9999px; }
h1#anfahrt { background-image: url(../img/titel_anfahrt.gif); background-repeat:no-repeat; text-indent:-9999px; }
h1#baggervermietung { background-image: url(../img/titel_baggervermietung.gif); background-repeat:no-repeat; text-indent:-9999px; }



h2 { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#a14747; }
h2#sub { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#96999A; }

h2#sub span#active{ color:#a14747;}

td#detailimage img{
	border: 1px solid #595D5E;
	margin:0;
	padding:0;
}

td#detailtext ul{
	margin: 12px 0 0 15px;
}
td#detailtext ul li{
	list-style:square;
	margin: 0 0 10px 0;
}


div#subnavi{
	display:block;
	float:left;
	height:10px;
	width: 500px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#666666; 
	text-decoration:none; 
	font-weight:normal; 
	margin:0; 
	padding:0;
}

div#subnavi a {						font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-decoration:none; font-weight:normal; margin:0; padding:0; }
div#subnavi a:link,visited,active {	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-decoration:none; font-weight:normal; margin:0; padding:0; }
div#subnavi a:hover {				font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#CCCCCC; text-decoration:none; font-weight:normal; margin:0; padding:0; }

div#subnavi a#active {								font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-decoration:underline; font-weight:bold; margin:0; padding:0; }
div#subnavi a#active:link,visited,active,hover {	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-decoration:underline; font-weight:bold; margin:0; padding:0; }


div.baustoffliste{						display:block;	float:left;	width:206px;	height:140px;	margin: 0 18px 35px 0;	padding:0;	}
div.baustoffliste div.imagecontainer{	display:block;	width:206px;	height:120px;		margin: 0 0 5px 0;	padding:0;	}
div.baustoffliste div.imagecontainer img{	border: 1px solid #595D5E;	margin:0;	padding:0;	}
div.baustoffliste a {						font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-decoration:none; font-weight:bold; margin:0; padding:0; }
div.baustoffliste a:link,visited,active {	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-decoration:none; font-weight:bold; margin:0; padding:0; }
div.baustoffliste a:hover {					font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#CCCCCC; text-decoration:none; font-weight:bold; margin:0; padding:0; }

ul.baustoffe {
	list-style-type:none;
	margin:0 0 0 10px;
	padding:0;
}
ul.baustoffe li {
	list-style-type:none;
	padding:0;
	margin:0 0 10px 0;
}
ul.baustoffe li a {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#FFFFFF; 
	text-decoration:underline; 
	font-weight:normal;
}

ul.baustoffe li a { 								font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-decoration:none; font-weight:bold; margin:0; padding:0;}
ul.baustoffe li a:link,visited,active {				font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-decoration:none; font-weight:bold; margin:0; padding:0;}
ul.baustoffe li a:hover {							font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#CCCCCC; text-decoration:none; font-weight:bold; margin:0; padding:0;}



div.baustoffliste_artikel{						display:block;	float:left;	width:206px;	height:93px;	margin: 0 18px 35px 0;	padding:0;	}
div.baustoffliste_artikel div.imagecontainer{	display:block;	width:206px;	height:73px;		margin: 0 0 5px 0;	padding:0;	}
div.baustoffliste_artikel div.imagecontainer img{	border: 1px solid #595D5E;	margin:0;	padding:0;	}
div.baustoffliste_artikel a {						font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-decoration:none; font-weight:bold; margin:0; padding:0; }
div.baustoffliste_artikel a:link,visited,active {	font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-decoration:none; font-weight:bold; margin:0; padding:0; }
div.baustoffliste_artikel a:hover {					font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#CCCCCC; text-decoration:none; font-weight:bold; margin:0; padding:0; }





ul.imagenavi_right {
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.imagenavi_right li {
	list-style-type:none;
	padding:0;
	margin:0;
}
ul.imagenavi_right li a {
	display:block;
	text-decoration:none;
	text-align:left;
	padding: 102px 0 0 0 ;
	margin:0;	
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#FFFFFF; 
	text-decoration:underline; 
	font-weight:normal;
}

ul.imagenavi_right li a#anfahrt { 								width:120px; height:101px; background-image: url(../img/kontakt_karte.gif); background-repeat:no-repeat; margin:0;}
ul.imagenavi_right li a#anfahrt:link,visited,active,hover {		width:120px; height:101px; background-image: url(../img/kontakt_karte.gif); background-repeat:no-repeat; margin:0;}

div.beispiel{ display:block;	float:left;	width:206px;	height:150px; text-align:center; margin: 0 18px 35px 0;	padding:0; }
div.beispiel a{ margin:0 auto;	}
div.beispiel img{	border: 1px solid #595D5E; margin:0 auto; padding:0;}

a#mengenrechner_fwd{	display:block; width:175px; height:18px;  background-image: url(../img/zum_mengenrechner.gif); background-repeat:no-repeat; text-indent:-9999px;	}
a#mengenrechner_fwd:link,visited,active,hover{	display:block; width:175px; height:18px; background-image: url(../img/zum_mengenrechner.gif); background-repeat:no-repeat; text-indent:-9999px;	}

a#contact_back{	display:block; width:152px; height:18px;  background-image: url(../img/zu_kontakt.gif); background-repeat:no-repeat; text-indent:-9999px;	}
a#contact_back:link,visited,active,hover{	display:block; width:152px; height:18px; background-image: url(../img/zu_kontakt.gif); background-repeat:no-repeat; text-indent:-9999px;	}


div#theme_slide{
	display:none;
	width:544px;
	height:191px;
	background-image: url(../img/ani/motiv01.jpg); 
	background-repeat:no-repeat;
}


ul#baggervermietung{
	display:block;
	float:none;
	list-style:none;
	list-style-type:none;
	margin:0;
	padding:0;
	width:auto;
	height:auto;
}

ul#baggervermietung li{
	display:block;
	float:left;
	list-style:none;
	list-style-type:none;
	margin:0 20px 30px 0;
	padding:0;
	width:220px;
	height:220px;
}

ul#baggervermietung li a img{
	display:block;
	float:none;
	margin:0;
	padding:0;
	border:1px solid #000000;
}


ul#baggervermietung li a.title { 							display:block; float:none; width:auto; height:auto; margin:2px auto; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-decoration:none; font-weight:bold; text-align:center; }
ul#baggervermietung li a.title:link,visited,active {	display:block; float:none;	width:auto; height:auto; margin:2px auto; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; text-decoration:none; font-weight:bold; text-align:center; }
ul#baggervermietung li a.title:hover {	display:block; float:none;	width:auto; height:auto; margin:2px auto; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#CCCCCC; text-decoration:none; font-weight:bold; text-align:center; }


