/* Zentrale Stylesheet-Datei für Telactivseminare.de */
/* erstellt von Arne Lohmeier, www.il-webdesign.de */


body {font-family: arial, sans-serif; font-size: 12px; font-style: normal; margin-top: 4px; background-color: white;}
td, p {font-family: arial, sans-serif; font-size: 12px; font-style: normal;}

h1 {font-weight: bold; color: #464646; font-size: 20px; text-align: center;}
h2 {font-weight: bold; color: #464646; font-size: 14px;}
h3 {font-weight: bold; color: #ad0b14; font-size: 16px; text-align: center;}
h4 {font-weight: bold; font-size: 12px;}
h5 {font-weight: bold; font-size: 12px; color: #e53a43;}
ul {list-style-image: url(images/haken.gif); font-size: 12px;}
ul.px {list-style-image: url(images/smiley.gif);}
th {color: white; background-color: #e53a43; font-size: 12px;}
td.plan {vertical-align: top; font-weight: bold; width: 20%}
a,a:link,a:visited {color: #cccccc; font-weight: bold; width: 130px; border: 0px;}
a:hover {text-decoration: none;}

a.inhalt,a:link.inhalt,a:visited.inhalt {color: #e53a43; font-weight: bold;}
a:hover.inhalt {text-decoration: none;}

input {background-color: #eaeaea; border-width: 1px; border-style: solid; border-color: #ad0b14;}
textarea {background-color: #eaeaea; border-width: 1px; border-style: solid; border-color: #ad0b14;}
input.send {border: 1 solid #ad0b14; font-weight: bold;}


#navig {position: absolute; left: 10; top: 120; width: 122; z-index: 2;}
#tab {position: absolute; left: 10; top: 0; width: 750; z-index: 1;}
#fueller {position: absolute; left: 530; top: 474; z-index: 3;}
#beton {font-weight: bold; color: #e53a43;}
#beton_k {font-weight: bold; color: #e53a43; text-align: center;}
#betongr {font-weight: bold; color: #e53a43; font-size: 12px;}
#fettgr {font-weight: bold; font-size: 13px; color: #000000;}
#fett {font-weight: bold;}
.fett {font-weight: bold;}
#abstand {padding: 12px;}
#slogan {font-family: arial, sans-serif; color: #e53a43; font-weight: bold; font-size: 13px; text-align: center;}
#rot {color: #ad0b14;}
#zentr {text-align: center;}
#kursiv {font-style: italic;}
#fettkursiv {font-style: italic; font-weight: bold;}
#gruen {color: #069835; font-weight: bold;}
#rot2 {color: #e53a43; font-weight: bold;}
#gross {font-size: 30px;}
#richtig {color: #00C300;}
#underline {text-decoration: underline;}
#titel {padding-left: 20px; padding-right: 10px; border-left: 3px #e53a43 solid; color: black;}


/* ITW-Navigation */
#pos_itw {position: absolute; left: 770; top:0; width: 100; height: 370; z-index: 4; background-image: url(images/bgitwbox.gif); background-position: top; background-repeat: no-repeat;}
a.itwlink, a:link.itwlink, a:visited.itwlink {color: #e4e4e4; font-size: 10px; text-decoration: none; font-style: italic;}
a:hover.itwlink {color: #888888;}

/*Neues auf der Startseite */
#pos_start {position: absolute; left: 770; top:0; width: 100; height: 500; z-index: 4; color: white; text-align: center; font-weight: bold;}
a.startlink, a:link.startlink, a:visited.startlink {color: #e4e4e4; font-size: 10px; text-decoration: none; font-style: italic;}
a:hover.startlink {color: #888888;}


a.plan, a:link.plan, a:visited.plan {color: #e53a43; font-style: normal;}
a:hover.plan {text-decoration: none;}

a.the, a:link.the, a:visited.the {color: #e4e4e4; font-style: normal; font-size: 14px;}
a:hover.the {text-decoration: none;}

/* Styles für Navigation */
div#lnav {left: 0px; font: 12px arial, sans-serif; font-weight: bold; width: 130px;}
div#lnav a {border-right: #e4e4e4 3px solid; padding-right: 10px; display: block; padding-left: 5px; border-left-width: 0px; background-color: transparent; border-bottom-width: 0px; padding-bottom: 3px; margin: 0px 0px 2px; color: white; ; padding-top: 3px; text-align: left; text-decoration: none;}	
div#lnav a:hover {border-right: #e53a43 1px solid; background: #cccccc;}
div#onav {font: 14px arial, sans-serif; font-weight: bold; margin-top: 5px; margin-bottom: 5px;}
div#onav a {padding: 2px; text-decoration: none; color: white;}
div#onav a:hover {color: #e4e4e4;}


div.kopf {width:760px; height:100px; border: 1px solid #e53a43; background-image: url(images/kopf.gif); text-align: right;}
div.navoben {width: 760px; height: 30px; border: 1px solid #e53a43; background-color: #e53a43; margin: 0px; text-align: right;}
div.seitentitel {width: 760px; text-align: right; border-left: 1px solid #e53a43; border-right: 1px solid #e53a43; background-color: #cccccc; font-size: 18px; letter-spacing: 4px; font-weight: bold; padding-top: 3px; padding-bottom: 3px;}
div.inhaltmitte {width: 760px; padding: 0px; border-left: 1px solid #e53a43; border-right: 1px solid #e53a43; border-top: 1px solid #e53a43; background-color: #ffffff;}
div.fusszeile1 {width: 760px; height: 20px; text-align: left; border-left: 1px solid #e53a43; border-right: 1px solid #e53a43; background-color: #e4e4e4; background-image: url(images/ecke_nav_rund2.gif); background-repeat: no-repeat;; background-position: left;}
div.fusszeile2 {width: 760px; border: 1px solid #e53a43; background-color: #cccccc; text-align: center; font-family: arial, sans-serif; font-size: 11px ; color: black; font-style: normal;}
td.navzelle {background-color: #e4e4e4; background-image: url(images/bg_navv.gif); width: 150px; padding: 0px; vertical-align: top;}
td.inhaltzelle {background-color: #e4e4e4; width: 610px;  padding-right: 15px; vertical-align: top;}
p.titelsatz {text-align: right; font-weight: bold; border-bottom: 1px #e53a43 solid; padding-top: 10px;}