/* ----------------------------------------------------
	CSS fuer Relaunch www.salzgitter-bauelemente.de
	Stand: 29.05.2008
---------------------------------------------------- */

/* Globale Einstellungen */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #535353;
	background: #efefef;
	text-align: center;
	margin: 0;
	padding: 0;
}

a { font-family: Verdana, Arial, sans-serif; font-size: 85%; color: #cc3300; text-decoration:none; cursor: pointer; }
a:hover {text-decoration:none; color: #333333; }
a.active {text-decoration:none; color: #333333; }

div#content a, div#footer a { font-family: Arial, sans-serif; font-size: 100%; color: #cc3300; text-decoration:none; cursor: pointer; }
div#content a:hover, div#footer a:hover {text-decoration:none; color: #333333; }
div#content a.active, div#footer a.active {text-decoration:none; color: #333333; }

h1 { font-size: 120%; font-weight: bold; text-align: left; margin: 0; padding: 0;}
h2 { font-size: 110%; font-weight: bold;  }
body#intro h2 { color: #cc3300;}
h3 { font-size: 100%; font-weight: bold;  }
h4 { font-size: 100%; font-weight: bold;  }

p { font-size: 100%; line-height: 140%; }

ul { list-style-type: none; margin: 0; padding: 0; font-size: 100%; line-height: 140%; }
ul.plan_dl { list-style-type: disc; margin-left: 20px;}
ol { margin: 0; padding: 0; font-size: 100%; line-height: 140%; }
.agb { margin-bottom: 2em;} /* Fuer AGB und Impressum */

.pic_floatright { float: right; margin: 0 0 1.2em 1.2em; }

dl { font-size: 100%; line-height: 140%; }

a img { border: none; }

.dn { display: none;}

.clearleft { clear: left;}

/* Startseite */
body#start { background: #fff;}

	body#start ul {
		float: left;
		padding: 0;
		margin: 0;
		list-style-type: none;
}
		body#start ul li {
			float: left;
		}

body#start div#start_page_wrap {
	text-align: center;
	margin: 0 auto;
	padding-top: 1em;
	width: 770px;
}

body#start div#start_page_wrap h1 {
	font-size: 1.2em;
	font-weight: normal;
	text-align: right;
	line-height: 70px;
	background: transparent url('../img/splash_slizes/logo.gif') no-repeat;
}

body#start div#start_links {
	text-align: right;
	clear: both;
	padding-top: 2em;
}

body#start div#start_links em {
	color: #cc3300;
	font-size: 1.2em;
	font-style: normal;
}

/* Ende Startseite */

/* Allgemeine Struktur der restlichen Seiten */
div#page_wrap {
	text-align: center;
	margin: 0 auto;
	width: 960px;
	height: auto;
	padding: 0;
	background: #fff url('../img/Elemente/wrap_bg.gif') repeat-y;
}

/* Seitenkopf */
div#head {
	height: 104px;
	background: #fff url('../img/ElementeKopf/sign.jpg') no-repeat center right;
	
}
	/*div#head h1 {
		text-indent: -9999px;
		line-height: 104px;
		background: url('../img/ElementeKopf/logo.jpg') no-repeat center left;
	}*/
	
/* Seitenfuss */
div#footer { clear: both; height: 4em; text-align: right;}

/* Hauptnavigation */
div#topnav {
	background-color: #F4F4F4;
	margin: 1px 0 0 0;
	padding: 0;
	height: 30px;
	line-height: 18px;
	border-bottom: 30px solid #fff;
}

div#topnav ul { list-style-type: none; margin: 0; padding: 0;}
div#topnav ul li { float: left; }

#topnav ul li a {
  text-decoration:none; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  color: #cc3300; 
  padding: 6px 14px; 
  border-left: 1px solid #ededed;
  display: block;
}


div#topnav ul li a:hover	{
  text-decoration:none; 
  color: #333333; 
  background-color: #E8E8E8;
}
div#topnav ul li a.nav_active {
  text-decoration:none; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  color: #cc3300; 
  padding: 6px 14px; 
  border-left: 1px solid #ededed;
  display: block;
  background-color: #E8E8E8;
}
div#topnav ul li a.nav_active:hover {
  text-decoration:none; 
  color: #333333; 
  background-color: #E8E8E8;
}

body#intro div#content {
	float: left;
	text-align: left;
	width: 640px;
	margin: 0 0 0 80px;
}

body#unternehmen #content, 
body#geschichte #content, 
body#mitgliedschaften #content, 
body#produkte #content, 
body#planung #content,
body#agb #content,
body#sandwich #content { float: left; width: 560px; text-align: left;}

body#mitgliedschaften #content li a { display: block; padding-left: 130px; line-height: 100px;}
body#mitgliedschaften #content li a.ifbs { background: url('../img/Elemente/qualitaetszeichen.jpg') 0 50% no-repeat; }
body#mitgliedschaften #content li a.gbs { background: url('../img/bilder_scan/guetezeich.gif') 0 50% no-repeat; }
body#mitgliedschaften #content li a.sinfo { background: url('../img/bilder_scan/logo_stahlinfo.gif') 0 50% no-repeat; }
body#mitgliedschaften #content li a.epaq { background: url('../img/logos/epaq.png') 0 50% no-repeat; }

div#content h2 { margin-top: 0; }

div#sidebar {
	float: right;
	width: 160px;
	height: 800px;
	margin-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	text-align: left;
	color: #333333;
	background: #f7f7f7;
}

div#sidebar ul { list-style-type: none; margin: 0 20px 0 20px; padding: 0; line-height: 220%;}
div#sidebar ul li a { padding-left: 20px; }
div#sidebar ul li.first { padding: 0; font-weight: bold; border-bottom: 1px solid #ededed;}
div#sidebar ul li a.startseite { background: url('../img/Elemente/icon_home.gif') center left no-repeat; }
div#sidebar ul li a.sitemap { background: url('../img/Elemente/icon_sitemap.gif') center left no-repeat; }
div#sidebar ul li a.drucken { background: url('../img/Elemente/icon_drucken.gif') center left no-repeat; }
div#sidebar ul li a.impressum { background: url('../img/Elemente/icon_impressum.gif') center left no-repeat; }
div#sidebar ul li a.datenschutz { background: url('../img/Elemente/icon_datenschutz.gif') center left no-repeat; }

/* ---- Navigation links ---- */
div#subnav {
	float: left;
	margin: 0;
	margin-right: 20px;
	padding: 0;
	width: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div#subnav p { padding-left: 15px; font-size: 100%; text-align: left; margin-bottom: 0.5em;}

div#subnav ul { list-style-type: none; margin: 0; padding: 0; text-align: left; }
div#subnav ul li { line-height: 28px; border-bottom: 1px solid #f3f3f3;}
div#subnav ul li a { padding-left: 20px; display: block; background: url('../img/Elemente/icon_nav.gif') 10px 50% no-repeat; }
div#subnav ul li a.subnav { padding-left: 30px; display: block; background: url('../img/Elemente/icon_nav.gif') 20px 50% no-repeat; }
div#subnav ul li a.subsubnav { padding-left: 40px; display: block; background: url('../img/Elemente/icon_nav.gif') 30px 50% no-repeat; }
div#subnav ul li a:hover { color: #333333; background: #f4f4f4 url('../img/Elemente/icon_nav.gif') 10px 50% no-repeat; }
div#subnav ul li a:hover.subnav { color: #333333; background: #f4f4f4 url('../img/Elemente/icon_nav.gif') 20px 50% no-repeat; }
div#subnav ul li a:hover.subsubnav { color: #333333; background: #f4f4f4 url('../img/Elemente/icon_nav.gif') 30px 50% no-repeat; }
div#subnav ul li a.nav_active { color: #333333; background: #e8e8e8 url('../img/Elemente/icon_nav.gif') 10px 50% no-repeat; }
div#subnav ul li a.subnav_active { padding-left: 30px; color: #333333; background: #e8e8e8 url('../img/Elemente/icon_nav.gif') 20px 50% no-repeat; }
div#subnav ul li a.subsubnav_active { padding-left: 40px; color: #333333; background: #e8e8e8 url('../img/Elemente/icon_nav.gif') 30px 50% no-repeat; }
/* ---- Ende Navigation links ---- */

/* ---- Produktliste Eingangsseite ---- */
div#produkte { padding-top: 20px; }

div#produkte dl {
	margin: 0;
	padding: 10px;
	background: #f7f7f7;
	border-bottom: 4px solid #fff;
}

div#produkte dl dt{
	margin: 0 0 0 115px;
	padding: 0;
	font-weight: bold;
}

div#produkte dl dd {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

div#produkte dl dd.image {
	float: left;
	height: 90px;
	margin: 0;
	padding-right: 15px;
	font-weight: normal;
}

/* ---- Ende Produktliste Eingangsseite ---- */

/* Linierungen */
/* Tabelle Temperaturverformung */
table#temperaturverformung {
	margin-top: 3em;
	width: 100%;
	font-size: 100%;
	border: 1px solid #e8e8e8;
	border-collapse: collapse;
}

table#temperaturverformung caption {
	padding: 0.5em 0.5em;
	font-weight: bold;
	background: #e8e8e8;
	text-align: center;
}

table#temperaturverformung thead { border-bottom: 2px solid #fff; background: #f7f7f7;}

table#temperaturverformung tr.alt { background: #f7f7f7; }

table#temperaturverformung th {
	padding: 0.3em 0.6em;
	border: 1px solid #e8e8e8;
	text-align: center;
}

table#temperaturverformung td {
	padding: 0;
	border: 1px solid #e8e8e8;
	text-align: center;
}

/* Tabelle Linierung */
table#lin_anwendung {
	clear: both;
	margin-bottom: 4em;
	width: 100%;
	font-size: 100%;
	border: 1px solid #e8e8e8;
	border-collapse: collapse;
}

table#lin_anwendung caption {
	padding: 0.5em 0.5em;
	font-weight: bold;
	background: #e8e8e8;
	text-align: center;
}

table#lin_anwendung thead { border-bottom: 2px solid #fff; background: #f7f7f7;}

table#lin_anwendung tr.alt { background: #f7f7f7; }

table#lin_anwendung th {
	padding: 0.3em 0.6em;
	border: 1px solid #e8e8e8;
	text-align: center;
}

table#lin_anwendung td {
	padding: 0;
	border: 1px solid #e8e8e8;
	text-align: center;
}

table#lin_anwendung td.dot {
	color: #cc3300;
	font-weight: bold;
	font-size: 200%;
}

dl.lin { width: 560px; float: left; margin: 0 0 0.5em 0;}

dl.last { margin-bottom: 2em; }

dl.lin dt {
	float: left;
	margin: 0;
	margin-right: 10px;
	padding: 0;
	font-size: 100%;
	font-weight: bold;
}

dl.lin dd.hl {
	margin: 0;
	margin-bottom: 0.5em;
	padding: 0;
	font-size: 100%;
	font-weight: bold;
}

dl.lin dd.info {
	margin: 0;
	margin-bottom: 0.5em;
	padding: 0;
	font-size: 100%;
}

/* AGB */
body#agb ol { margin-left: 20px; line-height: 140%; }
body#agb ol li { margin-top: 0.4em; }