/* - BG-Farbe Header / Nav -*/
.bg td { background: #eeeeee }

/* -----   Farben --------*/

.blaudunkel    { color: #003366 }
.blau          { color: #095BA6 }
.blauhell      { color: #84ADD2 }

.gruen         { color: #007577 }
.gruenhell     { color: #80BABB }
.gruenhellhell { color: #d9eaeb }

.graudunkel    { color: #333333 }
.grau          { color: #666666 }
.grauhell      { color: #bbbbbb }
.grauhellhell  { color: #eeeeee }

.weiss         { color: #ffffff }
.schwarz       { color: #000000 }

.rot           { color: #FF0000 }



.bgblau          { background-color: #095BA6 }
.bgblauhell      { background-color: #84ADD2 }
.bgblaudunkel    { background-color: #003366 }

.bggruen         { background-color: #007577 }
.bggruenhell     { background-color: #80BABB }
.bggruenhellhell { background-color: #d9eaeb }

.bggraudunkel    { background-color: #333333 }
.bggrau          { background-color: #666666 }
.bggrauhell      { background-color: #bbbbbb }
.bggrauhellhell  { background-color: #eeeeee }

.bgrot           { background-color: #FF0000 }

.bgweiss         { background-color: #ffffff }
.bgschwarz       { background-color: #000000 }





/* -----   Allgemeine Formatierungen--------*/

/* Abst 0nde aller Elemente auf Null setzen + weitere Formatierungen */

body  { background-image: url("../_bg/bg.gif") }
html, body { font-size: 14px }

html, body, div, p, h1, h2, h3, h4, h5, ul, ol, li, span, a, form, img, input, table, td, th { font-family: Arial, Helvetica, Geneva, sans-serif; } 
html, body, div, p, h1, h2, h3, h4, h5, ul, ol, li, span, form, img, input { margin: 0; padding: 0; } 


h1 { font-size: 20px; font-weight: normal; color: #095BA6; font-weight: normal; word-spacing: 0px; letter-spacing: 1px; margin:0.5em 0 0.5em 0 }
h2 { font-size: 20px; font-weight: normal; color: #095BA6; font-weight: normal; word-spacing: 0px; letter-spacing: 1px; margin:1.0em 0 0.5em 0 }
h3 { font-size: 14px; font-weight: bold; color: #095BA6; margin:1em 0 0 0 }
h4 { font-size: 14px; font-weight: bold; color: #666666; margin:1em 0 0 0 }
h5 { font-size: 12px; font-weight: normal; color: #000000; margin:0 }
p, ul, table, tr, th, td { font-size:14px; }


sup, sub        { font-size: 72%; ; line-height: 0px; }
input, textarea { font-size: 12px; font-weight: bold; color: #095BA6; }
textarea        { width:100% }



 hr  {
 background-color:#bbbbbb; /* Mozilla 1.4 */
 color:#bbbbbb; /* IE 6 */
 border: #bbbbbb; /* Opera 7.11 */
 height: 5px; /* in Opera f?r die Anzeige n?tig, in Mozilla f?r die einheitliche H?he */
 }
.hrweiss { background-color:#ffffff; color:#ffffff; border: #ffffff; height: 2px;  }
.hrblau  { background-color:#095BA6; color:#095BA6; border: #095BA6; height: 2px;  }
.hrgruen { background-color:#007577; color:#007577; border: #007577; height: 2px;  }


/* Klassen allgemein */
.l  { text-align: left }
.c  { text-align: center }
.r  { text-align: right }


/* ----- Listen Spezial: PDF / More -------- */
ul.pdf,  
ul.pdf li,  
ul li.pdf,  
ul.more,  
ul.more li,  
ul li.more        { list-style: none; margin-left:0; padding-left:0; border: none; display:inline  }
ul.pdf,  
ul.more           { margin:0.7em 0 0.5em; display:block  }
ul.pdf li a,  
ul.more li a, 
a.more,  
a.pdf             { font-weight: bold; background-color: transparent; margin: 0.3em 0 0; padding: 0 0 0 15px; border: none; text-decoration: none; display:block; }
ul.more li a,
ul.more li a:link,
ul.more li a:visited,
a.more            { color: #095BA6; background: url(img/more.gif) no-repeat 0 0; }
ul.pdf li a,
ul.pdf li a:link,
ul.pdf li a:visited,
a.pdf             { color: #095BA6; background: url(img/pdf.gif) no-repeat 0 0; }
ul.more li a:hover,
a:hover.more      { color: #007577; background: url(img/more_o.gif) no-repeat 0 0; }
ul.pdf li a:hover,
a:hover.pdf       { color: #007577; background: url(img/pdf_o.gif) no-repeat 0 0; }



/* ----- Pfeil nach oben -------- */
a.pfeilnachoben        { float: right; margin:0 0 0 10px; padding:0; display:block; width: 20px; height: 17px; background: url(img/pfeilnachoben.png) no-repeat; }
a.pfeilnachoben        { background-position: 0   0px;}
a.pfeilnachoben:hover  { background-position: 0 -50px; }



.clearing { height: 0; clear: both; }

.floatrechts   { float:right; padding:0; margin: 0 0 10px 10px; display:inline }
.floatrechts1  { float:right; padding:0; margin: 0 0 10px 10px; display:inline; width: 146px }
.floatrechts2  { float:right; padding:0; margin: 0 0 10px 10px; display:inline; width: 288px }

.floatlinks{ float:left; padding:0; margin: 0; display:inline; width: 563px }
.spalte0   { float:left; padding:0; margin: 0; display:inline; width: 563px }
.spalte1   { float:left; padding:0; margin: 0; display:inline; width: 265px }
.spalte2   { float:left; padding:0; margin: 0; display:inline; width: 288px }
.spalte1b  { float:left; padding:0; margin: 0; display:inline; width: 407px }
.spalte2b  { float:left; padding:0; margin: 0; display:inline; width: 146px }
.spalte3   { float:left; padding:0; margin: 0; display:inline; width: 146px }



a:link { color: #095BA6 }
a:visited { color: #095BA6 }
a:hover { color: #007577 }
a:active { color: #095BA6 }


/*  Content-Abstände  */
#content .abstand, .abstand  { margin: 5px }
#content .rahmen,  .rahmen   { padding:5px }

#content .top0,    .top0    	{ margin-top:  0 ! important }
#content .top1,    .top1     { margin-top:  0.3em ! important }
#content .top2,    .top2     { margin-top:  0.5em ! important }
#content .top3,    .top3     { margin-top:  1.0em ! important }
#content .bottom0, .bottom0	 { margin-bottom:  0 ! important }
#content .bottom1, .bottom1  { margin-bottom:  0.3em ! important }
#content .bottom2, .bottom2  { margin-bottom:  0.5em ! important }
#content .bottom3, .bottom3  { margin-bottom:  1.0em ! important }



/* Content */

#content   { margin: 0; padding: 0; position: relative; width: 563px; overflow:hidden }

p { margin-top:0.7em; line-height: 1.3em;}

li     { margin-top:0.2em; }
ul     { list-style-type: disc; margin: 0.5em; padding-left: 1.3em; border: none }
ol     { list-style-type: decimal; margin: 0.5em; padding-left: 1.3em; border: none }


/*  Content  Klassen */
.legende      { color: #095BA6; font-weight: bold; font-size: 12px; margin:0; padding: 5px 5px 0 5px }
.legendetitel { color: #095BA6; font-weight: bold; font-size: 12px; margin:0; padding: 5px 0 0 0 }
.legendetext  { color: #000; font-weight: normal; font-size: 11px; margin:0; padding: 3px 0 0 0 }

.legendeinfotitel { color: #095BA6; font-weight: bold; font-size: 12px; padding:0; margin: 0 0 6px 0 }
.legendeinfo      { color: #333333; font-weight: bold; font-size: 12px; padding:0; margin: 0 0 6px 0 }

.titelbalken { color: #ffffff; padding:5px; margin: 0; background-color: #095BA6 }

.portraitname  { color: #095ba6; font-size: 12px; font-weight: bold;   margin: 5px 0 0 0; padding:0; line-height: 14px }
.portraitmail  { color: #000000; font-size: 12px; font-weight: normal; margin: 5px 0 0 0; padding:0; line-height: 14px }
.portraitwww   { color: #000000; font-size: 12px; font-weight: bold;   margin: 5px 0 0 0; padding:0; line-height: 14px }
.portraittext  { color: #000000; font-size: 12px; font-weight: normal; margin: 7px 0 0 0; padding:0; line-height: 14px }

.foti          { 	float: right;  	display: inline; 	padding: 0; 	margin-left:10px; margin-bottom:10px; 	width: 288px; }
.foti img      { margin:0; padding: 0; }
.foti p,
.fotilegende  { color: #095BA6 ! important; background-color: #eeeeee; font-weight: bold; font-size: 12px; margin:0; padding: 4px 5px 1px 5px; }




/* 11th Meeting */

.meeting11    { background: url(../_bilder/_meetings/_11th/blatt.jpg) no-repeat; padding: 8px 5px 10px 10px }
.meeting11 h1 { color: #000000; font-weight: bold; margin-top:0px }
.meeting11 h2 { color: #000000; font-weight: normal; margin-top:0px }
.meeting11 h3 { color: #000000 }


/* 13th Meeting */

.meeting13    { background: url(../_bilder/_meetings/_13th/laser.jpg) no-repeat; padding: 8px 5px 10px 10px }
.meeting13 h1 { color: #000000; font-weight: bold; margin-top:0px }
.meeting13 h2 { color: #000000; font-weight: normal; margin-top:0px }
.meeting13 h3 { color: #000000 }


/* 14th Meeting */

.meeting14    { background: none; padding: 0}
.meeting14 h1 { color: #000000; font-weight: bold; margin-top: 15px }
.meeting14 h2 { color: #000000; font-weight: normal; margin-top:0px }
.meeting14 h3 { color: #000000 }
.meeting14 hr  {
margin: 20px 0;
 background-color:#bbbbbb; /* Mozilla 1.4 */
 color:#bbbbbb; /* IE 6 */
 border: #bbbbbb; /* Opera 7.11 */
 height: 5px; /* in Opera f?r die Anzeige n?tig, in Mozilla f?r die einheitliche H?he */
 }


/* 15th Meeting */

.meeting15    { background: none; padding: 0}
.meeting15 h1 { color: #000000; font-weight: bold; margin-top: 15px }
.meeting15 h2 { color: #000000; font-weight: normal; margin-top:0px }
.meeting15 h3 { color: #000000 }
.meeting15 hr  {
margin: 20px 0;
 background-color:#bbbbbb; /* Mozilla 1.4 */
 color:#bbbbbb; /* IE 6 */
 border: #bbbbbb; /* Opera 7.11 */
 height: 5px; /* in Opera f?r die Anzeige n?tig, in Mozilla f?r die einheitliche H?he */
 }




/* Informationen Startseite */

.infoblock    { float: left; display: inline; padding:0; margin: 15px 15px 0 0; width: 261px; }

.infoblock h3   { color: #ffffff; font-weight: bold; margin: 0; background: #bbbbbb url(img/info_header.png) no-repeat 0 0; padding: 3px 8px 3px 10px; }
.infoblock img  { display: block; }
.infoblock ul   { background: #eeeeee; margin: 0; padding:3px 5px 5px; border: 0px solid #666666; list-style-type: none; font-size: 12px; line-height: 18px; }
.infoblock li   { margin: 0; padding: 0; }
.infoblock li a { color: #666666; margin: 0px; padding: 0 0 0 10px;  background: url(img/more.gif) no-repeat 0 0; display: block; width: 100%; }
.infoblock li a { width: 100%; }  /* IE */ 
.infoblock li a:link,
.infoblock li a:visited { color: #666666; }  
.infoblock li a:hover   { color: #095BA6; background: url(img/more_o.gif) no-repeat 0 0; }






/* tabellen */
table.liste    { width: auto; border-collapse: collapse; }
table.liste th { padding: 0.1em 0.5em 0.1em 0em; vertical-align:top; color: #ffffff; text-align:left; border-bottom: #666666 1px solid }
table.liste td { padding: 0.1em 0.5em 0.1em 0em; vertical-align:top; }

table.liste table    { width: auto; margin-top:0px; border-collapse: collapse;  }
table.liste table tr { border: none; }
table.liste table td { padding: 0 0.5em 0 0; vertical-align:top;}


/* tabellen Liste BG */
table.liste_bg    { width: auto; border-collapse: collapse; }
table.liste_bg th { padding: 0.2em 0.2em 0.2em 0.5em; vertical-align:top; color: #ffffff; background-color: #007577; text-align:left; border-bottom: #ffffff 1px solid }
table.liste_bg td { padding: 0.3em 0.2em 0.2em 0.5em; vertical-align:top; background-color: #eeeeee; }

table.liste_bg table    { width: auto; margin-top:0px; border-collapse: collapse;  }
table.liste_bg table tr { border: none; }
table.liste_bg table td { padding: 0 0.5em 0 0; vertical-align:top;}


/* tabellen Linien */
table.tabellelinien    { width: auto; border-collapse: collapse; }
table.tabellelinien th { padding: 0.2em 0.5em 0.2em 0em; vertical-align:top; color: #000000; text-align:left; border-top: #666666 1px solid; border-bottom: #666666 1px solid; background: #eeeeee }
table.tabellelinien td { padding: 0.2em 0.5em 0.2em 0em; vertical-align:top; color: #000000; text-align:left; border-bottom: #666666 1px solid }

table.tabellelinien table    { width: auto; margin-top:0px; border-collapse: collapse;  }
table.tabellelinien table tr { border: none; }
table.tabellelinien table td { padding: 0 0.5em 0 0; vertical-align:top;}


/* tabellen Linien KLEIN */
table.tabellelinienklein    { width: auto; border-collapse: collapse; }
table.tabellelinienklein th { padding: 0.2em 0.5em 0.2em 0em; vertical-align:top; color: #000000; text-align:left; border-top: #666666 1px solid; border-bottom: #666666 1px solid; background: #eeeeee }
table.tabellelinienklein td { padding: 0.2em 0.5em 0.2em 0em; vertical-align:top; color: #000000; text-align:left; border-bottom: #666666 1px solid }

table.tabellelinienklein table    { width: auto; margin-top:0px; border-collapse: collapse;  }
table.tabellelinienklein table tr { border: none; }
table.tabellelinienklein table td { padding: 0 0.5em 0 0; vertical-align:top;}

table.tabellelinienklein th,
table.tabellelinienklein td { font-size: 11px; }




#faqlinks td    { color: #095ba6; font-size: 12px; margin: 0; padding:2px; background-color: #eeeeee}

#linkliste td  { padding: 6px 0 0 0 }
#linkliste h3, #linkliste p  { margin: 0 0 0.2em 0 }

#meetings  { background-color: #eeeeee }
#meetings td    { padding: 3px; border-bottom: #ffffff 5px solid }
#meetings h1, #meetings h3, #meetings h4, #meetings p  { margin: 0; padding:0;  }





/* Navigation */

#nav  { margin: 0; padding: 0; display: block; width:177px; }

#nav ul        { list-style-type: none; margin: 0; padding: 0; width: 177px; }

#nav li        { margin: 0; padding: 0; width:177px; }

#nav a         { margin: 0; padding: 0; text-decoration: none; display: block; }

#nav a.button         { background-position: 0   0px; margin-top:2px; overflow: hidden; height:29px; background-repeat: no-repeat; }
#nav a.button:hover   { background-position: 0 -50px; }


/* Nav DE */

#nav a#klinik_de               { background-image: url("../de/_buttons/klinik.png"); margin-top:0px }
#nav a#aerzte_de               { background-image: url("../de/_buttons/aerzte.png");  }
#nav a#bessersehen_de          { background-image: url("../de/_buttons/bessersehen.png");  }
#nav a#brillenmuede_de         { background-image: url("../de/_buttons/brillenmuede.png"); }
#nav a#informationen_de        { background-image: url("../de/_buttons/informationen.png");  }
#nav a#fachartikel_de          { background-image: url("../de/_buttons/fachartikel.png");  }
#nav a#meetings_de             { background-image: url("../de/_buttons/meetings.png");  }
#nav a#gesundheitswesen_de     { background-image: url("../de/_buttons/gesundheitswesen.png");  }
#nav a#kontakt_de              { background-image: url("../de/_buttons/kontakt.png");  }

/* EN */

#nav a#klinik_en               { background-image: url("../en/_buttons/klinik.png"); margin-top:0px }
#nav a#aerzte_en               { background-image: url("../en/_buttons/aerzte.png");  }
#nav a#bessersehen_en          { background-image: url("../en/_buttons/bessersehen.png");  }
#nav a#brillenmuede_en         { background-image: url("../en/_buttons/brillenmuede.png");  }
#nav a#informationen_en        { background-image: url("../en/_buttons/informationen.png");  }
#nav a#fachartikel_en          { background-image: url("../en/_buttons/fachartikel.png");  }
#nav a#meetings_en             { background-image: url("../en/_buttons/meetings.png");  }
#nav a#kontakt_en              { background-image: url("../en/_buttons/kontakt.png");  }





/* Nav1 Titel  */
#nav h3       { font-size: 12px; font-weight: bold; line-height: 15px; display:block; margin: 0 0 0 11px; padding: 0; background-color: #dddddd; }

#nav h3 a     { padding: 3px 2px 2px 3px; background-color: transparent;text-decoration: none; height:auto;
border-bottom: 2px solid #eeeeee;
}

#nav h3 a:link,  #nav h3 a:visited
 { color: #666666; }

#nav h3 a:hover
 { color: #333333; }





/* Nav1  */

#nav ul ul li { margin: 0; padding: 0; display: block; 
                font-size: 12px;  font-weight: normal; line-height: 15px; }

#nav ul ul li a       { background-position: 0   0px; overflow: hidden; display:block; margin-top:0px; height:auto; }
#nav ul ul li a:hover { background-position: 0 -50px; }



#nav ul ul li a
  {
 background-image: url("img/nav1.png");
 background-repeat: no-repeat;
 margin:  0;
 padding: 0 0 2px 34px;
 text-decoration: none;
 } 


 #nav ul ul li a:link,  #nav ul ul li a:visited
 { color: #666666; }

 #nav ul ul li a:hover
 { color: #333333; }

/* ENDE Nav1 */


/* Nav2 */

 #nav ul ul ul li { margin: 0; padding: 0; display: block; 
                    font-size: 12px; font-weight: normal; line-height: 15px; }

 #nav ul ul ul li a
 {
 background-image: url("img/nav2.png"); 
 background-repeat: no-repeat;
 margin:  0;
 padding: 0 0 2px 51px;
 }


 #nav ul ul ul li a:link,  #nav ul ul li a:visited
 { color: #666666; text-decoration: none; }

 #nav ul ul ul li a:hover
 { color: #333333; }
 
/* ENDE Nav2 */


 #nav .subnav    { display: none }   
 #nav .subsubnav { display: none }   




/* Navrechts */

.navrechts          { margin: 0; padding: 0; display: block; overflow: hidden; width:288px; text-align: left }

.navrechts ul       { list-style-type: none; margin: 0; padding: 0; width: 288px; display: inline; }

.navrechts li       { margin: 0; padding: 0; width: 288px; display: inline; font-size: 12px;  font-weight: normal; line-height: 15px;}

.navrechts ul li a  { background-image: url("img/navrechts1.png"); background-repeat: no-repeat; display: block; text-decoration: none; margin: 0 0 0 0; padding: 0 0 2px 17px; overflow: hidden; } 

.navrechts ul li a       { background-position: 0   0px; }
.navrechts ul li a:hover { background-position: 0 -50px; }

 .navrechts ul li a:link,  .navrechts ul li a:visited
 { color: #666666; }

 .navrechts ul li a:hover
 { color: #333333; }

/* ENDE Navrechts */




/* Footer */

#footer	                               { display: block; width:760px; height: 30px; background-color: #eeeeee; }
#footerright	                          { display: block; width:563px; height: 30px; background-color: #eeeeee; }
#footer a,       #footerright a        { text-decoration: none; background-position: 0   0px; overflow: hidden; }
#footer a:hover, #footerright a:hover  { text-decoration: none; background-position: 0 -50px; overflow: hidden; }

/* Nav Footer */

#english           { background-image: url("img/english.png"); width:79px; height: 21px; display: inline; margin:4px 77px 0 21px; float: left; }

#deutsch           { background-image: url("img/deutsch.png"); width:79px; height: 21px; display: inline; margin:4px 77px 0 21px; float: left; }

#home              { background-image: url("img/homepage.png"); width:92px; height: 21px; display: inline; margin:4px 0 0 0px; float: left; }

#mvp               { background-image: url("img/mvp.png"); width:173px; height: 21px; display: inline; margin:4px 0 0 107px; float: left; }

#nachoben          { background-image: url("img/nachoben.png"); width:177px; height: 21px; display: inline; margin:4px 0 0 0; float: right;  }

#top               { background-image: url("img/tothetop.png"); width:177px; height: 21px; display: inline; margin:4px 0 0 0; float: right;  }





/* Veranstaltungen  */
               .veranstaltung          { margin: 5px 0 0px 0; display:block; padding: 8px; border: solid 5px #bbbbbb; background-color: #eeeeee }
/* Ort */      .veranstaltung h3       { margin: 0; padding:0; }
/* Lokal    */ .veranstaltung h4       { margin: 0.3em 0 0.3em 0; padding: 0.1em 0.5em 0 0; color:#000000; font-weight: bold; } 
/* Referent */ .veranstaltung h5       { margin: 0.3em 0 0.1em 0; padding: 0; color:#000000; font-weight: normal; font-size: 14px; color: #000000 }
/* Veranst. */ .veranstaltung table    { margin: 0.0em 0 0.4em 0; width: auto; border-collapse: collapse; }
               .veranstaltung table td { margin: 0;       padding: 0.1em 0.5em 0 0; vertical-align:top; font-weight: bold; }
/* Telefon */  .veranstaltung p        { margin: 0.4em 0 0     0; padding: 0; }