/**************************** TBLSTYLE.CSS ********************************/
/* Autor: TB                                                              */
/* Beginn: 01.09.1998                                                     */
/* Updates: 03.09.1998, 06.01., 14.01., 15.10., 21.11.1999, 30.01.,       */
/*          27.12., 29.12.2000, 01.01.,04.01.2001                         */
/* Redesign: 31.03.,01.04.2001                                            */ 
/* Redesign: 08.02.2002                                                   */
/* Redesign: 06.09.2005                                                   */
/**************************************************************************/
/* CSS-File für Techno Base Light                                         */
/**************************************************************************/ 
/* 20050906: Neudefinitionen                                    1950-2340 */
/* 20050913: Comments                                           1855- */
/* 20090322: Gallery-CSS                                        1555-1600 */
/**************************************************************************/

body { margin:0px; background-color:#000000; }

body,p,br,h1,h2,h3,h4,h5,ul,ol,li,div,td,th,address,blockquote,nobr,b,i,sub,sup,
strong,span,center,input,textarea,select,option { font-family:Verdana,Arial,Helvetica,sans-serif; color:#ffffff; }

body,p,ul,ol,li,div,td,th,address,nobr,b,i,span,center,input,textarea { text-align:left; font-size:8pt; line-height:12pt;}

pre { font-family:Courier,sans-serif; font-size:8pt; line-height: 15pt; color:#cccccc; }

h1 { font-size:12pt; }

h2 { font-size:11pt; }

h3 { font-size:10pt; }

h4 { font-size:9pt; }

h5 { font-size:8pt; }

sub,sup { font-size:7pt; }

a:link { color:#ffffff; text-decoration:none;
         font-family:Verdana,Arial,Helvetica,sans-serif; font-size:8pt; }
a:visited { color:#ffffff; text-decoration:none;
            font-family:Verdana,Arial,Helvetica,sans-serif; font-size:8pt; }
a:active { color:#ffffff; text-decoration:none;
           font-family:Verdana,Arial,Helvetica,sans-serif; font-size:8pt; }
a:hover { color:#ffffff; background:#999999; /* text-decoration:underline;*/
          font-family:Verdana,Arial,Helvetica,sans-serif; font-size:8pt; }
a img { background:#000000; }			 

#form { border:1px solid #ffffff; background-color:#000000; font-size:7pt; line-height:10pt; }

#white { color:#ffffff; }

#7pt { font-size:7pt; }

#box { margin:5px; padding:5px; border:1px solid #175597; background-color:#999999; font-size:8pt; }

#box_right_text { padding:3px; border:1px solid #175597; background-color:#003366; font-size:8pt; }

#box_right_bild { border:1px solid #175597; background-color:#003366;}

.input { border:1px solid #ffffff; background-color:#000000; font-size:7pt; line-height:10pt; }

.comments { border:1px solid #ffffff; background-color:#000000; font-size:7pt; line-height:10pt; }


#navigation { position:relative; top:10px; left:0; margin:7px; clear:both; }
#navigation select { font-size:8pt; width:260px; background:#000000; color:#ffffff; border:1px solid #999999; }
#navigation select option { color:#ffffff; }
#navigation input { font-size:8pt; background:#000000; color:#ffffff; border:1px solid #999999; }

#index { position:relative; top:20px; left:0; margin-bottom:50px; clear:both; }
#index div { float:left; display:inline; margin:5px; }
#index div a:hover { background:none; }
#index div img { border:1px solid #666666; }
#index div img:hover { border:1px solid #ffffff; }
#index div.clear { clear:left; margin:0; padding:0; }

div#info { display:block; float:none; clear:both; margin:0 6px 15px 6px; }
*html div#info { margin:-10px 6px 25px 6px; }
div#info h1 { margin:0; color:#ffffff; }

#bild { position:absolute; top:55px; left:10px; margin-bottom:50px; height:100%; float:none; clear:both; }
#bild a:hover { background:none; }
#bild #forward { position:absolute; top:190px; width:105px; }
#bild #forward img { position:absolute; top:20px; border:1px solid #666666; width:100px; }
#bild #forward img:hover { border:1px solid #ffcc00; }
#bild #forward .additionalInfo img { position:absolute; top:0; border:none; width:16px; }
#bild #forward .additionalInfo img:hover { border:none; }
#bild #back { position:absolute; top:26px; width:105px; }
#bild #back img { border:1px solid #666666; width:100px; }
#bild #back img:hover { border:1px solid #ffcc00; }
#bild #back .additionalInfo img { border:none; width:16px; }
#bild #back .additionalInfo img:hover { border:none; }
#bild #detail { position:absolute; top:0; left:120px; }
#bild #detail img { border:1px solid #666666; margin-bottom:30px; }
#bild #detail #photo { position:absolute; top:26px; left:0; }
#bild #detail .index { position:absolute; left:-120px; }
#bild #detail .index img { margin-bottom:10px; border:none; }
#bild #detail .zoom img { margin-bottom:10px; border:none; }
#bild #detail div.clear { clear:left; margin:0; padding:0; }