/* App_Themes\DesignNeu\styles.css*/


/*=================================================
Stylesheet für das neue Design für die Homepage
Dateipfad: ~\App_Themes\DesignNeu\styles.css

	01. Die Feuerpfeil - Stile
	10. Schriftarten
	11. allgemeine Stile
	
	20. Die Masterseite
	21. Seite formattieren
	22. der Anmeldebereich der Masterseite
	23. der Inhaltsbereich (links und rechts) der Masterseite
	231. Die Tabelle für den Inhalt
	24. Der Seitenfuss

	50. Die Login-Seite
	51. Stile für den Datenschutz-Cookie-Dialog


	60. Die Eingabeformulare
	61. Die Übersichtsseite ("~/GUI2/WerkzeugeAuswaehlen.aspx")
	62. Das Werkzeug anzeigen ("~/GUI2/ZeigeWerkzeugAn.aspx")
	63. Der Warenkorb ("~/GUI2/Warenkorb.aspx")
	70. Die ErrorPage
	
	80. Stile für Steuerelemente
	81. KategorienTreeView


	90. Die Startseite
 

	100. Die Seiten für die OCE - Schnittstelle.

	110. Das eigene Konto verwalten: (~/GUI2/MeinKonto.aspx)
	115. Das eigene Konto verwalten (Bestellungen Verlauf): ~/GUI2/MeinKonto.aspx
	
	120. Verlauf anzeigen

	130. DispatchPage (~/GUI2/DispatchPage.aspx)

	140. Kennwort vergessen (~/GUI2/KennwortVergessen.aspx)

	150. Infoseite: Konto gesperrt ("GUI2/KontoGesperrtInfo.aspx")

	160. Seite für die Supportanfrage  (~/GUI2/SUPPORT/Supportanfrage.aspx")

	170. gui2\kundenkontobeantragen2.aspx
		 GUI2\KundenKontoBeantragen2KundenDaten.ascx

	180. ImageViewer Styles

	190. Suchseite 

	200. UcVersandkosten, UcSummeAnzeigen

	210. Wörterbuch

	220. Versandkosten.aspx

    230. Bilder für Sonderformen



==================================================*/


/* Die Stile für die Homepage */



/* ============================================================================================= */
/* 10. Schriftarten */
/* ============================================================================================= */

/* Font einbinden */
/* Fonts:
	'FontSiteSans-Black'
	'FontSiteSans-Bold'
	'FontSiteSans-Light'
	'FontSiteSans-Roman'
	'FontSiteSans-UltraLight'
*/

@font-face {
    font-family: 'FontSiteSans-Black';
    src: url('fonts/FontSiteSans-Black.eot');
}

@font-face {
    font-family: 'FontSiteSans-Black';
    src: url('fonts/FontSiteSans-Black.woff') format('woff'), url('fonts/FontSiteSans-Black.svg#FontSiteSans-Black') format('svg');
}
/* 'FontSiteSans-Bold' */
@font-face {
    font-family: 'FontSiteSans-Bold';
    src: url('fonts/FontSiteSans-Bold.eot');
}

@font-face {
    font-family: 'FontSiteSans-Bold';
    src: url('fonts/FontSiteSans-Bold.woff') format('woff'), url('fonts/FontSiteSans-Bold.svg#FontSiteSans-Bold') format('svg');
}
/* 'FontSiteSans-Light' */
@font-face {
    font-family: 'FontSiteSans-Light';
    src: url('fonts/FontSiteSans-Light.eot');
}

@font-face {
    font-family: 'FontSiteSans-Light';
    src: url('fonts/FontSiteSans-Light.woff') format('woff'), url('fonts/FontSiteSans-Light.svg#FontSiteSans-Light') format('svg');
}
/* 'FontSiteSans-Roman' */
@font-face {
    font-family: 'FontSiteSans-Roman';
    src: url('fonts/FontSiteSans-Roman.eot');
}

@font-face {
    font-family: 'FontSiteSans-Roman';
    src: url('fonts/FontSiteSans-Roman.woff') format('woff'), url('fonts/FontSiteSans-Roman.svg#FontSiteSans-Roman') format('svg');
}
/* 'FontSiteSans-UltraLight' */
@font-face {
    font-family: 'FontSiteSans-UltraLight';
    src: url('fonts/FontSiteSans-UltraLight.eot');
}

@font-face {
    font-family: 'FontSiteSans-UltraLight';
    src: url('fonts/FontSiteSans-UltraLight.woff') format('woff'), url('fonts/FontSiteSans-UltraLight.svg#FontSiteSans-UltraLight') format('svg');
}





/* ============================================================================================= */
/*    01. Die Feuerpfeil - Stile */
/* ============================================================================================= */

body {
    /*	_ont-family: "FontSiteSans-Roman", Arial; */ /* Ich nehm lieber Verdana als Schrift */
    font-family: Arial;
    font-size: 16px;
    line-height: 18px;
    color: #000;
    margin: 0px;
    padding: 0px;
    border: 0px;
}

/* Trennlinien  
Trennlinie und Linie allgemein (e.g. Border) Farbe: #b2b2b2;
*/

.small {
    /* zum Beispiel Tabellen Spaltenbezeichnung, Navi im gelben Balken, Seiten Navi,  etc. */
    font-size: 14px;
    line-height: 18px;
}

b {
    /*_ont-family: FontSiteSans-Bold, Arial;*/
}


h1, h2, h3, h4, h5, h6 {
    /*_ont-family: "FontSiteSans-Light" , Arial;*/
}

h1 {
    font-size: 40px;
    line-height: 40px;
}

h2 {
    font-size: 30px;
    line-height: 30px;
}

h3 {
    font-size: 24px;
    line-height: 28px;
}

h4 {
    font-size: 20px;
    line-height: 24px;
}

h5 {
}


a, a:active, a:visited {
    color: #000;
}

    a:hover {
        color: #fbb900;
    }

/* System Reiter */

.system {
    font-size: 11px;
    line-height: 12px;
}

.systemName {
    font-size: 16px;
    line-height: 16px;
}

/* BreadCrumb */

.BreadCrumb a {
    font-size: 13px;
    line-height: 13px;
    color: #000;
}

    v .BreadCrumb a:hover, .BreadCrumb a:active {
        color: #fbb900;
    }


/* Tabellen 
Jede 2te Linie bekommt Farbe : #e9e9e9;
Trennlinie zwischen Spalten Farbe: #b2b2b2;
*/


/* ============================================================================================= */
/* 11. allgemeine Stile */
.null {
    padding: 0;
    margin: 0;
    border: 0;
}

html {
}

/* Stile für Schaltflächen */
.but_groesse_1 {
    width: 350px;
    height: 42px;
    border: 0px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #fbb901;
    font-size: 21px;
    font-weight: normal;
}

.but_groesse_2 {
    width: 300px;
    height: 35px;
    border: 0px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #fbb901;
    font-size: 21px;
    font-weight: normal;
}

.but_groesse_3 {
    width: 250px;
    height: 22px;
    border: 0px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #fbb901;
    font-size: 21px;
    font-weight: normal;
}


/* ============================================================================================= */
/* 20. Die Masterseite */
/* ============================================================================================= */


/* ============================================================================================= */
/* 21. Seite formattieren */
/* ============================================================================================= */


/*  15.10.2014: Die Seite muss ein flüssiges Layout bekommen. 
	Dabei ist folgendes zu beachten:
	Der Abstand wird in der Kopfzeile durch 
	das Logo bestimmt, der Container des Logos
	hat die Eigenschaft left:320px, dieses wird in der Masterpage - Seite festgelegt.
*/

#m_panPageContainer {
    width: 100%;
    text-align: center;
}

#m_panPage {
    width: 1600px;
    margin: auto;
    margin-top: 50px;
    /*background-color:Red;*/
}



/*  Dieses DIV - Element umschliesst den Hauptbereich der Seite und ist für 
	den grossen Abstand zum linken Rand verantwortlich 
	
	Ich versuche nun, einen Container um
	m_panContent zu legen.
*/
#m_panContentContainer {
    /*width:100%;*/
    width: 1070px;
}

#m_panContentFloatLeft {
}

#m_panContent {
    width: 1070px;
    margin-left: 120px;
    /*margin:auto; -> ändert nichts */
}

#m_panContentClear {
    clear: both;
}

.panel_cph_haupt {
    width: 100%;
}


.breite1 {
    display: inline-block;
    width: 20px;
}

/* ============================================================================================= */


/* ============================================================================================= */
/* 22. der Anmeldebereich der Masterseite */
/* ============================================================================================= */
a.anmeldung_text_link,
a.anmeldung_text_link:visited {
    color: Black;
    text-decoration: none;
}


a.anmeldung_text,
a.anmeldung_text:visited,
a.anmeldung_text:hover {
    text-decoration: none;
    color: Black;
}

.seitenkopf {
}

.pan-zeile-container {
    display: grid;
    grid-template-columns: 500px 1fr 300px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: 30px;
    border-bottom: 1px solid rgba(0,0,0,.2);
    border-top: 1px solid rgba(0,0,0,.2);
}

.pan-logo-container {
    grid-column-start: 1;
    grid-column-end: 2;
    text-align: left;
}

.logo {
    width: 406px;
    height: 90px;
}



.pan-buttons-container {
    grid-column-start: 2;
    grid-column-end: 3;
    padding-top: 20px;
}

.pan-login-container {
    grid-column-start: 3;
    grid-column-end: 4;
}

.pan-account-menu {
    position: absolute;
    border: 1px solid rgba(251,185,0,1);
    background-color: rgba(255,255,255,1);
    padding: 20px;
    z-index: 50;
}



    .pan-account-menu li {
        color: black;
        text-align: left;
    }


.pan_an_und_abmelden_container,
.pan-an-und-abmelden-zeile {
    margin: 0;
    padding: 0;
    border: 0;
}

.pan_an_und_abmelden_container {
    position: relative;
    left: 0px;
    top: 0px;
    background-color: black;
    padding-left: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
    height: 31px;
    background-color: #ffffff;
    text-align: left; /*     Height="31px" BackColor="#fbba00"     */
}


/* Kopfzeile oben */
.pan-an-und-abmelden-zeile {
    position: relative;
    top: 10px;
    left: 0px;
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    height: 50px;
}

.pan-an-und-abmelden-zeile-grid-layout {
    display: grid;
    grid-template-columns: 10fr 3fr 42px 2fr;
}

.pan-willkommen-container {
    grid-column: 1;
    font-size: 20px;
}

.pan-warenkorb-container {
    grid-column: 2;
    text-align: right;
}

.pan-suchbutton-container {
    grid-column: 3;
    width: 42px;
    height: 36px;
    position: relative;
    top: -8px;
    left: 90px;
}

.pan-sprache-aendern {
    grid-column: 4;
    text-align: right;
}

.pan-sprache-aendern-container {
    overflow: hidden;
    text-align: right;
}

.but-sprache-aendern,
.but-sprache-aendern-clicked {
    display: inline-block;
    margin-right: 4px;
    font-weight: bold;
    background-color: transparent;
    border: 0;
    cursor: pointer;
}

    .but-sprache-aendern:hover {
        color: #fbb900;
    }

.but-sprache-aendern-clicked {
    background-color: #fbb900;
}


.pan_angemeldeter_user_info {
    margin: 0;
    padding: 0;
    border: 0;
    height: 20px;
}

/* Willkommen xxx */
.pan_angemeldeter_user_info {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 12px;
    vertical-align: text-top;
}

/*  Warenkorb
			  Symbol Warenkorb n Artikel :: xxx E  
 */
.pan_warenkorb_info_bild {
    position: absolute;
    left: 640px;
    top: 0px;
}

/* Bereich "Mein Konto" */
.pan_mein_konto {
    position: absolute;
    left: 982px;
}

.pan_anmelden, .pan_abmelden {
    position: absolute;
    /* ghe, 23.09.2015:
	muss weiter rechts angezeigt werden */
    /*left: 1120px;*/
    left: 250px;
}


.pan_suchbereich {
    position: absolute;
    left: 1500px;
    top: -2px;
    width: 420px;
    height: 20px;
}

.pan_suchen_popup_window {
    background-color: #e6e6e6;
}


.trenner1 {
    height: 31px;
    position: absolute;
    width: 1px;
    background-color: #795a00;
    left: 964px;
    top: -10px;
}

.trenner2 {
    height: 31px;
    position: absolute;
    width: 1px;
    background-color: #795a00;
    left: 1083px;
    top: -10px;
}

.testa {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}



a.pan_warenkorb_info_link,
a.pan_warenkorb_info_link:visited,
a.pan_warenkorb_info_link:hover,
a.pan_warenkorb_info_link:focus,
a.pan_warenkorb_info_link:active,
a.hl_anmelden_abmelden,
a.hl_anmelden_abmelden:visited,
a.hl_anmelden_abmelden:hover,
a.hl_anmelden_abmelden:focus,
a.hl_anmelden_abmelden:active {
    color: Black;
    text-decoration: none;
}


.pan_an_und_abmelden {
    background-color: black;
    font-size: 12px;
    color: White;
    font-weight: bold; /*border:1px dotted red;*/
    text-align: right;
    margin-right: 20px;
    padding: 5px;
}



.pan_an_und_abmelden_alt {
    background-color: black;
    font-size: 12px;
    color: White;
    font-weight: bold;
}

.pan_angemeldet, .pan_nicht_angemeldet {
    color: White;
}


/* Hyperlink für's Registrieren eines neuen Kunden  */
.pan_registrieren {
    /*	float:left;*/
}

a.hl_registrieren,
a.hl_registrieren:active,
a.hl_registrieren:visited,
a.hl_registrieren:hover,
a.hl_registrieren:focus {
    color: white;
}

/* Hyperlink "Mein Konto"*/
a.hl_mein_konto {
    color: White;
    margin-left: 12px;
    margin-right: 10px;
    font-size: 12px;
    font-weight: bold;
}

/* Hyperlink für den Link "Mein Konto" */

/* Hyperlink "Anmelden" */
a.page_login_area_login_link,
a.page_login_area_login_link:visited,
.page_login_area_login_link {
    margin-left: 40px;
    color: #fb8f04;
    font-size: 12px;
    font-weight: bold;
}

    a.page_login_area_login_link:hover {
        text-decoration: underline;
    }


/* Schaltfläche "Abmelden" */
.page_login_area_abmelden_button {
    color: #fb8f04;
    background-color: #080808;
    width: 80px;
    margin-left: 40px;
    vertical-align: top;
}


/* Links für die Navigation zu den Werkzeugen*/
/*
	Hyperlink                   -> class: link_system_oben
		System (kleiner)        -> class: link_system_oben_text1
		Systemname (grösser)    -> class: link_system_oben_text2

*/

/*  Container für die Links
  <asp:Panel ID="m_panButtonsContainer" runat="server" Height="38px" Style="position: relative;
						left: 620px; top: -38px;">
					</asp:Panel>


*/

#m_panSupportContainer {
    position: absolute;
    left: 1200px;
}


/* Katalognamen anzeigen */

/*Style="position: relative; left: 620px; top: 31px; text-align: left;  Height="30px"*/
/**/
.katalog_namen_container {
    position: relative;
    left: 620px;
    top: 29px;
    padding-top: 5px;
    padding-left: 20px;
    /*border:1px solid red;*/
    margin-right: 20px;
    width: 490px;
    background-color: white;
    text-align: left;
    padding-bottom: 3px;
    border: 1px dotted #a5925c;
    background-color: black;
}

.katalog_namen_label {
    font-weight: bolder;
    font-size: 16px;
    color: #a5925c; /* #fbba00; */ /* #a5925c;*/ /* fbba00 */
    text-align: left;
}

/* Navigation in der Kopfzeile */
/* font festlegen*/
.link_system_oben .link_system_oben_text1 .link_system_oben_text2 {
    /*_ont-family:'FontSiteSans-Light';*/
}

.link_system_oben {
    width: 130px;
    height: 50px;
    display: inline-block;
}

a.link_system_oben:link {
    background-color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    color: #7f7f7f;
}

a.link_system_oben:visited {
    background-color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    color: #7f7f7f;
    height: 40px;
}

a.link_system_oben:hover {
    background-color: #ffffff;
    text-decoration: none;
    font-weight: bold; /*     color: #7f7f7f;     background-color: #fbba00; */
    color: #fbba00;
}

a.link_system_oben:active {
    background-color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    color: #7f7f7f;
}

a.link_system_oben:focus {
    text-decoration: none;
    font-weight: bold;
    color: #fbba00;
    background-color: #ffffff;
}

.link_system_oben_selected {
    width: 130px;
    height: 50px;
    display: inline-block;
}

a.link_system_oben_selected:link,
a.link_system_oben_selected:visited,
a.link_system_oben_selected:hover,
a.link_system_oben_selected:active,
a.link_system_oben_selected:focus {
    background-color: lightgray;
    color: black;
}


.link_system_oben_text_katalog_namen {
    width: 100%;
    text-align: center;
    font-size: 8px;
    height: 8px;
    line-height: 8px;
    font-weight: normal;
    margin-top: 6px;
    display: inline-block;
    font-weight: normal;
}

.link_system_oben_text1 {
    width: 100%;
    text-align: center;
    font-size: 8px;
    height: 8px;
    line-height: 8px;
    font-weight: normal;
    margin-top: 6px;
    display: inline-block;
    font-weight: normal;
}

.link_system_oben_text2 {
    width: 100%;
    text-align: center;
    font-size: 12px;
    height: 12px;
    line-height: 12px; /*font-weight:bold;*/
    display: inline-block;
    font-weight: normal;
}




/* Schaltfläche für die verschiedenen Systeme, oben im Seitenkopf" */





/* ============================================================================================= */
/* 23. der Inhaltsbereich (links und rechts) der Masterseite */
/* ============================================================================================= */


/* 231. Die Tabelle für den Inhalt */
.tbl_content {
    width: 1050px;
    /*background-color:Yellow;*/
    overflow: hidden;
    table-layout: fixed;
}

.tc_cph_links {
    width: 400px;
    /*border:1px solid red;*/
    overflow: hidden;
}

.tc_cph_rechts {
    width: 850px;
    /* border:1px solid green;*/
}





.pan_systeme_rechts_container {
    position: relative;
    top: 0px;
    left: 0px;
    /*   _ont-family: 'FontSiteSans-Light';*/
    font-weight: lighter;
}



a.link_system_rechts:link {
}

.linie_system_rechts {
    /*            '<asp:Panel runat="server" Height="1px" Width="280px" BackColor="#7f7f7f" />*/
    height: 1px;
    width: 280px;
    background-color: #7f7f7f;
}


/* ============================================================================================= */
/* 24. Der Seitenfuss" */
/* ============================================================================================= */

#page_footer {
    position: relative;
    width: 100%;
    height: 300px;
    text-align: left;
    font-weight: normal;
    font-size: 12px;
    background-image: url('Seitenfuss_Hintergrund.png');
    background-repeat: repeat-x;
    background-position: left top;
    float: none;
}

#page_footer_logo {
    position: absolute;
    left: 320px;
    top: 92px; /* 289 x 48*/
    width: 289px;
    height: 48px;
}

/* ----------------------------------------------------------------- */
/* AGB   |   NEWSLETTER   |   IMPRESSUM */
#page_footer_agb {
    position: absolute;
    height: 20px;
    top: 92px;
    left: 930px;
}

.hl_agb_newsl_impr,
a.hl_agb_newsl_impr:link,
a.hl_agb_newsl_impr:active,
a.hl_agb_newsl_impr:visited,
a.hl_agb_newsl_impr:hover,
a.hl_agb_newsl_impr:focus {
    background-color: inherit;
    font-size: inherit;
    cursor: pointer;
    color: Black;
    text-decoration: none;
}

a.hl_agb_newsl_impr:hover,
a.hl_agb_newsl_impr:focus {
    text-decoration: underline;
}
/* ----------------------------------------------------------------- */


#page_footer_adr1 {
    position: absolute;
    left: 320px;
    top: 180px;
    height: 40px;
    /*_ont-family: 'FontSiteSans-Light';*/
    font-weight: lighter;
}

#page_footer_adr2 {
    position: absolute;
    top: 180px;
    left: 480px;
    /*_ont-family: 'FontSiteSans-Light';*/
    font-weight: lighter;
}

#page_footer_adr1_header {
    font-weight: bold;
}



/* ============================================================================================= */
/* 50. Die Login-Seite" 
	Hier stehen die Stile für die Seite 
	"~/LoginSecure.aspx"
*/
.loginsecure_panel_login_container {
    margin: 0;
    padding: 0;
    border: 0;
    height: 305px;
    width: 960px;
    background-color: #e9e9e9;
}

.loginsecure_table_login {
    margin-left: 60px;
}

.loginsecure_table_ueberschrift {
    /*_ont-family: "FontSiteSans-Light" , Arial;*/
    font-size: 20px;
}

/* Diese Tabellenzelle enthält ein Textfeld */
.loginsecure_tc_eingabe {
    padding: 8px 0 0 0;
    width: 350px;
}

.loginsecure_textbox {
    width: 310px;
    height: 43px;
    font-size: 35px;
    border: 0px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.loginsecure_button_login {
    padding: 0;
    margin: 0;
    border: 0px;
    background-color: #fbba00;
    width: 150px;
    height: 45px;
    font-size: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

/* Konto anfordern*/
.loginsecure_anfordern_container {
    text-align: left;
    width: 80%;
    display: grid;
    grid-template-columns: 50% 50%;
}

.loginsecure_anfordern_container_links {
}

.loginsecure_anfordern_container_rechts {
    text-align: right;
}
/* Kennwort vergessen */
.loginsecure_kennwort_vergessen_container {
}

.loginform_FailureTextStyle {
    font-size: 14px;
    font-weight: bold;
    color: Red;
}


/* 51. Stile für den Datenschutz-Cookie-Dialog */
.datenschutz_cookies_fenster_container {
    background-color: transparent;
    width: 100%;
    height: 400px;
    position: fixed;
    left: 0px;
    top: 250px;
    z-index: 10;
    text-align: center;
    vertical-align: middle;
}

.datenschutz_cookies_fenster_aussen {
    text-align: center;
    width: 800px;
    position: relative;
    left: -00px;
    top: 0px;
    border: 1px solid black;
    margin: auto;
    opacity: 1;
    margin-top: 50px;
}

.datenschutz_cookies_fenster {
    border: 1px dotted red;
    background-color: #fbba00;
}

.datenschutz_cookies_fenster_button {
    background-color: black;
    color: #fbba00;
    width: 200px;
    height: 40px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 30px 0px 30px 0px;
}


.datenschutz_cookies_fenster_hyperlink,
a.datenschutz_cookies_fenster_hyperlink,
a.datenschutz_cookies_fenster_hyperlink:hover,
a.datenschutz_cookies_fenster_hyperlink:focus,
a.datenschutz_cookies_fenster_hyperlink:active,
a.datenschutz_cookies_fenster_hyperlink:visited {
    color: black;
}



/* ============================================================================================= */




/* ============================================================================================= */
/* 60. Die Eingabeformulare */
/* ============================================================================================= */
.kundenreg_formular_eingabehilfe {
    width: 600px;
    margin: auto;
    margin-bottom: 40px;
    border: 1px dotted red;
    padding: 20px;
}

.kundenreg_formular {
    margin: auto;
    background-color: #fdd526;
    width: 90%;
    font-size: 12px;
    padding: 1px;
    margin-left: 20px;
}

.kundenreg_formular_bereich {
    background-color: White;
    padding: 20px;
    border: 1px dotted black;
    margin: auto;
}

    .kundenreg_formular_bereich h2 {
        margin-left: 10px;
        text-decoration: underline;
    }

.kundenreg_formular_inputform_form {
    padding-left: 20px;
    text-align: left;
}

.kundenreg_formular_inputform_inputline {
    font-size: 10px;
    text-align: left;
    margin-bottom: 5px;
}

.kundenreg_formular_label {
    display: inline-block;
    width: 120px;
}

.kundenreg_formular_dropdownlist {
    font-size: 10px;
}

.kundenreg_formular_textbox {
    height: 12px;
    font-size: 10px;
    width: 220px;
}

.kundenreg_formular_ueberschrift_adresse {
    margin-top: 40px;
    border: 1px solid black;
    width: 400px;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 5px;
    padding-left: 20px;
}

.kundenreg_formular_pan_agbs {
    background-color: white;
    width: 800px;
    border: 1px solid blue;
    height: 800px;
    overflow: scroll;
    padding: 10px;
}

/* Hyperlink für die Anzeige der AGB's */
a.kundenreg_formular_hl_agbs,
a.kundenreg_formular_hl_agbs:visited,
a.kundenreg_formular_hl_agbs:hover,
a.kundenreg_formular_hl_agbs:focus {
    color: Black;
    cursor: pointer;
    text-decoration: none;
}

    a.kundenreg_formular_hl_agbs:hover,
    a.kundenreg_formular_hl_agbs:focus {
        text-decoration: underline;
        color: Red;
    }

.kundenreg_formular_pan_agbs_background {
    background-color: gray;
    filter: alpha(opacity=50);
    opacity: 0.5;
}


.inputform_form {
    margin-left: 20px;
}

.kundenregbest_pan_main {
    font-size: 12px;
    margin-left: 20px;
    padding: 15px;
}

.kundenregbest_pan_bestaetigungstext {
    margin-left: 20px;
    font-size: 12px;
}

.kundenreg_formular_but_fertig_container {
    width: 100%;
    text-align: left;
    margin-top: 40px;
}

.kundenreg_formular_but_fertig {
    padding: 0;
    margin: 0;
    border: 0px;
    background-color: #fbba00;
    width: 300px;
    height: 45px;
    font-size: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.kundenreg_formular_step_container {
    width: 600px;
}


/* ============================================================================================= */
/* 61. Die Übersichtsseite ("~/GUI2/WerkzeugeAuswaehlen.aspx") */
/*      Die CSS-Elemente dieser Seite erhalten das präfix ".werkzausw" */
/* ============================================================================================= */
/*  Der Navigationsbereich der Seite (oberhalb der Tabellen), dient zur Orientierung und
	zur leichteren Navigation
*/
.werkzausw_navigation {
    margin-left: 0px;
    width: 100%;
    text-align: left;
    font-weight: bold;
}

.werkzausw_navigation_system {
    font-size: 45px;
}

.werkzausw_navigation_ebenen {
    font-size: 12px;
}

    .werkzausw_navigation_ebenen A:link, .werkzausw_navigation_ebenen A:visited, .werkzausw_navigation_ebenen A:hover, .werkzausw_navigation_ebenen A:focus {
        color: Black;
        text-decoration: none;
    }

    .werkzausw_navigation_ebenen A:hover, .werkzausw_navigation_ebenen A:focus {
        text-decoration: underline;
    }

.werkzausw_pan_treeview_kategorien_container {
}


.katalog_pan_werkzeug_aussen {
    width: 800px;
    margin-bottom: 20px;
    margin-left: 40px;
}


/* ----------------------------------------- */
/* Das Bild wird links, die Werkzeugdaten
   werden rechts angezeigt. */
/* ----------------------------------------- */
.werkzausw_inhalt {
    /* _ont-family: FontSiteSans-Bold; */
    font-size: 12px;
    letter-spacing: 0px;
}

.werkzausw_werkzeug_table {
    width: 750px;
}


/* Produktübersicht */
.werkzausw_werkzeuge_anzeigen_panel_produktuebersicht {
}

.werkzausw_werkzeuge_anzeigen_label_produktuebersicht {
}

/* Inhaltsbereich anzeigen */
.werkzausw_werkzeuge_anzeigen_inhalt_container {
    margin-left: 40px;
}
/* Die Stile für die Zeilenweise anzeige der Werkzeugauswahl */
/* Mögliche Farben:
			f4f4f4 (vielleicht ein bischen zu hell)
			e6e6e6 (ist ein bischen dunkler)
		*/

.werkzausw_werkzeug_tr,
.werkzausw_werkzeug_bild_container_aussen {
}

.werkzausw_werkzeug_tr2,
.werkzausw_werkzeug_bild_container_aussen2 {
}

    .werkzausw_werkzeug_tr:hover,
    .werkzausw_werkzeug_bild_container_aussen:hover,
    .werkzausw_werkzeug_tr2:hover,
    .werkzausw_werkzeug_bild_container_aussen2:hover {
    }

/* hier wird der Abstand zwischen
den Zeilen der Anzeige eingestellt*/
.werkzausw_tr_abstand {
    background-color: White;
    height: 10px;
    line-height: 0px;
    margin: 0px;
    padding: 0px;
}


.werkzausw_tc_werkzeugdaten_1,
.werkzausw_tc_werkzeugdaten_2 {
    background-color: #e9e9e9; /*#d5d5d5;*/ /*-> Etwas heller machen!!!*/
}

    .werkzausw_tc_werkzeugdaten_1:hover,
    .werkzausw_tc_werkzeugdaten_2:hover {
        background-color: #ffb300;
    }


.werkzausw_werkzeug_bild_container {
    background-color: White;
    width: 80px;
    height: 80px;
    padding-top: 10px;
    padding-right: 20px;
}

/* Stile für die Zellen */
/*
    Anzeige für die Bilder in GUI2/WerkzeugeAuswaehlen.aspx
    Bild rechts ausrichten => schaut besser aus.

*/
.werkzausw_tc_bild {
    width: 80px;
    height: 80px;
    text-align: right;
    vertical-align: middle;
    margin-right: 40px;
}


/*Label - "kein Bild vorhanden"*/
.werkzaus_werkzeug_bild_lb_kein_bild {
    display: block;
    margin-top: 5px;
    margin-bottom: 5px;
    height: 30px;
}

.werkzausw_werkzeug_daten_container {
    margin-left: 15px;
    /*_ont-family: Arial;*/
    font-size: 9px;
}

.werkzausw_label_werkzeug_namen1 {
    font-size: 11px;
    font-weight: bold;
}

.werkzausw_label_werkzeug_namen2 {
    font-size: 10px;
    font-weight: bold;
}

.werkzausw_label_werkzeug_namen3 {
}

.werkzausw_label_werkzeug_namen4 {
}

/* BEGIN Darstellung der Werkzeuge in div's (asp:panel's) */
.werkzausw_container_neu {
    background-color: Yellow;
    position: relative;
    left: 0px;
    top: 0px;
}

.werkzausw_bild_container_neu {
    background-color: Blue;
    position: absolute;
    top: 0px;
    left: 0px;
}

.werkzausw_bild_neu {
    height: 70px;
}

.werkzausw_daten_container_neu {
    background-color: Green;
    position: absolute;
    top: 0px;
    left: 100px;
}

.werkzausw_werk_name1_neu {
}

.werkzausw_werk_name2_neu {
}

.werkzausw_werk_name3_neu {
}

.werkzausw_werk_name4_neu {
}


/* Hyperlink mit dem Text:
	"zum Katalog"
*/
.hl_katalog_zumkatalog,
.hl_katalog_zumkatalog:link,
.hl_katalog_zumkatalog:visited,
.hl_katalog_zumkatalog:active,
.hl_katalog_zumkatalog:hover,
.hl_katalog_zumkatalog:focus {
    font-size: 9px;
    /*_ont-family:Verdana;*/
    text-decoration: underline;
    color: Black;
}

    .hl_katalog_zumkatalog:hover,
    .hl_katalog_zumkatalog:focus {
        font-weight: bold;
        text-decoration: none;
        color: black;
    }
/* END Darstellung der Werkzeuge in div's (asp:panel's) */



/* ============================================================================================= */
/* 62. Das Werkzeug anzeigen ("~/GUI2/ZeigeWerkzeugAn.aspx")                                     */
/* Präfix: werkzanz_                                                                             */
/* ============================================================================================= */
.werkzanz_container_table_main {
    /*_ont-family: 'Verdana';*/
    font-weight: normal;
    font-size: 12px;
}

.werkzanz-namen-trenner {
    width: 0px;
    display: inline-block;
}

.werkzanz_werkzeug_name {
    font-size: 25px;
    line-height: 45px;
    font-weight: normal;
}

.werkzanz_werkzeug_name2 {
    font-size: 16px;
    color: Black;
    text-decoration: none;
}

.werkzanz_werkzeug_name3 {
    font-size: 16px;
    color: Black;
    text-decoration: none;
}

.werkzanz_werkzeug_beschreibung {
    font-size: 16px;
    font-weight: bold;
    color: Black;
    text-decoration: none;
}

.werkzanz_werkzeug_zusatz {
    font-size: 20px;
    margin-bottom: 20px;
}

/* Werkzeugbild Container*/
.werkzanz_werkzeug_image_container {
    overflow: hidden;
    width: 80%;
    text-align: center;
    padding: 20px;
}

.werkzanz_werkzeug_image {
    overflow: hidden;
    width: 80%;
    text-align: center;
    padding: 20px;
}


/* Baugruppen anzeigen */
.katalog_header_zeile {
    height: 2px;
    font-size: 12px;
    font-weight: bold;
}


/* Anzeige einer Baugruppe */
.werkzanz_baugruppe_alt {
    height: 35px;
    margin-right: 40px;
    font-weight: bold;
    padding: top:5px;
    padding-left: 5px;
    vertical-align: middle;
    border-bottom: 2px solid black;
    margin-bottom: 10px;
    text-align: left;
}

.werkzanz_baugruppe {
    height: 55px;
    margin-right: 40px;
    font-weight: normal;
    padding: top:5px;
    padding-left: 5px;
    vertical-align: middle;
    border-top: 1px solid gray;
    margin-bottom: 50px;
    text-align: left;
}

/* ein <tr> - Objekt, daß die Daten eines Werkzeugs
   anzeigt. */
.tr_werkzanz_baugruppe_einzelteil,
.tr_werkzanz_baugruppe_einzelteil2 {
    background-color: #e9e9e9;
    margin-right: 45px;
    font-size: 10px;
    height: 30px;
    line-height: 15px;
}

.tr_werkzanz_baugruppe_einzelteil2 {
    background-color: white;
}

    .tr_werkzanz_baugruppe_einzelteil:focus,
    .tr_werkzanz_baugruppe_einzelteil:hover,
    .tr_werkzanz_baugruppe_einzelteil2:focus,
    .tr_werkzanz_baugruppe_einzelteil2:hover {
        background-color: #ffb300;
        cursor: pointer;
    }

.td-zeige-werkzeug-an-einzelteil {
    width: auto;
}

.tr_werkzanz_baugruppe_einzelteil_abstand {
    height: 60px;
}

/* Die Tabellenzelle für das Warenkorb Symbol */
.tc_werkzanz_baugruppe_einzelteil_warenkorb {
    padding-right: 20px;
}

/* Anzeige des Popup Fensters für das Bild */
.werkzanz_popup_panel {
    text-align: center;
    vertical-align: middle;
    background-color: white;
    border: 1px solid black;
    padding-left: 20px;
    padding-right: 20px;
}

.werkzanz_popup_image {
}

.werkzanz_hintergrund {
    border: 5px solid green;
    background-color: white;
    opacity: .9;
    width: 800px;
    height: 800px;
}



/* ============================================================================================= */
/* 63. Der Warenkorb ("~/GUI2/Warenkorb.aspx") */
/* ============================================================================================= */


/* Informationen über den Warenkorb anzeigen (Kundeninfo, Warenkorbinfo) */
#m_panWarenkorbInformationen {
    font-weight: bold;
    margin-left: 20px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 20px;
    border: 1px dotted black;
    width: 700px;
}

/* Die Ränder des Warenkorbs */
#m_panWarenkorbMultiViewContainerAussen {
    margin-left: 20px;
}

#m_panWarenkorbMultiViewContainerInnen {
    padding: 10px;
    /*	border: 1px dotted black;*/
    width: 1600px;
}

#m_panWarenkorbAufpreise {
}

#m_panWarenkorbZusEingaben {
}


/* die Schaltflächen für den Warenkorb */
.warenkorb_but_bearbeiten,
.warenkorb_but_loeschen {
    background-color: #e7e7e7;
    color: Black;
    border: 0px;
    width: 150px;
    height: 30px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin-right: 10px;
}

.warenkorb_but_loeschen {
    color: Red;
}

.warenkorb-tabellen-container {
    width: 60%;
    margin-left: 175px;
    /*background-color: rgb(239, 239, 239);*/
    padding: 30px 20px 30px 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.warenkorb-tabellen-container-abstand-nach-oben {
    position: relative;
    top: -90px;
}

.warenkorb-tabelle {
    width: 100%;
    border: 0px solid black;
    padding: 10px;
}

.warenkorb-tabelle-td-links {
}

.warenkorb-tabelle-td-rechts {
}

.warenkorb-werkzeug-info {
    border: 1px dotted black;
}

.warenkorb-anzeige-outer-container {
    border-left: 1px solid rgba(0,0,0,.1);
    border-right: 1px solid rgba(0,0,0,.1);
    padding-top: 40px;
    padding-bottom: 40px;
}

.warenkorb-anzeige-container {
    width: 700px;
    margin-left: 20px;
    margin-right: 20px;
    padding: 10px;
    padding-bottom: 50px;
    border-bottom: 1px solid rgba(0,0,0,.5);
}

.warenkorb-anzeige-aufpreise-container {
    width: 700px;
    margin-left: 20px;
    margin-right: 20px;
    padding: 10px;
    padding-bottom: 50px;
    border-bottom: 1px solid rgba(0,0,0,.5);
}

.warenkorb-massfeld-auswahl {
    width: 285px;
}

.bestabschl_but_test {
}

.warenkorb_but_speichern {
    width: 350px;
    height: 42px;
    border: 0px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #fbb901;
    font-size: 21px;
    font-weight: normal;
}

.warenkorb_but_bestellung_abschliessen-container {
    margin-top: 20px;
}

.warenkorb_but_bestellung_abschliessen {
    width: 350px;
    height: 42px;
    border: 0px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #fbb901;
    font-size: 21px;
    font-weight: normal;
}

.warenkorb_but_ueber_oci_bestellen {
    margin-left: 20px;
    width: 450px;
    height: 42px;
    border: 0px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #fbb901;
    font-size: 21px;
    font-weight: normal;
}

.warenkorb_but_ueber_oci_bestellen_dev {
    width: 350px;
    height: 42px;
    border: 0px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #fbb901;
    font-size: 21px;
    font-weight: normal;
}

.warenkorb_but_datei_hochladen {
    width: 120px;
    height: 20px;
    font-size: 16px;
    background-color: #e6e6e6;
    font-size: 12px;
    border: 0px;
}

.warenkorb-anz-baugruppe {
    font-size: 9pt;
    font-weight: bold;
}

.warenkorb-anz-einzelteil {
    font-size: 9pt;
    font-weight: normal;
}

.warenkorb-anz-werkzeug1 {
    font-size: 8pt;
    font-weight: bold;
}

.warenkorb-anz-werkzeug2 {
    font-size: 7pt;
}

.warenkorb-anz-abstand {
    height: 5px;
}

.warenkorb-button-zum-warenkorb-container {
    margin-bottom: 20px;
}

.warenkorb-button-zum-warenkorb {
    width: 200px;
    height: 22px;
    border: 0px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #fbb901;
    font-size: 11px;
    font-weight: normal;
}

.warenkorb-dropdownlist-aufpreise {
    width: 95%;
}

.warenkorb-artikel-bearbeiten-container {
    font-size: 10px;
}

.warenkorb-artikel-bearbeiten {
    width: 600px;
    margin-left: 20px;
    padding: 10px;
    border: 1px dotted gray;
}

.warenkorb-artikel-bearbeiten-tr {
    height: 30px;
    font-weight: bold;
    text-align: center;
}



/* ============================================================================================= */
/* 70. Die ErrorPage (~/GUI2/ErrorPage.aspx) */
/* ============================================================================================= */
#errorpage_form {
    width: 600px;
    margin: auto;
    padding: 0;
    margin: 0;
    vertical-align: top;
}

#errorpage_header {
    padding: 0;
    margin: 0;
    border: 0px;
    vertical-align: top;
    text-align: center;
    background-color: Red;
    color: White;
}

    #errorpage_header h1 {
        font-size: 18px;
        padding: 0;
        margin: 0;
        border: 0px;
    }


#errorpage_data {
    text-align: justify;
    border: 2px solid red;
    padding: 4px;
}

#errorpage_fehler_name {
    padding: 0;
    margin: 0;
    border: 0px;
    font-size: 16px;
}

#errorpage_fehler_beschreibung {
    padding: 0;
    margin: 0;
    border: 0px;
    font-size: 12px;
}

.error_page_text_label {
    font-weight: bold;
}


/* ============================================================================================= */
/* 80. Stile für Steuerelemente */
/* ============================================================================================= */

/*
.werkzausw_pan_treeview_kategorien
{
}

.werkzausw_pan_treeview_kategorien_node_style
{
	_ont-family:Verdana;
	width:120px;
	font-size: 12px;
	border-bottom:1px solid silver;
}
*/

/* ============================================================================================= */
/* 81. KategorienTreeView */
/*      /GUI2/CONTROLS/KategorienTreeViewCtrl
			-> Präfix: ktvc_
*/
/* ============================================================================================= */

/*
<asp:TreeView runat="server" ID="m_tvKategorien" CssClass="ktvc_cssclass" ImageSet="Arrows"> -> TreeView Style
<NodeStyle CssClass="ktvc_node_style" />
<SelectedNodeStyle CssClass="ktvc_selected_node_style" />
<HoverNodeStyle CssClass="ktvc_hover_node_style" />
*/

/* KategorienTreeView*/
.ktvc_cssclass {
}


.ktvc_node_style,
.ktvc_node_style_2,
a.ktvc_node_style:link,
a.ktvc_node_style:active,
a.ktvc_node_style:visited,
a.ktvc_node_style:hover,
a.ktvc_node_style:focus {
    /*_ont-family: Verdana;*/
    width: 120px;
    font-size: 12px;
    border-bottom: 1px solid silver;
}

/*  Die in der TreeView ausgewählten Knoten werden folgendermassen dargestellt.
	Dies kann dadurch erreicht werden, daß der Text des TreeNode - Elementes
	(TreeNode.Text) innerhalb eines Divs eingebettet wird und diesem Div
	die Klasse "ktvc_node_style_2" zugewiesen wird:
		TreeNode.Text =  = String.Format("<div class=""ktvc_node_style_2"">{0}{1}</div>", strSpaces, strText)
*/
.ktvc_node_style_2_org {
    color: #fbba00;
    font-weight: bold;
    width: 100%;
    font-size: 14px;
}

.ktvc_node_style_2 {
    color: Black; /* #FF3300; */
    font-weight: bold;
    width: 100%;
    font-size: 12px;
}



a.ktvc_node_style:active,
a.ktvc_node_style:hover,
a.ktvc_node_style:focus {
    color: #ffb300; /* #fbba00; #ffb300*/
    font-weight: normal;
}

a.ktvc_selected_node_style {
    background-color: Teal;
}

.ktvc_node_style,
.ktvc_cssclass {
    width: 400px;
}

.a.ktvc_node_style:active {
    font-size: 30px;
}



/* UcKundendatenBearbeiten.ascx */

/* ~/CommonControls/UcSimpleInputLine.ascx  */
.formular_ueberschrift_adresse {
}

.uc-adressen-container {
}

.uc_sil_container {
    margin-bottom: 9px;
}

.uc_sil_label {
    display: inline-block;
    width: 140px;
}

.uc_sil_textbox {
    width: 400px;
    font-size: 9px;
}

.uc_sil_dropdownlist {
}

.uc_sil_checkbox {
}

.uc_sil_required {
}
/* ~/GUI2/CONTROLS/SimpleInputLine.ascx */
.sil_container {
    font-size: 10px;
}

.sil_label {
}

.sil_dropdownlist {
    font-size: 10px;
}

.sil_textbox {
    height: 12px;
    font-size: 10px;
    width: 220px;
}




/* ============================================================================================= */
/*     90. Die Startseite */
/* ============================================================================================= */

.defpage_container {
    position: relative;
    left: 0px;
    top: 0px;
}

/* Default Seite*/


/* Anzeige des Startbildes */
.defpage_bild {
}

.pan_willkommen, .willkommen {
    font-size: 35px;
    font-weight: normal;
    border: 0px;
    margin: 0px;
    padding: 0px;
    white-space: nowrap;
}

.pan_image {
}


/* Das Startmenü.
		Dieses Startmenü wird
		rechts vom Bild angezeigt. 
*/

/* rechtes Menü für die Auswahl */
.pan_defaultpage_menu_rechts {
    color: Black;
    text-align: left;
    width: 300px;
    position: relative;
    top: 120px;
    left: 70px;
}

.label_defaultpage_menu_rechts {
    /* Schriftzug: Bitte wählen Sie Ihr System*/
    /*Font-Size="30px" Font-Bold="false"  ForeColor="#696969" */
    font-size: 30px;
    font-weight: normal;
    color: #4a4a4a;
    line-height: 34px;
}

.default-hersteller-label{
    font-size:65%;
}

.link_system_rechts {
    font-size: 18px;
    font-weight: normal;
}

a.link_system_rechts:link {
    text-decoration: none;
    /* _ont-weight: bold; */
    color: #4a4a4a;
}

a.link_system_rechts:visited {
    text-decoration: none;
    font-weight: bold;
    color: #4a4a4a;
}

a.link_system_rechts:hover {
    text-decoration: none;
    font-weight: bold; /*     color: #7f7f7f;     background-color: #fbba00; */
    color: #fbba00;
}

a.link_system_rechts:active {
    text-decoration: none;
    font-weight: bold;
    color: #7f7f7f;
    background-color: #cff;
}

a.link_system_rechts:focus {
    text-decoration: none;
    font-weight: bold;
    color: #fbba00; /*background-color: #fbba00;*/
}


/* ============================================================================================= */
/* 110. Das eigene Konto verwalten: (~/GUI2/MeinKonto.aspx) */
/* ============================================================================================= */
.mk-container-aussen {
}

.mein-konto-seiten-container {
    border-left: 1px solid rgba(0,0,0,.1);
    border-right: 1px solid rgba(0,0,0,.1);
    padding-left: 20px;
    padding-right: 20px;
    font-size: 9px;
}

.mk-adressen-container {
    border-top: 1px solid rgba(0,0,0,.1);
    border-bottom: 1px solid rgba(0,0,0,.1);
}

.mk_caption {
    font-size: 16px;
    text-decoration: underline;
}

.mk_register_button_1,
.mk_register_button_selected {
    font-size: 18px;
    margin: 0px;
    width: 220px;
    height: 30px;
    border: 0px;
    /*
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	*/
    background-color: #fbba00;
    font-size: 21px;
    font-weight: normal;
}

.mk_register_button_1 {
    background-color: #fbba00;
    color: Black;
}

.mk_register_button_selected {
    background-color: black;
    color: #fbba00;
}

/* Stile für die Funktionalität des Verlaufs der Bestellungen, Präfix "mk_bv (Mein Konto, Bestellungen Verlauf)" */
.mk_bv_label_suchen_ueberschrift1 {
    font-weight: bold;
    font-size: 16px;
}

.mk_bv_label_suchen_ueberschrift2 {
    font-weight: bold;
    font-size: 12px;
}

.mk_bv_panel_suchen_einstellungen_container {
    font-size: 12px;
}

.mk_bv_label_suchen_in {
    font-weight: bold;
}

/*  Ergebnisse anzeigen*/
.mk_bv_table_bestellung {
    width: 800px;
    font-family: Verdana Arial;
}

.mk_bv_table_bestellung_thr {
    /* HeaderRow*/
    font-size: 10pt;
    font-style: normal;
    font-weight: bold;
    text-decoration: underline;
}

.mk_bv_table_bestellung_tc_pos {
}



.mk_bv_panel_ergebnis_container {
    margin-bottom: 20px;
}

/* Enthält den Hyperlink "zum Warenkorb" */
.mk_bv_panel_zum_warenkorb {
    margin-top: 0px;
    margin-bottom: 10px;
}


/**/
.mk_daten_speichern {
    width: 350px;
    height: 42px;
    border: 0px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #fbb901;
    font-size: 21px;
    font-weight: normal;
}


/*************************************************************************************
    115. Das eigene Konto verwalten (Bestellungen Verlauf): ~ /GUI2/MeinKonto.aspx
    Präfix: mkbest_
*/
.mkbest-container {
    margin-bottom: 40px;
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding-bottom: 20px;
}

.mkbest-textzeile-container {
    font-size: 130%;
    font-weight: bold;
    border-top: 1px solid rgba(0,0,0,.2);
    border-bottom: 1px solid rgba(0,0,0,.2);
    margin-bottom: 30px;
}

.mkbest-textzeile-brutto {
    margin-left: 650px;
}


.mkbest-grid{
    display:grid;
    grid-template-columns:300px 1fr;
}

.mkbest-fav-checkbox-container {
    font-size: 220%;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 20px;
    grid-column: 1 / 2;
}

.mkbest-filtern-nach-zeitraum-container{
   margin-top:20px;
   margin-bottom:20px;
    grid-column:2 / 3;
}

.mkbest-fav-checkbox {
}


.mkbest-detail-container {
    margin-bottom: 60px;
    border-bottom: 1px solid rgba(0,0,0,.1);
    padding-bottom: 10px;
}

.mkbest-detail-container-table {
}

.mkbest-detail-container-table-tr {
    margin-bottom: 300px;
}


.mkbest-detail-td0 {
    vertical-align: top;
    width: 200px;
}

.mkbest-detail-image {
}

.mkbest-detail-noimage {
    color: red;
    font-weight: bold;
}



.mkbest-detail-td1 {
    width: 10px;
}

.mkbest-detail-td2 {
    vertical-align: top;
    width: 500px;
}

.mkbest-detail-td3 {
    width: 140px;
}

.mkbest-detail-td4 {
    vertical-align: top;
}


.mkbest-detail-neubestellen-hyperlink-container {
    margin-bottom: 30px;
}

.mkbest-detail-artikel-existiert-nicht-container{
    margin-top:20px;
    margin-bottom:20px;
}
.mkbest-detail-artikel-existiert-nicht-label {
    font-size:18px;
    color:red;
    padding:0px 0px 0px 0px;
}

/***********************************************************************************/
/* 120. Verlauf anzeigen */
/* 17.12.2014: Neue Steuerelemente (HistoryCtrl,HistoryDetailCtrl.ascx) */
/* der umgebende Container (div) */
.hc_container {
    font-family: Verdana Arial;
}

.hc_panel_fuer_suche {
    border: 1px dotted black;
    width: 800px;
    padding: 10px;
}

.mk_bv_panel_suchen_bestelldatum_container {
}

.mk_bv_panel_suchen_text_container {
}




.hc_tabelle_fuer_einzelteil {
    border: 1px solid gray;
    font-size: 12px;
    margin-bottom: 20px;
    /* 10.2.2015: hintergrund in weiss anzeigen,
	   das die Bilder ebenfalls einen weissen Hintergrund haben. */
    background-color: White;
    /*background-color:#f4f4f4;*/
}

.hc_table_cell_menge {
    font-size: 14px;
    font-weight: bold;
    padding-top: 15px;
}


.hc_table_cell_werkzeuginfo {
    padding: 5px;
    font-size: 12px;
}

.hc_table_cell_aufpreise {
    font-size: 11px;
    padding: 17px;
}

.hc_panel_neu_bestellen {
    margin-left: 20px;
}

.hc_panel_aufpreis_container {
}

/* Einzelteile im Verlauf anzeigen */
.hc_panel_baugruppen {
    font-size: 9pt;
    font-style: normal;
    font-weight: bold;
}

.hc_panel_einzelteil {
    font-size: 9pt;
    font-style: normal;
    font-weight: normal;
}


.hc_panel_kategorie {
    font-size: 8pt;
    font-style: normal;
    font-weight: bold;
}


.hc_panel_werkzeugname {
}

.hc_label_werkzeugname,
.hc_label_werkzeugname2,
.hc_label_werkzeugname3,
.hc_label_werkzeugname4 {
    margin-right: 20px;
}

.hc_label_werkzeugname {
}

.hc_label_werkzeugname2 {
}

.hc_label_werkzeugname3 {
}

.hc_label_werkzeugname4 {
}



/* Mass und Schnittspiel anzeigen, links das Mass, rechts das Schnittspiel */
.hc_panel_mass_und_schnittspiel {
}

.hc_label_mass {
    margin-right: 20px;
}

.hc_label_spiel {
}



/* Hyperlink "BESTELLEN */
A.hc_hyperlink_bestellen,
A.hc_hyperlink_bestellen:link,
A.hc_hyperlink_bestellen:visited,
A.hc_hyperlink_bestellen:hover,
A.hc_hyperlink_bestellen:focus,
A.hc_hyperlink_bestellen:active {
    font-size: 12px;
    font-weight: bold;
    color: Black;
}

    A.hc_hyperlink_bestellen:hover,
    A.hc_hyperlink_bestellen:focus {
        color: #feb900;
        text-decoration: none;
    }


/* Schaltfläche "nicht mehr anzeigen" */
.hc_pan_nicht_mehr_anzeigen {
    margin-top: 40px;
    /* margin-bottom:10px;*/
}

.hc_but_nicht_mehr_anzeigen {
    width: 120px;
    height: 20px;
    font-size: 10px;
    background-color: transparent;
    margin-bottom: 5px;
}


.hc_label_baugruppen_name {
    margin-right: 20px;
}

.hc_label_einzelteil_name {
    margin-right: 20px;
}

.hc_label_einzelteil_nummer {
}

.hc_label_kategorie_pfad {
}

/* Bild - Container (Panel) */
.hc_panel_bild_container {
    padding: 10px;
    float: left;
    margin-right: 20px;
}

/***********************************************************************************/
/*
*
*
*
*
*/

/***********************************************************************************/
/*    130. DispatchPage (~/GUI2/DispatchPage.aspx) */
/*---------------------------------------------------------------------------------*/
.dp_tc_bild {
}

.dp_panel_bild_container {
}

.dp_tc_details {
    width: 300px;
}

.dp_panel_details_aussen {
}

.dp_panel_details {
}


/*Link "Auswählen" */
.dp_panel_link_auswaehlen {
}

.dp_link_auswaehlen {
}

.dp_werkzanz_baugruppe,
.dp_werkzanz_tname,
.dp_werkzanz_tnummer,
.dp_werkzanz_kategorie,
.dp_werkzanz_werkzeug_name,
.dp_werkzanz_werkzeug_name2,
.dp_werkzanz_werkzeug_name3,
.dp_werkzanz_werkzeug_beschreibung {
    margin-bottom: 3px;
}



.dp_werkzanz_baugruppe {
    font-size: 9pt;
    font-weight: bold;
}

.dp_werkzanz_tname {
    font-size: 9pt;
    font-weight: normal;
}

.dp_werkzanz_tnummer {
    font-size: 9pt;
    font-weight: normal;
}

.dp_werkzanz_kategorie {
    font-size: 8pt;
    font-weight: bold;
}

.dp_werkzanz_werkzeug_name {
    font-size: 8pt;
    font-weight: bold;
}

.dp_werkzanz_werkzeug_name2,
.dp_werkzanz_werkzeug_name3,
.dp_werkzanz_werkzeug_beschreibung {
    font-size: 7pt;
    font-weight: normal;
}




/* 140. Kennwort vergessen (~/GUI2/KennwortVergessen.aspx) */
.kv_h1 {
    font-size: 16px;
}

.kv_container_panel {
    margin-left: 80px;
    font-size: 9pt;
    padding: 10px;
    border: 1px dotted black;
    margin-top: 0px;
    margin-bottom: 30px;
}

.kv_eingabezeile_panel {
    margin-bottom: 30px;
    margin-left: 140px;
}

.kv_Label {
    width: 140px;
    font-weight: bold;
    text-align: right;
    display: inline-block;
}

.kv_textbox {
    width: 140px;
}


.cc_pan_eingabe_container {
    margin-left: 140px;
}


/* Refresh  -Button */
.cc_pan_button_refresh_container {
    float: left;
}

.cc_label_refresh_button {
    display: inline-block;
    text-align: right;
    width: 140px;
    text-align: right;
    font-weight: bold;
}

.cc_button_refresh {
    background-color: White;
    color: #004b91;
    border: 0px;
    padding: 0px;
    margin: 0px;
    text-decoration: underline;
    text-align: right;
    width: 140px;
    margin-top: 5px;
}

/* Image */
.cc_pan_image_container {
    float: left;
    margin-left: 20px;
}

/* Texteingabe */
.cc_pan_texteingabe_container {
    clear: both;
    margin-top: 30px;
}

.cc_label_texteingeben {
    width: 140px;
    font-weight: bold;
    text-align: right;
    display: inline-block;
}

.cc_textbox_captcha {
}

.cc_label_ergebnis {
}


.kv_button_absenden {
    margin-left: 140px;
}

.kv2_panel_container {
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 10px;
    border: 1px dotted black;
    font-size: 12px;
}


.kv2_label_kennwort_ueberschrift {
    font-size: 14px;
}

.kv2_label_kennwort {
    display: inline-block;
    width: 120px;
    font-size: 10px;
}


/*    150. Infoseite: Konto gesperrt ("GUI2/KontoGesperrtInfo.aspx") */

.kgsp_panel {
    margin-left: 300px;
    font-weight: bold;
    font-size: 16px;
    margin-top: 30px;
    margin-bottom: 30px;
    color: Red;
    border: 1px solid red;
    width: 600px;
    text-align: center;
    padding: 10px;
}

.kgsp_label1 {
    font-size: 16px;
    color: Red;
    text-decoration: underline;
}

.kgsp_panel_abstand {
    height: 20px;
}

.kgsp_label2 {
    font-size: 12px;
    color: Black;
}

/*     160. Seite für die Supportanfrage  (~/GUI2/SUPPORT/Supportanfrage.aspx"),
Präfix: supp_ */

/* Validation - Summary */
.supp_val_summary {
    font-size: 9px;
    font-weight: bold;
    border: 1px solid red;
    width: 432px;
    padding: 0px;
    margin-bottom: 20px;
}

.supp_h3 {
    margin: 0px;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 20px;
}

.supp_h4 {
    font-size: 12px;
    margin: 0px;
    margin-bottom: 15px;
}

.supp_abschnitt {
    font-size: 12px;
}

#supp_panel_aussen {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
}

#supp_panel_innen {
    text-align: left;
    width: 800px;
    padding: 10px;
    border: 1px dotted black;
    margin-left: 200px;
}

.supp_panel_eingabezeile {
}

.supp_hyperlink {
    color: Teal;
    font-weight: bold;
    background-color: Yellow;
}

A.supp_hyperlink,
A.supp_hyperlink:visited,
A.supp_hyperlink:hover,
A.supp_hyperlink:focus,
A.supp_hyperlink:active {
    color: Black;
    background-color: White;
}

.supp_eingabezeile {
    margin-bottom: 15px;
}

.supp_label_eingabe {
    width: 160px;
    display: inline-block;
    font-size: 12px;
}

.supp_textbox_eingabe {
    font-size: 12px;
}

/*
	170. gui2\kundenkontobeantragen2.aspx
		 GUI2\KundenKontoBeantragen2KundenDaten.ascx
*/

.kkb2_formular_ueberschrift_adresse {
    margin-top: 40px;
    border: 1px solid black;
    width: 400px;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px;
    padding: 5px;
    padding-left: 20px;
}


.kkb2_formular_inputform_inputline {
    font-size: 10px;
    text-align: left;
    margin-bottom: 5px;
}


.kkb2_eingabe_formular_aussen {
}

.kkb2_eingabe_formular {
    border: 0px dotted #e6e6e6;
    padding: 20px;
    margin-left: 30px;
    margin-top: 20px;
}

.kkb2_formaussen {
    border: 1px dotted black;
    width: 700px;
}

.kkb2_forminnen {
    border: 1px dotted black;
    padding: 20px;
    margin: 10px;
}

.kkb2_zeile {
    margin-bottom: 5px;
}

.kkb2_label {
    width: 180px;
    display: inline-block;
    text-align: right;
    font-size: 12px;
}

.kkb2_textbox {
    font-size: 12px;
}

.kkb2_formular_but_fertig {
    padding: 0;
    margin: 0;
    border: 0px;
    background-color: #fbba00;
    width: 300px;
    height: 45px;
    font-size: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}


.kkb2_valsummary {
    border: 1px solid red;
    padding: 0px;
    margin-bottom: 20px;
    width: 500px;
    font-size: 9px;
    font-weight: bold;
    padding: 5px;
    background-color: yellow;
    border: 1px solid red;
}

.kkb2_validator {
    font-size: 9px;
}


/* 180. ImageViewer Styles */
.ImageViewerBackgroundCssClass {
    background-color: darkgrey;
}


/* 190. WerkzeugeAuswaehlenV2 */
.div_werkzeugsauswahl2_container {
    width: 611px;
    background-color: #e6e6e6;
    margin-bottom: 10px;
    border: 1px solid lightgrey;
    padding: 5px;
}

.div_werkzeugsauswahl2_bild {
    position: relative;
    left: 0;
    top: 0;
    width: 80px;
    height: 80px;
    background-color: white;
    float: left;
}

_

.div_werkzeugsauswahl2_werkzeugdaten {
    float: right;
    margin-left: 120px;
}

.image_container_test {
}

/*    190. Suchseite  */
.searchpage_textmatch {
    font-weight: bold;
    background-color: yellow;
    color: blue;
}

.searchpage-searchpanel-container {
    position: relative;
    width:800px;
}

.searchpage-searchpanel {
    position: sticky;
    top: 50px;
}

.searchpage-searchbutton {
    width: 25px;
    height: 25px;
    position: relative;
    margin-left: 0px;
    top:10px;
}

.searchpage-textbox{
    min-width:400px;
    padding-left:5px;
    padding-right:5px;
}

.searchpage-treeitem-container{
    margin-bottom:50px;
}

.UcWerkzeugTreeItem-Lfn-Container{
    margin-top:3px;
    margin-bottom:3px;
    font-size:70%;
    color:rgba(0,0,0,.3);
}
/*
_1 ist Kategorie
_2 ist der Rest
*/
.UcWerkzeugTreeItem-MainPanel_1 {
    margin-top: 30px;
    margin-bottom: 0px;
    border-top: 1px solid rgba(0,0,0,.3);
}

.UcWerkzeugTreeItem-MainPanel_2 {
    
}

.UcWerkzeugTreeItem-MainPanel_3 {
}

.UcWerkzeugTreeItem-MainPanel_4 {
    padding-left:20px;
}
.UcWerkzeugTreeItem-MainPanel_1,
.UcWerkzeugTreeItem-MainPanel_2,
.UcWerkzeugTreeItem-MainPanel_3,
.UcWerkzeugTreeItem-MainPanel_4{
    margin-bottom:10px;
}


.UcWerkzeugTreeItem-grid-container {
    display: grid;
    grid-template-columns: 1fr 2fr;
    padding: 0px 0px 0px 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    width: 800px;
    border: 0px solid blue;
}


.UcWerkzeugTreeItem-grid-left {
    grid-column-start: 1;
    grid-column-end: 2;
}

.UcWerkzeugTreeItem-gotoshop-container {
}

.UcWerkzeugTreeItem-gotoshop {
    font-size: 12px;
}
.UcWerkzeugTreeItem-grid-right {
    grid-column-start: 2;
    grid-column-end: 3;
    margin-left:120px;
}



.UcWerkzeugTreeItemDatenfeld-container {
    margin-bottom: 2px;
}

.UcWerkzeugTreeItemDatenfeld-kategorie {
}

.UcWerkzeugTreeItemDatenfeld-werkzeug {
}

.UcWerkzeugTreeItemDatenfeld-baugruppe {
}

.UcWerkzeugTreeItemDatenfeld-teilename {
}

.UcWerkzeugTreeItemDatenfeld-teilenummer {
}
/*  200. UcVersandkosten, UcSummeAnzeigen  */
/* UcVersandkosten.ascx */
.versandkosten-und-summe-container {
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid rgba(0,0,0,.1);
    border-bottom: 1px solid rgba(0,0,0,.1);
    margin-top: 40px;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
}

.ucversandkosten-container {
    border: 0px dotted black;
    margin-left: 30px;
    margin-right: 50px;
}

.ucversandkosten-no-data-container {
}

.ucversandkosten-no-data {
    font-size: 100%;
    font-weight: bold;
    color: red;
}

.ucsummeanzeigen-label {
    font-weight: bold;
}

.ucsummeanzeigen-value {
}

/* 220. Versandkosten in Bestellung abschliessen */
.best-abschliessen-kundendaten {
    font-size: 16px;
    font-family: Arial;
    width: 100%;
    background-color: white;
    margin-right: 20px;
}


.versandkosten-container {
    margin-left: 30px;
    margin-bottom: 10px;
}


.versandkosten-text-versandart-auswaehlen {
    margin-bottom: 5px;
    display: inline-block;
    font-weight: bold;
}

.versandkosten-dropdownlist {
}

.versandkosten-button-bestellung-abschliessen {
    width: 350px;
    height: 42px;
    border: 0px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #fbb901;
    font-size: 21px;
    font-weight: normal;
    margin-bottom: 50px;
    margin-top: 30px;
}

.versandkosten-but-auswaehlen-container {
}

.versandkosten-but-auswaehlen {
}

.versandkosten-keine-daten-gefunden {
    color: red;
    margin-left: 30px;
}


.best-abschliessen-container-innen {
    border-left: 1px solid rgba(0,0,0,.1);
    border-right: 1px solid rgba(0,0,0,.1);
}

.abw-lieferadr-container {
    margin-left: 30px;
    margin-right: 50px;
    padding: 10px;
    margin-bottom: 20px;
    border: 0px dotted black;
}

.abw-lieferadr-container-header {
    margin-bottom: 10px;
}

.best-abschliessen-abwadr-container-aussen {
}

.best-abschliessen-abwadr-container-innen {
    font-size: 9pt;
}
.best-abschliessen-eingabezeile-zusatz{
    font-size: 9pt;
}

.best-abschliessen-eingabe-zeile {
    margin-bottom: 2px;
}

.best-abschliessen-eingabe-zeile-label {
    width: 50px;
    display: inline-block;
}

.best-abschliessen-eingabe-zeile-label2 {
    width: 150px;
    display: inline-block;
}

/* 230. Bilder für Sonderformen */
.bild-fuer-sonderform-container{

}
.bild-fuer-sonderform{
    width:150%;
}