/*basics*/

* { 
	margin:0px; 
	padding:0px; 
	outline:none;
}

html, body, div#wrapper { 
	height:100%;
}

body { 
	background:url(../images/bg-body.gif) 2px 0 repeat-x #5a5a5a; 
	font-family: Arial, Helvetica, sans-serif; 
    font-size:12px; 
	font-weight:normal; 
	color:#3e3e3e; 
	line-height:19px;
}

body > div#wrapper {
	height:auto; 
	min-height:100%;
}

a {
	color:#006A6C; 
	font-weight:bold;
    text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

p {
	margin-bottom:15px;
}

p.lower {
	margin-bottom:5px;
}

hr {
	margin-bottom:15px;
}

img {
	border:none;
}

strong {
	font-weight:bold;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
	clear:both;
	float:none;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.clear {
	line-height:1px;
	font-size:1px;
	display:block;
	height:1px;
	clear:both;
}

/*branding*/

h1#branding {
	width:304px;
	height:131px;
  	text-indent:-5000px;
    position:absolute;
    top:46px;
    left:0px;
}

h1#branding a {
	width:235px;
	height:105px;	
   	display:block;
}

/*headlines*/

h2 {
	text-indent:-5000px;
    height:37px;
    border-bottom:1px solid #d1d1d1;
    padding-bottom:10px;
    margin-bottom:10px;
}

h2.willkommen {
	background:url(../images/h2/willkommen.gif) 0 0 no-repeat;
}

h2.bolzensetztechnik {
	background:url(../images/h2/bolzensetztechnik.gif) 0 0 no-repeat;
}

h2.bohr-und-meisseltechnik {
	background:url(../images/h2/bohr-und-meisseltechnik.gif) 0 0 no-repeat;
}

h2.duebel-und-anker {
	background:url(../images/h2/duebel-und-anker.gif) 0 0 no-repeat;
}

h2.diamanttechnik {
	background:url(../images/h2/diamanttechnik.gif) 0 0 no-repeat;
}

h2.elektrowerkzeuge {
	background:url(../images/h2/elektrowerkzeuge.gif) 0 0 no-repeat;
}

h2.kontakt {
	background:url(../images/h2/kontakt.gif) 0 0 no-repeat;
}

h2.anfahrt {
	background:url(../images/h2/anfahrt.gif) 0 0 no-repeat;
}

h2.impressum {
	background:url(../images/h2/impressum.gif) 0 0 no-repeat;
}

h2.kontakt-danke {
	background:url(../images/h2/kontakt-danke.gif) 0 0 no-repeat;
}

h2.fehler-404 {
	background:url(../images/h2/fehler-404.gif) 0 0 no-repeat;
}

/*structure*/

div#wrapper {
	margin:0 auto;
	width:850px;
	background:url(../images/bg-wrapper.gif) 0 0 repeat-y;
} 

div#container {
	width:850px;
	min-height:100%; _height: 100%;
	margin:0 auto;
	background:url(../images/bg-container.jpg) 0 0 repeat-y;
    position:relative;
}

div#header {
	width:850px;
	height:270px;
	background:url(../images/bg-header.jpg) 0 0 no-repeat;
	position:relative;
}

div#contentContainer {
	width:515px;
    position:relative;
	margin:20px 0px 82px 313px;
    display:block;
	float:left;
	_margin-left: 156px;
}

div#leftCol {
	width:245px;
    float:left;
    margin-right:25px;
}

div#rightCol {
	width:245px;
    float:left;
}

div#largeCol {
	width:515px;
}

dl#footer {
	height:38px;
	width:498px;
    padding:33px 0 0 13px;
	background:url(../images/bg-footer.jpg) 0 0 no-repeat;
	position:absolute;
	bottom:15px;
	right:26px;
}

dl#footer dt {
	text-indent:-5000px;
    display:none;
}

dl#footer dd {
	width:auto;
    float:left;
    color:#fff;
    font-size:11px;
    line-height:14px;
    margin-right:28px;
}

dl#footer dd a {
	color:#fff;
	font-weight:normal;
}

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

/*navi*/

ul#navi {
	width:241px;
	height:279px;
	list-style-type:none;
	text-indent:-5000px;
    position:absolute;
    top:298px;
    left:23px;
}

ul#navi li {
	width:241px;
	height:40px;
}

ul#navi li a {
	height:40px;
	display:block;
}

ul#navi li#willkommen {
	background:url(../images/bg-navi.jpg) 0 0 no-repeat;
}

ul#navi li#willkommen a:hover {
	background:url(../images/bg-navi.jpg) -241px 0 no-repeat;
}

ul#navi li#willkommen a.active {
	background:url(../images/bg-navi.jpg) -482px 0 no-repeat;
}

ul#navi li#bolzensetztechnik {
	background:url(../images/bg-navi.jpg) 0 -40px no-repeat;
}

ul#navi li#bolzensetztechnik a:hover {
	background:url(../images/bg-navi.jpg) -241px -40px no-repeat;
}

ul#navi li#bolzensetztechnik a.active {
	background:url(../images/bg-navi.jpg) -482px -40px no-repeat;
}

ul#navi li#bohr-und-meisseltechnik {
	background:url(../images/bg-navi.jpg) 0 -80px no-repeat;
}

ul#navi li#bohr-und-meisseltechnik a:hover {
	background:url(../images/bg-navi.jpg) -241px -80px no-repeat;
}

ul#navi li#bohr-und-meisseltechnik a.active {
	background:url(../images/bg-navi.jpg) -482px -80px no-repeat;
}

ul#navi li#duebel-und-anker {
	background:url(../images/bg-navi.jpg) 0 -120px no-repeat;
}

ul#navi li#duebel-und-anker a:hover {
	background:url(../images/bg-navi.jpg) -241px -120px no-repeat;
}

ul#navi li#duebel-und-anker a.active {
	background:url(../images/bg-navi.jpg) -482px -120px no-repeat;
}

ul#navi li#diamanttechnik {
	background:url(../images/bg-navi.jpg) 0 -160px no-repeat;
}

ul#navi li#diamanttechnik a:hover {
	background:url(../images/bg-navi.jpg) -241px -160px no-repeat;
}

ul#navi li#diamanttechnik a.active {
	background:url(../images/bg-navi.jpg) -482px -160px no-repeat;
}

ul#navi li#elektrowerkzeuge {
	background:url(../images/bg-navi.jpg) 0 -200px no-repeat;
}

ul#navi li#elektrowerkzeuge a:hover {
	background:url(../images/bg-navi.jpg) -241px -200px no-repeat;
}

ul#navi li#elektrowerkzeuge a.active {
	background:url(../images/bg-navi.jpg) -482px -200px no-repeat;
}

ul#navi li#kontakt {
    width:75px;
    height:39px;
    float:left;
	background:url(../images/bg-navi.jpg) 0 -240px no-repeat;
}

ul#navi li#kontakt a:hover,
ul#navi li#kontakt a.active {
	background:url(../images/bg-navi.jpg) -482px -240px no-repeat;
}

ul#navi li#anfahrt {
    width:75px;
    height:39px;
    float:left;
	background:url(../images/bg-navi.jpg) -75px -240px no-repeat;
}

ul#navi li#anfahrt a:hover,
ul#navi li#anfahrt a.active {
	background:url(../images/bg-navi.jpg) -557px -240px no-repeat;
}

ul#navi li#impressum {
    width:75px;
    height:39px;
    float:left;
	background:url(../images/bg-navi.jpg) -150px -240px no-repeat;
}

ul#navi li#impressum a:hover,
ul#navi li#impressum a.active {
	background:url(../images/bg-navi.jpg) -632px -240px no-repeat;
}

/*content*/

a.imgContainer {
	float:left;
	margin-bottom:15px;
    border:4px solid #7dd1c9;
}

ul.leistungen {
	list-style-type:none;
	margin-bottom:12px;
}

ul.leistungen li {
	padding-left:15px;
	margin-bottom:8px;
	background:url(../images/li-leistungen.gif) 0px 4px no-repeat;
}

a.vcard {
	width:223px;
	height:25px;
	padding:5px 0 0 17px;
	display:block;
	background:url(../images/bg-vcard.png) 5px 6px no-repeat #006A6C;
	line-height:10px;
	font-size:10px;
	color:#fff;
	margin-bottom:15px;
}

a.vcard:hover {
	background:url(../images/bg-vcard.png) 5px 6px no-repeat #009E9F;
	text-decoration:none;
}

iframe.anfahrtContainer {
	margin-bottom:15px;
    border:4px solid #7dd1c9;
}

a.kartenansicht {
	width:223px;
	height:20px;
	padding:10px 0 0 17px;
	display:block;
	background:url(../images/bg-vcard.png) 5px 6px no-repeat #006A6C;
	line-height:10px;
	font-size:10px;
	color:#fff;
	margin-bottom:15px;
}

a.kartenansicht:hover {
	background:url(../images/bg-vcard.png) 5px 6px no-repeat #009E9F;
	text-decoration:none;
}