* {font-family: Arial, Verdana, Helvetica, sans-serif; }
html { overflow-x: auto; overflow-y:scroll }
body  { font-size: 11px;  }
p   { font-size: 12px; line-height: 18px }
p.green { color: #319694 }
a:link { color: #319694; text-decoration: none }
a:visited { color: #319694; text-decoration: none }
a:hover { text-decoration: underline }
a:active { text-decoration: underline }
td {}
em { color: #f72029; font-style: normal }
#menubox  { width: 106px; }

#menubox td { padding-top: 2px; padding-bottom: 2px; padding-left: 4px }
#menubox td span { font-size: 11px;  }
#menubox td.point { background: #ed1c24; }

#menubox td a:link { color: #399e94; font-size: 11px; font-weight: bold; text-decoration: none }
#menubox td a:visited { color: #319694; font-size: 11px; font-weight: bold; text-decoration: none }
#menubox td a:hover { color: #000; font-size: 11px; font-weight: bold; text-decoration: underline }
#menubox td a:active  { color: #bd0029; font-size: 11px; font-weight: bold }

#menubox th { background-color: #399e94; text-align: left; padding-top: 2px; padding-bottom: 2px; padding-left: 4px }
#menubox th a:link { color: #fff; font-size: 11px; font-weight: bold; text-decoration: none }
#menubox th a:visited { color: #fff; font-size: 11px; font-weight: bold; text-decoration: none }
#menubox th a:hover { color: #000; font-size: 11px; font-weight: bold; text-decoration: underline }
#menubox th a:active  { color: #bd0029; font-size: 11px; font-weight: bold }

#submenu  { color: #fff; font-size: 12px; margin-right: 45px; margin-bottom: 5px }
#submenu a:link { color: #fff; font-size: 12px; background-color: #319694 }
#submenu a:visited { color: #fff; font-size: 12px }
#submenu a:hover { color: #bd0029; font-size: 12px }
#submenu a:active { color: #bd0029; font-size: 12px }

.rand_url { border-right: 1px solid #b5d7ce; border-bottom: 1px solid #b5d7ce; border-left: 1px solid #b5d7ce }
.rand_top { border-top: 1px solid #b5d7ce; }
.rand_ou { border-top: 1px solid #b5d7ce; border-bottom: 1px solid #b5d7ce }
.rand_u { border-bottom: 1px solid #b5d7ce }
.rand_r { border-right: 1px solid #b5d7ce }
.selected { background-color: #bd0029 }
.bg_lines  { /* background-image: url(../images/bg3.gif); */ background-repeat: repeat-y; border-bottom: 1px solid #b5d7ce }
.bg_lines1  { /* background-image: url(../images/bg4.gif); */ background-repeat: repeat-y; border-bottom: 1px solid #b5d7ce }
h1 { color: #319694; font-size: 14px; font-weight: bold; margin-left: 10px }
h2 { color: white; font-size: 14px; font-weight: bold; margin-top: 0; margin-bottom: 0; margin-left: 8px; padding: 0 }
h3 { color: #319694; font-size: 12px; font-weight: bold }
h4.welcome { color: #000000; font-size: 12px !important; font-weight: bold; margin-bottom: 6px !important; padding-bottom: 0 !important;}
p.welcome { margin-top: 0 !important; padding-top: 0 !important;}
p.dentalteam { margin-top: 24px; }

.small { font-size: 11px; }
li { font-size: 12px; line-height: 18px }
hr { border: solid 1px #b5d7ce; }

/***************************************************************************************/
/*Partnerportal*/
/***************************************************************************************/
/*
hellgrün: 7ac9c3
dunkelgrün: 00978c
orange: f18900*/






strong.telefon { color: #00978c; }

/*Bestand*/
#edelmetall-benachrichtungen *,
#enretec-bestand * { margin: 0; padding: 0; }
#edelmetall-benachrichtungen ,
#enretec-bestand { background: url(../dental/images/css/bg_bestand.gif) repeat-y; }
#edelmetall-benachrichtungen input,
#enretec-bestand input{ padding-left: 4px; font-size: 12px; }
#edelmetall-benachrichtungen button,
#enretec-bestand button{ height: 18px; overflow: hidden; cursor: pointer;} 

.clear { clear: both; height: 1px; overflow: hidden; }
.line { height: 10px; background: #FFFFFF; }


#kurs, #bestand  { width: 251px;  float: left;   }
#edelmetall-benachrichtungen  { width: 252px;  float: left; margin-top: 10px;   }

#kurs-diagramm, #bestand-diagramm  { width: 379px; float: right; margin-right: 16px; }


#kurs h4, 
#kurs-diagramm h4, 
#bestand h4, 
#bestand-diagramm h4 ,
#edelmetall-benachrichtungen h4 { font-size: 12px; color: #FFFFFF; background: #7ac9c3; height: 1.5em; margin-top: 10px; margin-bottom: 10px; text-indent: 20px; }

/*#kurs h4 span, #kurs-diagramm h4 span, #bestand h4 span, #bestand-diagramm h4 span { margin-left: 20px; margin-right: 20px; }*/

#kurs, #kurs-diagramm,
#bestand, #bestand-diagramm { margin-bottom: 12px; }
#kurs-diagramm h4 .head, #bestand-diagramm h4 .head { float: left; display: block;}
#kurs-diagramm h4 .info, #bestand-diagramm h4 .info { float: right; display: block; background: #f18900; height: 100%; margin-right: 20px; padding-right: 40px;}


table.tageskurse , table.bestandswerte { margin-top: 14px !important; margin-left: 20px !important; border-collapse: collapse; width: 220px}
table.bestandswerte { margin-top: 0px !important; }
table.tageskurse td, table.bestandswerte td { padding-bottom: 4px !important; }
td.metall { font-size: 12px; }
td.metall span { background: #f18900; display: block; height: 18px; padding-left: 4px !important;}

td.button { text-align: right !important; position: relative;}
* html td.button button { position: absolute; right: 0;}

td.gesamt { padding-top: 8px !important; }
td.gesamt span { color: #ffffff;  }


table.tageskurse td.metall { width: 66px; }
table.tageskurse td.kurs { width: 126px; }
table.tageskurse td.button { width: 28px }

table.bestandswerte td.metall { width: 66px; }
table.bestandswerte td.bestand { width: 54px; }
table.bestandswerte td.wert { width: 72px; }
table.bestandswerte td.min { width: 72px; }
table.bestandswerte td.max { width: 72px; }
table.bestandswerte td.button { width: 28px; }

table.bestandswerte th , table.tageskurse th { color: #ffffff; font-weight: normal; text-align: right; font-size: 12px; padding-right: 6px !important; padding-bottom: 2px !important;}


p.value { clear: left;  }

input.kurs { width: 120px !important; border: none; height: 18px; text-align: right; padding-right: 2px !important; }
input.wert { width: 68px !important; border: none; height: 18px; text-align: right; padding-right: 2px !important; }
input.bestand { width: 48px !important; border: none; height: 18px;  text-align: right; padding-right: 2px !important; }

input.min,
input.max { width: 71px !important; border: none; height: 18px;  text-align: right; padding-right: 2px !important; }
input.email { width: 148px !important; border: none; height: 18px;  text-align: right; padding-right: 2px !important; }


button.diagramButton { background: url(../dental/images/css/diagramm.gif); width: 28px; height: 18px; border: none;  }

button#speichern_nachrichten ,
button#speichern  {
color: #FFFFFF;
background: #f18900;
text-transform: uppercase;
border: none; margin-top: 4px;
font-size: 12px; cursor: pointer; }

button#speichern_nachrichten { margin-bottom: 12px; }


/*Backend*/
/*Login*/
h3.errorMessage { color: #f18900 !important; }

#partnerLogin * { margin: 0; padding: 0; }
#partnerLogin { width: 475px; height: 116px; background: #00978c; padding: 8px 0 0 12px;}
#partnerLogin form { display: inline; }

button.portal { 
  color: #FFFFFF;
  background: #f18900;
  text-transform: uppercase;
  border: none;
  font-size: 12px;
  height: 18px;
  overflow: hidden;
  cursor: pointer
}

button.new , button.saveForm {
  margin-top: 24px;
}

p.myButton { padding-right: 18px; }


#partnerLogin h3 { height: 100%; float: left; width: 96px; color: #FFFFFF;  margin-top: 18px; }
#partnerLogin label { color: #FFFFFF; display: block; }
#partnerLogin input { width: 335px; height: 18px; border: none; margin-bottom: 4px; font-size: 12px; padding-left: 4px; }

#partnerLogin button { color: #FFFFFF; background: #f18900; text-transform: uppercase; border: none; margin-top: 4px; font-size: 12px; }

td.tdDirectory { text-align: right; }



table.directory { width: 475px; text-align: left; border-collapse:collapse; }
table.directory td {font-size: 12px; vertical-align: top; padding-bottom: 8px; border-bottom: 1px solid #def1f0} 
table.directory img {border: none; position: relative; top: 2px;}
table.directory .td_user { }

table.directory .td_message { }
table.directory .td_file { }
table.directory .td_public {width: 240px; padding-left: 8px; padding-right: 8px;}
table.directory .td_edit { width: 14px; padding-left: 4px; }
table.directory .td_delet {width: 14px; padding-left: 4px;  }


div.partnerForm { width: 475px; background: #00978c; padding: 8px 0 24px 12px; margin-bottom: 32px; }
.partnerLogin * { margin: 0; padding: 0; }


.partnerForm input.text { width: 335px; height: 18px; border: none; margin-bottom: 4px; font-size: 12px; padding-left: 4px; }
.partnerForm textarea.text { width: 335px; height: 100px; border: none; margin-bottom: 4px; font-size: 12px; padding-left: 4px; }
.partnerForm textarea.short { height: 50px;  }
.partnerForm select { width: 335px; border: none; margin-bottom: 4px; font-size: 12px; padding-left: 4px; }

.partnerForm label { color: #FFFFFF; display: block; }

.checkForm label { display: inline; padding-left: 8px; }
.partnerForm h3 { height: 100%; float: left; width: 96px; color: #FFFFFF;  margin-top: 18px;}
.partnerFormBox {width: 335px; float: right; margin-right: 44px; }