@charset "utf-8";

/*======================================
Datum: 10.12.08
Datei: screen.css
Kunde: Spillner Spezialbaustoffe GmbH
Autor: Hans-Jörg Rüstemeier, Dix Weber
======================================*/

@import url(navi.css);
/*=====
RESET
=====*/
* {
	margin: 0;
	padding: 0;
}
h2 {
	float: left;
	font-weight: normal;
	font-size: 1.4em;
    margin-bottom: 1.5em;
}

#lewis h2, #sylomer h2, #hody h2 {
	text-align: center;
    width: 70%;
	margin-bottom: 2.5em;
}
h2 img {
	float: left;
    margin-bottom: 3px;
}
h3 {
	font-size: 1.07em;
}
h4 {
	font-size: 1.07em;
}
h5 {
	font-size: 1em;
	padding-bottom: 0.5em;
}
h6 {
	font-size: 0.84em;
}
cite {
	font-style: normal;
	font-size: 0.84em;
}
/*================
Globale Styles
==================*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #222;
	background-color: #eee;
	line-height: 1.35;
}
#wrapper {
	width: 90%;
	min-width: 900px;
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	font-size: 62.5%;
	background-color: #FFFFFF;
	background-image: url(./bilder/minuslinie.gif);
	background-repeat: repeat-y;
	background-position: 21% top;
	padding-bottom: 2em;
}
a img { border: none 0; }

/*===========================
#kopf
===========================*/

#kopf {
	background-color: #FFFFFF;
	background-image: url(./bilder/texturen.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	border-bottom: 20px solid white;
}
/*===========================
#hauptnavi
===========================*/



#hauptnavi {
	width: 21.9%;
	float: left;
	color: #5b5b5b;
	overflow: hidden;
}
#hauptnavi a {
	text-decoration: none;
	color: #5b5b5b;
	text-transform: uppercase;
	display: block;
	font-size: 125%;
	font-weight: bold;
}
#hauptnavi a img { border: none; }
#hauptnavi a:hover {
	color: #01804e;
	font-weight: bold;
	text-decoration: underline;
	font-size: 125%;
}
#hauptnavi a:active {
    outline: none;
}
#hauptnavi a span.produktinfo {
    display: block;
    font-size: 0.9em;
    text-transform: none;
    line-height: 1.2
}

#hauptnavi a#mobile {
	text-transform: none;
    font-weight: normal;
    font-size: 11px;
    color: #777;
}
#hauptnavi a#mobile:hover {
	text-decoration: none;
	color: #01804e;
}
#hauptnavi a#mobile img { margin-bottom: 3px; }
#hauptnavi a#mobile span {
    display: block;
    text-align: center;
    width: 212px;
}

#hauptnavi #qr {
    font-size: 11px;
    margin: 48px 16px 40px 30px;
}
#hauptnavi #qr img {
    padding-bottom: 20px;
}

#hauptnavi li {
	margin-bottom: 10px;
	list-style-type: none;
}
#hauptnavi ul {
	color: #5b5b5b;
	overflow: hidden;
	margin-left: 20%;
}
#hauptnavi ul ul {
	padding: 0;
	margin-top: 10px;
	margin-left: 10%;
}
#hauptnavi ul li ul li a {
	font-weight: normal;
	color: #8a8a8a;
	font-size: 120%;
	display: block;
	width: 90%;
}
#hauptnavi ul li ul li a:hover {
	color: #01804e;
	font-weight: normal;
	text-decoration: underline;
	font-size: 120%;
}
* html #hauptnavi ul {
	width: 80%;
}
/*===========================
#texthuelle
===========================*/

#texthuelle {
	width: 75%;
	float: right;/*overflow: hidden;*//*background-color: #FFFFFF;
	background-image: url(bilder/grau.gif);
	background-repeat: repeat-y;
	background-position: 79%;*/
}
#texthuelle a {
	color: #007E4D;
	text-decoration: none;
}
/*#texthuelle a:visited {
	color: #4E826E;
}*/
#texthuelle a:hover {
	color: #007E4D;
	text-decoration: underline;
}
#inhalt {
	width: 63%;
	float: left;
	font-size: 130%;
	padding-bottom: 3em;
}
/*===========================
#inhalt
===========================*/

#inhalt h3, #inhalt h4 {
	clear: both;
	padding-top: 0.2em;
	padding-bottom: 0.5em;
}

#downloads #inhalt h3, #partner #inhalt h3, #produkte #inhalt h3, #wir #inhalt h3, #impressum #inhalt h3 { 
	padding-bottom: 1.5em;
}
#inhalt p {
	padding-bottom: 1em;
}
#inhalt ul {
	list-style-type: none;
	margin-bottom: 1em;
}
#inhalt hr {
	margin: 0em 0 5em 0;
}
#inhalt .bildbox {
	color: #030303;
	float:left;
	text-align: center;
	background-color: white;
	padding: 0.5em;
	margin: 0 1em 1em 0;
	border: 1px solid #01804e;
}
#inhalt .bildbox_links {
	color: #030303;
	float:left;
	text-align: center;
	background-color: #f1f1f1;
	padding: 0.5em;
	margin: 0 1em 1em 0;
	border: 1px solid #01804e;
	width: 14em;
}
#inhalt .bildbox_rechts {
	color: #030303;
	float:right;
	text-align: center;
	background-color: #f1f1f1;
	padding: 0.5em;
	margin: 0 0 1em 0;
	border: 1px solid #01804e;
	width: 13.1em;
}
#inhalt .bildbox_links_breit {
	color: #030303;
	float:left;
	text-align: center;
	background-color: #f1f1f1;
	padding: 0.5em;
	margin: 0 1em 1em 0;
	border: 1px solid #01804e;
	width: 35em;
}
#inhalt .bildbox_rechts_breit {
	color: #030303;
	float:right;
	text-align: center;
	background-color: #f1f1f1;
	padding: 0.5em;
	margin: 0 1em 1em 0;
	border: 1px solid #01804e;
	width: 26.3em;
}
#inhalt .bildbox dd, 
#inhalt .bildbox_links dd, 
#inhalt .bildbox_rechts dd, 
#inhalt .bildbox_links_miniaturen dd {
	margin:0;
	line-height: 1.3em;
	font-size: 0.85em;
}
#inhalt .bildbox_links_miniaturen {
	color: #030303;
	float:left;
	text-align: center;
	background-color: #fff;
	padding: 0.5em;
	margin: 0 1em 1em 0;
	width: 10.5em;
}
#inhalt dl dt img {
	padding-bottom: 0.5em;
}
#inhalt .zebra {
	background-color: #f1f1f1;
}
#inhalt .liste_verarbeitung {
	margin-top: 0.5em;
}
#inhalt ul ul {
	margin: 0;
}
#inhalt li {
	background-color: transparent;
	background-image: url(./bilder/bullet.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 1.3em;
}
#inhalt #detail-auswahl li {
	background-color: transparent;
	background-image: none;
	background-repeat: no-repeat;
	padding-left: 1.3em;
	margin-bottom: 1em;
}
#inhalt ul.plus li {
	background-image: url(./bilder/bullet_plus.gif);
}
#inhalt ol {
	padding-left: 2.5em;
}
#inhalt ol li {
	background-image: none;
	padding: 0.5em 0.6em;
}
#inhalt ol li:first-line {
	font-weight: bold;
	font-size: 90%;
}
#inhalt li:hover {
	color: black;
	background-color: #CBD9E2;
	background-image: url(bilder/bullet_white.gif);
	background-position: 0.4em 0.4em;
}
#inhalt #detail-auswahl li:hover {
	color: black;
	background-color: #FFF;
	background-image: none;
	background-position: 0 0;
}
#inhalt #detail-auswahl a {
	background:  url(/bilder/linkpfeil.gif) no-repeat left center;
	padding-left: 11px;
}
#inhalt ul.plus li:hover {
	background-image: url(./bilder/bullet_white_plus.gif);
}
#inhalt ol li:hover {
	background-image: none;
}
#inhalt thead th {
	/*font-size: 1em;*/
    font-family: 'Arial Narrow', Tahoma, sans-serif;
	border-bottom: 1px dotted #01804e;
	background-color: #F1F1F1;
}
#inhalt tfoot td {
	border-top: 1px dotted #01804e;
	background-color: #F1F1F1;
}
#inhalt th {
	font-size: 1.07em;
}
#inhalt td, #inhalt th {
	text-align: left;
	padding: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	vertical-align: top;
	font-weight: normal;
    line-height: 1.15;
}
#inhalt caption {
	text-align: left;
	padding: 10px 10px 2px 0;
	font-size: 110%;
	color: #01804e;
}
#inhalt #produktnavi img {
	padding-right: 5%;
	margin-bottom: 0;
	margin-top: 0;
}
#inhalt .kleingedruckt {
	font-size: 80%;
}
#inhalt table {
	border-collapse: collapse;
	margin-bottom: 1.5em;
	border: 1px solid #01804e;
	width: 100%;
}
* html #inhalt ul {
	height: 1%;
}
#startseite #inhalt img {
	float: none;
}
#startseite #inhalt h4 {
    border-top:1px dotted #CCCCCC;
    font-size:1.15em;
    font-weight:normal;
    padding:1em 0 0;
}
#startseite #texthuelle h4 a {
    color: #222;
}

#handelspartner #inhalt table {
	background-color: transparent;
	margin-bottom: 1.5em;
	border-bottom: 1px dotted #01804e;
	width: 100%;
}
#handelspartner #inhalt thead {
	border-bottom: 1px solid #01804e;
}
#handelspartner #inhalt img {
	float: right;
}
/*#inhalt img {
	float: left;
}
*/

#handelspartner #inhalt {
	min-height: 600px;
}
#handelspartner #inhalt table {
	margin-bottom: 1.5em;
	border: none;
	width: 100%;
}
#haendlersuche #inhalt li {
	background-image: none;
	padding: 0 0 20px 0;
}
#haendlersuche #inhalt h4 {
	font-size: 1em;
}
#haendlersuche #inhalt #produktauswahl li {
	background-image: none;
}
#haendlersuche #inhalt li:hover {
	background-color: transparent;
}
#haendlersuche #haendlerform #kundendaten {
	float: left;
	width: 290px;
}
#haendlersuche #haendlerform #kundendaten label {
	display: block;
}
#haendlersuche #haendlerform #kundendaten input, #haendlersuche #haendlerform #kundendaten #anmerkungen {
	width: 270px;
}
#haendlersuche #haendlerform #produktauswahl {
	float: left;
	margin-left: 15px;
	width: 120px;
}
#anfrageSenden:hover, #anfrageSenden:focus {
	color: #000;
	background-color: #FAFAFA;
	border: 1px solid #01804e;
	cursor: pointer;
}
#anfrageSenden {
	color: white;
	background-color: #01804e;
	border: 1px solid #01804e;
	padding: 3px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
}
#haendlerform #anfrageSenden {
	position: relative;
	top: 125px;
}
#haendlersuche #anmerkungen {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	
}
#kontakt #inhalt table {
	border: none;
}
#kontakt #inhalt td {
	padding-right: 0;
	padding-left: 0;
}
/*#partner #inhalt a {
	display: block;
	color: black;
	text-decoration: none;
	height: 5em;
}*/
#partner #inhalt li, #downloads #inhalt li {
	background: none;
	border: 1px solid white;
}

#partner #inhalt li {
	height: 6em;
}

#downloads #inhalt li {
	height: 9em;
}

#downloads #inhalt img { 
	margin-top: 3px;
}
#partner #inhalt li:hover {
	color: black;
	background-color:#F4f4f4;
	border: 1px solid #01804e;
}
#produkte #inhalt li {
	background: none;
	overflow: hidden;
	border: 1px solid white;
}
#produkte #inhalt li a {
	display: block;
	color: black;
	text-decoration: none;
	height: 10em;
}
#produkte #inhalt li:hover {
	color: black;
	background-color:#F4f4f4;
	border: 1px solid #01804e;
}
* html #produkte #inhalt li {
	height: 1%;
}
#lewisplus #sprechblase {
	position:absolute;
	top: 0px;
	right: -10px;
}
#lewisplus #inhalt {
	position: relative;
}
#lewisplus h2, #lewisplus #untertitel {
	width: 70%;
	margin-bottom: 0;
	}
#lewisplus #logo {
	margin-top: 30px;
	}
#lewisplus #untertitel {
	margin: 0px;
	margin-bottom: 1.4em;
	}
#lewisplus hr {
	color: #01804E;
	margin: 1em 0 2em 0;
	}
#lewisplus #kontaktform table {
	border: 0 solid #01804E;
	}
/*===========================
#produktnavi
===========================*/

#produktnavi {
	width: 30%;
	float: right;
	background-color: #FFFFFF;
}
#produktnavi ul li {
	margin: 2% 0;
	width: auto;
	list-style-type: none;
	background-image: none;
	padding-left: 0px;
}
#produktnavi ul li:hover {
	margin: 2% 0;
	width: auto;
	list-style-type: none;
	background-image: none;
	padding-left: 0px;
	background-color: transparent;
}
#produktnavi a {
	color: #01804e;
	text-decoration: none;
	display: block;
	font-size: 100%;
}
#produktnavi .amazon a {
    padding-left: 24px;
    background: url(bilder/icons/amazon.gif) no-repeat left center;
}
#produktnavi a:hover, #newsnavi a:hover, #mitteilungen a:hover {
	color: #01804e;
	text-decoration: underline;
}
#newsnavi {
	font-size: 130%;
	color: #01804e;
	text-decoration: none;
	display: block;
	margin-bottom: 10px;
}
/*===========================
#newsnavi
===========================*/

#newsnavi li {
	display: inline;
}
#newsnavi ul li a {
	color: #828282;
	background-color: #EFEFEF;
	text-decoration: none;
	font-weight: normal;
	padding: 3px 10px;
	border: 1px solid #D6D6D6;
	border-bottom-color: transparent;
}
#newsnavi a:visited {
	color: #828282;
}
#newsnavi .active {
	color: #01804E;
	font-weight: bold;
	text-decoration: underline;
}
#newsnavi ul li .tabAktiv, #newsnavi ul li a:hover {
	color: #01633C;
	background-color: white;
	border: 1px solid #01804e;
	border-bottom-color: transparent;
	padding: 3px 10px;
	outline-style: none;
	text-decoration: none;
}
#newsnavi ul li a:hover {
	text-decoration: underline;
}
/*===========================
#mitteilungen
===========================*/

#mitteilungen {
	background: url(./bilder/grau.gif) repeat-y top left;
	padding: 0.8em;
	width: 30%;
	float: right;
	position: relative;
}
#mitteilungen ul {
	list-style-type: none;
	padding-top: 5px;
	padding-bottom: 3px;
	border-bottom: 2px solid #01804E;
}
/*---------------------------
HasLayout IE6 
---------------------------*/

* html #mitteilungen ul {
	height: 100%;
}
#mitteilungen h3 {
	font-size: 130%;
	color: #5b5b5b;
	margin-bottom: 5%;
}
#mitteilungen h4 {
	font-size: 140%;
	color: #8a8a8a;
	padding-bottom: 0.2em;
	font-weight: normal;
	padding-top: 0.3em;
	margin-top: 0.5em;
}
/*#mitteilungen img {
	width: 79.6%;	
}*/

#mitteilungen .eintrag {
	border-top: 1px dotted #999;
	padding-top: 0.5em;
	margin-top: 1em;
}
#mitteilungen a {
	text-decoration: none;
	color: #8a8a8a;
	font-weight: bold;
}
#mitteilungen p {
	font-size: 110%;
	color: #444;
}
address, #mitteilungen address {
	font-style: normal;
	font-size: 1.1em;
    margin-bottom: 2.5em;
}
.telefon {
    display: block;
    font-size: 1.6em;
    color: #01804E;
    margin-top: 0.2em;
}
#reinladen title {
	display: none;
}

/* microformats */
.vcard {}			/* vCard-Container */
.fn {} 				/* Vorname Nachname */
.org {} 			/* Firma */

.n {} 				/* Name */
    .given-name {} 	/* Vorname */
    .family-name {} /* Nachname */
    
.title {} 			/* Beruf */
.adr {} 			/* Adresse gesamt */
    .street-address {} /* Straße */
    .locality {} 	/* Ort */
    .postal-code {} /* PLZ */
    .region {} 		/* Region */
    .country-name {}/* Land */
    
.email {} 			/* e-Mail */
.url {} 			/* URL */
.tel {} 			/* Telefonnummer */
    .type {} 		/* Art der Nummer */
    .value {} 		/* Nummer */

.geo {} 			/* Geokordinaten */
    .latitude {} 	/* geog. Breite */
    .longitude {} 	/* geog. Länge */
    
    
/*===============================
	Pressespalte
===============================	*/

#mitteilungen #presse img {
	background-color: white;
	padding: 5px;
}
#mitteilungen #presse h4 {
	border: none;
}
/*===============================
	Terminspalte
===============================	*/

#mitteilungen h5 {
	font-size: 120%;
	font-weight: normal;
	margin: 0.5em 0;
}
.datum {
	background-image: url(termine/bilder/datum_19.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 28px;
}
#mitteilungen #reinladen a {
	display: block;
	padding-top: 1px;
	padding-bottom: 1px;
	font-weight: normal;
	font-size: 110%;
	background: url(/bilder/linkpfeil.gif) no-repeat left center;
	padding-left: 8px;
}
#mitteilungen #reinladen a:visited {
	color: #8a8a8a;
    background-image: url(/bilder/linkpfeil-grau.gif);
}
#mitteilungen #reinladen a:hover {
	color: #007E4D;
}
#mitteilungen #reinladen a.bild {
	background-image: none;
	padding-left: 0;
}
/*===============================
	Ländernavigation
===============================	*/
ul#laender {
	position: relative;
	left: -4px;
}
#laender li {
	display: block;
	float: left;
	width: 35px;
	list-style-type: none;
	margin-right: 2px;
}
#laender a {
	display: block;
	text-indent: -2000px;
	height: 21px;
	background-repeat: no-repeat;
	background-position: 4px 3px;
}
#flag_nl a {
	background-image: url(bilder/flagge_nl.gif);
}
#flag_nl a:hover {
	background-image: url(bilder/flagge_nl2.gif);
}
#flag_gb a {
	background-image: url(bilder/flagge_gb.gif);
}
#flag_gb a:hover {
	background-image: url(bilder/flagge_gb2.gif);
}
#flag_fr a {
	background-image: url(bilder/flagge_fr.gif);
}
#flag_fr a:hover {
	background-image: url(bilder/flagge_fr2.gif);
}
#flag_eu a {
	background-image: url(bilder/flagge_eu.gif);
}
#flag_eu a:hover {
	background-image: url(bilder/flagge_eu2.gif);
}
/* Ticker Lauftext */
#ticker { margin: 35px 0 15px 0; }

/*==============================
==============================*/
#sfs h4 {
    font-size: 0.9em;
}
#sfs #inhalt .bericht {
	background-color: #f4f4f4;
	margin-bottom: 1em;
}
#sfs #inhalt .daten {
	background-color: #ECECEC;
	width: 160px;
	float: left;
	padding: 0 10px;
	margin-right: 10px;
}
#sfs #inhalt .bericht_huelle .bericht .bildbox_rechts .bilder {
	padding: 0;
}
#sfs #wrapper #texthuelle #inhalt .bericht_huelle .bericht h3 {
	clear: none;
}
#sfs #wrapper #inhalt .bericht_huelle {
	overflow: hidden;
}

#inhalt td.sylomer-rot { 	background-color: #CD071E; color: white; text-align :center; vertical-align: middle; border: 1px solid #f1f1f1; padding: 0; }
#inhalt td.sylomer-blau { 	background-color: #009EE0; color: white; text-align :center; vertical-align: middle; border: 1px solid #f1f1f1; padding: 0; }
#inhalt td.sylomer-grün { 	background-color: #58be91; color: white; text-align :center; vertical-align: middle; border: 1px solid #f1f1f1; padding: 0; }
#inhalt td.sylomer-schwarz {background-color: #000000; color: white; text-align :center; vertical-align: middle; border: 1px solid #f1f1f1; padding: 0; }
#inhalt th.sylomer-weiss {
    background-color: white;
    border: 1px solid #ccc;
    font-size: 1em;
    font-family: 'Arial Narrow', Tahoma, sans-serif;
    text-align: center;
}
div.typ-a,
div.typ-b {
	position: absolute;
    left: -53px;
    top: -14px;
    width: 104px;
    height: 30px;
    background-repeat: no-repeat;
}
div.typ-a { background-image: url(sylomer/bilder/typ-a.png); }
div.typ-b { background-image: url(sylomer/bilder/typ-b.png); top: -34px; }
/*===========================
Klassen
===========================*/

.ap-container { position: relative; }
.infobox {
	float: right;
	width: 30%;
	background-color: #F6F6F6;
	border-top: 1px solid #01804e;
	border-bottom: 1px solid #01804e;
	padding: 1.2em;
	font-size: 90%;
}
.infobox_breit {
	float: left;
	width: 85%;
	background-color: #F6F6F6;
	border-top: 1px solid #01804e;
	border-bottom: 1px solid #01804e;
	padding: 1.2em;
	font-size: 90%;
}
.bilder {
	margin-bottom: 1em;
	border: 1px solid #01804e;
}
#ssb-tueren .bilder {
	border: none;
}
.teaser {
	color: #333;
	font-size: 0.92em;
	font-weight: bold;
	line-height: 1.7;
	text-align: left;
}
.clear {
	clear: both;
}
.hochgestellt {
	font-size: 100%;
}
.marker {
	background-color: #FFE526;
}
.farbig {
	color: #01804e;
}
#produktnavi a.aktiv {
	text-decoration: underline;
	background: transparent url(bilder/ecke.gif) no-repeat bottom right;
}
#inhalt .bilder_kein_rahmen {
	margin-bottom: 1em;
	float: none;
}
.float_links {
	float: left;
	padding-right: 10px;
}
.float_rechts {
	clear: both;
	float: right;
	padding-left: 10px;
}
/* Link mit Button-Optik */
#inhalt .btn a {
	font-size: 0.85em;
	color:white;
    background-color: #01804e;
    padding: 2px 10px 3px;
    border: 1px solid #01804e;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
}
#inhalt .btn a:hover,
#inhalt .btn a:focus {
	color: black;
    background-color: #f4f4f4;
    border-color: #01804e; 
    text-decoration: none;     
}


/* Kontaktformular */
#kontaktform h4 {
    color: #01804e;
    font-size: 0.92em; /* 12px */
    margin-top: 0.75em;
}
#kontaktform label { color: #333; }
.abfrage {
    color: #01804e;
    font-size: 90%;
}
table#absender { width: auto; }
#kontaktform #absender input {
	font-size: 0.9em;
    width: 250px;
    margin-left: 1em;
}
#checkboxen { margin-bottom: 2.8em; }
#checkboxen label {
	display: block;
    margin-bottom: 0.5em;
}
#checkboxen input { margin-right: 0.5em; }
#kontaktform #eingabe, #kontaktform #bauvorhaben, #kontaktform #projektbeschreibung {
	font-family: inherit;
    font-size: inherit;
    color: inherit;
    width: 400px;
	margin-bottom: 1em;
}
#reset { margin-left: 2em; }
/*.mail {
	font-family: verdana, arial, sans-serif;
	color: #01804e;
	font-size: 1.07em;
	font-weight: bold;
}
.mailkl {
	font-size: 1em;
	color: #333;
	font-family: verdana, arial, sans-serif;
	text-decoration:none;
}*/
#inhalt .link {
	/*color: #8a8a8a;*/
	/*display: block;*/
	padding-top: 1px;
	padding-bottom: 1px;
	font-weight: normal;
	/*font-size: 110%;*/
	background:  url(/bilder/linkpfeil.gif) no-repeat left center;
	padding-left: 8px;
	margin-left: 12px;
}
#inhalt .link:visited {
	background-image:  url(/bilder/linkpfeil-grau.gif);
}
#inhalt .ueberschrift {
	font-size: 1.2em;
}
/* overLib */
#overDiv {
	border: 1px solid #999;
}
/* Suchformular */

#cse-search-box {
	margin-left: 20%;
	margin-bottom: 2em;
}

input#q, #sa { font-size: 1.1em; }
#cse-search-box:hover #q {
	border-color: #01804e !important;
}
#cse-search-box:hover #sa {
	background-image: url(bilder/lupe2.gif);
}

#q, #haendlerform #kundendaten input, #haendlerform #anmerkungen, #absender input, #eingabe, #bauvorhaben, #projektbeschreibung {
	width: 50%;
	background-image: none !important;
	color: #4b4b4b !important;
	background-color: #f4f4f4 !important;
	border: 1px solid #E6E6E6 !important;
	padding: 1px !important;
}
#q:hover, #haendlerform #kundendaten input:hover, #haendlerform #anmerkungen:hover, #absender input:hover, #eingabe:hover, #bauvorhaben:hover, #projektbeschreibung:hover {
	background-color: #f7f7f7 !important;
	border: 1px solid #D1D1D1 !important;
}
#q:focus, #haendlerform #kundendaten input:focus, #haendlerform #anmerkungen:focus, #absender input:focus, #eingabe:focus, #bauvorhaben:focus, #projektbeschreibung:focus {
	color: #4b4b4b !important;
	background-color: #fff !important;
	border: 1px solid #01804e !important;
}
#sa {
	width: 33%;
	color: #5b5b5b;
	background-color: #f4f4f4;
	background-image: url(bilder/lupe1.gif);
    background-position: 3px center;
    background-repeat: no-repeat;
	border: 1px solid #E6E6E6;
    padding: 0 1px 0 18px;
	cursor: pointer !important;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Chrome rules here */
#sa { padding-top: 1px; padding-bottom: 1px; }
}

#sa:hover {
	background-color: #f7f7f7 !important;
	border: 1px solid #D1D1D1 !important;
}
#sa:focus {
	color: #fff !important;
	background-color: #01804e !important;
}
#q:focus + #sa {
	color: white !important;
	background-color: #01804e !important;
	background-image: url(bilder/lupe3.gif);
	border: 1px solid #01804e !important;
}
* html #cse-search-box {
	height: 1%;
}
*+ html #cse-search-box {
	height: 1%;
}
#handelspartner .AccordionPanelTab {
	height: 50px;
}
#registrierung label {
	display:block;
	font-size: 85%;
	padding-bottom: 1em;
	width: 22em;
}
#registrierung input {
	display:block;
	font-size: 118%;
	width: 18em;
	margin-top: 0.2em;
}
#registrierung select {
	display:block;
	width: 22em;
	margin-top: 0.2em;
}
#registrierung .reqired,
#registrierung .required {
	color: #01804E;
}
#registrierung .error {
	color: #CC0000;
}
#login h3 {
	margin-top: 2.5em;
}
.rechtsbuendig { 
	 text-align: right;
	 margin-top: 1em;

}