/*-------------------------------------------------------
	
	styles.css - Schriftgrößen, -farben, Formatierung
	sontiger HTML-Elemente (soweit dies keine DIVs
	betrifft, die für das Layout der Seite verwendet
	werden)

-------------------------------------------------------*/
form#form1, form#form1 select, form#form1 option {
	font-size: 10px !important;
	font-family: Verdana, sans-serif;
}
/*-------------------------------------------------------

	csshover.htc - damit bringen wir den IE dazu, 
	:hover auf für andere Elemente außer "a" zu
	interpretieren

------------------------------------------------------*/
body {
	behavior:url(/fileadmin/_templates/_js/csshover.htc);
}
/*-------------------------------------------------------
	
	Allgemeine
	
-------------------------------------------------------*/
html, body {
	width: 100%;
	height: 100%; 
	margin: 0px;
	padding: 0px;
 	background-color: #aaaaaa;
 	background-color: #CECCBD;
 	background-color: #999999;
 	background-color: white;
}
.clearFloat {
	clear: both;
	height: 0px !important;
	margin: 0px !important;
	padding: 0px !important;
	overflow: hidden !important;
}
table, tbody, tr {
	width: 100%;
	border-width: 0px;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	vertical-align: top;
}
td {
	border-width: 0px;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	vertical-align: top;
}
img {
	border: 0px;
}
ul, li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
a:active { 
text-decoration:expression(hideFocus='true'); 
}
:focus { -moz-outline-style: none; }
/*-------------------------------------------------------
	
	Los geht's
	
-------------------------------------------------------*/
a {
	color: #CC0000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:visited {
	color: #870000;
}
body, div, span, h1, h2, h3, h4, h5, h6, h7, h8, h9, p, td, li, input, textarea {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Lucida, Verdana, Arial, Helvetica, sans-serif; 	
	font-size: 11px;
	line-height: 130%;
}
h1, h2 {
	margin: 30px 0px 20px 0px;
	padding: 20px 0px 0px;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
div#layerContentHead h1 {
	font-weight: bold;
}
div#layerContentMain h1 {
	border-top: 2px dotted #C8C8B2;
	border-top: 2px dotted black;
}
h1.csc-firstHeader {
	margin-top: 0px;
	border-top: 0px dotted white !important;
}
div#layerContentMain h2, div#layerContentBottom h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px;
}
div#layerContent ul, div#layerContentHead ul, div#layerContainerPr ul, div#layerContainerPrGel ul {
	list-style-image: url(/fileadmin/_templates/_img/nav/bullet3.png);
	margin: 10px 0px;
}
div#layerContent li, div#layerContainerPr li, div#layerContainerPrGel li {
	margin-left: 17px;
}
p.produktLink1 a{
	display: block;
	width: 300px;
	padding: 2px 5px !important;
	font-weight: bold;
	color: #2F2F23;
	background-color: #9D9D77;
	font-size: 11px !important;
	margin: 1px 0px 0px !important;
	text-align: left;
}
div.layerProdukt h1 {
	margin-bottom: 10px !important;
}
div#layerContentHead table.produkt a, div.layerProdukt table a  {
	font-size: 10px !important;
	color: #2F2F23;
	font-weight: bold !important;
	background-color: white;
	line-height: 10px;
	display: block;
	padding: 6px;
	margin: 10px 0px 0px;
}
div#layerContentHead table a.sk, div.layerProdukt table a.sk  {
	width: 80px !important;
	height: 83px;
}
div#Gelaender table a {
	width: 160px;
}
div#layerContentHead table a:hover, div.layerProdukt table a:hover, p.produktLink1 a:hover, a.produktLink2:hover {
	text-decoration: none;
	color: black;
}
div#layerContentHead table a img, div.layerProdukt table a img {
	/* border: 4px solid white !important; */
	margin: 0px 0px 4px;
}
div.csc-textpic-imagewrap dt {
	border: 4px solid white;
	width: 80px;
	height: 60px;
	overflow: hidden !important;
	display: block;
}
/*-------------------------------------------------------

	Mailformular
	
-------------------------------------------------------*/
div.anfrage_angebot table.treppenform td {
	padding: 5px !important;
}
div.anfrage_angebot {
	margin-bottom: 20px;
}
div.anfrage_angebot table td {
	background-color: #A7A785;
}
div.Mailformular table td h2 {
	border-top: 0px solid #E7E9EA;
	padding: 0px;
}
div.Mailformular table td {
	padding: 20px !important;
}
div#anfrage_tp div.Mailformular table td {
	padding: 0px !important;
}
div.Mailformular table td table td {
	padding: 0px !important;
}
div.Mailformular form {
	margin: 0px;
	padding: 0px;
}
div.Mailformular input, div.Mailformular select, div.Mailformular option, div.Mailformular textarea {
	font-size: 11px;
}
div.Mailformular input, div.Mailformular select, div.Mailformular textarea {
	border: 3px solid #B6B699;
}
div.Mailformular input.submitButton {
	border: 3px solid #e1091a;
	background-color: #e1091a;
}
div.Mailformular textarea {
	width: 300px;
	height: 250px;
}
div.Mailformular select {
	width: 170px;
}
div.Mailformular select option {
	font-size: 10px;
	margin: 2px 0px;
	padding: 0px 2px;
}
div.Mailformular input.input {
	width: 200px;
}
div#anfrage_tp div.Mailformular input.input {
	width: 180px;
	border: 3px solid gray;
}
div.Mailformular input.inputS {
	width: 40px;
}
div.Mailformular table {
	width: 100%;
	border: 0px solid white;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}
div.Mailformular table td.FormSpalte1 {
	width: 35%;
}
div.Mailformular table td.FormSpalte2 {
	width: 65%;
}
div.Mailformular table td {
	vertical-align: middle;
	padding: 2px 0px;
}
div.Mailformular table tr.submit td input, div.Mailformular p.submit input {
	background-color: #e1091a;
	color: white;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
}
div.Mailformular table tr.error td span {
	color: black;
	font-weight: bold;
	display: block;
	padding: 5px 5px 5px 23px;
	padding: 5px 5px 5px 0px;
	border-bottom: 2px solid black;
}
div.Mailformular table tr.error td {
	margin: 0px;
	padding: 0px;
}
div.Mailformular table td.spacer {
	height: 20px;
}