/* CSS-Reset ----------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}

ol, ul {list-style: none;}	
:focus {outline: 0;}
img {border: none;}
img.nice {padding:1px;border:1px solid #ccc;}

/* ---------------------------------------------------------- */

body {background: #fff url(../images/layout/nav-panel.gif) 0 0 repeat-y;font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height: 150%;color: #000;}
#wrapper {width: 960px;margin: 30px 0 0 0;}

#nav-section {width: 130px;padding: 0 0 0 15px; float: left; margin:0 50px 0 0; display: inline;}
#content-section {width: 770px;overflow: hidden;display: inline;}

#content-left-col {width: 520px;height: auto;margin: 65px 0 0 0;float: left;padding-bottom: 50px;}
#content-left-col.product-list {width:430px;margin: 65px 0 0 0;}
#content-left-col.product-item {width:660px;}
#content-left-col.product-item .doc-link {float:right;}
#content-left-col .left-float {float: left; margin-right:70px;}
#content-left-col.seminare {width: 660px;}
#content-left-col.seminare p {margin:0 0 10px 0;}

#content-right-col {width: 210px; float: right;margin: 111px 0 0 0;}

/* ---------------------------------------------------------- */	
	
#navigation li  {margin: 0 0 5px 0;}
	
#navigation li a:link,
#navigation li a:visited {
	background: transparent url(../images/layout/arrow-link.png) right center no-repeat;
	border-bottom: 2px solid #E35946;
	width: 120px;
	display: block;
	padding: 3px 0;
	color: #000;
	text-decoration: none;
	font-weight: 700;
}
	
#navigation li a:focus,
#navigation li a:hover,
#navigation li a:active,
#navigation li a#aktiv {background: transparent url(../images/layout/arrow-event.png) right center no-repeat;color: #D62921;}

/* ---------------------------------------------------------- */

#ziegel-vorteile li {overflow: hidden; margin: 0 0 30px 0;}
#ziegel-vorteile img {float: left;margin: 0 25px 0 0;padding:1px;border:1px solid #ccc;}

#produktauswahl li {float: left; margin: 0 50px 30px 0;}
#produktauswahl li a {display: block; text-align:center;}
#produktauswahl li a.pix {width: 75px; height: 80px; margin-bottom: 5px; padding-left:5px;}

/* ---------------------------------------------------------- */

#kontaktformular label {display: inline-block;margin: 0 0 5px 0;width: 95px;}	
#kontaktformular input {width: 150px; border:1px solid #999;}	
#kontaktformular textarea {width: 250px;height: 150px;border:1px solid #999;}
#kontaktformular #submit {width: auto; margin: 15px 0 0 0;padding: 2px;color: #666;}
#kontaktformular p {margin: 0 0 10px 0;}
#kontaktformular #thema {width: 250px;}

#kontaktformular label.error {width: 200px;color: #DE2118;margin: 0;padding: 0 0 0 20px; font-style:italic;}	
#kontaktformular input.error,
#kontaktformular textarea.error {border: 1px solid #DE2118;}
#kontaktformular input,#kontaktformular textarea {font-family: Arial, Helvetica, sans-serif; font-size:12px;}
	
/* ---------------------------------------------------------- */

h1 {width: 120px;height: 65px;margin: 0 0 60px 0; text-indent: -9999px;}
h1 a#logo {width: 120px;height: 65px;background: transparent url(../images/layout/logo.png) 0 0 no-repeat;display: block;}

h2 {font-size: 16px;color: #D62921;text-transform: uppercase; margin: 0 0 30px 0;}
h2.black {font-size: 16px;color: #000;text-transform: uppercase; margin: 0 0 30px 0;}
h2.no-transform {text-transform:none;}

h3 {font-size: 14px;color: #D62921;text-transform: uppercase; margin: 0 0 10px 0;}

a:link,a:visited {color: #D62921;}
a:focus,a:hover,a:active {text-decoration: none;}

ul.liste {list-style-position: inside;list-style-type: disc; line-height: 180%;}
br.clear {width: 100%;height: 1px;clear: both;display: block;margin-top: -1px;}
.pdf-icon {margin: 0 10px 0 0;}
.red {color:#DE2118;}
.impressum {float: left;}
.caption {width:170px;}
.detail {float: left; margin: 0 30px 100px 0;}