/*important colors
mittelblau #417090 keyv bg
hellblau   #A5C4D9 col bg+top
hellblau2  #CCD9E2 
rot        #9E0B0E menubg
rot        #C71306 menu_bg
orange     #F54901
grün       #ABA000
braun      #A36209
dunkelbraun#F32E00
lila       #630460

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

table,td.top,.date,.srch{background:transparent;}

html,body,.odyn,.idyn2cols{background-color:#000000;}

.prebar{background-color:#005852;}
.col,.menubg,.webph,.webp{background-color:#9E0B0E;}
.icolrb{background-color:#D6DEDE;}

.topbg,.bar,.icolr{background-color:#A5C4D9;}
.barcol{background-color:#FDA204;}

.dyn2cols,.idyn,.bgwhite,.artprt{background-color:#FFFFFF;}

.topl{background-image:url(http://www.sunglas.de/images/keyv_l.gif);background-repeat:no-repeat;}
.topc{background-image:url(http://www.sunglas.de/images/keyv_c.gif);background-repeat:no-repeat;}
.topr{background-image:url(http://www.sunglas.de/images/keyv_r.gif);background-repeat:no-repeat;}

.menutop{background-image:url(http://www.sunglas.de/images/menu_topbg.gif);background-repeat:no-repeat;}

.bot_bg{background-image:url(http://www.sunglas.de/images/bot_bg.gif);background-repeat:no-repeat;}

.brbbotcl{background-image:url(http://www.engels-fagel.de/images/eintrag_ins_branchenbuch/bb_button_center.gif);}
.brbbotcr{background-image:url(http://www.engels-fagel.de/images/eintrag_ins_branchenbuch/bb_button_center.gif);}

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

/* C O L O R S */

.footnote{color:#0D566F;}

h1,h2,h3,.articletext,.text,.articlesummary,.summary,.heightdistance,.bargrau{color:#417090;}

.topheadline,.icolr{color:#4281AB;}

.boldgrey,.footnote{color:#999999;}

.idx{color:#B6BBDA;}

.bar,.barcol,.idyn2cols,.webph,.webp,.btn,.srch{color:#FFFFFF;}

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

a.btn:link,a.btn:visited,a.rclink:hover,a.btnh:link,a.btnh:visited,a.btnv:link,a.btnv:visited,a.subbtn:hover{color: #FFFFFF;}

a.btnv:hover,a.subbtn:link,a.subbtn:visited{color:#FDA204;}

a.Menue:active,a.Menue:visited,a.btnh:active,a.btnv:active,a.subbtn:active,a.rclink:active{color:#FF0000;}

a:hover,a.MoreLink:link,a.MoreLink:active,a.MoreLink:visited,a.footer:link,a.at:hover,a.btn:active,a.footer:active,a.footer:hover,a.footer:visited,a.Menue:link{color:#9E0B0E;}

a:link,a:visited,a:active{color:#417090;}
a.rclink:visited{color:#2A7893;}

a.MoreLink:hover,a.btn:hover,a.btnh:hover,a.Menue:hover{color:#000000;}

/* F O N T */

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

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

h1,.boldgrey,.srch{font:normal normal 700 10pt/12pt Verdana,Arial,Helvetica,sans-serif;}

h2,.date,.btn,.idx,.bar,.barcol{font:normal normal 700 9pt/11pt Verdana,Arial,Helvetica,sans-serif;}

.webph{font:normal normal 700 8pt/9pt Verdana,Arial,Helvetica,sans-serif;}

body,p,div,li,input,span,td,form,table,h3,.articletext,.text,.articlesummary,.summary{font:normal normal 500 10pt/12pt Verdana,Arial,Helvetica,sans-serif;}

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

.heightdistance{font:normal normal 300 4pt/5pt Arial,Helvetica,sans-serif;}

/* F O N T - Links */

a.footer:active,a.footer:link,a.footer:hover,a.footer:visited{font:normal normal 300 8pt/10pt Verdana,Arial,Helvetica,sans-serif;text-align:left;}

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

a.subbtn:active,a.subbtn:link,a.subbtn:hover,a.subbtn:visited,a.rclink:active,a.rclink:link,a.rclink:hover,a.rclink:visited{font:normal normal 700 7.5pt/10pt Verdana,Arial,Helvetica,sans-serif;}

a.btnh:active,a.btnh:link,a.btnh:hover,a.btnh:visited,a.btnv:active,a.btnv:link,a.btnv:visited,a.btnv:hover{font:normal normal 700 8pt/10pt Verdana,Arial,Helvetica,sans-serif;}

a:hover,a:link,a:active,a:visited,a.MoreLink:hover,a.MoreLink:link,a.MoreLink:active,a.MoreLink:visited,a.btn:active,a.btn:link,a.btn:hover,a.btn:visited{font:normal normal 700 10pt/12pt Verdana,Arial,Helvetica,sans-serif;}

a.at:active,a.at:link,a.at:hover,a.at:visited{font:normal normal 700 28pt/30pt Verdana,Arial,Helvetica,sans-serif;}


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

body,p,div,li,input,span,td,form,h1,h2,h3,table.left,.summary,.articlesummary,.text,.articletext,.idx{text-align:left;}

table,.barcol,.footnote,.center,.btnin,.subbtnin,.webph,.bior,.formfeldc,.topheadline,.icolr,.icolrb{text-align:center;}

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

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

a.btn:active,a.btn:link,a.btn:hover,a.btn:visited,a.rclink:active,a.rclink:link,a.rclink:hover,a.rclink:visited{text-align:left;}

a.btnh:active,a.btnh:link,a.btnh:hover,a.btnh:visited{text-align:center}

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

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

.btnin,.bar,.barcol,.srch{vertical-align:middle;}
.bio{vertical-align:bottom;}

/* 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:visited,a:link,a:active,a.MoreLink:hover,a.Menue:hover,a.btn:hover,a.btn:hover,a.subbtn:hover,a.rclink:hover,a.footer:hover,a.at:hover{text-decoration:none;}

a:hover{text-decoration:underline;}

/* W I D T H */

table,td.bgform,.bar,.textborder{width:100%;}

.artprt{width:99%;}
.btn{width:95%;}
.brbtopcr{width:51%;}
.brbtopcl{width:31%;}
.brbtopr{width:10%;}
.prebar{width:4%;}
.brbtopl{width:2%;}

.total,td.top{width:984px;}
.bot_bg{width:821px}
.topc{width:650px;}
.odyn,.dyn{width:484px;}
.idyn{width:464px;}

td.bio{width:480px;}

.dyn2cols{width:242px;}
td.topr,td.topl,.col,.colr,.ocol,.menutop{width:163px;}
.icol,.icolr{width:158px;}
.btnin{width:135px;} 

.artpr{width:60px;}
.topldist{width:40px;}
.bcolsr{width:10px;}
.prebtnin{width:12px;}
.bcols{width:10px;}

/* W I D T H -Links */

a.btn:link,a.btn:hover,a.btn:active,a.btn:visited{width:130px;}

/* H E I G H T */

.col{height:100%;}
.bior{height:210px;}

.menutop{height:122px;}

td.topl,td.topc,td.topr{height:150px;}

.topdist{height:17px;}
.bot_bg{height:57px}
.bio{height:45px;}
.white{height:38px;}

.bar,.prebar,.barcol,.topheadline{height:20px;}
.brbtopl,.brbtopcl,.brbtopcr,.brbbotcl,.brbbotcr{height:18px;}
.prebtnin{height:11px;} 

/* M A R G I N */

p,div,li,input{margin:0 2px;} /*t+b r+l*/

html{margin:2px 0 0 2px;} /*t r b l*/

h1,h2,h3{margin:0 0 5px;} /*t l+r b*/

div,li,input,span,td,.summary,.articlesummary,.text,.articletext{margin:0 2px;}

table.left,td,.dyn,td.topl,.dyn2cols,.idx{margin-left:0; margin-right:auto;}

table,td.topr,.idynin,.center,.subbtnin{margin-left:auto;margin-right:auto;}
/*empty-cells:hide;*/

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

body,p,form,img,.brabuch{margin:0;}

/* P A D D I N G */

.bar,.dyn,.idyn{padding-left:10px;}
.dyn,.idyn{padding-right:10px;}
.idyn{padding-top:10px;}

table.bor,.icolr,.icolrb{padding:5px;}
.dyn2cols{padding-left:5px;padding-right:5px;padding-top:5px;}

.textbor{padding:3px;}

img{padding-right:5px;padding-bottom:5px;}

html,table,h1,h2,h3,body,p,form,td,img.noborder,.menubg,.text,.articletext,.menutop,.icol,.brabuch,.bot_bg{padding:0;}

/*.dyn2cols */

a.btnh:link,a.btnh:visited,a.btnh:active,a.btnh:hover{padding-left:8px;} 

/* B O R D E R */

table,img{border:0;}

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

/*
table.total{border:1px solid #0000CC;border-spacing:2px;border-collapse:separate;empty-cells:show;}
*/

table.bor{border:1px solid #000000;border-spacing:1px;}
.formfeld,.formfeldc{border:1px solid #0072BC;}

.dyn2cols{border:1px solid #CCD9E2;}