html, body {
	margin: 0;
	padding: 0;
	background: #f1f3f9 url(../img/bg.jpg) repeat-x;
}

body {
	color: #333;
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-align: center;
	line-height:180%;
	overflow: -moz-scrollbars-vertical;
}

h1, h2, h3, h4, h5, h6, p, ul, li { border: 0; margin: 0; padding: 0; }
img { border:none; }

div#wrapper {
	margin: 0 auto;
	text-align: left;
	width: 830px;
}

#navi { height:42px; }

#navi ul {
	float:right;
	padding-top:8px;
}

#navi li {
	float:left;
	margin:0;
	text-align:center;
	list-style:none;
}

#navi a {
	color:#efefef;
	padding:3px 7px;
	font-weight:bold;
	text-decoration:none;
}

#navi a:hover { background-color:#777; }
#navi a.select { background-color:#5363bf; }
#navi a.select:hover { background-color:#5363bf; }

#banner {
	width:830px;
	background-color:#fff;
	height:234px;
	background-position:top right;
	background-repeat:no-repeat;
}

.start { background-image:url(../img/bg_start.jpg); }
.baustoffe { background-image:url(../img/bg_baustoffe.jpg); }
.verleih { background-image:url(../img/bg_verleih.jpg); }
.fuhrpark { background-image:url(../img/bg_fuhrpark.jpg); }
.betonwerk { background-image:url(../img/bg_betonwerk.jpg); }
.betonsteine { background-image:url(../img/bg_betonsteine.jpg); }
.schachtbauteile { background-image:url(../img/bg_schachtbauteile.jpg); }
.betonrohre { background-image:url(../img/bg_betonrohre.jpg); }
.hausbau { background-image:url(../img/bg_hausbau.jpg); }
.sonderanfertigungen { background-image:url(../img/bg_sonderanfertigungen.jpg); }

.logo { margin: 40px 0 0 15px; }

div.navi_l, div.content {
	border-top:5px solid #fff;
	float:left;
	background-image:url(../img/bg_white.jpg);
	background-repeat:repeat-x;
	margin-top:7px;
	height:500px;
	border-top:none;
}

.navi_l { width:220px; margin-right:7px; }
.content { width:603px; }


ul#menu {
	list-style: none;
	margin: 0;
	padding: 0;
	font-weight:bold;
	text-transform:uppercase;
}

#menu li { margin-bottom:5px; }	
#menu li a {
  	height: 23px;
	color: #efefef;
	display: block;
	background:  url(../img/navi.gif) 0 -6px;
	text-decoration: none;
	padding: 1px 0 0 10px;
	}	
	
#menu li a:hover, #menu li a.select {
	color: #FFF;
	background:  url(../img/navi.gif) 0 -38px;
	}	

ul.submenu, ul.submenu2 { 
	list-style: none;
	margin: 0;
	margin-bottom:15px;
	padding: 0;
}

ul.submenu2 { border-bottom:1px dotted #ccc; margin-bottom:5px; margin-left:10px; padding: 0 0 5px 10px; line-height:150%; }

.submenu2 a { color:#2e3192; text-decoration:none; padding:2px 5px 2px 5px; }
.submenu2 a:hover, .submenu2 li a.select { background-color:#efefef; font-weight:bold; }

.submenu li {
	padding-left:10px;
	line-height:160%;
	border:none;
	border-top:1px dotted #fff;
}

.submenu li a:link, .submenu li a:visited {
	color: #2e3192;
	border-bottom:1px dotted #fff;
	display: block;
	text-decoration:none;
  	height: 20px;
}

.submenu li a:hover, .submenu li a.select { border-bottom:1px dotted #ccc; }

.breadcrumbs {
	margin:1px 7px 1px 7px;
	color:#aaa;
	font-size:11px;
	border-bottom:1px solid #ccc;
	text-transform:uppercase;
}
.breadcrumbs a {
	color:#aaa;
	text-decoration:none;
	padding:0 2px;
}
.breadcrumbs a:hover { background-color:#efefef; }

.contentin {
	padding:30px 50px 70px 20px;
}

h1 { 
	font-weight:normal;
	font-size:24px;
	padding-bottom:20px;
	color:#2e3192;
}

h2 { 
	font-weight:normal;
	font-size:18px;
	padding-bottom:20px;
	color:#2e3192;
}

h4 {
	color:#2e3192;
	font-size:13px;
	line-height:140%;
	font-weight:bold;
	padding:5px 0 10px 0;
	}

p { padding-bottom:15px; }

.star { 
	position:absolute;
	background-image:url(../img/star.png);
	top:143px;
	margin-left:674px;
	background-repeat:no-repeat;
	height:195px;
	width:195px;
	z-index:500;
	}
	
* html .star {
	background-image:none;
	}
	
.contentin a { 
	color:#2e3192;
	border-bottom:1px dotted #aaa;
	text-decoration:none;
}

.contentin a:hover {
	color:#2e3192;
	background-color:#efefef;
}

.left { width:35px; float:left; }
.right { clear:right; padding-bottom:15px; }

ul.list {
	margin:5px 0 25px 20px;
    padding:0;
	line-height:180%;
	}
	
ul.list li {
	list-style: circle outside;
	padding:0;
	margin:0 0 3px 0;
	}

.bgimg { 
	position:absolute;
	z-index:500;
	}



/* Gallery */

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
border:1px solid #ccc;
padding: 7px;
padding-bottom: 0;
background: #fff;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox img { padding-bottom:5px; }

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 14px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: #ccc;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid ccc;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}

a.thumb img {
	padding: 3px 3px 3px 3px;
	border:1px solid #ccc;
	margin-right:3px;
}

a.thumb {
	border:none;
}
a:hover.thumb { background-color:#fff; }

iframe {
	width:500px;
	height:785px;
	border:1px dotted #ccc; 
	padding-top:5px;
}

* html iframe { height:700px; }

a.img { border-bottom:none; }
a:hover.img { background-color:#fff; }


.beton table { width:70%; }
.beton td { padding:2px 5px; border-bottom:1px dotted #ccc; width:110px; text-align:right; padding-right:65px; }
.beton .header td { border-bottom:2px solid #ccc; font-weight:bold; background-color:#efefef; text-align:center; padding-right:0px; }

.betonstein td { padding:5px 8px; border-bottom:1px dotted #ccc; border-right:1px dotted #ccc; line-height:120%; text-align:center; }
.betonstein .header td { border-bottom:2px solid #ccc; background-color:#efefef;  }
.betonstein td.last { border-right:none; }
.betonstein tr.lastline td { border-bottom:none; }
.betonstein tr.middle td { border-bottom:2px solid #ccc; }