html { height:100%;}

body{
height:100%;
margin: 0;
padding: 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666;
font-size:0.75em; 
text-align: center;/*fuer IE_quirks (Fehlt die Doctype-Angabe, wird der Quirks-Modus verwendet)*/
font-weight:normal;
}

p {margin:0; padding:0;}
strong {color:#666;}
h1 { font-size:1.2em; color:#2e4594; margin:0;padding:0 0 5px 0;}
h2 { font-size:1em; color:#2e4594; margin:0;padding:0 0 5px 0;}
h3 { font-size:1em; color:#666; margin:0;padding:0 0 5px 0;}

hr {height: 1px;border: 0 none; border-top: 1px dotted #ccc; margin-top:15px;}

.red { color:#CC0000}


a:link { text-decoration:none; color:#2e4594;}
a:visited {text-decoration:none; color:#2e4594;}
a:hover { color:#2e4594; text-decoration:none;}
a:focus { color:#2e4594; text-decoration:none;}

/***************************************************** mainboxes ***********************************************************/

#wrapper { width:900px; margin: auto; text-align: left; border:1px solid #2e4594; min-height:800px;}

#content { padding:0 25px 0 20px; margin:0px 180px 0px 190px;font-size:95%;border-left:1px solid #ccc; min-height:550px; border-right:1px solid #ccc;}
*html #content { margin-right:185px;}

#news {
	width:160px;
	margin:60px 0 0px 0px;
	padding:0px 8px 10px 8px;
	background-color:#fff;	
	right:0;
	top:0;
	float:right;	
}
*html #news { width:165px;}

#container-header {
background-image:url(images/logo.gif);
background-repeat:no-repeat;
background-position:bottom left;
width:900px;
height:70px;
margin:auto;
}
/*Definition fr die Navigation oben*/ 
#navtop{ 
margin:0px 0 0 0;
padding:10px 10px 0 0;
font-size:90%;
float:right;
height:30px;
}
#navtop ul {padding: 0;list-style-type: none;}

#navtop ul li { display: block;float:left;}

#navtop ul li a { 
text-decoration: none;
padding: 0 10px 0 10px;
border-right: 1px solid #666;
color: #666;
background-color: #fff;
text-align: center;
}
#navtop ul li a:hover {text-decoration: underline;}

#navtop ul li#minusRand a{ 
text-decoration: none;
padding: 0 1px 0 15px;
border-right: 0;
color: #666;
background-color: #fff;
text-align: center;
}
	
/*************************************  Hauptmenue ***************************************************/
#menue{
margin:0px;
padding: 0;
height:25px;
background-color:#2e4594;
width:100%;
font-size:0.9em;
}
* html #menue {float:left;}

#menue a.flagge {float:right; margin:5px;}

#menue ul {
border: 0;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
margin-left:190px;
}

#menue ul li {
display: inline;
float: left;
text-align: center;
padding: .6em 0 .4em 0;
margin: 0;
background-color:#2e4594;  
}

*html #menue ul li {
display: inline;
float: left;
text-align: center;
padding: .6em 0 .6em 0;
margin: 0;
background-color:#2e4594;  
}
*+html #menue ul li {padding: .6em 0 .6em 0;}

#menue ul li a{border-left: 1px solid #fff;padding: .6em 11px .5em 12px;margin: 0;color: #fff;text-decoration: none;}
*html #menue ul li a{padding: .6em 11px .6em 12px;}
*+html #menue ul li a{padding: .6em 11px .6em 12px;}


#menue ul li a:hover{color: #fff;background: #f90;} 
#menue a:active{background: #f90; color: #fff;}
#menue li.active a{background: #f90; color: #fff;}

#menue li.label-suche  { margin:0; padding: .6em 0 .5em 12px; border-left:1px solid #fff; color:#fff;}
#menue li.label-suche a { margin:0; padding: .6em 5px .5em 5px; color:#fff; border:none; font-weight:bold;}
#menue input.suche { height:10px; margin:0px 0 -5px 8px;}

*html #menue li.label-suche  { margin:0; padding: 0.3em 0 0.3em 12px; border-left:1px solid #fff; color:#fff; text-align:right;}
*html #menue li.label-suche a { margin:0; padding: .6em 5px .6em 5px; color:#fff; border:none; font-weight:bold;}
*html #menue input.suche { height:11px; margin:0 0 0 10px;}

/************************	definition linkes menue mit Pfeilen*****************************************/
#menue-container {width:190px;margin:60px 0 0 0;padding:0;font-size:90%;float:left;}

#menue-container h3 { color:#2e4594; padding:0 5px 0 5px; border-bottom:1px solid #ccc;}
#menue-container h2 { color:#2e4594; padding:0 5px 0 10px;}
#menue-container p { padding:2px 5px 2px 10px; line-height:1.5em;}

#menue-container p.headline-links {
background-image: url(images/icon.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
font-weight:bold;
color:#999;
margin-left:5px;
}

#menue-left {margin:0;}
#menue-left ul { list-style:none; margin:0; padding:0;}
#menue-left ul li {padding:6px 0px 6px 8px; border-bottom:1px dotted #ccc;}
#menue-left ul li a{background: transparent url(images/arrow.gif) left center no-repeat; background-position:0px 0px; padding-left:15px;}
*+html #menue-left ul li a{background: transparent url(images/arrow.gif) left center no-repeat;  padding-left:15px;}

#menue-left ul li a.active {font-weight:bold;}

#menue-left ul li a:hover{ 
list-style-image:url(images/arrow.gif);}

#menue-left ul ul {padding-top:2px;}
#menue-left ul ul li {border-bottom:none; padding-left:30px; list-style:none;}
#menue-left ul ul li a {color:#666;}

	
/******************************** Definitionen fr den Inhalt ***************************************/

#content p {line-height:1.5em;}

#content .border-5-left { border-left:5px solid #cc0;}

#content h1 { font-size:110%; color:#2e4594; padding-top:50px;}
#content h2 { font-size:100%; color:#2e4594;}
#content h3 { font-size:100%; color:#666;}

#content h3.underline{ font-size:100%; color:#666; border-bottom:1px dotted #666; width:90%;}

#breadcrumb { float:right; height:20px; font-size:0.9em; margin-top:20px; padding-right:10px;}
#breadcrumb a:link { text-decoration:none;}
#breadcrumb a:visited {text-decoration:none;}
#breadcrumb a:hover {  text-decoration:none;}
#breadcrumb a:focus { text-decoration:none;}

/*Formatierung Texten mit Bilder
#content img { float:left; margin:0 15px 5px 0;}
 */
#content img.right { float:right; margin:0 20px 5px 20px;}
#content img.left { float:left; margin:0 20px 5px 0;}

#content .textblock-bild { margin-left:180px;}

#content .bild-unterschrift { font-style:italic; padding-bottom:5px; line-height:1.5em; font-size:0.8em; float:left; width:170px;}
#content .bild-unterschrift img{float:left; }

#content p.abstand5em { line-height:10em;}

.anschrift-abstand {width:60px; margin-right:0px; float:left;}
.abstand150 {width:150px; margin-right:0px; float:left;}

.anker {
background-image: url(images/icon_anker.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
font-size:1em;
}

.anker a:hover{ background-color:#fff;}

.seitenanfang {
background-image: url(images/icon_top.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 15px;
font-size:0.9em;
float:right;
}
.back {
background-image: url(images/icon_back.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 15px;
font-size:0.9em;
}
.forward {
background-image: url(images/arrow.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 15px;
font-size:1em;
}
.print {
background-image: url(images/icon_print.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
}
.download {
background-image: url(images/icon_pdf.gif);
background-repeat: no-repeat;
background-position: left top;
padding-left: 17px;
padding-bottom:5px;
}

.download-dwg {
background-image: url(images/icon_dwg.jpg);
background-repeat: no-repeat;
background-position: left top;
padding-left: 20px;
}
.download-right {
background-image: url(images/icon_pdf.gif);
background-repeat: no-repeat;
background-position: left top;
padding-left: 20px;
float:right;
margin-top:-22px;
}

.h2-right {
float:right;
margin-top:-22px;
}

#content .sgb {width:50px; height:100px; padding-right:10px; float:left; }

#content .underline { font-weight:bold;}


table,td { border-collapse: collapse; border:1px solid #ccc;}
thead th, tbody th {background: #2e4594; color: #fff;padding: 5px 5px; text-align: left;}
tbody th{background: #2e4594;text-align: left;}
tbody tr td{padding: 7px 5px;color: #666;vertical-align:top;}

/************** Formnatierungen Listen im Content Bereich****************/

#content ol li{margin-left:-10px; padding:0;line-height:1.5em; position:relative;}
*html #content ol { margin-left:35px; display:inherit;}


#content ul.liste { list-style-image:url(images/bullet.gif); margin-left:-15px;}
#content ul.liste li { line-height:1.8em;  }


/********************** Formular Auszeichnungen ***************************/

#form-standard label{ text-align:right; margin:10px 15px 0px 0px; width:10em; float:left; padding-top:2px;}

#form-standard input, textarea, select {border:1px solid #ccc; width:15em; margin-top:10px;}

#form-standard input.check { width:3em; margin-top:10px; border:none;}
#form-standard input.radio { width:3em; margin-top:10px; border:none;}

#form-standard br{ clear:left;}

#form-standard input.button { width:auto; color:#2e4594;}

/********************** Sitemap***************************/

#sitemap {padding: 1em 1.5em;line-height: 20px;}
#sitemap ul li {padding: 0 0 0 24px; margin: 0; list-style-type: none; }
#sitemap ul li {background: url(images/sitemap/extm.gif) no-repeat 0% 0%;}
#sitemap ul li.last {background: url(images/sitemap/exlm.gif) no-repeat  0% 0%;}

#sitemap ul {padding: 0 0 0 24px; margin: 0 0 0 -24px;list-style-type: none;}
#sitemap ul { background: url(images/sitemap/exim.gif) repeat-y 0% 0%;}
#sitemap ul.last { background-image: none;}

/********************** deutschlandkarte ***************************/

#sued {position:absolute; width:250px; height:220px; 
z-index:3; left: 150px; top: 650px; background-color: #f4f4f4; 
border: 1px solid #2e4594; visibility: hidden; padding:5px;}

#nord {position:absolute; width:250px; height:170px; 
z-index:1; left: 150px; top: 400px; background-color: #f4f4f4; 
border: 1px solid #2e4594; visibility: hidden; padding:5px;}

#mitte {position:absolute; width:250px; height:170px; 
z-index:2; left: 150px; top: 550px; background-color: #f4f4f4; 
border: 1px solid #2e4594; visibility: hidden; padding:5px;}


/*********************************************** boxes right***************************************************************/

#news p {line-height:1.5em; font-size:85%;}

.headline-re {
background-image: url(images/icon.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
font-size:90%;
font-weight:bold;
color:#999;
margin-bottom:5px;
}

#news hr {height: 1px;border: 0 none; border-top: 1px dotted #ccc; margin-top:3px;}

#newsletter input {border:1px solid #999; width:10em;font-size:90%;}

#newsletter input.sent { width:8em; color:#666; font-size:90%;}

/******************************************************** footer ****************************************************/


#footer {
font-size:0.9em;
clear:both; 
height:40px; 
margin-top:10px; 
text-align:center; 
padding-top:5px; 
margin-bottom:40px;}

/*********************************************** header Bildleisten*******************************************************/
#streifen-blau { height:3px; background-color:#2e4594; width:100%;}

#bildleiste-schrauben {
margin:0;
padding:0;
width:100%;
height:150px;
background-image:url(images/header/schrauben2.jpg);
border-bottom:1px solid #fff;
border-top:1px solid #fff;
}

#bildleiste-buero {
margin:0;
padding:0;
width:100%;
height:150px;
background-image:url(images/header/buero.jpg);
border-bottom:1px solid #fff;
border-top:1px solid #fff;
}

#bildleiste-qualitaet {
margin:0;
padding:0;
width:100%;
height:150px;
background-image:url(images/header/qualitaet2.jpg);
border-bottom:1px solid #fff;
border-top:1px solid #fff;
}

#bildleiste-downloads {
margin:0;
padding:0;
width:100%;
height:150px;
background-image:url(images/header/downloads.jpg);
border-bottom:1px solid #fff;
border-top:1px solid #fff;
}


#bildleiste-produkte2 {
margin:0;
padding:0;
width:100%;
height:150px;
background-image:url(images/header/produkte2.jpg);
border-bottom:1px solid #fff;
border-top:1px solid #fff;
}

#bildleiste-ueberuns {
margin:0;
padding:0;
width:100%;
height:150px;
background-image:url(images/header/ueberuns.jpg);
border-bottom:1px solid #fff;
border-top:1px solid #fff;
}

#bildleiste-karriere {
margin:0;
padding:0;
width:100%;
height:150px;
background-image:url(images/header/karriere.jpg);
border-bottom:1px solid #fff;
border-top:1px solid #fff;
}

#bildleiste-shockblowerh {
margin:0;
padding:0;
width:100%;
height:150px;
background-image:url(images/header/shockblowerh.jpg);
border-bottom:1px solid #fff;
border-top:1px solid #fff;
}

#bildleiste-kontakt {
margin:0;
padding:0;
width:100%;
height:150px;
background-image:url(images/header/kontakt.jpg);
border-bottom:1px solid #fff;
border-top:1px solid #fff;
}

#bildleiste-ordner {
margin:0;
padding:0;
width:100%;
height:150px;
background-image:url(images/header/ordner.jpg);
border-bottom:1px solid #fff;
border-top:1px solid #fff;
}
#bildleiste-schuettgut1 {
margin:0;
padding:0;
width:100%;
height:150px;
background-image:url(images/header/schuettgut1.jpg);
border-bottom:1px solid #fff;
border-top:1px solid #fff;
}
#bildleiste-schuettgut2 {
margin:0;
padding:0;
width:100%;
height:150px;
background-image:url(images/header/schuettgut2.jpg);
border-bottom:1px solid #fff;
border-top:1px solid #fff;
}
#bildleiste-schuettgut3 {
margin:0;
padding:0;
width:100%;
height:150px;
background-image:url(images/header/schuettgut3.jpg);
border-bottom:1px solid #fff;
border-top:1px solid #fff;
}
#bildleiste-schuettgut4 {
margin:0;
padding:0;
width:100%;
height:150px;
background-image:url(images/header/schuettgut4.jpg);
border-bottom:1px solid #fff;
border-top:1px solid #fff;
}
#bildleiste-schuettgut5 {
margin:0;
padding:0;
width:100%;
height:150px;
background-image:url(images/header/schuettgut5.jpg);
border-bottom:1px solid #fff;
border-top:1px solid #fff;
}

#bildleiste-shockblower-n {
margin:0;
padding:0;
width:100%;
height:150px;
background-image:url(images/header/shockblower_n2.jpg);
border-bottom:1px solid #fff;
border-top:1px solid #fff;
}
#bildleiste-shockblower {
margin:0;
padding:0;
width:100%;
height:150px;
background-image:url(images/header/shockblower.jpg);
border-bottom:1px solid #fff;
border-top:1px solid #fff;
}

#bildleiste-komponenten {
margin:0;
padding:0;
width:100%;
height:150px;
background-image:url(images/header/komponenten.jpg);
border-bottom:1px solid #fff;
border-top:1px solid #fff;
}

#bildleiste-news {
margin:0;
padding:0;
width:100%;
height:150px;
background-image:url(images/header/news.jpg);
border-bottom:1px solid #fff;
border-top:1px solid #fff;
}

#bildleiste-news-schaefer {
margin:0;
padding:0;
width:100%;
height:150px;
background-image:url(images/header/news-schaefer.jpg);
border-bottom:1px solid #fff;
border-top:1px solid #fff;
}

#bildleiste-ref-bergbau {
margin:0;
padding:0;
width:100%;
height:150px;
background-image:url(images/header/ref-bergbau.jpg);
border-bottom:1px solid #fff;
border-top:1px solid #fff;
}

#bildleiste-ref-stahl {
margin:0;
padding:0;
width:100%;
height:150px;
background-image:url(images/header/ref-stahl.jpg);
border-bottom:1px solid #fff;
border-top:1px solid #fff;
}
#bildleiste-ref-anlagenbau {
margin:0;
padding:0;
width:100%;
height:150px;
background-image:url(images/header/ref-anlagenbau.jpg);
border-bottom:1px solid #fff;
border-top:1px solid #fff;
}
#bildleiste-ref-zement {
margin:0;
padding:0;
width:100%;
height:150px;
background-image:url(images/header/ref-zement.jpg);
border-bottom:1px solid #fff;
border-top:1px solid #fff;
}
#bildleiste-ref-kies {
margin:0;
padding:0;
width:100%;
height:150px;
background-image:url(images/header/ref_kies.jpg);
border-bottom:1px solid #fff;
border-top:1px solid #fff;
}
#bildleiste-ref-kraftwerk {
margin:0;
padding:0;
width:100%;
height:150px;
background-image:url(images/header/ref_kraftwerk.jpg);
border-bottom:1px solid #fff;
border-top:1px solid #fff;
}
#bildleiste-ref {
margin:0;
padding:0;
width:100%;
height:150px;
background-image:url(images/header/ref.jpg);
border-bottom:1px solid #fff;
border-top:1px solid #fff;
}