/* HLW main css file */

/* seitenweit */
body { color: black; background-color: #cccccc; padding: 0px; margin: 5px; font-size: 100%; font-family: Times New Roman,Arial,Sans Serif; }
a { text-decoration: underline }
a:hover { color: red }


/* texte */
/* TODO: h1-6,p,... */
h1 { font-size: 115%; font-family: Tahoma, Arial; margin: 10px 0px 10px 0px; color: #000000; clear: both; }
h2 { font-size: 95%; font-family: Tahoma, Arial; margin: 10px 0px 10px 0px; color: #4444ff; clear: both; }
h3 { font-size: 80%; font-family: Tahoma, Arial; margin: 10px 0px 10px 0px; color: #4444ff; clear: both; }
h4 { font-size: 80%; font-family: Tahoma, Arial; margin: 5px 0px 5px 0px; color: #000000; clear: both; }
h5 { font-size: 80%; font-family: Tahoma, Arial; margin: 5px 0px 5px 0px; color: #000000; clear: both; }
h6 { font-size: 80%; font-family: Tahoma, Arial; margin: 5px 0px 5px 0px; color: #000000; clear: both; }
p { margin: 0px; margin-bottom: 5px; color: #000000; font-family: Arial, Sans Serif; font-size: 80%; }
li { font-family: Tahoma, Arial, Sans Serif; font-size: 80%; }

h1 a, a:hover, a:visited { color: #4444ff; clear: both; }
h2 a, a:hover, a:visited { color: #4444ff; clear: both; }
h3 a, a:hover, a:visited { color: #4444ff; clear: both; }
h4 a, a:hover, a:visited { color: #4444ff; clear: both; }
h5 a, a:hover, a:visited { color: #4444ff; clear: both; }
h6 a, a:hover, a:visited { color: #4444ff; clear: both; }

/* outerdiv */
div#outerdiv { background-color: white; width: 790px; margin: 0px; padding: 0px; border: 1px solid black }

/* header */
#headertable { margin: 5px; margin-bottom: 1px; border-bottom: 1px solid #808080; width: 780px; height: 100px; }
td#headerlogo { width: 201px; padding-left: 5px; }
td#headerlogo a { padding: 0px; margin: 0px; border: 0px }
td#headertext { text-align: left; vertical-align: bottom; font: normal small-caps bold 140% Tahoma,Arial; padding: 10px; }

/* center */
#centertable { margin: 0px 5px 0px 5px; border-bottom: 1px solid #808080; width: 780px; height: auto; padding-bottom: 5px; padding-top: 5px; }

#centerleft_td { height: auto; vertical-align: top; padding: 0px; width: 235px }

.leftcenterspacer { width: 0px; }

/* main menu */
#mainmenutable { margin-bottom: 10px; height: 1px; }
#mainmenutable td { vertical-align: middle }

.leftside { width: 70px; height: 50px; color: white; text-align: center; font: normal small-caps bold 90% Tahoma,Arial; padding: 3px; border-left: 2px solid white; }
.rightside { width: 150px; height: 50px; padding: 0px 0px 0px 3px; white-space: nowrap; font: normal normal bold 70% Tahoma,Arial }
.rightside a { white-space: nowrap; }
.mainmenuspacer { height: 5px; }

/* buttons */
#main_products { background: url(../images/produkte.jpg) no-repeat; }
#main_about { background: url(../images/ueberuns.jpg) no-repeat; }
#main_contact { background: url(../images/kontakt.jpg) no-repeat; }

/* sub menu */
#submenutd { height: auto; margin-top: 10px; padding-top: 5px; padding-bottom: 15px; vertical-align: top; font: normal normal bold 80% Tahoma,Arial; border-top: 1px solid #808080; padding-left: 2px }
#submenutd div { font-size: 135%; margin-bottom: 5px }

/* contact */
#contacttd { vertical-align: bottom; padding: 0px 2px 0px 2px; }
#contactdiv { border-top: 1px solid #808080; height: 120px; padding: 10px 3px 0px 3px; font: normal normal normal 90% Tahoma,Arial; vertical-align: bottom; margin-left: 1px; margin-right: 1px }

/* body */
#centerbodytd { border-left: 1px solid #808080; padding: 0px 8px 5px 8px; width: 535px; vertical-align: top; font-family: Tahoma,Arial,Sans Serif; }
#centerbodytd p { text-align: justify; }

/* footer */
div#footerdiv { margin: 5px; width: auto; height: auto; font: normal normal bold 70% Tahoma,Arial; padding: 15px;  padding-top: 10px; vertical-align: middle; text-align: center }

/* links */
.blacklink { font: inherit; color: #222222; text-decoration: none }
.blacklink:hover { text-decoration: underline; color: blue }
.blacklink:visited { color: #222222 }

.whitelink { font: inherit; color: white; text-decoration: none }
.whitelink:hover { text-decoration: underline; color: white }
.whitelink:visited { color: white }

.blacklink_selected { font: inherit; color: blue; text-decoration: none }
.blacklink_selected:hover { text-decoration: underline; color: blue }
.blacklink_selected:visited { color: blue }

.nextlinkdiv { margin-top: 10px; }

.nextlink { font: inherit; display: block; text-align: right; margin: 5px; font-size: 80%; }
.nextlink:hover {}
.nextlink:visited {}

/* forms */

.formtable { background-color: #efefef; color: black; width: 100%; font-family: Tahoma,Arial,Sans Serif; font-size: 80%; margin-top: 10px; margin-bottom: 10px; border-collapse: collapse; border: 1px solid #4444ff; }
.formtable td { }
.formtable th { background-color: #4444ff; color: white; text-align: left; padding: 1px 5px 1px 5px; font-weight: bold; font-size: 110%; }
.formtable_lefttd { width: 50%; text-align: right; vertical-align: middle; font-weight: bold; padding-right: 3px; }
.formtable_righttd { width: 505; text-align: left; vertical-align: middle; padding-right: 3px; padding-left: 2px; }

/* contact table */
.contacttable { background-color: #efefef; color: black; width: 100%; font-family: Tahoma,Arial,Sans Serif; font-size: 80%; margin-top: 10px; margin-bottom: 10px; border-collapse: collapse; border: 1px solid #4444ff; }
.contacttable td { }
.contacttable th { background-color: #4444ff; color: white; text-align: left; padding: 1px 5px 1px 5px; font-weight: bold; font-size: 110%; }
.contacttable_lefttd { width: 50%; text-align: right; vertical-align: middle; font-weight: bold; padding-right: 3px; }
.contacttable_righttd { width: 505; text-align: left; vertical-align: middle; padding-right: 3px; padding-left: 2px; }