/* Direct Tag-Styles */

body  {
  color:#666666;
  font-style: normal;
  font-weight: normal;
  font-size: 8pt;
  font-family: Arial, Verdana, Geneva, Helvetica;
  background-color: white;
  margin:0px;
  margin-top:4px;
  margin-bottom:8px;
  padding:0px;
}

sup
{
  margin:0px;
  padding:0px;
  font-size:7pt;
}

table
{
  margin:0px;
  font-weight: normal;
  font-size: 9pt;
  font-style: normal;
  font-weight:normal;
  font-family: Arial, Verdana, Geneva, Helvetica;
  vertical-align:top;
  border-style:solid;
  border-width:0px;
}

td
{
  font-size: 8pt;
  vertical-align:top;
}

p
{
  margin:0px;
  margin-bottom:10px;
  padding:0px;
  font-size:9pt;
}

h1
{
  margin:0px;
  margin-bottom:6px;
  padding:0px;
  font-weight:bold;
  font-size:11pt;
  color:#333366;
}

img
{
  border:0px;
}


.pinfo
{
  margin:0px;
  margin-bottom:4px;
  padding:0px;
  font-size:8pt;
}

.psmall
{
  font-size:8pt;
}

.td9pt
{
  font-size:9pt;
}

.h2
{
  margin:0px;
  margin-bottom:6px;
  padding:0px;
  font-weight:bold;
  font-size: 9pt;
  color:#333366;
}

.h1
{
  margin:0px;
  margin-bottom:6px;
  padding:0px;
  font-weight:bold;
  font-size:11pt;
  color:#333366;
}

ul
{ 
  margin:0px;
  margin-top:-3px;
  margin-left: 20px;
  margin-bottom: 10px;
  font-size: 9pt;
  padding:0px;
}

li
{
  list-style-type:square;
  margin:0px;
  margin-bottom:2px;
  margin-left:-4px;
}
/* 
li.boxh
{
	list-style-image:url(pix/boxbullet.gif);
	margin:0px;
	margin-top:15px;
	margin-bottom:2px;
	margin-left:12px;
}
NEU 2010-01 / fd: */

ul.boxh_list
{
	margin: 0;		
}

li.boxh 
{
	list-style-type: none;
	background: url(pix/boxbullet.gif) left top no-repeat;
	margin: 15px 0 2px 0;
	padding: 2px 0 0 35px;	
}


ul.pteasertext{
  padding-left:18px;
}

.tdtopgrey
{
  background-color:#cacaca;
}

.tdrb
{
  border-color:#ffffff;
  border-top-width:0px;
  border-left-width:0px;
  border-right-width:1px;
  border-bottom-width:1px;
  border-style:solid;
}

.tdb
{
	border-right: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	background: #e5e5e5;
}

.tdtoplink
{
  text-align:right;
  border-style:solid;
  border-width:0px;
  color: #000000;
}

.tablemainarea
{
  width:600px;
  border:0px;
  border-style:solid;
  margin:0px;
  padding:0px;
}

.tdmainarea
{
  margin:0px;
  padding:0px;
  padding-left:20px;
  padding-top:17px;
}

.tdmainl
{
  width: 300px; /* minimale Breite */
  padding:0px;
  margin:0px;
  padding-right:8px;
}

.tdmainr
{
  width: 300px !important; /* rechte Spalte mit Text */
  padding:0px;
  margin:0px;
}

.tdmainimg
{
	vertical-align: top;
	text-align: right;
	padding: 0;
	margin: 0;
}

.tdmainimg IMG
{
	width: 199px; /* breitere Bilder verhindern */ 
}

.pteaserplain
{
  font-weight:bold;
  margin:0px;
  margin-bottom:2px;
  font-size: 9pt;
  color:#333366;
}
.pteasertextplain
{
  font-size: 9pt;
}

.pteaser
{
  background-image:url(pix/pfeil.gif);
  background-repeat:no-repeat;
  padding-left:18px;
  font-weight:bold;
  margin:0px;
  margin-bottom:2px;
  font-size: 9pt;
  color:#333366;
}


.teaserlink { 
	background-image:url(pix/pfeil.gif);
	background-repeat:no-repeat;
	padding-left:18px;
	font-weight:bold;
	margin:0px;
	margin-bottom:2px;
	font-size: 9pt;
	cursor:pointer;
	color: #ffffff;
}

.pteasertext
{
  padding-left:18px;
  font-size: 9pt;
}

.ulteasertext
{ 
  margin:0px;
  margin-left: 20px;
  margin-top: -8px;
  margin-bottom: 10px;
  padding-left:18px;
  font-size: 9pt;
}


.fbutton
{
  background-image:url(pix/pfeil.gif);
  background-repeat:no-repeat;
  padding-left:18px;
  font-weight:bold;
  margin:0px;
  margin-bottom:2px;
  cursor:pointer;
  font-size: 9pt;
  color:#333366;
}

.fbuttonoff
{
  color:#a0a0a0;
}


/* Navigation */
.navtdblank
{
  width:145px;
  height:20px;
  padding-left:10px;
  padding-top:2px;
  padding-right:8px;
  border-color:#ffffff;
  border-top-width:0px;
  border-left-width:0px;
  border-right-width:0px;
  border-bottom-width:1px;
  border-style:solid;
  background-color:#e5e5e5;
  color:#000000;
}

.navtdmain
{
	width:145px;
	height:20px;
	padding: 2px 6px 0 10px;
	border: none;
	border-bottom: solid 1px #ffffff;
	background-color:#e5e5e5;
	color: #2a3077;
}
.navtdmain A:visited {color:#2a3077; font-weight:normal;}
.navtdmain A:link    {color:#2a3077;font-weight:normal;}
.navtdmain A:hover   {color:#2a3077;font-weight:bold;}

.navtdmainsel
{
	width:145px;
	height:20px;
	padding: 2px 2px 0 10px;
	border: none;
	border-bottom: solid 1px #e5e5e5;
	background-color:#ffffff;
	font-weight:bold;
	color:#2a3077;
}
.navtdmainsel A:visited {color:#2a3077}
.navtdmainsel A:link    {color:#2a3077}
.navtdmainsel A:hover   {color:#2a3077}

.navtdmainselspecial
{
  width:145px;
  height:20px;
  padding-left:10px;
  padding-top:2px;
  padding-right:6px;
  border-color:#ffffff;
  border-top-width:0px;
  border-left-width:0px;
  border-right-width:0px;
  border-bottom-width:1px;
  border-style:solid;
  background-color:#2A3077;
  cursor:pointer;
  color:#ffffff;
  font-weight:bold;
}

.navtditem
{
  width:145px;
  height:20px;
  padding-left:20px;
  padding-top:2px;
  padding-right:8px;
  border-color:#d4d2d4;
  border-top-width:0px;
  border-left-width:0px;
  border-right-width:0px;
  border-bottom-width:1px;
  border-style:solid;
  background-color:#ffffff;
  color:#2a3077;
}
.navtditem A:visited {color:#2a3077;font-weight:normal;}
.navtditem A:link    {color:#2a3077;font-weight:normal;}
.navtditem A:hover   {color:#2a3077;font-weight:bold;}

.navtditemsel
{
  background-color:#ffffff;
  width:145px;
  height:20px;
  padding-left:20px;
  padding-top:2px;
  padding-right:8px;
  border-color:#d4d2d4;
  border-top-width:0px;
  border-left-width:0px;
  border-right-width:0px;
  border-bottom-width:1px;
  border-style:solid;
  font-weight:bold;
  color:#000000;
  color: #2a3077;
}
.navtditemsel A:visited {color:#2a3077;}
.navtditemsel A:link    {color:#2a3077;}
.navtditemsel A:hover   {color:#2a3077;}

.navtdbottom
{
  width:145px;
  height:10px;
  padding-left:10px;
  padding-top:2px;
  padding-right:8px;
  border-color:#ffffff;
  border-width:0px;
  border-style:solid;
  background-color:#e5e5e5;
  color:#000000;
}

/* TabNavi*/
.tabnav,
.tabnavsel
{
	height:20px;
	vertical-align: middle;
	text-align: center; 
	border-right: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
}

.tabnav A,
.tabnavsel A
{
	display: block;
	line-height: 20px;
	color: #2a3077;	
	padding: 2px 18px 0 18px;
	font-weight: bold;
	background: #e5e5e5;
}

.tabnav A:hover, 
.tabnavsel A
{
	background: white;
}


.tabnav A:visited,
.tabnav A:link ,
.tabnavsel A:visited, 
.tabnavsel A:link    { color:#2a3077; }



.tdportal
{
  background-color:#cacaca;
  color:#ffffff;
  border-color:#ffffff;
  border-top-width:0px;
  border-left-width:0px;
  border-right-width:1px;
  border-bottom-width:0px;
  border-style:solid;
  cursor:pointer;
}

.tdportalimg
{
  cursor:pointer;
}

.pportal
{
  margin-left:8px;
  margin-right:8px;
  margin-top:2px;
  margin-bottom:4px;
  color:#2A3077;
  font-size:8pt;
}

.pportallink
{
  background-image:url(pix/pfeil_inv.gif);
  background-repeat:no-repeat;
  padding-left:18px;
  margin-left:8px;
  margin-right:8px;
  margin-top:2px;
  margin-bottom:4px;
  color:#2A3077;
  font-size:8pt;
}

.textlink
{
  font-size: 9pt;
  color:#666666;
  text-decoration: none;
  font-weight:bold;
}
.textlink:link { color:#666666;}
.textlink:visited { color:#666666;}
.textlink:hover { color:#aba9a9;}

.textlinksmall
{
  font-size: 8pt;
  color:#666666;
  text-decoration: none;
  font-weight:bold;
}
.textlinksmall:link { color: #666666;}
.textlinksmall:visited { color: #666666;}
.textlinksmall:hover { color: #aba9a9;}


.textlinkredbold
{
  font-size: 9pt;
  color:#9C1818;
  text-decoration: none;
  font-weight:bold;
}
.textlinkredbold:link { color:#9C1818;}
.textlinkredbold:visited { color:#9C1818;}
.textlinkredbold:hover { color:#aba9a9;}

.ppaddedlink
{
  background-image:url(pix/pfeil_link_blue.gif);
  background-repeat:no-repeat;
  padding-left:18px;
  font-size: 9pt;
  margin:0px;
  color:#000000;
  text-decoration: none;
}

.paddedlink
{
  color:#000000;
  text-decoration: underline;
}
.paddedlink:link { color: #000000; text-decoration: underline; }
.paddedlink:visited { color: #000000; text-decoration: underline; }
.paddedlink:hover { color: #aba9a9; text-decoration: none; }


.pbluelink
{
  background-image:url(pix/pfeil_link_blue.gif);
  background-repeat:no-repeat;
  padding-left:18px;
  font-size: 9pt;
  margin:0px;
  margin-bottom:9pt;
  color:#333388;
  text-decoration: none;
}

.bluelink
{
  color:#333388;
  text-decoration: none;
}

.bluelink:link {  color:#333388; text-decoration: none;}
.bluelink:visited { color: #333388; text-decoration: none; }
.bluelink:hover { color: #7777AA; text-decoration: none; }


/* link-styles */
a:link { color: #2A3077; text-decoration: none; }
a:visited { color: #2A3077; text-decoration: none; }
a:hover { color: #aba9a9; text-decoration: none; }

/

/* form-element-styles */
input  {font-style: normal; font-weight: normal; font-size: 8pt; font-family: Arial, Verdana, Geneva, Helvetica; }
select {font-style: normal; font-weight: normal; font-size: 8pt; font-family: Arial, Verdana, Geneva, Helvetica; }
option {font-style: normal; font-weight: normal; font-size: 8pt; font-family: Arial, Verdana, Geneva, Helvetica; }
button {font-style: normal; font-weight: normal; font-size: 8pt; font-family: Arial, Verdana, Geneva, Helvetica; }

/* Buttons */
.btn {
  background-image:url(pix/pfeil_btn.gif);
  background-repeat:no-repeat;
  background-color:#FFFFFF;
  padding:0px;
  padding-left:18px;
  height:18px;
  border-width:1px;
  border-style:solid;
  border-color:#cacaca;
  color:#000000;
  font-size:8pt;
  font-weight:bold;
  font-family: Arial, Verdana, Geneva, Helvetica;
  text-align:left;
  cursor:pointer;
  width:96px;
}

.divInfo
{
  position:absolute; 
  width:300px; 
  padding:4px;
  padding-bottom:0px;
  visibility:hidden; 
  background-color:#ffffff; 
  border:1px; 
  border-style:solid;
}

/* Styles für Tabellen
  - Am ANFANG jeder Tabelle kommt eine Row mit listth-styles, die die Spaltenüberschriften UND die Breite setzen.
  - Jede weitere Tabellenzelle hat den Style listtd. 
*/
.listtd	  {padding-left:2px; padding-top:2px; padding-right:8px; height:20px; border-style:solid; border-width:0px; border-color:#bbbbbb; color: #000000; font-style: normal; font-weight: normal; font-size: 8pt; font-family: Arial, Verdana, Geneva, Helvetica; vertical-align:top; }
.listtdr	  {padding-left:2px; padding-top:2px; padding-right:8px; height:20px; border-style:solid; border-width:0px; border-color:#bbbbbb; color: #000000; font-style: normal; font-weight: normal; font-size: 8pt; font-family: Arial, Verdana, Geneva, Helvetica; vertical-align:top; text-align:right}
.listth   {padding-left:2px; padding-top:2px; padding-right:8px; font-weight: normal; font-size: 8pt; font-style: normal; font-family: Arial, Verdana, Geneva, Helvetica; background-color:#dddddd; font-weight:bold; vertical-align:top; border-style:solid; border-left-width:0px; border-right-width:0px; border-top-width:0px; border-bottom-width:0px; border-color:#000000; color: #000000; height:18px; }
.listthr   {padding-left:2px; padding-top:2px; padding-right:8px; font-weight: normal; font-size: 8pt; font-style: normal; font-family: Arial, Verdana, Geneva, Helvetica; background-color:#dddddd; font-weight:bold; vertical-align:top; border-style:solid; border-left-width:0px; border-right-width:0px; border-top-width:0px; border-bottom-width:0px; border-color:#000000; color: #000000; height:18px; text-align:right}
.evn {background-color: #ffffff}
.env {background-color: #ffffff} /*Clone von "evn" -> Tippfehler im Code? */
.odd {background-color: #e0e0e0}

/* Styles für die Preistabelle */
.preisth
{
  padding:2px;
  height:22px;
  border-style:solid;
  border-color:#ffffff;
  border-width:0px;
  color: #000000;
  font-size: 8pt;
  font-family: Arial, Verdana, Geneva, Helvetica;
  vertical-align:middle;
  text-align:right;
  background-color:#ffffff;
  color:#666666;
  font-weight:bold;
}

.preisthr
{
  padding:2px;
  height:22px;
  border-style:solid;
  border-color:#ffffff;
  border-width:0px;
  border-top-width:4px;
  border-left-width:4px;
  color: #000000;
  font-size: 8pt;
  font-family: Arial, Verdana, Geneva, Helvetica;
  vertical-align:middle;
  text-align:center;
  background-color:#2A3077;
  color:#ffffff;
  font-weight:bold;
}


.preistdcapt
{
  padding:2px;
  height:22px;
  border-style:solid;
  border-color:#ffffff;
  border-width:0px;
  border-top-width:4px;
  color: #000000;
  font-size: 8pt;
  font-family: Arial, Verdana, Geneva, Helvetica;
  vertical-align:top;
  background-color:#e5e5e5;
}

.preistdcapm
{
  padding:2px;
  height:20px;
  border-style:solid;
  border-color:#ffffff;
  border-width:0px;
  color: #000000;
  font-size: 8pt;
  font-family: Arial, Verdana, Geneva, Helvetica;
  vertical-align:top;
  background-color:#e5e5e5;
}

.preistdcapml
{
  padding:2px;
  padding-top:0px;
  padding-bottom:0px;
  height:15px;
  border-style:solid;
  border-color:#ffffff;
  border-width:0px;
  color: #000000;
  font-size: 8pt;
  font-family: Arial, Verdana, Geneva, Helvetica;
  vertical-align:top;
  background-color:#e5e5e5;
}

.preistdvalt
{
  padding:2px;
  padding-left:0px;
  padding-right:0px;
  height:20px;
  border-style:solid;
  border-color:#ffffff;
  border-width:0px;
  border-top-width:4px;
  border-left-width:4px;
  color: #000000;
  font-size: 8pt;
  font-family: Arial, Verdana, Geneva, Helvetica;
  vertical-align:middle;
  text-align:center;
  background-color:#D5D6E4;
}

/* 2 neue Styles für Preisbeispiele Zahnarzt (right aligned) */
.preistdvalmr
{
  padding:2px;
  padding-left:0px;
  padding-right:0px;
  height:20px;
  border-style:solid;
  border-color:#ffffff;
  border-width:0px;
  border-left-width:4px;
  color: #000000;
  font-size: 8pt;
  font-family: Arial, Verdana, Geneva, Helvetica;
  vertical-align:middle;
  text-align:right;
  background-color:#D5D6E4;
}

.preistdvaltr
{
  padding:2px;
  padding-left:0px;
  padding-right:0px;
  height:20px;
  border-style:solid;
  border-color:#ffffff;
  border-width:0px;
  border-top-width:4px;
  border-left-width:4px;
  color: #000000;
  font-size: 8pt;
  font-family: Arial, Verdana, Geneva, Helvetica;
  vertical-align:middle;
  text-align:right;
  background-color:#D5D6E4;
}

.preistdvalm
{
  padding:2px;
  padding-left:0px;
  padding-right:0px;
  height:20px;
  border-style:solid;
  border-color:#ffffff;
  border-width:0px;
  border-left-width:4px;
  color: #000000;
  font-size: 8pt;
  font-family: Arial, Verdana, Geneva, Helvetica;
  vertical-align:middle;
  text-align:center;
  background-color:#D5D6E4;
}

.preistdvalml
{
  padding:2px;
  padding-top:0px;
  padding-bottom:0px;
  padding-left:0px;
  padding-right:0px;
  height:15px;
  border-style:solid;
  border-color:#ffffff;
  border-width:0px;
  border-left-width:4px;
  color: #000000;
  font-size: 8pt;
  font-family: Arial, Verdana, Geneva, Helvetica;
  vertical-align:middle;
  text-align:center;
  background-color:#D5D6E4;
}

.preistdvalttext
{
  padding:2px;
  padding-left:2px;
  padding-right:2px;
  height:20px;
  border-style:solid;
  border-color:#ffffff;
  border-width:0px;
  border-top-width:4px;
  border-left-width:4px;
  color: #000000;
  font-size: 8pt;
  font-family: Arial, Verdana, Geneva, Helvetica;
  background-color:#D5D6E4;
}

.preistdvalmtext
{
  padding:2px;
  padding-left:2px;
  padding-right:2px;
  height:20px;
  border-style:solid;
  border-color:#ffffff;
  border-width:0px;
  border-left-width:4px;
  color: #000000;
  font-size: 8pt;
  font-family: Arial, Verdana, Geneva, Helvetica;
  background-color:#D5D6E4;
}

/* Styles für Demo */
.demodiv
{
  position: absolute;
  left: 6px;
  top: 460px;
  width: 110px;
  height: 80px;
  clip: rect(0px, 150px, 150px, 0px);
  visibility: visible;
  z-index: 2;
  background-color:#ffffff;
  border-style:solid;
  border-color:#000000;
  border-width:2px;
  padding:2px;
  padding-top:4px;
}

.demoback
{
  position: absolute;
  left: 0px;
  top: 0px;
  width: 790px;
  height: 550px;
  clip: rect(0px, 790px, 550px, 0px);
  visibility: visible;
  z-index: 1;
  background-color:#c6c6c6;
}

/* form-tabellen-styles
  - "formtdheader" wird mit einem <span></span> ÜBER dem Block eingesetzt!
  - "formtdcap" wird für die Spalte mit den Beschriftungen benutzt.
  - "formtdval" wird für die Spalte mit den Werten benutzt. AUCH benutzen, wenn dort ein Formularfeld ist.
  - "formtdwarn" wird für die td's benutzt, die Warnmeldungen an den User ausgeben (Style identisch mit formtdval, nur daß Text rot)
  - "formth" wird für jede Zelle in der ersten Row einer Block-Tabelle benutzt!
  - "opttd" muß anstelle von "formtdval" benutzt werden, wenn ein radio-button in der Zelle dargestellt wird!
*/
.formtable {background-color:#eeeeee; border:1px; border-style:solid;}
.formheader {margin:0px; padding-left:2px; padding-top:2px; font-weight: normal; font-size: 8pt; font-style: normal; font-family: Arial, Verdana, Geneva, Helvetica;height:14px; width:300px; background-color:#dddddd; font-weight:bold; padding-left:2px; }
.formtdcap  {font-weight: normal; font-size: 8pt; font-style: normal; font-family: Arial, Verdana, Geneva, Helvetica; color:#666666; vertical-align:top; margin:0px; padding-bottom:0px; padding-top:3px; padding-left:4px; padding-right:4px; height:23px;}
.formtdval  {font-weight: normal; font-size: 8pt; font-style: normal; font-family: Arial, Verdana, Geneva, Helvetica; color:#666666; margin:0px; padding:0px; padding-right:4px; height:25px;}
.formtdbtn  {font-weight: normal; font-size: 8pt; font-style: normal; font-family: Arial, Verdana, Geneva, Helvetica; color:#666666; margin:0px; padding:0px; padding-right:4px; height:25px;}
.formtdwarn {font-weight: normal; font-size: 8pt; font-style: normal; font-family: Arial, Verdana, Geneva, Helvetica; color:#c00000;}
.formtdtext {font-weight: normal; font-size: 8pt; font-style: normal; font-family: Arial, Verdana, Geneva, Helvetica; color:#555555; text-align:justify;}
.formth {height:8px; border-style:solid; border-width:0px; border-color:#bbbbbb; font-style: normal; font-weight: normal; font-size: 8pt; font-family: Arial, Verdana, Geneva, Helvetica; text-align:left; margin:0px; padding:0px;}
.opttd	{height:15px; border-style:solid; border-width:0px; border-color:#bbbbbb; color: #000000; font-style: normal; font-weight: normal; font-size: 8pt; font-family: Arial, Verdana, Geneva, Helvetica; text-align: left; vertical-align:middle;}