body, html {height: 100%;}

body
{
	margin: 0;
	padding: 0;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	line-height: 14px;
}

/* Allgemeine Stile */

a:link,a:visited
{
    text-decoration: underline;
}

a:hover, a:active 
{
    text-decoration: underline;
}

a img 
{
    border:none;
}
/* Seitenelemente */

#container
{
	position: relative;
	margin: 0 auto;
	padding: 0;
	top: 0px;
	bottom: 0px;
	width: 980px;
	height: auto;
    min-height: 600px;
	border-right: 1px #ccc solid;
	border-left: 1px #ccc solid;
}

#header
{
	position:relative;
	top: 0;
	left: 0;
	width: 980px;
	height: 93px;
	padding: 0;
	margin: 0;
}

#headermainlogo 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 225px;
	height: 93px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color:#FFFFFF;
}

#headerimage 
{
	position: absolute;
	top: 0;
	left: 225px;
	width: 568px;
	height: 93px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#headerutility 
{
	position: absolute;
	top: 0;
	left: 793px;
	width: 187px;
	height: 93px;
	background-repeat: no-repeat;
	background-position: 0 0;

}

#mainbody, #mainbody_shop
{
	position: relative;
    padding: 0;
	margin: 0 auto 0 auto;
    min-height: 650px;
}

#navigation
{
	float:left;
	top: 0;
	left: 0;
	width: 210px;
	height: 100%;
	padding: 0;
	margin: 0;
}

/* logos */

#mainlogo
{
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 226px;
	height: 93px;
	border: none;
}

#companylogo
{
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0 12px 0 12px;
	border: none;
}

/* Styles fuer die Icons rechts oben */
div#utilitynav
{
	position: absolute;
	top: 70px;
	right: 0px;
	height: 23px;
	margin: 0;
	padding: 0;
	background-color: transparent;
}

div#utilitynav a
{
	display: block;
	float: right;
	height: 23px;
	line-height:23px;
	margin: 0;
	padding: 0;
	color: #000;
}

div#utilitynav a:hover
{ 
    background-color: transparent; 
}

div#utilitynav a span
{
	display:none;
}

div#utilitynav a:hover span
{
    display: block;
    color: #fff;
    position: absolute;
    top: 0;
    right: 70px;
    width: 100px;
    height: 23px;
    text-align: right;
    text-decoration: none;
}

.textnavi
{
	padding: 0;
	margin: 0 5px 0 0;
}

#utilitynav li img
{
	margin: 0;
	padding: 0;
	background-color: transparent;
}
/* Ende Icon-Styles */


/* Styles der Navigation */
#toplevelnav
{
	margin: 50px 0 0 0;
	padding: 0;
	list-style-type: none;
	font-size: 13px;
	font-weight: bold;
}

#toplevelnav a:link 
{
	text-decoration:none;
	width: 210px;
	margin:0;
	padding: 0;
	line-height: 22px;
}

#toplevelnav a:hover 
{
	text-decoration:underline;
}

#toplevelnav li
{
	position: relative;
	width: 210px;
	line-height: 22px;
	text-indent: 20px;
	margin: 0;
    list-style-type: none;
}

#toplevelnav li.open 
{
    text-indent: 31px;
}

#toplevelnav li ul li, #toplevelnav li ul li.open
{
	margin: 0;
	font-size: 13px;
	font-weight: bold;
	left: -40px;
	text-indent: 42px; 
	list-style-type: none;
}

#toplevelnav li ul li ul li, #toplevelnav li ul li ul li.open
{
	margin: 0;
	font-size: 13px;
	text-indent: 53px; 
	font-weight: normal;
	list-style-type: none;
}

#toplevelnav li ul li ul li ul li, #toplevelnav li ul li ul li ul li.open
{
	margin: 0;
	font-size: 13px;
	text-indent: 64px; 
	font-weight: normal;
	list-style-type: none;
}

#toplevelnav li ul li ul li ul li ul li, #toplevelnav li ul li ul li ul li ul li.open
{
	margin: 0;
	font-size: 13px;
	text-indent: 75px; 
	font-weight: normal;
	list-style-type: none;
}


#currenttop 
{
	list-style-position: inside;
}

.listopen
{
	list-style-position: inside;
}

#currentpage
{
	list-style-position: inside;
}

#currentpage a 
{
    font-weight: bold;
}

#content
{
	/*position: relative;*/
    float: left;
	width: 540px;
	margin: 27px 0 0 30px;
    overflow: visible;
}

.grey
{
	width: 540px;
    height: 40px;
    background-color: #F4F4F4;
}

.grey p
{
    background-color: #F4F4F4;
}


/* Definition Contentelemente */
#content img
{
	float: left;
	clear: none;
	/*max-width: 160px;*/
	margin: 3px 10px 5px 0;
}

/* Grosse Contentbilder */
#content .bildmittextrechts,
#content .bildmittextrechts_klein {
    display: block;
	float: right;
	clear: right;
	width: 160px;
	margin: 0 9px 5px 9px;
}

#content .bildmittextlinks,
#content .bildmittextlinks_klein {
    display: block;
	float: left;
	clear: left;
	width: 160px;
	margin: 0 9px 5px 9px;
}
#content .bildmittextlinks_klein,
#content .bildmittextrechts_klein{
  width:80px;
  }

#content .bildmittextlinks img, 
#content .bildmittextrechts img 
{
	max-width: 160px;
}

#content .bildmittextlinks .caption, 
#content .bildmittextrechts .caption 
{
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}

/* Kleine Contentbilder */
#content .bildklein
{
    float: left;
    clear: left;
    width: 80px;
    margin: 0 9px 5px 9px;
}

/* Tabellenstile */
#content table,
#warenkorb_popup table
{
	width: 522px;
	padding: 0;
	border-collapse: collapse;
	margin: 0px 9px 20px 9px;
}

#content table tr,
#warenkorb_popup table tr 
{
	line-height: 22px;
	border-bottom: 1px #ccc solid;
}
#content table tr
{
    border-right: 1px #ccc solid;
}

#content table tr.highlight, 
#warenkorb_popup table tr.highlight
{
    background-color: #eee;
}

#content table td, #content table th,  
#warenkorb_popup table td,
#warenkorb_popup table th 
{
	line-height: 15px;
	vertical-align: bottom;
	border-bottom: 1px #ccc solid;
	border-right: 1px #ccc solid;
	padding: 3px;
}

#content table th,
#warenkorb_popup table th
{
	text-align: left;
	font-weight: bold;
}

#warenkorb_popup table tr .no-border-right
{
    border-right-width: 0px;
     margin-right: 0px;
   text-align: right;
}

#content tr.no-border-right2,
#content td.no-border-right2,
#content th.no-border-right2,
.no-border-right2
{
    border-right-width: 0px;
    border-right-style: none;        
}

.numbercol, #content table tr th.numbercol
{
    text-align: right;
    width: 50px;
}

#content table tfoot 
{
    font-weight: bold;
}

#content table caption
{
    font-weight: bold;    
    font-size: 11px;
	text-align: center;
	line-height: 22px;
    padding-left: 9px;
    margin-top: -17px;
}

/* Lieferantenbanner */
#content div.lieferantenbanner
{
    clear: left;
}
    
#content .lieferantenbanner
{
    padding-left: 9px;
}

#content .lieferantenbanner img
{
    padding: 0px;
    width: 98px;
    height: 68px;
    float: left;
    border-style: solid;
    border-width: 1px;
    border-color: #DBDBDB;
    margin-right: 4px;
}

.cleaner
{
	float: none;
	clear: both;
	display: block;
	background-color: transparent;
}

h1
{
	height: 23px;
	text-indent: 9px;
	font-size: 14px;
	line-height: 23px;
	margin: 0 0 9px 0;
	padding: 0;
}

h2, h3, h4 
{
	background-color: #fff;
	font-size: 1em;
	font-weight: bold;
	margin: 0 9px 0px 9px; 
}

p { margin: 0 9px 9px 9px; }

/* Galerie Stile */
#content .gallery 
{
    padding: 5px 9px 9px 9px;
}

#content .gallery img
{
	border: none;
	float: left;
	display: block;
    margin-right: 3px;
}

.gallery .morepics
{
    clear: both;
    display: block;
}

/* Listen innerhalb des Contentbereichs */
#content ul
{
    margin-left: 9px;
    padding: 0px;
    list-style-type: none;
}
#content ul li
{
    padding-left: 9px;
    padding-top: 1px;
}


#sidebox, #finderactive, #loginactive
{
	position: relative;
	float: right;
	clear: right;
	width: 149px;
	padding: 50px 10px 0px 10px;
	margin: 0 0 00px 0;
	background-color: transparent;
}
#secondarynav
{
	position: relative;
	float: right;
	clear: right;
	width: 149px;
	padding: 20px 10px 55px 10px;
	margin: 0 0 0 0;
	background-color: transparent;
}

#badges 
{
    position: absolute;
    left: 810px;
    color: #f00;
    bottom: -22px;
    right: 0px;
    top:650px;
    border-left: 1px #CCC solid;
}

#badges p a:link, #badges a:link, #rss a:link, #sd a:link, #loginbox a:link,
#badges p a:visited, #badges a:visited, #rss a:visited, #sd a:visited, #loginbox a:visited,
#badges p a:hover, #badges a:hover, #rss a:hover, #sd a:hover, #loginbox a:hover,
#badges p a:active, #badges a:active, #rss a:active, #sd a:active,#loginbox a:active { color: #F00; }

#rss
{
	border: 1px #ccc solid;
	width: 149px;
	height: 16px;
	line-height: 16px;
	font-size: 9px;
	text-indent: 42px;
	background-color: #FCD8C0;
	background-image: url(general/rss.jpg);
	background-repeat: no-repeat;
	background-position: 1px 1px;
}

#sd
{
	border: 1px #ccc solid;
	width: 149px;
	height: 16px;
	line-height: 16px;
	font-size: 9px;
	text-indent: 22px;
	background-color: #f4f4f4;
	background-image: url(general/sd.jpg);
	background-repeat: no-repeat;
	background-position: 2px 2px;
}

#badges p 
{
	font-size: 9px;
}

#sidebox, #finderactive, #loginactive
{
	border-left: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	font-size: 9px;
}

#sidebox input, #finderactive input, #loginactive input
{
	width:136px;
	margin: 0 5px 5px 5px;
}

#sidebox form, #finderactive form, #loginactive form
{
	background-color: transparent;
	margin: 30px 0 0 0;
	padding: 0;
}

#sidebox form p, #finderactive form p, #loginactive form p
{
	background-color: transparent;
	margin: 3px 0 3px 5px;
	padding: 0;
}

#finderactive form #plz {width: 40px;}
#finderactive form #bundesland {width: 87px;}

#loginhead
{
	position: absolute;
	display: block;
	top: 50px;
	left: 3px;
	width: 70px;
	height: 14px;
	font-size: 10px;
	text-align: left;
	padding: 3px;
}

#finder
{
    position: absolute;
    display: block;
	top: 50px;
	width: 80px;
	height: 14px;
	right: 3px;
	font-size: 10px;
	text-align: left;
	padding: 3px;
}

#loginactive
{
	background-image: url(general/loginboxtop.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#finderactive 
{
	background-image: url(general/finderboxtop.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#finderactive form select 
{
	position: relative;
	top: -5px;
}

#finderactive form label 
{
	position: static;
}

#finderactive form label input 
{
	position: static;
}

#sidebox h2 
{
    font-weight: bold;
    font-size: 1.2em;
	background-color: transparent;
	margin: 8px 0 3px 5px;
	padding: 0;
}

#sidebox p 
{
    background-color: transparent;
	background-color: transparent;
	margin: 3px 0 3px 5px;
	padding: 0;
}

.rechtsbuendig
{ 
    text-align: right; 
}

#sidebox form p span, #finderactive form p span, #loginactive form p span
{
	float: right;
	margin-right: 6px;
}

/* Standorte */
#content img.map_austria
{
    min-width: 481px;
    height: 248px;
    margin-left: 20px;
}

.standort
{
    position: relative;
    width: 240px;
    height: 195px;
    border-style: solid;
    border-color: #DBDBDB;
    border-width: 1px;
    float: left;
    margin-left: 9px;
    margin-right: 9px;
    margin-bottom: 18px;
}
img.icon_austria
{
    position: absolute;
    right: 0px;
    top: 1px;
}

#content div.standort h1
{
    width: 100%;
    font-size: 12px;
    height: 19px;
    line-height: 19px;
}
#content div.standort p
{
    padding-top: 4px;
    padding-bottom: 9px;
}
.map24
{
    position: absolute;
    top: 23px;
    right: -7px;
}

#content p img.map
{
    min-width: 481px !important;
    height: 310px !important;
    margin-top: 2px;
    margin-bottom: 6px;
}  

#content .seperator
{
    background-color: #F4F4F4;
    width: 100%;
    position: relative;
    right: 0px;
    bottom: -30px;
    text-align: right;
} 

/* Formularstile */
#content #kontaktformular input,
#content #partnerneuanmeldung input,
#content #partnerbenutzerdatenaenderung input,
#content #mitarbeiter_vh_kunden_anlegen input,
#content #lieferantenneuanmeldung input,
#content #partnerbenutzerdatenaenderung input,
#content #mitarbeiter_vh_kunden_anlegen input
{
	width: 247px;
    height: 15px;
	margin: 2px 0 1px 0;
}

.formbutton_div
{
    background-color:#F4F4F4; 
    padding-top: 15px; 
    text-align: right;
}

#content #kontaktformular,
#content #partnerbenutzerdatenaenderung,
#content #partnerneuanmeldung,
#content #mitarbeiter_vh_kunden_anlegen
{
    margin: 0px;
    padding: 0px;
}

#content a.submit, #content a.reload, #content a.forward,
#content a.back, #content a.forward2, #popup a.back, #popup a.forward
{
    background-color: #DBDBDB;
    background-image: url(general/submit_arrow.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding-left: 25px;
    padding-right: 9px;
    font-weight: bold;
    font-size: 11px;
    cursor: pointer;
    text-decoration: none;
}

#lieferart .forward
{
    float: right;
}

#warenkorb .forward
{
    float: right;
    margin-right: 10px;
}

#warenkorb .back
{
  float: left;
}


#content #partnerneuanmeldung #plz1,
#content #partnerbenutzerdatenaenderung #plz1,
#content #mitarbeiter_vh_kunden_anlegen #plz1,
#content #lieferantenneuanmeldung #plz1,
#content #partnerbenutzerdatenaenderung #plz1,
#content #mitarbeiter_vh_kunden_anlegen #plz1
{
	width: 50px;
}

#content #partnerneuanmeldung #ort,
#content #partnerbenutzerdatenaenderung #ort,
#content #mitarbeiter_vh_kunden_anlegen #ort,
#content #lieferantenneuanmeldung #ort,
#content #partnerbenutzerdatenaenderung #ort,
#content #mitarbeiter_vh_kunden_anlegen #ort
{
	width: 190px;
}

.formlabel, .formlabel2
{
	width: 120px;
	float: left;
	clear: both;
	padding: 2px 0 1px 0;

}

.formlabel2
{
	width: 140px;
}

#content #kontaktformular select
{
	width: 252px;
    height: 19px;
	margin: 2px 0 1px 0;
    font-size: 12px;
    color: #4D4D4D;
}

#content #kontaktformular textarea
{
    font-family: Arial,Helvetica,sans-serif;
	width: 247px;
	margin: 2px 0 1px 0;
    font-size: 12px;
    color: #4D4D4D;
}

.bgbutton, .bganmelden
{
    background-color: #F4F4F4;
    margin: 0 0 -12px 0;
    text-align: right; 
    padding: 10px 0 20px 0;
}

.bganmelden
{
    padding-bottom: 56px;
}

/* Karriereportal */
.contentseparator
{
    background-color: #F4F4F4;
    margin: 0 0 -10px 0;
}

.contentseparator p
{
    background-color: #F4F4F4;
    padding: 10px 0 10px 0;
}

#content .contentseparator select
{
    width: 106px;
}

.jobitem h1, #newsletteractive h1,
#installateursuchergebnis h1
{
	font-size: 12px;
}

#content .jobitem img
{
    margin: 0 9px 9px 9px;
}
/*Ende Karriereportal */

/* Newsletter */
#newsletteractive .seperator
{
    text-align: left;
}

#newsletteranmeldung .checkbox,
#newsletteractive .checkbox
{
    float: left;
    clear: left;
    width: 20px;
    margin: 4px 7px 2px 2px;
}

#newsletteranmeldung a, #newsletteranmeldung label,
#newsletteractive label
{
    float: left;
    clear: right;
    width: 90px;
    padding: 2px 0 2px 0;
}
/* Ende Newsletter */

#installateursuche #plz2
{
    width: 36px;
    font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
    color: #4D4D4D;
}

#installateursuche select
{
    width: 92px;
    font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
    color: #4D4D4D;
}

#installateursuche #firma
{
    width: 84px;
    font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
    color: #4D4D4D;
}

#installateursuche .bgbutton
{
    padding: 16px 0 0 0;
}

#installateursuchergebnis table th,
#installateursuchergebnis table td
{
	line-height: 12px;
	vertical-align: top;
	border-bottom: 1px #fff solid;
    border-right: 0px #fff solid;
	padding: 5px 0 0 0;
}

#installateursuchergebnis table td
{
	line-height: 15px;
	vertical-align: top;
	border-bottom: 1px #B3B3B3 solid;
    border-right: 0px #f00 solid;
	padding: 5px 0 5px 0;
}

.firmacol
{
    width: 170px;
}

.addresscol
{
    width: 191px;
}

#content .contactcol
{
    width: 156px;
    border-right: 0px #fff solid;
    border-right: 1px #fff solid;
}

#installateursuchergebnis tfoot .addresscol, 
#installateursuchergebnis tfoot .contactcol, 
#installateursuchergebnis tfoot .firmacol 
{
    background-color: #fff;
    border-bottom: solid 1px #fff;
    font-weight: normal;
}

.smallfont
{
    font-size: 10px;
}


/* Shop-Stile fuer breites Template */

#contentbig h1
{
	background-color: #DBDBDB;
    width: 100%;
	font-size: 12px;
}

#content #artikelsuche input
{
	width: 136px;
    height: 13px;
	margin: 2px 0 1px 0;
    font-size: 12px;
    color: #4D4D4D;
}

#content #artikelsuche select
{
	width: 141px;
    height: 19px;
	margin: 2px 0 1px 0;
    font-size: 12px;
    color: #4D4D4D;
}

#content #artikelsuche #istgleich
{
	width: 80px;
    height: 19px;
	margin: 2px 0 1px 0;
    font-size: 12px;
    color: #4D4D4D;
}

#artikelsuchergebnis
{
    width: 732px; 
}

#content #tableArtikelsuche
{
    width: 711px;
	clear: both;
	float:none;
	display:block;
}

#content #tableArtikelsuche td
{
    height: 20px;
}

.resultnavigation p
{
    background-color: #F4F4F4;
    padding: 10px 0 0px 0;
    margin: 0px;
    width: 100%;
    text-align: right;
}


#artikelsuchergebnis #tableArtikelsuche td 
{
    vertical-align: top;
}

#tableArtikelsuche .matchcode 
{
    width:113px;
}

#tableArtikelsuche .bezeichnung 
{
    width:147px;
}

#tableArtikelsuche .hersteller 
{
    width:85px;
}

#tableArtikelsuche .docs,
#tableArtikelsuche .stammdaten
{
    width:94px;
}

#tableArtikelsuche .preis
{
    width:62px;
    text-align:right;
}

#tableArtikelsuche .menge
{
    width:55px;
    text-align:right;
}

#tableArtikelsuche .menge input,
#tableWarenkorb2 .menge input,
table .menge input
{
    width:45px;
    height:13px;
    text-align:right;
    font-size: 12px;
    padding: 0;
}

#tableArtikelsuche .aktionheader
{
    width:58px;
    text-align: center;
    border-right: solid 1px #fff;
}

#tableArtikelsuche .aktion
{
    width:58px;
    text-align: center;
    border-right: solid 1px #fff;
    padding: 0;
}

#tableArtikelsuche .aktion img
{
    padding-left: 12px;
}

/* Warenkorb */



.warenkorbActive 
{
    color: #EB1C24;
    padding-right: 25px;
}

.warenkorbInactive 
{
    padding-right: 25px;
} 

#warenkorbloeschen
{
  padding-right: 13px;
}

.contentseparatorvertical
{
    background-color: #F4F4F4;
    height: 151px;
    width: 30px;
    margin: 0;
    float: left;
}

#warenkorb
{
  width: 100%;
  background-color: #fff;
}

/* Hilfstil fuer Warenkorb Step1 */
div.spacer1
{
    margin-top: 152px;
}


/* warenkorb tabelle */

#warenkorb #tableWarenkorb 
{
  width: 711px;
}

#warenkorb #tableWarenkorb td 
{
  vertical-align: top;
  height: 20px;
}

#tableWarenkorb .matchcode 
{
  width:109px;
}

#tableWarenkorb .bezeichnung 
{
  width:147px;
}

#tableWarenkorb .hersteller 
{
  width:63px;
}

#tableWarenkorb .docs,
#tableWarenkorb .stammdaten
{
  width:90px;
}

#tableWarenkorb .preis
{
  width:62px;
  text-align:right;
}

#tableWarenkorb .menge
{
  width:50px;
  text-align:right;
}

#tableWarenkorb .gesamt
{
  width:72px;
  text-align:right;
}

#tableWarenkorb tfoot .gesamtsumme 
{
  width:125px;
  text-align:right;
}

#tableWarenkorb .aktionheader
{
  width:58px;
  text-align: center;
  border-right: solid 1px #fff;

}

#tableWarenkorb .aktion
{
  width:62px;
  text-align: center;
  border-right: solid 1px #fff;
  padding: 0;

}

#tableWarenkorb .aktion img
{
  padding-left: 5px;
  
}

#warenkorb .reload
{
  float: right;
}

#warenkorb #buttons
{
  float: left;
}

#warenkorb input
{
  height: 13px;
  width: 136px;
  margin-top: 2px;
}

#content a.forward, #content a.back
{
    background-color: #DBDBDB;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding-left: 25px;
    padding-right: 9px;
    font-weight: bold;
    font-size: 11px;
    cursor: pointer;
}

#warenkorb .forward
{
    float: right;
    margin-right: 10px;
}

#warenkorb .back
{
  float: left;
}

#warenkorb #buttons
{
  float: left;
}




.contentseparatorvertical2
{
   
    background-color: #F4F4F4;
    height: 247px;
    width: 18px;
    margin: 0;
    float: left;
}


#liefertermine a
{
  width: 150px;
  float: left;
  clear: right;
  display: inline;
  margin: 8px 0 0 0;
}

#liefertermine #wunschtermin
{
  float: left;
  margin: 10px 5px 0 0;
}

#liefertermine img 
{
  margin: 0; 
}

#liefertermine #hinweis
{
  padding: 10px 0 0 27px;
}

div.divfix
{
  width: 100%;
  background-color: #F4F4F4;
}

.none
{
    background-color: #F4F4F4;
    background-image: none;
}

/*AENDERUNGEN SILKE*/

/*
DONE hinweis: auch änderung (direkt reingeschrieben) bei:
    #content #kontaktformular input,
    #content #partnerneuanmeldung #plz1,
    #content #partnerneuanmeldung #ort

DONE diese definitionen wurden gelöscht:
    .resultnavigation a:link,
    .resultnavigation a:active,
    .resultnavigation a:hover,
    .resultnavigation a:visited

DONEbei #content .seperator position in relative geändert

DONE
#content a.submit, #content a.reload, #content a.forward,
#content a.back, #content a.forward2
->erweitert mit: #popup a.back, #popup a.forward



DONE
#content #kontaktformular input,
#content #partnerneuanmeldung input,
->neu: #content #lieferantenneuanmeldung input,
#content #partnerbenutzerdatenaenderung input,
#content #mitarbeiter_vh_kunden_anlegen input


DONE
#content #partnerneuanmeldung #plz1,
->neu: #content #lieferantenneuanmeldung #plz1,
#content #partnerbenutzerdatenaenderung #plz1,
#content #mitarbeiter_vh_kunden_anlegen #plz1

DONE
#content #partnerneuanmeldung #ort,
->neu: #content #lieferantenneuanmeldung #ort,
#content #partnerbenutzerdatenaenderung #ort,
#content #mitarbeiter_vh_kunden_anlegen #ort

!!!!!
secondarynav, banner


*/

/*ALLGEMEINE STYLES*/
    /*breite für checkbox in den checkboxencontainern, da input in contentformularen default breiter */
#content #formular_checkboxencontainer input
{
	width: auto;
    height: 15px;
	margin: 2px 0 1px 0;

}
    /*kleiner contentteiler für Bereiche ohne Text*/
.contentseparator-klein
{
    background-color: #F4F4F4;
    margin: 0 0 0px 0;
    height: 10px;
}
.contentseperator-mitresults
{
    background-color: #F4F4F4;
    padding: 5px 0 5px 0;
    margin: 0px 0 0px 0;
    height: 30px;
}

    /*für block über den ganzen contentbereich, mit abstand oben*/


div.resultnavigation
{
   text-align: right;
   padding-right: 12px;
}



/*ENDE ALLGEMEINE STYLES*/


/*parnerbenutzerdatenaenderung.html*/
.formlabel_ohne_eingabe
{
	width: 140px;
	float: left;
	padding: 0px 0 0px 0px;

}
.formwert
{
	padding: 0px 0 1px 0;
	vertical-align: bottom;

		}
/*ENDE parnerbenutzerdatenaenderung.html*/

/*mitarbeiter_vh_kunden_anlegen.htm*/
/*checkboxencontainer (linke und rechte Spalte) für mitarbeiter_vh_kunden_anlegen*/
.formular_checkboxencontainer_links
{
	width: 180px;
    float:left;
	clear:both;
	padding: 0;
	margin-left : 10px;
	margin-bottom: 10px;}

.formular_checkboxencontainer_rechts
{
	width:180px;
	float:left;
	padding: 0;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;}
/*ENDE checkboxencontainer (linke und rechte Spalte) für mitarbeiter_vh_kunden_anlegen*/


/*ENDEmitarbeiter_vh_kunden_anlegen.htm*/

/*installateurfinder_suchergebnis.html*/
.installateursuche_comfort_checkbox
{
  width: auto;
  margin: 0px 3px 0px 0px;
  padding: 0;
}
/*ENDE installateurfinder_suchergebnis.html*/

/*produkte*/
#produkte_divreihe
{
    position: relative;
    float: left;
	width: 540px;
    background-color: #F4F4F4;
    border-top: 20px;
    border-color:#F4F4F4;
    border-style:solid;
    position: relative;
    }

.produktelinks
{
    position: relative;
    width: 255px;
    border-style: solid;
    border-color: #DBDBDB;
    border-width: 1px;
    float: left;
    margin-left: 0px;
    margin-right: 20px;
    margin-bottom: 0px;
    background-color: #ffffff;

}

.produkterechts
{
    position: relative;
    width: 255px;
    border-style: solid;
    border-color: #DBDBDB;
    border-width: 1px;
    float: left;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #ffffff;

}

#content div.produktelinks img, #content div.produkterechts img,
{
    right: 0px;
    top: 0px;
    float: none;
  }

#content .produktelinks table, #content .produkterechts table
{
    width: 235px;
    margin-left: 9px;
    margin-right: 9px;
    padding: 0px;
    border-style: solid;
    border-width: 0px;
    border-color:#ffffff;
          }
#content div.produktelinks tr, #content div.produkterechts tr
{
    border-style: solid;
    border-width: 0px;
    border-color:#ffffff;
          }
#content div.produktelinks  td, #content div.produkterechts  td
{
    margin-left: 0px;
    padding-left: 0px;
    margin-right: 0px;
    padding-right: 0px;
    border-style: solid;
    border-width: 0px;
    border-color:#ffffff;
      }

.tabellenreihe_grey
{
background-color: #F4F4F4;
}
#content div.produktelinks h1, #content div.produkterechts h1
{
    width: 100%;
    font-size: 12px;
    height: 19px;
    line-height: 19px;
}
#content div.produktelinks p,#content div.produkterechts p,
{
    padding-top: 0px;
    clear: both;
}

#content img.map
{
    min-width: 300px;
    margin-top: 2px;
    margin-bottom: 6px;
}


/*ende produkte*/

/*events*/
    /*floatcontainer für die bereiche zw. den elementen mit Seitennavi und linkbereich links*/
.floatcontainerlinks
{
    width: 200px;
    float: left;
  }

.events-textabstandlinks
{
  padding-left:120px;
}

img.event
{
	max-width: 160px;
	margin: 3px 10px 5px 0;
}


    /*popup*/

#popup
{
    text-align:center;
    padding:10px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:0px;
    margin-bottom:0px;
    width:97%;
}

.popupbutton_links
{
    float: left;
    height:20px;

  }
  .popupbutton_rechts
{
    text-align: right;
    height:20px;
    }




/*ende events*/

/*wiedervorlagen*/

    /*floatcontainer für die bereiche zw. den elementen mit Seitennavi und linkbereich links*/
.floatcontainerlinksBreit
{
    width: 50%;
    float: left;
  }

p.shopallgtext
{
  min-height:80px;
  	height:auto !important;  /* für moderne Browser */
  	height:80px;  /*für den IE */

}
.resultnavi-hoehe
{
    height:25px;

}
#auftraege
{
  margin-top: 10px;
  width: 100%;
  background-color: #fff;
}
#auftraege h1
{
  background-color: #DBDBDB;
    width: 100%;
	font-size: 12px;
}
#content #tableAuftraege
{
  width: 97%;
}

#content #tableAuftraege td
{
  vertical-align: top;
}

#tableAuftraege .matchcode
{
    width:70px;
}

#tableAuftraege .bezeichnung
{

}

#tableAuftraege .menge
{
    width:50px;
    text-align:right;
}

#tableAuftraege .brutto,
#tableAuftraege .netto
{
    width:60px;
    text-align:right;
}
#tableAuftraege .rabatt
{
    width:50px;
    text-align:right;
}

#tableAuftraege .liefertermin
{
    text-align:right;
    width:70px;
}
#tableAuftraege .status
{
    text-align:right;
    width:60px;
}
#tableAuftraege .datum
{
    text-align:right;
    border-right: solid 1px #fff;
    width:70px;
}
#tableAuftraege .auftragsnummer
{

  width:21%;
}
#tableAuftraege .bestellnummer
{

  width:21%;
}
#tableAuftraege .kommissionsnummer
{

  width:21%;
}
#tableAuftraege .statusuebersicht
{

  width:21%;
}
#tableAuftraege .detailansicht
{
  border-right: solid 1px #fff;
  width:10%;
}
#tableAuftraege .aktion
{
    text-align:center;
    width:60px;
}
#tableAuftraege .aktion img
{
    margin:0px;
    padding-left: 25px;
    padding-right: 25px;
}
#tableAuftraege .erstelltam,
#tableAuftraege .geaendert
{
    width:90px;
}
#tableAuftraege .hersteller
{
    width:90px;
}
#tableAuftraege .AktionWiedervorlMenge input
{
  width:50px;
}
#tableAuftraege .zusatzangaben
{
  width:135px;
}
#tableAuftraege .zusatzangaben input
{
  width:130px;
  padding:0px;
  margin:0px;
}
#tableAuftraege .aktionWiedervorlDetail
{
  border-right: solid 1px #fff;
  width:50px;
  text-align:center;

}
#tableAuftraege .aktionWiedervorlDetail input
{
  width:15px;
  float:left;
  margin-left:1px;
  margin-right:1px;
}
#tableAuftraege .aktionWiedervorlDetail img
{
    margin-left:1px;
    margin-right:1px;
    float:left;
}
#tableAuftraege .aktionWiedervorlGesamtsumme,
#tableAuftraege .aktionWiedervorlGesamt
{
  text-align:right;
}

/*ende wiedervorlagen*/

/*blitzofferte*/
#blitzofferte
{
  margin-top: 10px;
  width: 100%;
  background-color: #FAFDD5;
}
#blitzofferte h1
{
  background-color: #DBDBDB;
    width: 100%;
	font-size: 12px;
}
#content #tableBlitzofferte
{
  width: 97%;
}
#content #tableBlitzofferte td
{
  vertical-align: top;
}

#tableBlitzofferte .erstelldatum,
#tableBlitzofferte .kundenpreis,
#tableBlitzofferte .ablaufdatum,
#tableBlitzofferte .bestelldatum
{
    width:60px;
    text-align:right;
}

#tableBlitzofferte .status

{
    width:150px;
    text-align:right;
}
#tableBlitzofferte .aktion
{
    text-align:center;
    width:40px;
}
#tableBlitzofferte .aktion img
{
    margin:0px;
    padding-left: 15px;
    padding-right: 15px;
}

#tableBlitzofferte .detailansicht
{
  border-right: solid 1px #fff;
  width:50px;
  text-align:center;

}
#content table tr.highlightBO
{
    background-color: #ffffff;
}

.highlightrot
{
  background-color:#FDCBCB;
}

/*ende blitzofferte*/

/*Passwort vergessen*/
#content #passwortVergessen input
{
	width: 247px;
    height: 15px;
	margin: 2px 0 1px 0;

}
.labelemail
{
  width:45px;
  margin-top:3px;
}
/*ende passwort vergessen*/

/*lieferanten*/
.formlabelLieferLogin
{
	width: 83px;
	float: left;
	clear: both;
	text-align:right;
	padding: 2px 2px 1px 0;

}
.formlabelLieferAuswahl
{
	width: 163px;
	float: left;
	clear: both;
	padding: 2px 2px 1px 0;

}
.LieferAuswahlButton
{
    margin-left:174px;

}

#lieferanten input
{
  margin-right:5px;
}


#lieferantenTabellen table
{
	width: 97%;
	padding: 0;
	border-collapse: collapse;
	margin: 0px 9px 10px 9px;
}
#tableLieferantenBestellung th
{
    background-color:#A8C4DA;
}
#tableLieferantenBestellung td
{
    background-color:#D9E5EF;
}
#tableLieferantenBestellung .LiefBestellAuftragsbest,
#tableLieferantenAuftrag .LiefArtLieferdat,
#tableLieferantenAuftrag .LiefArtLieferdatNeu
{
  border-right:solid 1px #fff;
}

#tableLieferantenAuftrag input,
.LieferArtLieferdatNeuAll
{
  width: 70px;
  padding:0px;
  margin:0px;
}
#tableLieferantenAuftrag .LiefArtPos
{
  width:20px;
}
#tableLieferantenAuftrag .LiefArtM
{
  width:60px;
}
#tableLieferantenAuftrag .LiefArtME
{
  width:40px;
}
#tableLieferantenAuftrag .LiefArtMen
{
  width:40px;
}
#tableLieferantenAuftrag .LiefArtLieferdat,
#tableLieferantenAuftrag .LiefArtLieferdatAlt
{
  width:70px;
}
#tableLieferantenAuftrag .LiefArtLieferdatNeu
{
  width:110px;
}

/*ENDE lieferanten*/

/*ANFANG fragebogen*/

#fragebogen textarea
{
  width:280px;
  height:50px;
}
#content #fragebogen label
{
  margin-right:0px;
}
#fragebogen .gewichtung
{
  margin-right:10px;
}
.fragebogenAbsatz
{
	margin-top:5px;
	margin-bottom:0px;	
	padding: 5px;
}
.fragebogenZusatz
{
	padding: 0px 5px 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}
/*ENDE fragebogen*/

/*banner*/
#banner
{
	position: relative;
	float: right;
	clear: right;
	width: 149px;
	padding: 20px 10px 0px 10px;
	margin: 0 0 0 0;
	background-color: transparent;
	background-color:#ffffff;
}
#bannercontent
{
	border: 1px solid #CCCCCC;
	background-color:#FAFCDD;
	font-size:11px;
}

#Nav
{
	padding: 20px 0px 0px 0px;
}
#logoNavLieferantenbanner
{
	border-right: 1px solid #ccc;
	width:209px;
	font-size:11px;
	background-color:#FFFFFF;
}
#bannercontent h3
{
	font-weight:bold;
	padding:0;
	background-color:#FAFCDD;
	margin: 0 0 5px 0;
	
}
#bannercontent p
{
	padding:0;
	background-color:#FAFCDD;
	margin: 0 0 5px 0;
}
#bannertext
{
	padding: 5px 5px 0px 5px;
}
/*ENDE banner */

/*ENDE AENDERUNGEN SILKE*/
.hideSubmit
{
    position: absolute;
    z-index: -99;
    left: -500px;
}

.box
{
    background-color: #FFFFFF;
}

.box h1
{
    background-color: #DBDBDB;
	font-size: 12px;
}

#content .produkt
{
    position: relative;
    margin-bottom: 15px;
    padding-bottom: 2px;
    min-height: 120px;
    height: 120px;
}

.produkt p
{
    background-color: #FFFFFF;
    margin-top: -8px;
}

img.vorschau
{
    position: relative;
    border: solid 1px #D4D4D4;
    padding-top: 1px;
}

.produkt img.details
{
    position: absolute;
    right: -4px;
    top: 2px;
}

span.pagebanner
{
  padding-left: 10px;
  float: none;
  display: block;
  clear:both;
}

span.pagelinks
{
  padding-left: 10px;
}

ul.error
{
  padding-left: 10px;
  color: #ff0000;
  font-weight: bold;
}

ul.success
{
  padding-left: 10px;
  color: #009900;
  font-weight: bold;
}

/* Ladebalken */
#ladebalken
{
  display: none;
  width: 100%;
  height: 100%;
  background-color: transparent;
  background-image: url(../general/blind.gif);
  position: absolute;
  top: 0;
  left: 0;
}

#ladebalken div
{
  margin-left: 45%;
  margin-top: 40%;
}

#ladebalken_text
{
  font-size: 12px;
  margin-left: 50px;
  font-weight: bold;
}

#content form
{
  clear: both;
}