/* @override http://mineraloel-bretschneider.de/css/style.css */


/*
topred		#CE242F
darkred 	#390A0D

link		#CE242F
text:        #444
*/

html, body {
   margin:0;
   padding:0;
 	height: 100%;	
}


body {
	font-family: Arial, Verdana;
	font-size: 13px;
	color: #444;
	background: #390A0D url(../images/layout/body-bg.png) repeat-x top left; 
}

a { color: #CE242F;  text-decoration: none;}
a:visited { color: #CE242F;}
a:hover { color: #CE242F; text-decoration: underline; }
a:focus {outline-style: none;} /* get rid of dotted border in FF*/

h1, p { margin-top: 0; padding-top: 0; } 

h1 { 
	color: #CE242F;
	font-size: 32px;
	font-weight: bold;
	letter-spacing: -0.9px; 
	line-height: 33px;
	margin-bottom: 15px;
}

h2 { color: #555; font-size: 18px; line-height: 24px; font-weight: bold;}
h3 { color: #666; font-size: 15px;}
h4 { color: #666; font-size: 13px;}

h1 sup { font-size: 50%;}

.eng { margin-bottom: 2px; }

.linie { color:#969696; }
.barrierefrei { display: none; }

blockquote {
	color: #333;
	font-style: italic;
}

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


hr { 
	background: #FFF;
	border: none;
	height: 1px;
	margin: 1px 0 15px 0;
	padding: 0;
	border-top: 1px dotted #999;
}

img, img a {border: none;}


/* WRAPPER
----------------------------------------------------------------------------- */

#container {
    position: relative;   
	margin: 0 auto;
	width: 950px;
	min-height:100%;
	background: transparent url(../images/layout/container-bg.png) repeat-y 0 0;
	_background-image: url(../images/layout/container-bg-IE6.png);
}

/* HEADER
----------------------------------------------------------------------------- */

#header {
 	width: 940px;
	height: 156px; /* 194 minus nav height 38px*/
	margin: 0 5px 0 5px;
    clear: both;
	background: #DDD url(../images/layout/header-bg.png) repeat-x 0 0;
}

#header h1 {
	position: absolute;
	top: 47px;
	left:  50px;
	width: 287px;
	height: 60px;
	overflow: hidden;
	text-indent: -5454px;
	background: transparent url(../images/layout/logo-mineraloel-bretschneider.png) no-repeat 0 0;
}

#header h1 a {
	position: absolute;
	top: 0px;
	left:  0px;
	width: 287px;
	height: 60px;
	overflow: hidden;
}


#header em {
	position: absolute;
	top: 74px;
	right:  -22px;
	width: 319px;
	height: 52px;
	text-indent: -500px;
	overflow: hidden;
	background: transparent url(../images/layout/heizoel-diesel.png) repeat-x 0 0;
}

/* CONTENT
----------------------------------------------------------------------------- */

#content {
   clear: both;
   margin: 0px auto 0px 0;
   padding-bottom: 130px; /* Footer height + extra */
   width: 950px;
   height: 100%;
   background: transparent url(../images/layout/content-bg.png) repeat-y 5px 0;
}

/* NAV
----------------------------------------------------------------------------- */

#nav {
	overflow: hidden;
	margin: 0px 0px 0 5px;
	padding: 0px 0 0px 0;
    width: 940px;
    height: 38px;
   	background: #DDD url(../images/layout/header-bg.png) repeat-x bottom left;
}

#menu_hori2 { /*Level 2 Nav*/
	overflow: hidden;
	display: block;
	width: 940px;
	margin: 0px 0px 0 5px;
	background: #FFF;
	border-bottom: 1px solid #CCC;
}



/* MAIN
----------------------------------------------------------------------------- */

#main {
	position: relative;
	width: 570px; /*570*/
	float: left; 
	padding: 25px 0px 60px 49px;
	font-size: 13px;
	line-height: 19px;
	min-height: 300px;
	margin: 0 0px 0 0px;
	background: transparent;
}

#main img {
	padding: 0px;
	border: none;
}

#main p {
	clear: both;
}

#main img a {
	border: none;
}

#main a:hover img { border: 0px solid #9C4C59; }


#main img.left {  /* Bild links */
	float: left;
	margin: 0px 20px 10px 0px;
}


#main img.right {  /* Bild rechts */
	float: left;
	margin: 0px 0 10px 20px;
}

.block {
	display: block;
	clear: both;
}

/* --- List --- */

#main ul {
	padding: 10px 10px 7px 10px;
	margin: 0 0 15px 0;
	list-style: none;
	background: #EEE;
}

#main ul li {
	background: url(../images/layout/bullet-li.gif) no-repeat 0 7px;
	padding-left: 15px;
	margin: 0 0 3px 5px;
}

#main ul.sitemap, #main ul.sitemap ul { 
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
	background: #FFF;
}

#main ul.sitemap li { 
	margin: 0;
	padding: 0;
	background: #FFF;
	height: 1%; /*IE*/
}

#main ul.sitemap li a { 
	display: block;
	margin: 0;
	padding: 3px 0 3px 0;
	border-bottom: 1px dashed #CCC;
	background: #FFF;

}

/* Text */

p.einleitung {
	font-size: 16px;
	line-height: 25px;
}

p.smalltext {
	font-size: 11px;
	line-height: 14px;
}

a.bulletlink, a:visited.bulletlink {
	font-weight: bold;
	padding:  0 0 0 12px;
	color: #0268A7;
	background: url(../images/layout/bulletlink.gif) no-repeat left 0px; 
}

a:hover.bulletlink {
	color: #2194B9;
	text-decoration: none;
}

.download {
	padding: 0 0 0 18px;
	background: url(../images/layout/download-icon.gif) no-repeat left 2px; 
}


/* Textboxen */

.box_1 p, .box_2 p {
	padding: 0px; margin: 0;
}

.box_1 { /* red */
	padding: 10px 15px;
	margin: 0 0 10px 0;
	background: #931A22 url(../images/layout/box-red-bg.png) repeat-x top left; 
	color: #FFF;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;	
}

.box_1 a, .box_3 a { 
	text-decoration: underline;
	color: #FFF;
}

.box_2 { /* grau */
	padding: 10px 15px;
	background: #E9E9E9;
	margin: 0 0 10px 0;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;	
}

.box_3 { /* blue */
	padding: 10px 15px;
	margin: 0 0 10px 0;
	background: #155C94 url(../images/layout/box-blue-bg.png) repeat-x top left; 
	color: #FFF;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;	
}


.red { color: RED; }

span.text-red {
	color:  #A51423;
}

.trennstrich-oben { /* p */
	border-top: 1px dotted #999;
	margin-top: 15px;
	padding-top: 15px;
}

.trennstrich-unten { /* p */
	border-bottom: 1px dotted #999;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

/* Printbuttons */

#main .printbuttons {
	position: absolute;
	bottom: 20px;
	right: 0px;
	background: transparent;
}

.printbuttons a {
	margin: 0 0 0 5px;
}


/* --- Tables --- */

#main table {
	margin: 0 0 15px 0;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

#main td { 
	background: #EEE;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	padding: 4px;
	vertical-align: top;
	}

#main td.z1 { /* zentriert */
	text-align: center;
}

/* Table: Unternehmen */

#main table.unternehmen, #main table.unternehmen td {
	background: none;
	border: none;
	padding: 0;
}

#main table.unternehmen {
	border-bottom: 1px solid #CCC;
	background: #FFF;
}

#main table.unternehmen td {
		padding: 5px 0;
}

#main table.unternehmen h3 {
	margin-top: 0;
}

/* Table: Produkt */

#main table.product td {
	vertical-align: middle;
}

#main td.productphoto {
	background: #FFF;
	vertical-align: top;
	text-align: center;
}

#main td.productname {
	background: #E3E3E3;
	padding: 8px 5px;
}


/* SIDEBAR
----------------------------------------------------------------------------- */

#sidebar {
	position: relative;
	float: right;
	margin: 0px 0px 0 35px;
	padding: 55px 25px 80px 20px;
	width: 248px; /*288*/
	background: PINK;
	background: transparent url(../images/layout/sidebar-top-bg.png) no-repeat 0px -65px;

}

#sidebar .rounded {
	position: absolute;
	left: 0;
	bottom: -10px;
	height: 10px;
	width: 240px;
	background: transparent url(../images/layout/sidebar-bottom.png) no-repeat bottom left;
    _background-image: url(../images/layout/sidebar-bottom-IE6.png); /*IE*/
}


#sidebar h3 {
	font-size: 14px;
	text-indent: -898px;
	margin: 0 0 10px 0;
	padding: 0px;
	color: #555;
}

#sidebar .block {
	margin: 0 0 15px 0;
	overflow: hidden;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar ul.banner li {
	margin: 0 0 5px 0;
}


/* FOOTER
----------------------------------------------------------------------------- */

#footer {
	position: absolute;
	width: 940px;
	height: 130px;	
	margin: 0 0 0 5px;
	bottom: 0;
	font-size: 12px;
	border-top: 1px solid #FFF;
	background: #979797 url(../images/layout/footer-bg.png) repeat-x top left;
}

#footer .tip {
	position: absolute;
	top: 0;
	left: 43px;
	height: 11px;
	width: 21px;
	background: transparent url(../images/layout/footer-tip.gif) no-repeat top left;
}

#footer .subnav {
	position: absolute;
	top: 0;
	right: 0;
	width: 289px;
	height: 42px;
	background: #CCC url(../images/layout/subnav-bg.png) no-repeat top left;
}

#footer .subnav a {
	color: #555;
	padding: 0 3px;
}

#footer .subnav p {
	padding: 10px 0 0 25px;
	color: #555;
}

#footer p {
	padding: 25px 0px 0 47px;
	color: #FFF;
	font-size: 12px;
	line-height: 19px;
}


#footer p a {
	color: #FFF;
}

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


/* ACCESSIBILITY
----------------------------------------------------------------------------- */

div.hr {
   height: 1px;
   padding: 1em;
   border-bottom: 1px dotted #333;
   margin: 1em;
}

.accessibility {
   position: absolute;
   top: -999em;
   left: -999em;
}

/* clearing */

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
* html>body .clearfix {
	display: inline-block; 
	width: 100%;
}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}

/* End of 'style' */