/*

blaugrün   =#5799A7  Schrift bar

*/

/* B A C K G R O U N D */

table,.formfldsw,.formbtn,.bformbtn{background:transparent;}
.formfld{background:transparent;}

html,body,.dyn,.summary,.articlesummary,.text,.articletext,.search{background-color:#FFFFFF;}
.artmailsend{background-color:#FFFAC4;}

.topl{background-image:url(http://www.lebioptik.com/images/keyv_l.jpg);background-repeat:no-repeat;}
.topc{background-image:url(http://www.lebioptik.com/images/keyv_c.jpg);background-repeat:no-repeat;}
.topr{background-image:url(http://www.lebioptik.com/images/keyv_r.jpg);background-repeat:no-repeat;}

.col{background:url(http://www.lebioptik.com/images/menu_bg.jpg);background-repeat:no-repeat;}
.colr{background:url(http://www.lebioptik.com/images/colr_bg.jpg);background-repeat:no-repeat;background-position:top right;}

/* F O N T S */

html,body{font-size:100.01%;}

html{font-family:Arial,Helvetica,sans-serif;} /*t r b l*/

*{font:normal normal 500 10pt/12pt Arial,Helvetica,sans-serif;}

.col,.colr,.hnp{font:normal normal 300 3pt/4pt Arial,Helvetica,sans-serif;}
.footnote{font:normal normal 300 8pt/10pt Arial,Helvetica,sans-serif;}

.small{font:normal normal 400 7pt/8pt Arial,Helvetica,sans-serif;}
.address{font:normal normal 400 9pt/11.5pt Arial,Helvetica,sans-serif;}

.subbtn{font:normal normal 500 8pt/9pt Arial,Helvetica,sans-serif;}

.artmailtext,.artmailsend{font:normal normal 600 8.5pt/10pt Arial,Helvetica,sans-serif;}

.hdist,.dyn,.dyn2cols,.idynin,.icolr,.subbtnin{font:normal normal 700 4pt/5pt Arial,Helvetica,sans-serif;}
.oeffnungszeiten,.oeffnungszeitentop{font:normal normal 700 7.8pt/9pt Arial,Helvetica,sans-serif;}
h3,.index{font:normal normal 700 9pt/10pt Arial,Helvetica,sans-serif;}
h2{font:normal normal 700 9.5pt/11pt Arial,Helvetica,sans-serif;}
h1,.search,.time,.bold,.cbold,.redbold,.orangebold{font:normal normal 700 10pt/11pt Arial,Helvetica,sans-serif;}
.bar,.btnin{font:normal normal 700 12pt/14pt Arial,Helvetica,sans-serif;}

.printpath{font:normal normal 900 10pt/12pt Arial,Helvetica,sans-serif;}

/* F O N T S->Links */

a:hover,a:active,a:link,a:visited{font:normal normal 500 10pt/12pt Arial,Helvetica,sans-serif;}

a.PathLink{font:normal normal 700 12pt/14pt Arial,Helvetica,sans-serif;}
a.Menu{font:normal normal 700 11pt/12.5pt Arial,Helvetica,sans-serif;}
a.btn{font:normal normal 500 8pt/9pt Arial,Helvetica,sans-serif;}

a.footer{font:normal normal 300 8pt/10pt Arial,Helvetica,sans-serif;}

/* C O L O R S */

*{color:#000000;}
.index{color:#4A4E7C;}
.bar,.subbtnin,.address,.printpath{color:#5799A7;}

.red,.redbold{color:#CC0000;}
.orange,.orangebold{color:#F08908;}
.artmailsend{color:#FF0000;}
.time,.oeffnungszeitentop,.artmailtext{color:#FFFFFF;}

/* C O L O R S -Links*/

a:active,a:link,a:visited,a:hover{color:#5799A7;}

a.Menu:link,a.Menu:visited,a.btn,a.mail:link,a.mail:hover{color:#000000;}

/* V I S I B I L I T Y */

.hnp{visibility:hidden;}

/* C U R S O R */

.formfld,.formbtn,.formfldsw,.bformbtn{cursor:pointer;}

/* W I D T H S */

table,.bar{width:100%;}

table.total{width:984px;}
td.topc,.keyvctop{width:584px;}
.dyn{width:544px;} /* 534 554 */

.keyvcbot{width:385px;}
.keyvcbotl{width:200px;}
.keyvcbotr{width:90px;}
.dyn2cols{width:252px;}
td.topl,td.topr,.col{width:200px;}
.menutop,.colrtop{width:180px;}
.icol,.btnin{width:170px;}
.icolr{width:150px;}
.formfldsw{width:140px;}
.coll{width:40px;}
.bcols{width:12px;}

/* H E I G H T S */

.colr{height:400px;}
td.topl,td.topc,td.topr{height:205px;}
.keyvctop{height:174px;}

.menutop{height:70px;}
.toprtop{height:175px;}
.colrtop{height:240px;}
.colrbot{height:65px;}
.search{height:20px;}
.keyvcbot,.keyvcbotl,.keyvcbotr{height:20px;}
.bar{height:18px;}
.footnote{height:17px;}
.formfldsw{height:15px;}
.subbtnin,.presubbtnin{height:14px;}

.subbtntop{height:5px;}
.hnp{height:1px;}

/* H E I G H T S - Links*/

a.Menu{height:20px;}

/* T E X T - D E C O R A T I O N */

html,body{text-decoration:none;}

/* T E X T - D E C O R A T I O N -Links*/

a:active,a:link,a:visited,a.Menu:hover,a.MoreLink:hover,a.rclink:hover,a.btn:hover,a.PathLink:hover,a.footer:hover,a.mail:hover{text-decoration:none;}

a:hover{text-decoration:underline;}

/* T E X T - A L I G N */

*{text-align:left;}

table,.time,.center,.cbold,.footnote,.search,.artmailsend{text-align:center;}

table.right,.right{text-align:right;}

/* V E R T I C A L  - A L I G N */

table,span,td{vertical-align:top;}

.search,.bar,.btnin{vertical-align:middle;}

.footnote{vertical-align:bottom;}

/*  M A R G I N */

*{margin:0;}

body{margin-top:5px;}

table.left,h1,h2,h3,span,p,div,li,input,td,.dyn2cols,.formfldsw{margin-left:0;margin-right:auto;}

body,table,td.topc,.dyn,.center{margin-left:auto;margin-right:auto;}
/*empty-cells:hide;*/

table.right,.right,.formbtn,.bformbtn{margin-left:auto;margin-right:0;}

/* P A D D I N G */

*{padding:0;}

img{padding:5px;}

.formfld{padding-left:5px;}

.dyn{padding-left:20px;}
.dyn2cols{padding-left:5px;padding-right:5px;}

.icol,.icolr{padding-left:10px;}
.icolr{padding-right:10px;}

bar{padding-bottom:5px;}

/* P A D D I N G - Links*/

a.Menu,a.btn{padding-left:10px;}

/* B O R D E R */

form,.formfld,.formfldsw,.formbtn{border:none;}

*{border:0;}

table{border-spacing:0;border-collapse:collapse;}

.btnin{border-bottom:1px solid #CCCCCC;}
.bar{border-bottom:1px solid #5799A7;}

.bform,.bformbtn{border:1px solid #999999;}
.bor{border:1px solid #CC0000;}

/* B O R D E R - Links*/

a.btn{border:0;}