/* Reset des  Standard Browser CSS*/
@import url(StyleReset.css);


/* #d58004 */

body {
 margin:0px;
 padding:0px;
 color:#000;
 font-family: Arial, verdana, sans-serif;
 font-size: 100.01%;
 /*background-image:url(/assets/templates/HammChemie/images/hg-body.gif);*/
 background-color:#ccc;
 text-align: center;
 height:100%;
}


html {
 height: 100%;
 margin-bottom: 1px;
 color:#000;
}

img {
 border:none;
}

a {
 text-decoration:none;
}


ul, ol, dl { margin: 0 0 1em 1em }
li { margin-left: 1.5em; line-height: 1.4em; }

.cleardiv {
 clear:both;
 height:0px;
}


/* Conatiner Definitionen*/
#page_margins {
 border:none;
 width:970px;
 margin:0 auto;
 padding:0px;

}


#page {
 margin:0px;
 padding:0px;
 width:100%;
 background-color:#fff;
 /*
 background-image:url(bilder/);
 background-repeat:repeat-y;
 background-position:0px;
 */
}


#header {
 position:relative;
 width:100%;
 margin:0px;
 padding:0px;
 height:140px;
 background-color:#fff;
 background-image:url(../images/head-hammchemie-hg.jpg);
 background-repeat:no-repeat;
}


#navbox {
 position:absolute;
 left:15px;
 bottom:0px;
 width:625px;
 background-color:none;
 text-align:left;
 z-index:15;
}

#breadnav {
 padding:5px;
 padding-left:10px;
 font-size:0.8em;
 padding-bottom:50px;
}

#breadnav a {
 color:#666;
}

#breadnav a:hover {
 color:#095094;
}



#main {
 position:relative;
 background-color:#fff;
 color:#000;
 text-align:left;
 font-size:0.8em;
}

#center {
 min-height: 500px;
}




#footer {
 position:relative;
 width:100%;
 background-color:#939393;
 color:#fff;
 font-family:arial, verdana, sans-serif;
}

#footer p {
 padding:5px;
 color:#fff;
 font-size:0.7em;
}

#footer a {
 color:#fff;
}

#footer a:hover {
 color:#095094;
}




/* Formate in den Conatinern */
#header h1 {
 position:absolute;
 top:0px;
 right:10px;
 padding:0px;
 margin:0px;
}

#header h2 {
 position:absolute;
 top:110px;
 left:79px;
 padding:0px;
 margin:0px;
}

#header_nav {
 position:absolute;
 top:105px;
 left:0px;
 width:100%;
 padding:0px;
 margin:0px;
 background-color:#eceded;
 height:35px;
 background-image:url(../images/hg-head-nav.gif);
 background-repeat:no-repeat;
 background-position:bottom;

}

p, h1, h2, h3, h4 {
 padding:10px;
 padding-bottom:2px;
 margin:0px;
 line-height:1.4em;
 color:#000;
}

table {
 padding:0px;
 margin:10px 0px 10px 10px;
 font-size:1em;
 font-weight:normal;
 font-family:arial, verdana, sans-serif;
}

td, th {
 vertical-align:top;
 padding:5px;
 padding-top:10px;
 padding:5px;
}



/* Definitionen im Main / Contentbereich */
#main h1, h2, h3 {
 color:#333;
 padding-bottom:5px;
}

#main .sitehead {
 padding-top:20px;
 color:#095094;
}

#main h1 {
 font-size:1.4em;
}

#main h2 {
 font-size:1.3em;
}

#main h3 {
 font-size:1.2em;
}


#main p {
 font-family: arial, verdana, sans-serif;
}

#main a {
 color:#666;
}

#main a:hover {
 color:#d58004;
}

#main ul, ol {
 padding:0px;
 margin:10px 0px 10px 10px;
 font-size:1em;
 font-weight:normal;
 font-family:arial, verdana, sans-serif;
 list-style:disc;
}

/*
#main ul li {
 padding-left: 17px;
 background-image: url(bilder/sign-list.gif);
 background-repeat: no-repeat;
 background-position: 0 0.2em;
 margin-bottom:1.0em;
}
*/


.spalte, .spalte1, .spalte2, .spalte32, .spalte3 {
 float:left;
}

.spalte1 {
 width:99%;
}

.spalte2 {
 width:49%;
}
.spalte3 {
 width:32%;
}
.spalte32 {
 width:65%;
}

/* Produktbereich Aufteilung */
.spalte_pro_sidenav {
 float:left;
 width:19%;
}

.spalte_pro_content {
 float:left;
 width:80%;
}

.propics_right {
 float:right;
 width:375px;
}




/* Bereich Umflossen Re/Li */
.rpic {
  float:right;
  padding:10px;
}

.lpic {
  float:left;
  padding:10px;
}


.infobereich {
border: 2px solid #095094;
margin: 0px;
margin-bottom:1px;
padding: 5px;
width: 95%;
}


h2.infobereich {
color: #ffffff;
background-color: #095094;
text-align:center;
font-size:1.2em;
}

.infobereich li {
 font-weight:bold;
 padding-top:5px;
}