/* Stylesheet by Metallwaren-Riffert 02 2008 */

/* background color */
html, body { height: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100.1%; background-color: #C0C0C0; margin-left: 5px; margin-right: 5px; margin-top: 5px; margin-bottom: 5px; }

/* horizontal lines */
hr { height: 1px; color: #666666; background-color: #666666; border: none; }

/* all links */
.link { color: #000000; font-weight: bold; text-decoration: none; }

/* all links */
a { text-decoration: none; }

/* all links */
a:link { color: #000000; font-weight: bold; text-decoration: none; }

/* all links */
a:visited { color: #000000; font-weight: bold; text-decoration: none; }

/* all links */
a:hover { color: #FF0000; font-weight: bold; text-decoration: none; }

/* top menu links */
a.topmenue { font-size: 0.69em; text-decoration: none; color: #000000; margin: 0px 0px 0px 0px; padding: 0.75em; text-align: center; }

/* top menu links */
a.topmenue:visited { font-size: 0.69em; text-decoration: none; color: #000000; margin: 0px 0px 0px 0px; padding: 0.75em; text-align: center; }

/* top menu links */
a.topmenue:hover { font-size: 0.69em; text-decoration: none; color: #FF0000; margin: 0px 0px 0px 0px; padding: 0.75em; text-align: center; }

/* top menu produkte */
a.topmenueproduktfix#active_menu { font-size: 0.63em; color: #FFFFFF; font-weight: bold; text-decoration: none; margin: 0px 0px 0px 0px; padding: 1px; text-align: center; }

/* top menu produkte */
a.topmenueprodukt { font-size: 0.63em; color: #000000; font-weight: normal; text-decoration: none; margin: 0px 0px 0px 0px; padding: 1px; text-align: center; }

/* top menu produkte */
a.topmenueprodukt:visited { font-size: 0.63em; color: #000000; font-weight: normal; text-decoration: none; margin : 0px 0px 0px 0px; padding: 1px; text-align: center; }

/* top menu produkte */
a.topmenueprodukt:hover { font-size: 0.63em; color: #FF0000; font-weight: normal; text-decoration: none; margin: 0px 0px 0px 0px; padding: 1px; text-align: center; }

/* category links */
a.menu { font-size: 0.69em; text-decoration: none; display: block; color: #000000; border-top: 0px solid #C0C0C0; border-bottom: 0px solid #C0C0C0; margin: 0px 0px 0px 0px; padding: 4px 15px 4px 15px; }

/* category links */
a.menu:visited { font-size: 0.69em; text-decoration: none; display: block; color: #000000; border-top: 0px solid #C0C0C0; border-bottom: 0px solid #C0C0C0; margin: 0px 0px 0px 0px; padding: 4px 15px 4px 15px; }

/* category links */
a.menu:hover { font-size: 0.69em; text-decoration: none; display: block; color: #FF0000; background-color: #C0C0C0; margin: 0px 0px 0px 0px; padding: 4px 15px 4px 15px; }

/* title categories */
.categorytitle { font-size: 0.82em; color: #FFFFFF; font-weight: bold; vertical-align: middle; background-color: #999999; border-bottom: 0px #000000 solid; height: 23px; }

/* title urlaub */
.urlaub { font-weight: bold; font-size: 0.63em; color: #FFFF00; vertical-align: middle; background-color: #C0C0C0; height: 14px; text-align: center; }

/* background above categorytitle */
.tddark { background-color: #999999; border-bottom: #000000 1px solid; height : 22px; }

/* background above Produktlinks */
.tddarkprodukt { background-color: #999999; border-bottom: 0px #000000 solid; height: 20px; }

/* background color text produkt */
.midcol { font-size: 0.69em; color: #000000; border-collapse: collapse; padding: 10px; }

/* background color text */
.preisberechnung { font-size: 0.69em; color: #000000; border-collapse: collapse; padding: 10px; text-align: center; }

/* middle table column images*/
.picborder { border:1px solid #000000; }

/* image border width link setting */
img { border-width: 0px; border-color: #000000; }

/* buttons */
.buttons { font-weight: bold; font-size: 1.00em; color: #FFFFFF; background-color: #666666; border: 1px #000000 solid; cursor: pointer; }

/* small text fields */
.inputbox { font-size: 1.00em; background-color: #FFFFFF; color: #000000; border: 1px #000000 solid; }

/* text field calculation */
.calculation { font-size: 1.00em; font-weight: bold; background-color: #FFFFFF; color: #FF0000; border: 1px #000000 solid;  text-align: right; }

/* text field halfcalculation */
.halfcalculation { font-size: 1.00em; font-weight: normal; background-color: #C0C0C0; color: #000000; border: 0px #000000 solid;  text-align: right; }

/* text field halftext */
.halftext { font-size: 1.00em; font-weight: normal; background-color: #C0C0C0; color: #000000; border: 0px #000000 solid;  text-align: right; }

/* text field calculation2 */
.calculation2 { font-size: 1.00em; font-weight: normal; background-color: #FFFFFF; color: #000000; border: 1px #000000 solid; text-align: center; }

/* big text field */
.textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.00em; background-color: #FFFFFF; color: #000000; border: 1px #333333 solid;  width: 200px; }

/* radiobutton */
.radio { vertical-align: middle; }

/* navigation quickbar */
.quickbar { font-size: 0.69em; color: #000000; font-weight: bold; text-decoration: none; background-color: #C0C0C0; margin: 3px 0px 0px 0px; border: 1px #666666 solid; width: 95%; padding: 0px 0px 0px 10px; cursor: pointer; }

/* navigation quickbar bereiche */
.quick1 { background-color: #666666; padding: 0px 0px 0px 5px; cursor: pointer; }

/* counter */
.counter { font-size: 0.63em; color: #000000; font-weight: bold; background-color: #999999; border: 0px #000000 solid; text-align: center; }

/* font and background color attribute listboxes */
.select { background-color: #FFFFFF; color: #000000; }

/* sitemap */
.sitemap { background-color: #999999; height: 15px; }

/* footnote */
.footer { font-size: 0.69em; color: #666666; background-color: #C0C0C0; }

/* footnote home*/
.homefooter { font-size: 0.69em; color: #666666; }

/* home */
.home { font-size: 0.70em; color: #000000; font-weight: bold; background-image: url('images/background.jpg'); border-collapse: collapse; height: 936px; padding: 10px; }

/* background color left table */
.tdbackcolor { text-align: center; background-color: #999999; padding: 0px; width: 210px;}

/* table fontsize text */
.tdfontsize { font-size: 0.69em; background-color: #999999; padding: 0px 0px 0px 20px; border-bottom: 0px #000000 solid; height: 20px; }

/* table search text */
.tdsearch { font-size: 0.69em; font-weight: bold; text-align: center; background-color: #999999; border-bottom: 0px #000000 solid; height : 60px; }

/* background color etc. submenu */
.tablesubmenu { background-color: #999999; text-decoration: none; color: #000000; padding: 0px; text-align: left; border-bottom: #000000 1px solid; border-left: #000000 1px solid; border-right: #000000 1px solid; border-top: #000000 1px solid; width: 100%; padding: 0px 0px 0px 0px; }

/* the small lines */
.tdlines { background-color: #C0C0C0; }

/* the dark rows */
.tddarkcolumns { font-size: 0.82em; background-color: #666666; text-decoration: none; color: #FFFFFF; font-weight: bold; height: 17px; }

/* the dark rows text*/
.tddarktext { color: #FFFFFF; font-weight: bold; }

/* the aktualisierung Home */
.tdupdate { font-size: 0.75em; background-color: #666666; text-decoration: none; color: #FFFFFF; font-weight: bold; text-align: center; height: 17px; }

/* the columns with a different color than the main column background color; column width should */
.tdlightcolumns { background-color: #999999; text-decoration: none; color: #C0C0C0; text-align: center; width: 20%; }

/* heading size */
h1 { font-size: 1.19em; font-family: Verdana, Arial, Helvetica, sans-serif; }

/* table border background */
 table.border { border-collapse: collapse; }
.border td { border: 1px solid black; }
.bordertop td { border: 1px solid black; background-color: #999999; text-align: center; }
.bordertop2 td { border: 1px solid black; background-color: #C0C0C0; text-align: center; }

/* Flyout Menu by Metallwaren-Riffert 09 2010 */

ul.menu, ul {
position: absolute;
display: inline;
z-index: 1;
list-style-type: none;
}
ul.menu {
position: relative;
z-index: 2;
}

ul.menu table {border-collapse: collapse; font-size: 1em; }
ul.menu ul {margin-left: 12em; margin-top: -3em; }
ul.menu li {text-indent: 0.7em; }
ul.menu li.drop {font-size: 0.7em; }
ul.menu li a,
ul.menu li a:visited {display: block; height: 2em; line-height: 1.9em; text-decoration: none; color: #000000; }

ul.menu li a.single {font-size: 0.7em;}
ul.menu li a.single:visited {height: 2em; line-height: 1.9em; }
ul.menu li ul {display: none;}

ul.menu li:hover a,
ul.menu li a:hover {background: #C0C0C0; color: #ff0000; font-weight: bold; }
ul.menu li:hover ul,
ul.menu li a:hover ul {padding: 2px; display: block; width: 16em; background: #999999; border: 1px solid #000000; }
ul.menu li:hover ul li a,
ul.menu li a:hover ul li a {height: 2em; background: #999999; color: #000000; font-weight: bold; }
ul.menu li:hover ul li:hover a,
ul.menu li a:hover ul li a:hover {color: #ff0000; background: #C0C0C0; }