/******************************************************************************
 *                                                                    2006-08 *
 * Project | www.watches.de                                                   *
 * Author  | Silke Stolle <s.stolle@21torr.com>                               *
 *           J?rgen Schley <j.schley@21torr.com>                              *
 *                                                                            *
 * Package | Base                                                             *
 ******************************************************************************/

div.clear, br.clear { clear:both;height:1px;font-size:1px;line-height:1px; }

body { background:#FFF;margin:0;padding:0;font-family:Verdana,Arial,Helvetica,Sans-Serif;font-size:62.5%;color:#000;text-align:center; }

div.left { float:left; }
div.right { float:right; }

form { margin:0;padding:0; }
img { border:0; }
p { margin:0;padding:0;font-size:1.2em;line-height:1.4em; }
p.stand-alone { margin:22px 0 0 9px; }



/*---  Module für Meta-Navigation  ---*/

div.meta { display:none; }


/*---  Module für Subnavigation  ---*/

div.nav { width:196px;background:#ECECEC;height:290px; }

ul.navmenu, ul ul { padding:0;margin:0;border:0;list-style-type:none;overflow:hidden;width:196px;text-align:right;color:#FFF;font-size:1.3em;font-weight:bold; }

ul.navmenu ul { margin:0; }

ul.navmenu li { text-indent:11px;line-height:35px;margin-bottom:5px; }

ul.navmenu li a, ul.navmenu li a:visited { display:block;height:35px;text-decoration:none;color:#000;padding:0 10px 0 0; }

ul.navmenu li.active a { border:1px solid #000;color:#000;background:#a2a2a2 url(../img/arrow_grey.gif) no-repeat !important; }




/*---  Module für Navigation-Homepage Subarea  ---*/

#navlist { display:none; }


 /*---  Module für Globale Definitionen, Abst?nde, etc  ---*/
 
div.black { background:#000; }
div.lightgrey { background:#E2E2E2 }
div.grey { background:#D7D7D7; }
div.big_white { font-size:2.3em;color:#FFF; }
div.margin10 { margin:0 10px 10px 0; }
div.margin10right { margin:0 10px 0 0; }
div.margin9bottom { margin:0 0 9px 0; }
div.margin10bottom { margin:0 0 10px 0; }
div.margin12bottom { margin:0 0 12px 0; }
div.w140 { width:140px; }
div.w130 { width:130px;float:left; }
div.w120 { width:120px;float:left; }
div.w80 { width:80px; }
div.w75 { width:75px;float:left; }
div.w590 { width:590px; background-color:#CCCCCC;}
div.h70 { height:70px; }
div.h35 { height:35px; }
div.h100 { height:100px; }

a.margin104top { margin-top:104px; }
a.margin82top { margin-top:82px; }
a.margin62top { margin-top:62px; }

div.nomarg { margin:0 !important; }
div.nopad { padding:0 !important; }
div.noborder { border:0 !important; }
div.center { text-align:center; }

div.bold { font-weight:bold; }

hr { height:1px;border:none;background-color:#F00; }

/*---  Module für Aeussere Bereiche  ---*/
div.container { width:990px;height:100%;padding-top:45px;text-align:left;margin:auto; }
div.streifen_links { background:url(../img/bg_streifen_links.gif);width:20px;height:518px;float:left; }
div.streifen_rechts { background:url(../img/bg_streifen_rechts.gif);width:20px;height:518px;float:left; }


/*---  Module für Innerer Bereiche - Header - Footer  ---*/
div.main { width:947px;height:518px;float:left; }

div.con_left { width:196px;margin-right:10px;float:left; }

div.quicksearch { display:none; }


/*---  Module für Contentbereich  ---*/
div.content { width:740px;height:440px;padding:0px;float:left; }

div.content h1 { font-weight:bold;font-size:1.4em;margin:10px 0 10px 0; } 
div.content h2 { font-weight:bold;font-size:1.2em;margin:0 0 10px 0; }
.link { font-size:1em;font-weight:bold;color:#6F6F6F; }
div.link { font-size:1em;font-weight:bold;color:#6F6F6F; }

div.box1 { width:280px;height:280px;padding:10px 0 0 10px;float:left; }
div.box1 a, div.quicksearch a { background:url(../img/arrow_grey.gif) no-repeat 0 3px;font-size:1.2em;font-weight:bold;line-height:2.5em;text-decoration:none;color:#6F6F6F;padding-left:15px; }
div.box1 a:hover, div.box1 a:active, div.quicksearch a:hover, div.quicksearch a:active { background:url(../img/arrow_red.gif) no-repeat 0 3px;color:#FF0000; }


div.box2 { width:280px;height:130px;padding:10px 0 0 10px;float:left; }


div.box3 { width:130px;height:130px;padding-top:10px;padding-left:10px;float:left; }
div.bg_box3 { background:url(../img/bg_box3.gif);color:#FFF;font-size:1em;font-weight:bold;line-height:2.4em; }
div.box3 a { background:url(../img/arrow_white.gif) no-repeat 0 3px;text-decoration:none;color:#FFF;padding-left:10px; }
div.box3 a:hover, div.box3 a:active { background:url(../img/arrow_red.gif) no-repeat 0 3px;color:#FF0000; }
div.box3 a.grey { background:url(../img/arrow_grey.gif) no-repeat 0 3px;text-decoration:none;color:#6F6F6F;font-size:1.2em;font-weight:bold;padding-left:15px;display:block; }
div.box3 a.grey:hover, div.box3 a.grey:active { background:url(../img/arrow_red.gif) no-repeat 0 3px;color:#FF0000; }
div.box3 a.browse { background:url(../img/arrow_grey.gif) no-repeat 8px 3px;text-decoration:none;padding-left:15px; }
div.box3 a.browse:hover, div.box3 a.browse:active { background:url(../img/arrow_red.gif) no-repeat 8px 3px; }
div.box6 a.browse_back, div.box3 a.browse_back, div.box7 a.browse_back { background:url(../img/arrow_grey_reverse.gif) no-repeat 0 3px;padding-left:10px; }
div.box6 a.browse_back:hover, div.box6 a.browse_back:avtive, div.box3 a.browse_back:hover, div.box3 a.browse_back:active, div.box7 a.browse_back:hover, div.box7 a.browse_back:avtive { background:url(../img/arrow_red_reverse.gif) no-repeat 0 3px;padding-left:10px; }

div.box3 a.noarrow_grey { background:none;text-decoration:none;color:#6F6F6F;padding:0 2px 0 2px; }
div.box3 a.noarrow_grey:hover, div.box3 a.noarrow_grey:active { background:none;text-decoration:none;color:#FF0000; }

div.box3 a.noarrow_red { background:none;text-decoration:none;color:#FF0000;padding:0 2px 0 2px; }

div.box3 a.double_grey { background:url(../img/arrow_double_grey.gif) no-repeat 0 3px;text-decoration:none;color:#FFF;padding-right:4px; }
div.box3 a.double_grey:hover, div.box3 a.double_grey:active { background:url(../img/arrow_double_red.gif) no-repeat 0 3px;color:#FF0000; }

div.box3 a.double_reverse { background:url(../img/arrow_grey_double_reverse.gif) no-repeat 0 3px;font-size:1.1em;font-weight:bold;line-height:2em;text-decoration:none;color:#6F6F6F;padding-right:4px; }
div.box3 a.double_reverse:hover, div.box3 a.double_reverse:active { background:url(../img/arrow_red_double_reverse.gif) no-repeat 0 3px;color:#FF0000; }

div.box4 { width:140px;height:290px;float:left; }


div.box5 { width:130px;height:60px;padding-top:5px;padding-right:10px;text-align:right; }
div.bg_box5 { background:url(../img/bg_box5.gif);color:#FFF;font-weight:bold;line-height:1.6em; }
div.box5 a { background:url(../img/arrow_white.gif) no-repeat 0 3px;text-decoration:none;color:#FFF;padding-left:10px; }
div.box5 a:hover{ background:url(../img/arrow_red.gif) no-repeat 0 3px;color:#FF0000; }


div.box6 { width:280px;height:430px;padding:10px 0 0 10px;float:left;line-height:2.5em; }
div.box6.smallheight { line-height:1.5em; }
div.bg_box6 { background:url(../img/bg_box6.gif);color:#FFF;font-weight:bold;line-height:2.5em; }
div.box6 h1 { font-weight:bold;font-size:1.4em;margin:0 0 10px 0; } 
div.box6 a, div.box7 a { background:url(../img/arrow_grey.gif) no-repeat 0 3px;font-size:1em;font-weight:bold;text-decoration:none;color:#6F6F6F;padding-left:15px; }
div.box6 a:hover, div.box6 a:active, div.box7 a:hover, div.box7 a:active { background:url(../img/arrow_red.gif) no-repeat 0 3px;color:#FF0000; }
div.box6 a.reverse, div.box3 a.reverse, div.box7 a.reverse { background:url(../img/arrow_grey_reverse.gif) no-repeat 0 3px;font-size:1em;font-weight:bold;text-decoration:none;color:#6F6F6F;padding-left:15px; }
div.box6 a.reverse:hover, div.box6 a.reverse:active, div.box3 a.reverse:hover, div.box3 a.reverse:active, div.box7 a.reverse:hover, div.box7 a.reverse:active { background:url(../img/arrow_red_reverse.gif) no-repeat 0 3px;color:#FF0000; }

div.content div.box6 label { float:left;width:100px;font-size:1.1em; }
div.content div.box6 label.smallline { line-height:1.1em;padding-top:5px; }
div.content div.box6 input { width:165px;border:1px solid #979797;margin-top:5px; }
div.content div.box6 input.order, div.content div.box3 input.order { background:url(../img/arrow_grey.gif) no-repeat 0 3px;width:65px;text-indent:10px;line-height:11px;font-size:1.1em;font-weight:bold;color:#6F6F6F;margin:0;border:none; }
div.content div.box6 input.order2, div.content div.box3 input.order2 { background:url(../img/arrow_grey.gif) no-repeat 0 3px;width:50px;text-indent:10px;line-height:11px;font-size:1.1em;font-weight:bold;color:#6F6F6F;margin:0;border:none; }
div.content div.box3 input.order100 { background:url(../img/arrow_grey.gif) no-repeat 0 3px;width:100px;text-indent:10px;line-height:11px;font-size:1.1em;font-weight:bold;color:#6F6F6F;margin:0;border:none; }
div.content div.box6 select { width:170px;border:1px solid #979797;margin-top:5px; }
div.content div.box6 textarea { width:260px;height:60px;border:1px solid #979797;margin-top:5px; }
div.content div.box6 textarea.small { width:165px;height:45px;border:1px solid #979797;margin-top:5px; }
div.box6 ul { margin:0;padding:0 0 0 17px;list-style-image: url(../img/arrow_grey_bullet.gif); }

div.pic_homepage { width:288px;height:288px;border:1px solid #7F7F7F;float:left; }
div.pic_homepage img { border:0;font-size:0;padding:0;margin:0; }

div.pic_overview { width:138px;height:138px;border:1px solid #7F7F7F;float:left; }
div.pic_overview img { border:0;font-size:0;padding:0;margin:0; }

div.pic_detail_big { width:348px;height:438px;font-size:0;border:1px solid #7F7F7F;float:left; }
div.pic_detail_big img { border:0;font-size:0;padding:0;margin:0; }

div.pic_detail_small { width:78px;height:99px;border:1px solid #7F7F7F;float:left; }
div.pic_detail_small img { border:0;font-size:0;padding:0;margin:0; }

div.detailbeschreibung { width:250px;height:395px;float:left;font-size:1em;font-weight:bold;line-height:1.6em;color:#6F6F6F; }
div.detailbeschreibung h1 { font-size:1em;color:#000; }
.darkgrey { color:#444; }
.bigred { color:#FF0000; background:#E2E2E2;padding:2px; }
div.detailbeschreibung ul { margin:0;padding:0 0 0 17px;list-style-image: url(../img/arrow_grey_bullet.gif); }

/*--- Module für Quicknavi ---*/
div.quicknav { display:none; }


/*--- Module für Gaestebuch ---*/
div.box6.gbook { width:278px;height:428px; border:1px solid #000; }
div.box6 hr { margin:10px 5px 10px 0; }	

/*-------- Overflow ------------*/
.shape {background:#E2E2E2;border:none;height:360px;width:270px;overflow:auto;scrollbar-3dlight-color:#E2E2E2;					scrollbar-arrow-color:#FF0000;scrollbar-darkshadow-color:#3F3F3F;scrollbar-face-color:#D7D7D7;scrollbar-highlight-color:#A7A7A7;scrollbar-shadow-color:#A7A7A7;scrollbar-track-color:#E2E2E2; }
.shapegb {background:#E2E2E2;border:none;height:390px;width:273px;overflow:auto;scrollbar-3dlight-color:#E2E2E2;					scrollbar-arrow-color:#FF0000;scrollbar-darkshadow-color:#3F3F3F;scrollbar-face-color:#D7D7D7;scrollbar-highlight-color:#A7A7A7;scrollbar-shadow-color:#A7A7A7;scrollbar-track-color:#E2E2E2; }
* html .shape, * html .shapegb { overflow-y:auto;overflow-x:visible; }
						

/*--- Module für erweiterte Suche ---*/
div.box7 { height:430px; margin:0;padding:10px 10px 0 20px; }
div.box7 input, select { width:324px;float:left;margin-bottom:8px; }
div.box7 select.preis { width:100px;margin-right:12px; }
div.box7 select.komplikation { width:150px;margin-bottom:20px; }

div.box7 input.mselect { width:27px;border:0; }
div.box7 input.right { background:url(../img/arrow_grey.gif) no-repeat  9px 4px; margin-top:20px;}
div.box7 input:hover.right, div.box7 input:active.right { background:url(../img/arrow_red.gif) no-repeat  9px 4px; margin-top:20px;}
div.box7 input.left { background:url(../img/arrow_grey_reverse.gif) no-repeat  9px 4px; }
div.box7 input:hover.left, div.box7 input:active.left { background:url(../img/arrow_red_reverse.gif) no-repeat  9px 4px; }

div.box7 input.checkbox { width:13px;border:none; }
div.box7 div.arrow { width:26px; }

div.box7 table { width:100%;margin-bottom:20px;}
div.box7 table caption { text-align:left;font-weight:bold;font-size:1.2em;padding:20px 0 10px; 0;border-bottom: 1px solid #666666; }
div.box7 td { width:160px;border-bottom: 1px solid #666666;padding:5px 0 1px 0; }
div.box7 td:first-child { font-weight:bold; }
div.box7 td:last-child { width:80px;text-align:right; }
div.box7 td a { text-decoration:none;color:#6F6F6F; }
div.box7 td a:hover { color:#FF0000; }
div.box7 th { display:none; }



/*---  Module für Forms  ---*/
div.content label { float:left;padding-top:3px; }
div.content label.long { float:left;width:120px;padding-top:3px; }
div.content input.radio { float:left;border:none;width:auto;padding-top:2px; }
div.content input.suche, div.quicksearch input.suche { background:#FF2222 url(../img/arrow_white.gif) no-repeat 3px 4px;width:70px;text-indent:10px;line-height:11px;font-size:1.1em;font-weight:bold;color:#FFF;padding:2px 0 2px 0;border:1px solid #808080;margin-left:4px; }
html>body div.content input.suche { padding-top:1px; } /* MOZ */



input { border:1px solid #979797;margin-right:1px; }
select { width:200px;border:1px solid #979797; }
textarea { width:380px;height:100px;border:1px solid #979797; }

input.error, checkbox.error, select.error, radio.error { background-color:#F66;color:#FFF;font-size:bold; }
textarea.error { background-color:#F66; }


/*---  Module für Footer  ---*/
div.footer { display:noen;; }


/*---  Module für Zusatztexte Barrierefreiheit - Printversion  ---*/
span.barriere { display:none; }
span.print {  }
 
div.clear, br.clear { clear:both;height:1px;font-size:1px;line-height:1px; }

div.marginal { display:none; }