/*
	
	******************************
	***** Spritzplan		 *****
	***** Inhaltsverzeichnis *****
	******************************
	
	---------------------------------------------------------------
	1. Willkommen
	---------------------------------------------------------------
	2. Anmeldevorgang
	---------------------------------------------------------------
	3. Startseite nach Login
	---------------------------------------------------------------
	4. Beratungsprogramm
	---------------------------------------------------------------
	5. Produktsuche
	---------------------------------------------------------------
	6. Schaderreger mit Foto
	---------------------------------------------------------------
	
*/

/* 
	*************************
	***** 1. Willkommen *****
	*************************
*/

/* Durch noborder verschwindet die senkrechte Trennlinie zwischen 
Menü und Content (Muss als class bei der id mainarea hinzugefügt werden). */
.noborder {
	background: none !important;
}

/* Durch noborder verschwindet die senkrechte Trennlinie zwischen 
Menü und Content (Muss als class bei der id mainarea hinzugefügt werden). */
.noborder {
	background: none !important;
}

/* Setzt die 11px im Content auf dei verwendeten 12px/18px
und belegt das p mit einem Abstand. */
#content {
	font-size: 12px;
	line-height: 18px;
}
#content p {
	margin: 0 0 12px 0;
}

/* Eine Pfadleiste, die auch über die volle Breite funktioniert. 
Könnten uns überlegen, diesen Style in die Lagerhaus.at zu übernehmen. */
.pathareabig {
	padding: 0px;
	margin: 0 14px 0 13px;
	color: #696969;
	background: url(../../../../pages/img/spritzplan/bg_path_big.gif) no-repeat #fff;
	height: 24px;
	line-height: 22px;
	font-size: 11px;
	text-transform: uppercase;
	clear: both;
}
.pathareabig .path {
	float: left; 
	text-indent: 9px;
	}
.pathareabig .path-spacer {
	font-weight: bold; 
	font-size: 11px; 
	font-family: verdana;
	padding: 0 6px 0 6px;
	width: auto;
	line-height: 24px;
	}
.pathareabig a {
	color: #696969;
	text-decoration: underline;
}
.pathareabig a:hover {
	color: #C0C0C0;
}

/* Willkommen*/
.willkommen {
	position: relative;
	width: 714px;
	height: 191px;
	background: url(../../../../pages/img/spritzplan/willkommen.jpg) no-repeat;
	float: left;
	clear: left;
	margin: 0 27px 0 0;
}
.willkommen h2 {
	color: #7AE41D;
	margin: 0px;
	padding: 20px 0 15px 20px;
}
.willkommen p {
	width: 370px;
	font-size: 12px;
	line-height: 18px;
	color: #fff;
	margin: 0 0 0 20px;
	padding: 0px;
}
.willkommen .kulturen {
	position: absolute;
	left: 20px;
	top: 182px;
	width: 200px;
	font-size: 12px;
	color: #8A8A8A;
}
.willkommen .kulturen li {
	margin: 0 0 5px 0;
}

/* Login */

#loginform {
	position: relative;
	width: 220px;
	height: 191px;
	background: url(../../../../pages/img/spritzplan/bg_login.gif) no-repeat #FBFBF6;
	float: left;
	margin: 0px;
	padding: 0px;
}
#loginform label {
	font-size: 12px;
	width: 210px;
	margin: 10px 0 5px 10px;
	display: block;
}
#loginform .input30 {
	width: 200px;
	margin: 0 0 0 10px;
	border: 1px solid #ABABAB;
	font-size: 14px;
}
#loginform p {
	width: 200px;
	margin: 2px 0 10px 10px;
}
#loginform p a {
	text-decoration: underline;
}
#loginform .loginmerken a {
	color: #000;
}
#loginform .loginbutton {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 220px;
	height: 28px;
	margin: 0px;
	background: url(../../../../pages/img/spritzplan/bg_button.gif) no-repeat #E1E0D2;
}
#loginform .loginbutton input {
	border: none;
	float: right;
}

/* neu anmelden */

.neuanmelden {
	position: relative;
	float: left;
	margin: 0px;
	padding: 27px 0 0 247px;
	background: url(../../../../pages/img/spritzplan/bg_neuanmelden.gif) 247px 27px no-repeat;
	width: 961px;
	height: 101px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 714px;
	height: 128px;
}
.neuanmelden p {
	width: 450px;
	margin: 15px 0 0 20px;
	float: left;
	font-size: 12px;
	line-height: 18px;
}
.neuanmelden strong {
	display: block;
	width: 200px;
	margin: 40px 0 0 0;
	font-size: 14px;
	float: right;
}
.neuanmelden strong a {
	padding: 0 24px 0 0;
	background: url(../../../../pages/img/spritzplan/marker.gif) right 1px no-repeat;
	text-decoration: underline;
}

/* 
	*****************************
	***** 2. Anmeldevorgang *****
	*****************************
*/

#menu .info {
	font-size: 12px;
	line-height: 18px;
	margin: 0 0 14px 0;
}
#menu .zurueck {
	font-size: 12px;
	font-weight: bold;
	margin: 27px 0 40px 0;
	padding: 0 0 3px 20px;
	background: url(../../../../pages/img/spritzplan/marker_back.gif) no-repeat;
}
#menu .info a, 
#menu .zurueck a {
	text-decoration: underline;
}

/* Formular mit Stammdaten */

#content .anmeldeform .fromp {
	width: 467px;
	margin: 0px;
	padding: 0px;
}
#content .anmeldeform .fromp {
	width: 220px;
	float: left;
	margin: 0 27px 15px 0;
	padding: 0px;
}
#content .anmeldeform .second {
	width: 220px;
	float: left;
	margin: 0 0 15px 0;
}
#content .anmeldeform label {
	display: block;
	margin: 0 0 5px 0;
}
#content .anmeldeform .plz {
	width: 60px;
	float: left;
	margin: 0 0 15px 0;
}
#content .anmeldeform .ort {
	width: 160px;
	float: left;
	margin: 0 27px 15px 0;
}
#content .anmeldeform .input5 {
	width: 50px;
	margin: 0px;
	border: 1px solid #ABABAB;
	font-size: 12px;
}
#content .anmeldeform .input20 {
	width: 155px;
	margin: 0px;
	border: 1px solid #ABABAB;
	font-size: 12px;
}
#content .anmeldeform .input30 {
	width: 215px;
	margin: 0px;
	border: 1px solid #ABABAB;
	font-size: 12px;
}
#content .anmeldeform .check1 {
	border: 1px solid #FFEC94;
	background: #FFFED1;
	margin: 0px;
	padding: 8px 10px;
}
#content .anmeldeform .check2 {
	border: 1px solid #fff;
	margin: 0 0 12px 0;
	padding: 8px 10px;
}
#content .anmeldeform .check1 input, 
#content .anmeldeform .check2 input {
	margin: 0 4px 0 0;
}
#content .anmeldeform .check1 a, 
#content .anmeldeform .check1 a {
	text-decoration: underline;
}
.button {
	height: 28px;
	margin: 0px;
	background: url(../../../../pages/img/spritzplan/bg_button.gif) no-repeat #E1E0D2;
}
.button input {
	border: none;
	float: right;
}
#hitlist .schritt1on, 
#hitlist .schritt1off, 
#hitlist .schritt2on, 
#hitlist .schritt2off {
	background: url(../../../../pages/img/spritzplan/schritt1on.gif) no-repeat;
	margin: 0 0 6px 0;
	padding: 16px 0 0 48px;
	width: 220px;
	height: 47px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 172px;
	height: 31px;
}
#hitlist .schritt1off {
	background: url(../../../../pages/img/spritzplan/schritt1off.gif) no-repeat;
}
#hitlist .schritt2on {
	background: url(../../../../pages/img/spritzplan/schritt2on.gif) no-repeat;
}
#hitlist .schritt2off {
	background: url(../../../../pages/img/spritzplan/schritt2off.gif) no-repeat;
}
#hitlist .schritt1on a, 
#hitlist .schritt1off a, 
#hitlist .schritt2on a, 
#hitlist .schritt2off a {
	color: #000;
}
#hitlist .schritt1off, 
#hitlist .schritt2off, 
#hitlist .schritt1off a, 
#hitlist .schritt2off a {
	color: #CFCFCF;
}
#hitlist .schritt1off a:hover, 
#hitlist .schritt2off a:hover {
	color: #000;
}

/* Auswahl der Lagerhäuser */

.lagerhaeuser {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 467px;
}
.lagerhaeuser a {
	color: #000;
	font-size: 11px;
	line-height: 16px;
}
.lagerhaeuser span {
	display: block;
	width: 467px;
	background: url(../../../../pages/img/spritzplan/lagerhaeuser_off.gif) 414px 10px no-repeat;
	margin: 0 0 5px 0;
	border: 1px solid #EAE9DF;
	padding: 6px 10px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 445px;
}
.lagerhaeuser a:hover span {
	border: 1px solid #88877B;
}
.lagerhaeuser .on span {
	background: url(../../../../pages/img/spritzplan/lagerhaeuser_on.gif) 414px 10px no-repeat #FFFED1;
	border: 1px solid #88877B;
}
.pfeilok {
	color: #fff;
	font-weight: bold;
	background: url(../../../../pages/img/spritzplan/pfeilok.gif) no-repeat;
	padding: 34px 60px 0 15px;
	width: 467px;
	height: 139px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 392px;
	height: 105px;
}

/* 
	************************************
	***** 3. Startseite nach Login *****
	************************************
*/

.infoarea-spezial .abmelden h3 {
	background: url(../../../../pages/img/spritzplan/abmelden.gif) no-repeat;
}
.infoarea-spezial .abmelden h3 a {
	font-weight: bold;
	background: url(../../../../pages/img/spritzplan/abmelden.gif) no-repeat;
}
.waehlensie {
	width: 467px;
	height: 154px;
	margin: 0 0 20px 0;
	background: url(../../../../pages/img/spritzplan/waehlensie.jpg) no-repeat #0F8923;
}
.waehlensie li {
	padding: 26px 0 0 15px;
}
.waehlensie li ul {
	margin: 6px 0 0 0;
}
.waehlensie li ul li {
	height: 36px;
	margin: 0 0 1px 0;
	padding: 0px;
	color: #fff;
	font-size: 16px;
}
.waehlensie li ul li a {
	display: block;
	color: #fff;
	padding: 8px 0 0 0;
	width: 452px;
	height: 36px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 28px;
}
.waehlensie li ul li a:hover {
	color: #fff;
	text-decoration: underline;
}
.angebote {
	padding: 0px; 
	margin: 8px 0 0 0; 
	float: left;
	clear: both;
	width: 100%;
}
.angebote h4 {
	font-family: arial;
	font-size: 18px;
	font-weight: normal;
	letter-spacing: -1px !important;
}
.angebote li {
	float: left;
	clear: both;
	width: 100%;
	padding: 5px 0 7px 0 !important;
	line-height: 17px;
}
.angebote li h3 {
	font-size: 16px;
	line-height: 17px;
	padding:0 0 5px 0;
}
.angebote li h3 a {
	font-size: 16px;
	line-height: 17px;
	padding-right: 5px;
	background: url(../../../../pages/img/portal/transparent.gif) repeat;
}
.angebote li img {
	border: 2px solid #EAE9E3;
	float: left;
	margin: 5px 6px 2px 0;
}
.angebote li .preis {
	clear: both;
	float: right;
	font-size: 24px; 
	line-height: 26px;
	font-family: arial;
	font-weight: bold;
	margin-top: 2px;
}
.angebote li .more {
	clear: left;
	display: block;
	margin: 2px 0 0 0; 
	padding: 0px;
	line-height: 17px;
}
.angebote li .more a {
	display: inline;
}

/* nächstes Lagerhaus & Ansprechpartner */

.naechsteslagerhaus, 
.ansprechpartner {
	width: 220px;
	font-size: 11px;
	line-height: 17px;
	margin: 10px 0 0 0;
	float: left;
}
#content .naechsteslagerhaus {
	margin: 0 27px 0 0;
}
#content .ansprechpartner {
	margin: 0px;
}
#menu .ansprechpartner {
	margin: 10px 0 10px 0;
}
#maincontent .naechsteslagerhaus p, 
#maincontent .ansprechpartner p, 
#menu .naechsteslagerhaus p, 
#menu .ansprechpartner p {
	margin: 0 0 6px 0;
}
.naechsteslagerhaus ul {
	margin: 0px;
}
.naechsteslagerhaus li {
	background: url(../../../../pages/img/spritzplan/marker_small.gif) 0px 2px no-repeat;
}
.naechsteslagerhaus li a {
	padding: 0 0 2px 18px;
	
}
.ansprechpartner .portrait {
	float: left;
	margin: 5px 8px 0 0;
}

/* Werbung */

.spwerbung {
	float: left;
	margin: 10px 0 20px 0;
	border: 1px solid #E1E1E1;
}

/* 
	********************************
	***** 4. Beratungsprogramm *****
	********************************
*/

.totalherbizide a {
	color: #BF8913 !important;
}
.beratung .left {
	width: 467px;
	float: left;
	margin: 0 27px 20px 0;
}
.beratung .right {
	width: 220px;
	float: left;
	margin: -32px 0 20px 0;
	font-size: 11px;
	line-height: 12px;
}
.beratung .right strong {
	font-size: 12px;
	display: block;
	margin: 2px 0 25px 0 !important;
}
.beratung .right select {
	width: 210px;
}
.beratung .right .wirkstoffe select {
	width: 170px;
}
#content .beratung .left p {
	width: 467px;
	float: left;
}
#content .beratung .right p {
	width: 220px;
	float: left;
	margin: 0 0 3px 0;
}
.beratung label { 
	width: 220px;
	display: block;
	margin: 0 0 2px 0;
	clear: both;
}
.beratung select {
	float: left;
	clear: both;
	margin: 0 5px 0 0;
}
.beratung .plusminus {
	width: 14px;
	height: 14px;
	float: left;
	margin: 2px 4px 0 0;
}
.beratung .left .plusminusspacer {
	display: block;
	height: 5px;
	float: left;
	width: 467px;
}
.beratung .right .plusminusspacer {
	display: block;
	height: 5px;
	float: left;
	width: 220px;
}
.beratung .schritt2 {
	background: url(../../../../pages/img/spritzplan/2.gif) no-repeat;
	padding: 8px 0 10px 39px;
	width: auto;
}
.beratung .left .schritt2 {
	width: 467px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 428px;
}
.beratung .treffer {
	float: left;
	width: 714px;
}
.beratung .schritt3 {
	background: url(../../../../pages/img/spritzplan/3.gif) no-repeat;
	padding: 8px 0 10px 39px;
	width: 467px !important;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 428px !important;
}
.beratung .schritt4 {
	background: url(../../../../pages/img/spritzplan/4.gif) no-repeat;
	padding: 8px 0 10px 39px;
	width: auto;
}
.beratung .treffer table {
	width: 100%;
	margin: 0 0 20px 0;
	padding: 0px;
	border: none;
	border-collapse: collapse;
}
.beratung .treffer table th, 
.beratung .treffer table td {
	padding: 3px 0;
	background: url(../../../../pages/img/spritzplan/dot_grey.gif) left bottom repeat-x;
	text-align: left;
}
.beratung .treffer table td a {
	padding: 0 3px 0 0;
	text-decoration: underline;
	font-weight: bold;
}
.beratung .treffer table td img {
	margin: 0 3px 0 0;
}

/* Navigation bei der Detailansicht vom Produkt */

.produktnavig {
	width: 711px;
	height: 28px;
	margin: 0 0 25px 0;
	padding: 0px;
	background: url(../../../../pages/img/spritzplan/bg_produktmenu.gif) left bottom repeat-x;
}
.produktnavig li {
	float: left;
	height: 28px;
	margin: 0 3px 0 0;
	background: url(../../../../pages/img/spritzplan/produktmenu_start.gif) left top no-repeat;
}
.produktnavig .on {
	background: url(../../../../pages/img/spritzplan/produktmenu_start.gif) left bottom no-repeat;
}
.produktnavig li a {
	text-align: center;
	color: #000;
	display: block !important;
	background: url(../../../../pages/img/spritzplan/produktmenu_stop.gif) right top no-repeat;
	padding: 6px 20px 0 20px;
	height: 28px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 22px;
	float: left;
}
.produktnavig .on a {
	background: url(../../../../pages/img/spritzplan/produktmenu_stop.gif) right bottom no-repeat;
}


/* Produktformatierungen */


.wirkungstable {
	width: 711px;
	margin: 0 0 10px 0;
	padding: 0px;
	border: none;
	border-collapse: collapse;
	background: url(../../../../pages/img/spritzplan/dot_grey.gif) left top repeat-x;
}
.wirkungstable td {
	padding: 3px 0;
	background: url(../../../../pages/img/spritzplan/dot_grey.gif) left bottom repeat-x;
	font-size: 12px;
	text-align: left;
}
.wirkungstable .td1 {
	width: 250px;
}
.wirkungstable .td2 {
	width: 130px;
}
.wirkungstable .td3 {
	width: 335px;
}
#content .h3marker {
	line-height: 18px;
	padding: 10px 0 12px 16px;
	background: url(../../../../pages/img/spritzplan/h3marker.gif) 0px 14px no-repeat;
}
.produktfooter {
	padding: 30px 0 0 0;
	font-size: 11px;
	color: #A1A1A1;
}
.herstellerkasten {
	width: 220px;
	line-height: 22px;
	margin: 0 0 0 10px;
	padding: 9px 0;
	border-bottom: 5px solid #08A800;
	float: right;
}
#content .zuruecksuche {
	width: 220px;
	margin: -30px 0 0 0;
	font-size: 11px;
	line-height: 12px;
	background: url(../../../../pages/img/spritzplan/marker_back.gif) no-repeat;
	float: right;
}
.zuruecksuche a {
	display: block;
	padding: 0 0 5px 20px;
}

/* 
	***************************
	***** 5. Produktsuche *****
	***************************
*/

#content .produktsuche p {
	float: left;
	margin: 0 10px 10px 0;
}
#content .produktsuche .button {
	width: 715px;
	margin: 0 0 10px 0;
}
#content .produktsuche .big {
	width: 715px;
	margin: 0 0 10px 0;
}
.produktsuche label {
	display: block;
	margin: 0 0 2px 0;
	clear: both;
}
.produktsuche select {
	float: left;
	clear: both;
	margin: 0 5px 0 0;
}
.produktsuche .input50 {
	width: 350px;
	margin: 0px;
	border: 1px solid #ABABAB;
	font-size: 14px;
}
.produktsuche .treffer {
	width: 714px;
	margin: 0 0 10px 0;
	float: left;
}
.produktsuche .treffer li {
	float: left;
	line-height: 12px;
	background: url(../../../../pages/img/spritzplan/marker_small.gif) no-repeat;
	margin: 0 20px 10px 0;
	padding: 0 0 3px 18px;
	width: 210px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 192px;
}
.produktsuche .treffer li a {
	text-decoration: underline;
}
/* 6. Schaderreger mit Foto */
#id11612 #layout7 #mainarea {
	background: url(../../../../pages/img/portal/bg_2.gif) repeat-y; 
}