/*
imp Colors
grau     :#908E8E  Btn-Link u.a.
       
*/

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

table,.top,.address,.time,.col,.colr,.bcols,.text,.articletext,.search,.formfld,.formbtn,.formfldsw{background:transparent;}

html,body,.time,.dyn,.summary,.articlesummary{background-color:#FFFFFF;}

.col{background-image:url(http://www.optikkramer.de/images/col_bg.gif);background-repeat:no-repeat;}

.colr{background-image:url(http://www.optikkramer.de/images/colr_bg.gif);background-repeat:no-repeat;}

.topl{background-image:url(http://www.optikkramer.de/images/keyv_l.gif);background-repeat:no-repeat;}

.topc{background-image:url(http://www.optikkramer.de/images/keyv_c.gif);background-repeat:no-repeat;}

.topr{background-image:url(http://www.optikkramer.de/images/keyv_r.gif);background-repeat:no-repeat;}

/* P O S I T I O N */

/* F O N T S */

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

html{font-family:Verdana,Arial,Helvetica,sans-serif;}

.hdistop{font:normal normal 300 2pt/3pt Verdana,Arial,Helvetica,sans-serif;}
.hdist,.col,.colr,.hnp{font:normal normal 300 3pt/4pt Verdana,Arial,Helvetica,sans-serif;}

.footnote,.wpq,.wpa,.formwp{font:normal normal 300 8pt/10pt Verdana,Arial,Helvetica,sans-serif;}

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

.address{font:normal normal 400 9pt/16pt Verdana,Arial,Helvetica,sans-serif;}

body,p,div,li,input,span,td,table,form,.summary,.articlesummary,.text,.articletext,.index,.center,.red,.orange,.artmailtext,.artmailsend{font:normal normal 500 10pt/12pt Verdana,Arial,Helvetica,sans-serif;}
.formfld{font:normal normal 500 9pt/11pt Verdana,Arial,Helvetica,sans-serif;}

.bar{font:normal normal 600 11pt/13pt Arial,Helvetica,sans-serif;}

.dyn,.dyn2cols,.icolr{font:normal normal 700 4pt/5pt Verdana,Arial,Helvetica,sans-serif;}

h3,.index,.oeffnungszeiten,.oeffnungszeitentop{font:normal normal 700 9pt/10pt Verdana,Arial,Helvetica,sans-serif;}

h2{font:normal normal 700 9.5pt/11pt Verdana,Arial,Helvetica,sans-serif;}
h1,.search,.time,.bold,.centerbold,.redbold,.orangebold{font:normal normal 700 10pt/11pt Arial,Helvetica,sans-serif;}
.btnin{font:normal normal 700 12pt/13pt Arial,Helvetica,sans-serif;}

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

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

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

a.PathLink{font:normal normal 700 12pt/14pt Verdana,Arial,Helvetica,sans-serif;}

a.btn,a.MoreLink{font:normal normal 700 9pt/11pt Arial,Helvetica,sans-serif;}

a.Menu{font:normal normal 500 11pt/13pt Arial,Helvetica,sans-serif;}

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

/* C O L O R S */

body,h1,h2,h3,p,div,li,input,span,table,td,form,.summary,.articlesummary,.text,.articletext,.small,.bold,.center,.centerbold,.articleheadline{color:#000000;}
.dyn,.dyn2cols,.hdist,.footnote,.search{color:#000000;}

.index,.btnin{color:#908E8E;}
.formfld,.formbtn{color:#908E8E;}
.printpath{color:#993626;}
.address,.colrtop,.wpq,.wpa,.formwp{color:#999999;}/*BA750F*/
.red,.redbold{color:#CC0000;}
.orange,.orangebold{color:#F08908;}

.bar,.bottom{color:#FABC64;}

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

a{color:#616060;}
a.btn{color:#908E8E;}

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

.hnp{visibility:hidden;}

/* C U R S O R */

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

/* W I D T H S */

table,.bar{width:100%;}

table.total{width:984px;}
.topc,.dyn{width:584px;}

.print{width:440px;}
.dyn2cols{width:277px;}
.keyvctop{width:210px;}
.keyvcrtop{width:240px;}

.topl,.topr,.col,.colr,.time,.address{width:200px;}

.menutop{width:195px;}
.icolr{width:155px;}
.formfldsw{width:150px;}
.icol{width:130px;}

.toplk{height:85px;}
.bcols{width:20px;}
.coll{width:15px;}

/* H E I G H T S */

.topl,.topc,.topr{height:180px;}

.toplk{height:55px;}
.colrtop{height:60px;}
.menutop{height:35px;}
.bar{height:26px;}
.formbtn{height:22px;}
.search{height:20px;}

.keyvctop,.keyvcrtop,.btnin,.address,.formfld{height:18px;}
.footnote{height:17px;}
.formfldsw{height:14px;}

.hdistop{height:2px;}
.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,a.MoreLink:hover,a.Menu: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 */

/* html,body */

p,div,li,input,span,td,form,h1,h2,h3,.left,.icol,.address,.bar,.summary,.articlesummary,.text,.articletext,.search,.formfld,.index{text-align:left;}

table,td.topc,.time,.center,.barcolc,.footnote{text-align:center;}

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

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

/* html,body */

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

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

.footnote{vertical-align:bottom;}

/*  M A R G I N */

html{margin:5px 0px 0px 5px}

p,form,img,.topl,.topc,.topr,.col,.colr.summary,.articlesummary,.text,.articletext{margin:0;}

h1,h2,h3{margin-left:0;margin-top:3px;margin-bottom:4px;} 

table.left,span,p,div,li,input,.icol,.btnin,.dyn2cols,.address,.formfldsw{margin-left:0;margin-right:auto;}

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

.toplk,.right,.formbtn,.icolr{margin-left:auto;margin-right:0;}

.icol{margin-left:20px;}
.formfld{margin-left:60px;}

/*  M A R G I N -Links*/

a.btn{margin-left:auto;margin-right:auto;}

/* P A D D I N G */

/* html,body */

table,h1,h2,h3,p,form,img.noborder,.topl,.topc,.topr,.icolr,.btnin,.col,.text,.articletext{padding:0;}

img{padding:8px;}

.btnin{padding-left:15px;}
/*
.dyn2cols{padding-left:5px;padding-right:5px;}*/

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

/*a.btn{padding-left:6px;}*/

/* B O R D E R */

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

/*table,*/
img,.dyn,.top,.address,.col,.coltop,.bar{border:0;}
table{border-spacing:0;border-collapse:collapse;}

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