/* Dateiname: definitions.css */

{
margin: 0;
padding: 0;
}
p {
margin-bottom: 8px;
}



body {background:
        margin-bottom:0px;
         margin-left:  0px;
         margin-right: 0px;
         margin-top: 0px;
        padding:0;
        font: bold 12px/1.5em Verdana;
        }



 /* (2)Boxen - Fensterdefinition Menue \*/
#box {
        background-color:transparent;
        padding:5px;
        width:80px;
        border-left:1px solid #FFD700;
        border-top:1px solid #FFD700;
        border-right:1px solid darkgray;
        border-bottom:1px solid darkgray;
        }

#box a {
        color:#FFD700;
        width:80px;
        font: bold 11px/1.5em Verdana;
        text-decoration:none;
        background-color:transparent;
        display:block;
        text-align:center;
        }

#box a:hover {
        color:#00008B;
        font: bold 11px/1.5em Verdana;
        text-decoration:underline;
        background-color:#FFD700;
        border-left:1px solid darkgray;
        border-top:1px solid darkgray;
        border-right:1px solid #FFFFFF;
        border-bottom:1px solid #FFFFFF;
        }

 /* (2.1)Boxen - Taster \*/
 
#taster1  a       { display:block;
             background-image:url(bilder/bakufilm.jpg);
             width:100px; height:40px }
#taster1  a:hover { background-image:url(bilder/bakufilm_1.jpg); }


/* (3) Boxen - Fensterdefinition \*/


/* (3.1) Boxen - Allgemeine Fenster \*/

#box_schatten { position:absolute; top:11px; left:11px; width:900px; height:650px; z-index:2; }

#box_fenster_main { position:absolute; top:20px; left:20px; width:898px; height:650px; z-index:2; }

#box_kopf { position:absolute; top:-1px; left:-1px; width:898px; height:154px; z-index:3; }

#box_menue { position:absolute; top:125px; left:-1px; width:898px; height:24px; z-index:3; }

#box_info { position:absolute; top:130px; left:570px; width:150px; height:20px; z-index:3; }

#box_fenster { position:absolute; top:158px; left:4px; width:889px; height:470px; z-index:3; }

#box_pin_zettel { position:absolute; top:245px; left:614px; width:224px; height:306px; z-index:3; }

#box_pin { position:absolute; top:240px; left:620px; width:180px; height:20px; z-index:3; }

#box_pin_1 { position:absolute; top:280px; left:620px; width:180px; height:20px; z-index:3; }

#box_tab { position:absolute; top:475px; left:5px; width:600px; height:19px; z-index:3; }

#box_update { position:absolute; top:628px; left:10px; width:150px; height:20px; z-index:3; }

#box_forum { position:absolute; top:628px; left:805px; width:70px; height:25px; z-index:3; }

#box_links { position:absolute; top:628px; left:697px; width:70px; height:25px; z-index:3; }

#box_a_z {position:absolute; top:1px; left:1px; width:449px; height:470px; z-index:3; }

#box_treffen {position:absolute; top:18px; left:148px; width:590px; height:440px; z-index:3; }

/* (3.2) Boxen - 4 Fenster \*/

#box71 { position:absolute; top:10px; left:60px; width:350px; height:220px; z-index:3; }

#box711 { position:absolute; top:50px; left:180px; width:150px; height:150px; z-index:3; }

#box72 { position:absolute; top:10px; left:460px; width:350px; height:220px; z-index:3; }

#box73 { position:absolute; top:245px; left:60px; width:350px; height:220px; z-index:3; }

#box74 { position:absolute; top:245px; left:460px; width:350px; height:220px; z-index:3; }


/* (3.3) Boxen - Führung-Bilder \*/

#box718 { position:absolute; top:10px; left:10px; width:100px; height:100px; z-index:3; }

#box719 { position:absolute; top:10px; left:125px; width:100px; height:100px; z-index:3; }

#box720 { position:absolute; top:10px; left:240px; width:100px; height:100px; z-index:3; }

#box721 { position:absolute; top:115px; left:10px; width:100px; height:100px; z-index:3; }

#box722 { position:absolute; top:115px; left:125px; width:75px; height:100px; z-index:3; }

#box723 { position:absolute; top:115px; left:240px; width:100px; height:100px; z-index:3; }


/* (3.4) Boxen - Kontakt \*/

#box75 { position:absolute; top:20px; left:20px; width:250px; height:150px; z-index:3; }

#box76 { position:absolute; top:470px; left:780px; width:100px; height:20px; z-index:4; }

/* (3.5) Boxen - Links re_oben \*/

#box77 { position:absolute; top:5px; left:785px; width:100px; height:40px; z-index:3; }

#box771 { position:absolute; top:55px; left:785px; width:100px; height:40px; z-index:3; }

/* (3.6) Boxen - Bilder \*/

#box78 { position:absolute; top:25px; left:750px; width:115px; height:108px; z-index:3; }

#box79 { position:absolute; top:85px; left:50px; width:110px; height:125px; z-index:3; }

/* (3.7) Boxen - Absolventen \*/

#box80_1 { position:absolute; top:20px; left:660px; width:50px; height:90px; z-index:3; }

#box80_2 { position:absolute; top:20px; left:720px; width:50px; height:90px; z-index:3; }

#box80_3{ position:absolute; top:20px; left:780px; width:50px; height:90px; z-index:3; }

#box80_4{ position:absolute; top:280px; left:610px; width:269px; height:180px; z-index:3; }

#box81 { position:absolute; top:20px; left:50px; width:600px; height:220px; z-index:3; }

#box811 { position:absolute; top:40px; left:-1px; width:398px; height:40px; z-index:3; }

#box812 { position:absolute; top:40px; left:-1px; width:398px; height:40px; z-index:3; }

#box813 { position:absolute; top:40px; left:-1px; width:398px; height:40px; z-index:3; }

#box814 { position:absolute; top:40px; left:-1px; width:398px; height:40px; z-index:3; }

#box85 { position:absolute; top:330px; left:50px; width:315px; height:108px; z-index:3; }

#box86 { position:absolute; top:330px; left:375px; width:200px; height:108px; z-index:3; }

#box861 { position:absolute; top:280px; left:660px; width:180px; height:180px; z-index:3; }

#box_87 { position:absolute; top:420px; left:680px; width:200px; height:200px; z-index:3; }

/* (3.8) Boxen - main \*/

#box87 { position:absolute; top:310px; left:620px; width:150px; height:150px; z-index:3; }

#box871 { position:absolute; top:30px; left:620px; width:180px; height:180px; z-index:3; }

#box88 { position:absolute; top:270px; left:50px; width:500px; height:145px; z-index:3; }

#box89 { position:absolute; top:430px; left:22px; width:500px; height:25px; z-index:3; }

#box890 { position:absolute; top:430px; left:610px; width:200px; height:25px; z-index:3; }

#box891 { position:absolute; top:447px; left:50px; width:500px; height:20px; z-index:3; }

#box892 { position:absolute; top:265px; left:10px; width:500px; height:20px; z-index:3; }

#box99 { position:absolute; top:2px; left:80px; width:740px; height:488px; z-index:3; }

#box991 { position:absolute; top:320px; left:720px; width:150px; height:150px; z-index:3; }

/* (3.9) Boxen - KVVMKU \*/

#box90 { position:absolute; top:310px; left:10px; width:600px; height:150px; z-index:3; }

#box91 { position:absolute; top:20px; left:10px; width:200px; height:270px; z-index:3; }

#box921 { position:absolute; top:92px; left:254px; width:15px; height:15px; z-index:3; }

#box922 { position:absolute; top:210px; left:160px; width:15px; height:15px; z-index:3; }

#box923 { position:absolute; top:135px; left:290px; width:15px; height:15px; z-index:3; }

/* (3.10) Boxen - Fenster / Baku \*/

#box95 { position:absolute; top:240px; left:10px; width:500px; height:220px; z-index:3; }

#box96 { position:absolute; top:20px; left:10px; width:200px; height:200px; z-index:3; }

/* (3.11) 8 Boxen - fenster \*/

#box101 { position:absolute; top:10px; left:10px; width:200px; height:200px; z-index:3; }

#box102 { position:absolute; top:220px; left:10px; width:200px; height:200px; z-index:3; }

#box103 { position:absolute; top:10px; left:230px; width:200px; height:200px; z-index:3; }

#box104 { position:absolute; top:220px; left:230px; width:200px; height:200px; z-index:3; }

#box105 { position:absolute; top:10px; left:450px; width:200px; height:200px; z-index:3; }

#box106 { position:absolute; top:220px; left:450px; width:200px; height:200px; z-index:3; }

#box107 { position:absolute; top:10px; left:670px; width:200px; height:200px; z-index:3; }

#box108 { position:absolute; top:220px; left:670px; width:200px; height:200px; z-index:3; }

/* (4) Info - Box \*/

.info {
text-align: justify;
font-size: 0.8em;
border-top: 1px solid #FFD700;
}

a.info { border-bottom: 1px dashed #FFd700 }
a.info:hover { cursor: help; background: #FFFFFF }
a.info span { visibility: hidden; position: absolute; top:-385px; left:-400px; width:500px; height:378px; z-index:3; }
a.info:hover span { visibility: visible; border: 1px solid #00008B; color: #800000; background: #ffffff }

/* (5.) Tabs /gelb/blau */

/* (5.1) Tabs Absolventen 1966 -1992 /gelb/ */

#map a:link {
display:block;
color:#00008B;
text-decoration:none;
font-family:Tahoma,Arial,Helvetica;
font-size: 11px;
background-color:#FFD700;
cursor: hand;
border: 1px solid #00008B;
width:30px;
padding: 1px;
margin: 1px;
text-align: center;
line-height:130%;
}

#map a:visited{
display:block;
color:#00008B;
text-decoration:none ;
font-family:Tahoma,Arial,Helvetica;
font-size: 11px;
background-color:#F0DA5F;
cursor: hand;
border: 1px solid #00008B;
width:30px;
padding: 1px;
margin: 1px;
text-align: center;
line-height:130%;
}


#map a:hover {
display:block;
color:#F0DA5F;
text-decoration:none ;
font-family:Tahoma,Arial,Helvetica;
font-size: 11px;
background-color:#00008B;
cursor: hand;
border: 1px solid #FFD700;
width:30px;
padding: 1px;
margin: 1px;
text-align: center;
}

/* (5.2) Tabs Absolvententreffen /blau/ */

#zap a:link {
display:block;
color:#FFD700;
text-decoration:none;
font-family:Tahoma,Arial,Helvetica;
font-size: 11px;
background-color:#00008B;
cursor: hand;
border: 1px solid #FFD700;
width:30px;
padding: 1px;
margin: 1px;
text-align: center;
line-height:130%;
}

#zap a:visited{
display:block;
color:#FFD700;
text-decoration:none ;
font-family:Tahoma,Arial,Helvetica;
font-size: 11px;
background-color:#00008B;
cursor: hand;
border: 1px solid #FFD700;
width:30px;
padding: 1px;
margin: 1px;
text-align: center;
line-height:130%;
}


#zap a:hover {
display:block;
color:#00008B;
text-decoration:none ;
font-family:Tahoma,Arial,Helvetica;
font-size: 11px;
background-color:#FFD700;
cursor: hand;
border: 1px solid #00008B;
width:30px;
padding: 1px;
margin: 1px;
text-align: center;
}

/* (6) Menue - Register */

#tab a:link {
display:block;
color:#FFD700;
text-decoration:none;
font-family:Tahoma,Arial,Helvetica;
font-size: 14px;
background-color:#00008B;
cursor: hand;
border: 1px solid #FFD700;
width:100px;
padding: 1px;
margin: 1px;
text-align: center;
line-height:130%;
}

#tab a:visited{
display:block;
color:#FFD700;
text-decoration:none ;
font-family:Tahoma,Arial,Helvetica;
font-size: 14px;
background-color:#00008B;
cursor: hand;
border: 1px solid #FFD700;
width:100px;
padding: 1px;
margin: 1px;
text-align: center;
line-height:130%;
}


#tab a:hover {
display:block;
color:#0000B8;
text-decoration:none ;
font-family:Tahoma,Arial,Helvetica;
font-size: 14px;
background-color:#FFD700;
cursor: hand;
border: 1px solid #0000B8;
width:100px;
padding: 1px;
margin: 1px;
text-align: center;
}

/* (7) Menue - Album - Steuerung */

/* default link style - needed to make the :active work correctly in IE */
a, a:visited, a:hover, a:active {
color:#00008B;
}
/* style the outer cntaining div to fit the landscape, portrait and buttons */
#album {
width:590px;
height:440px;
background:#00008B;
border:1px solid #aaa;
margin:0 auto 20px auto;
}
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
padding:0;
margin:445px 0 0 0;
list-style-type:none;
position:relative;
width:600px;
}
/* remove the default image border */
.gallery img {
border:0;
}
/* make the list horizontal */
.gallery li {
float:left;
}
/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
font-size:11px;
float:left;
text-decoration:none;
color:#00008B;
background:#ffd700;
text-align:center;
width:20px;
height:20px;
line-height:20px;
border:1px solid #ffd700;
margin:2px;
}
/* position the images using an absolute position and hide them from view */
.gallery li a img {
position:absolute;
top:-445px;
left:-0;
visibility:hidden;
border:0;
}
/* fix the top position for the images */
.gallery li a {
top:-280px;
}
/* style the hover background color for the text boxes */
.gallery li a:hover {
background:#00008B;
color:#ffd700;
}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
background:#00008B;
color:#ffd700;
outline:0;
}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
visibility:visible;
outline:0;
}