/*  all.css */
a img { border-style: none }

/* positions-classic.css */
body { padding: 0px 0px 0px 0px;  font-size: 10pt; }
th { vertical-align: top; }
.app_title { display: block; position: absolute; width: 98%; top: 10px; left: 10px; text-align: right; vertical-align: middle; }
div.app_title_detail { display: block; position: absolute; width: 97%; top: 10px; left: 10px; text-align: right; margin: 0px 0px 0px 0px; padding: 10px 10px 10px 0px; vertical-align: middle; }
.app_title_color { width: 100%; background-color: #ccccff; padding:10px 10px 10px 0px; border-width:0px; margin:0px; text-align: right; vertical-align: middle; }
span.app_title_text { display: inline; float: left; text-align: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px px; vertical-align: middle; height: 100%;}
span.app_logo { display: inline; float: right; text-align: right; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; vertical-align: middle; height: 100%; }
div.content-higher { width: 97%; font-size: 10pt;  border-style: none; }
div.content-lower { display: block; position: absolute; top: 105px; left: 10px; right: 10px; width: 97%; font-size: 10pt;  height: 80%; border-style: none; }
#content-frame { display: block; position: absolute; top: 90px; left: 10px; right: 10px; width: 97%; font-size: 10pt;  height: 80%; border-style: none; padding: 0px; margin: 0px;}
div.login { display: block; position: relative; width: 100%; top: 10px; text-align: right; }
div.login th { font-size: 10px; }
div.login input { font-size: 10px; border-style: solid; border-width: 1px; border-color: black; }

input, textarea, select {  color: #333366; border-color: #6666ff; background-color: #ccccff; padding: 0px; margin: 0px; }

.search { display: block; position: relative; top: 0px; left: 0px; padding-bottom: 20px;}
.search form { padding: 0px; margin: 0px; }

/* shop - produkte */
.page_title { width: 100%; padding: 0px 0px 0px 0px; text-align: left; }
.page_title a {font-weight: bolder;}
.page_title {font-weight: bolder;}/* __ */
.page_title {  font-size: 12px;  }/* __ - orig: 18px*/
.page_title { color: #666666; }

/*div.errors { position: relative; top: 0px; left: 20px; width: 40%;}
div.messages { position: relative; top: 0px; left: 20px; }
*/
.page_description { width: 100%; padding: 0px; text-align: left; padding-top: 10px; padding-bottom: 10px;}
.page_description { font-size: 13px; }
.page_description { }

/*+__ for static pages*/
.static_page_title { width: 100%; padding: 0px 0px 20px 0px; text-align: left; font-size: 16px; font-weight: bold; color: #666666;}
.static_page_description { width: 100%; padding: 0px; text-align: left; font-size: 14px; font-weight: bold; color: #666666;}
table.static_pages { border-collapse: collapse; }
table.static_pages td { font-size: 14px; vertical-align: top; padding: 10px; text-align: left; }
table.static_pages th { font-size: 14px; vertical-align: top; padding: 10px; text-align: left; font-weight: bolder; color: #666666;}
li.static_pages { line-height: 120%; margin-left: 1pt;font-size: 14px; }
.static_page_div { font-size: 14px; vertical-align: top; padding: 10px; text-align: left; }
/*-__*/

.partner .image { text-align: center;}
.partner_description { text-align: center;}
.description { text-align: left; }

div.content p { padding-left: 10px; font-size: 10pt; }
div.thema_container { width: 600px; padding-left: 50px; }

/* generic !!! */
/* a 1-column section describes a product or whatever with a LARGE image that is above the text */

div.section_1col { display: block; padding: 2px 0px 20px 0px; width: 700px; border-bottom-width: 2px; border-bottom-color: #ccccff; border-bottom-style: solid; }
div.section_1col .image { display: block; padding: 0px 0px 0px 0px; text-align: left; width: 100%; }
div.section_1col .description { display: block; text-align: left; }
div.section_1col h1 { display: block; padding-bottom: 10px; text-align: left; width: 100%; }
div.section_1col p { padding-left: 0px; }

div.section_2cols { padding: 20px 0px 20px 0px; clear: both; display: block; width: 100%; }
div.section_2cols .image { display: inline; float: left; text-align: right; width: 300px; overflow: hidden; }
div.section_2cols .description { display: inline; float: left; text-align: left; padding-left: 30px; width: 400px; overflow: visible; }
div.section_2cols h1 { padding-left: 330px; padding-bottom: 0px;}
div.section_2cols p { padding-left: 0px; }

div.section_2cols_wide { padding: 20px 0px 20px 0px; clear: both; display: block; width: 100%; font-size: 10pt;}
div.section_2cols_wide .image { display: inline; float: left; text-align: right; width: 450px; overflow: hidden; color: #666666; }
div.section_2cols_wide .description { display: inline; float: left; text-align: left; padding-left: 30px; width: 400px; overflow: visible; }
div.section_2cols_wide h1 { padding-bottom: 0px;}
div.section_2cols_wide p { padding-left: 0px; }

/* the same with tables, its more convenient... */

table.section_1col { width: 80%; }
table.section_1col td.image { padding: 0px 0px 50px 0px; text-align: center; width: 100%; }
table.section_1col td.description { display: block; text-align: left; width: 100%; }
table.section_1col h1 { padding: 10px 0px 10px 0px; text-align: center; width: 100%; }
table.section_1col td { padding-bottom: 20px; }

table.section_2cols { width: 80%; }
table.section_2cols td { padding: 50px 0px 50px 0px; }
table.section_2cols td.image { text-align: right; vertical-align: top; overflow: hidden; }
table.section_2cols td.description { text-align: left; padding-left: 15px;  }
table.section_2cols h1 { padding-bottom: 1px; padding-left: 10px; }

a div { display: none; }
a:hover div { display: block;  }

/* these apply to both section layouts */

.description dt { padding-left: 0px; }
.description dd {  padding-left: 0px; }
.description p { text-align: left; padding-bottom: 0px; }
.description ul { text-align: left;  }

hr {display: block; clear: both; width: 100%; text-align: left; }
hr.short {display: block; clear: both; width: 80%; text-align: left; }

hr.products {display: block; clear: both; width: 100%; text-align: center; }
hr.strong {text-align: left; height: 5px; }

/* fonts-arial.css */
body { font-family: Arial,Helvetica,Geneva,Sans-serif,sans-serif;  }
div.app_title {  font-weight: bold; }
div.app_title_detail {  font-weight: bold; }
div.menu { font-size: 10px; }
div.menu h1 { font-size: 11px; }
div.menu h2 { font-size: 10px; }
div.menu h3 { font-size: 9px; }
div.menu h4 { font-size: 8px; }
div.menu h5 { font-size: 7px; }
div.menu a { font-style: normal; }
div.content {  }

h1 { font-size: 17px; font-style: normal; font-weight: bold; }
h2 { font-size: 13px; font-style: normal; font-weight: bold; }
h3 { font-size: 9px; font-style: normal; font-weight: bold; }
h4 { font-size: 7px; font-style: normal; font-weight: bold; }
p.address { font-size: 12px;  }

.tiny { font-size: 7pt; font-style: normal; font-weight: normal; }
.small { font-size: 8pt; font-style: normal; font-weight: normal; }

/* generic !!! */
/* a 1-column section describes a product or whatever with a LARGE image that is above the text */

.section_1col {  font-size: 10pt;  }
.section_1col .image { }
.section_1col .description { }
.section_1col h1 { font-size: 10pt; font-weight: bold; }
.section_1col p.smaller { font-size: smaller; }

.section_2cols { font-size: 10pt; }
.section_2cols .image { }
.section_2cols .description { }
.section_2cols h1 { font-size: 10pt; font-weight: bold; }
.section_2cols p.smaller { font-size: smaller; }

/* these apply to both section layouts */
.description dt { font-weight: bold; }
.description dd { font-weight: normal; }
.description p { }
.description ul { }

/* colors-contrast.css */

/* Grundfarben vordergrund: 333366 (dunkel); 666699 (hell); 9999ff sehr hell; 000033 sehr dunkel */
/* Hintergrund: #ccccff (hellblau) */

body {  background-color: #ffffff;  color: #333333; }
div.app_title { background-color: #ccccff; }
div.app_title_detail { background-color: #ccccff; }
div.menu { background-color: #ccccff; color: #000000; }
div.menu_clicked { background-color: #000033; }
div.menu a { color: #333366; }
div.content { }

.errors { color: #ff0000; background-color: white; }
.messages { background-color: #e0c48b; color: black; }

.hi { color: purple; }

.description { text-align: left; }

/* generic !!! */
/* a 1-column section describes a product or whatever with a LARGE image that is above the text */

.section_1col {  }
.section_1col .image { }
.section_1col .description { }
.section_1col h1 { color: #666666; }

.section_2cols { }
.section_2cols .image { }
.section_2cols .description { }
.section_2cols h1 { color: #333366; }

/* these apply to both section layouts */
.description dt { color: #333366; }
.description dd { color: #0000ff; }
.description p { }
.description ul { }

/*a { color: #333366; font-weight: bold; text-decoration: underline; }
a:hover { color: #333399; }
a:hover div { color: #333333; }*/
a { color: #666666; font-weight: bold; text-decoration: underline; }
a:hover { color: #993333; text-decoration: none; }

hr { color: #ccccff;} 
hr.strong { color: #333366;} 

/* diverse neue styles */

ul { list-style-image: url(http://www.wienschall.com/img/b_kug1kl_or.gif); }
li { line-height: 120%; font-size: 10pt; margin-left: 1pt; }
ul.kat { list-style-image: url(http://www.wienschall.com/img/b_tri3_or.gif); }
ul.kat li { vertical-align: middle; margin-bottom: 3px; }
li span.first { margin-left: 20px; }
ul.features { margin-left: 0px; }

ul.downloads { list-style-image: url(http://www.wienschall.com/img/b_kug1kl_or.gif); }
ul.downloads li { vertical-align: middle; margin-bottom: 3px; }

ul.links { list-style-image: url(http://www.wienschall.com/img/b_tri3_or.gif); }
ul.links li { vertical-align: middle; margin-bottom: 3px; }


/* kontakt-seite */
table.addresses { width: 700px; font-size: 11px; }
table .addresses .address_header { font-weight: bold; padding-top: 1px; }
table .addresses .address_fieldname { color: #CC0066; padding-top: 1px; padding-left: 10px; }
table .addresses .address_content { padding-left: 0px; }


/* kategorien-baum fuer shopkategorien */

table.kat_baum { background-color: #CCFFFF; }
table.kat_baum td { vertical-align: top; background-color: #99CCCC; }
table .kat_1 { padding-left: 3px; }
table .kat_2 { padding-left: 1cm; }
table .kat_3 { padding-left: 2cm; }
table .kat_4 { padding-left: 3cm; }
table.kat_baum_produkte { background-color: #99FFFF; }
table.kat_baum_produkte td { background-color: #66FFFF; padding: 3px; }


/* shop */


.shop_kat_info { font-size: 13px; text-align: left; vertical-align: top; padding-left: 30px; padding-top: 0px; }
.shop_kat_infotext { font-size: 13px; font-weight: normal; text-align: left; vertical-align: top; padding-left: 30px; padding-top: 0px; }

td.shop_images { text-align: right; vertical-align: top; }
td.hauptartikel_images { text-align: right; vertical-align: top; width: 120px; }
td.shop_preistext { font-size: 14px; text-align: left; vertical-align: top; padding-left: 10px; padding-top: 10px; }
td.shop_text { font-size: 12px; text-align: left; vertical-align: top; padding-left: 10px; width: 200px; overflow: hidden;}
td.shop_text p { width: 300px; overflow: hidden;}
td.shop_hauptartikel_text { font-size: 12px; text-align: left; vertical-align: top; padding-left: 10px; width: 300px; overflow: hidden;}
td.shop_hauptartikel_text p { width: 300px; overflow: hidden;}
table.shop td.shop_hauptartikel_text h1 { font-size: 14px; font-weight: bold; width: 100%;}
td.hauptartikel { width: 500px; }
table.shop td.hauptartikel_produkt_artnr {
    font-size: 11px; text-align: left; vertical-align: middle; 
    font-weight: bold;
    width: 128px;
}
table.shop td.hauptartikel_produkt_detail {
    font-size: 14px; text-align: left; vertical-align: middle; 
    width: 240px;
}
table.shop td.hauptartikel_produkt_preis {
    font-size: 14px; text-align: left; vertical-align: middle; 
    width: 110px;
}
td.hauptartikel_produkt_bestell {
    font-size: 14px; text-align: left; vertical-align: bottom; 
}
table.shop h1 { font-size: 14px; font-weight: bold; width: 300px;}
table.shop td { vertical-align: top; }
table.shop .smaller { font-size: smaller; }
td.shop_pages { text-align: center; vertical-align: top; font-size: 12px;}

p.shop_kassa { font-size: 10pt; }
table .shop_kassa th { text-align: left; vertical-align: top; font-size: 10pt; padding: 5px; }
table .shop_kassa td { text-align: left; vertical-align: center; font-size: 10pt; }


.edit th { text-align: left; padding: 5px; }
.edit td { text-align: left; padding: 5px; }
.shop_basket { font-size: 10pt; width: 600px; }
.shop_basket td { font-size: 10pt; }
.shop_basket_right { font-size: 10pt; width: 300px; padding: 20px 20px 20px 20px; margin-left: 30px;  background-color: #eeeeff;}
.shop_basket_right td { font-size: 10pt; }

.required { color: #cc6666; text-decoration: none; font-weight: bold; }

.subkategorien { width: 90%; text-align: center; padding-bottom: 30px; }
td.amount { text-align: right; }

div.warning { display: block; position: absolute; top: 100px; left: 30px; width: 70%; height: 100px; }

table.shop .price { font-size: smaller; font-weight: bold;}
table.shop .artnr { font-size: smaller; font-weight: bold;}

td.searchform { background-color: #ffffff; padding-top: 20px; padding-bottom: 20px; border-top-width: 80px; border-color: #ffffff; border-style: solid;}

table.it-services { border-collapse: collapse;  }
table.it-services td,th { vertical-align: top; padding: 10px; text-align: left; }
table.it-services th { font-size: 16px; color: #666666; }
table.it-services h1 { vertical-align: top; text-align: left; font-size: 12px; color: #666666; }
table.it-services {td,th}.left { width: 500px; border-right-color: #cccccc; border-right-width: 2px; border-right-style: solid; }
td.right ul  { margin-left: 25px; padding-left: 0px; }
table.it-services td.schmalleft { width: 300px; border-right-color: #cccccc; border-right-width: 2px; border-right-style: solid; }
table.it-services td.schmalright { width: 300px; }
table.it-services td.info { text-align: center; }
table.it-services div.adress { font-size: 11px; font-weight:normal; text-align: center; vertical-align: center;}

/*
table.it-services a { color: #333333; }
table.it-services a:hover { color: #993333; }
table.it-services a:visited { color: #666666; }
*/
table.it-services table.shots td { border-color: #333333; border-width: 2px; border-style: solid; padding: 4px; margin: 2px; }
table.it-services .h1 { font-weight: bold; color: #666666; }
/* fuer "index.tpl" - __ */
table.it-services strong {font-weight: bold; color: #666666; }
table.it-services h2 {font-size: 11px; font-weight:normal;}


td.fp_news { width: 300px; }
td.fp_news table { padding: 50px 0px 0px 0px; width: 100%; }
td.fp_news table th { 
    padding: 10px 0px 0px 0px;
    margin: 10px 0px 0px 0px;
    font-size: 10pt; font-family: Arial,Helvetica,Geneva,Sans-serif,sans-serif;  
    color: #0000ff;
    font-weight: bold;
    text-align: right;
    font-style: normal;
    width: 100%;
/*    background-color: #fafaff;*/
}
td.fp_news table td { 
    font-size: 10pt; font-family: Arial,Helvetica,Geneva,Sans-serif,sans-serif;  
    padding: 2px 0px 0px 0px;
    margin: 2px 0px 0px 0px;
    text-align: right;
    color: #0000ff;
    font-weight: normal;
    font-style: normal;
    width: 100%;
}
td.fp_news table a {
    text-decoration: none;
    color: #0000ff;
}
td.fp_news a:active {
    text-decoration: none;
    color: #0000ff;
}
td.fp_news a:hover {
    text-decoration: underline;
    color: #993333;
}
td.fp_news a:link {
    text-decoration: none;
    color: #993333;
}
td.fp_news a:visited {
    text-decoration: none;
    color: #666666;
}

p.admin_navigation { padding-top: 30px; }


td.grouped_category a {
    font-size: 8pt;
}
td.grouped_category  {
    font-size: 8pt;
}
table.search_results td.product_artnr {
    font-size: 8pt;
    padding-left: 20px;
}
table.search_results td.product_name {
    font-size: 8pt;
    padding-left: 0px;
}

table.kat_baum_produkte a {
    font-size: 12px;
}