/* 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/bord.jpg);
             width:100px; height:100px }
#taster1  a:hover { background-image:url(bilder/bord_1.jpg); }

#taster2  a       { display:block;
             background-image:url(bilder/land.jpg);
             width:100px; height:100px }
#taster2  a:hover { background-image:url(bilder/land_1.jpg); }

#taster3  a       { display:block;
             background-image:url(bilder/startrampe.jpg);
             width:100px; height:100px }
#taster3  a:hover { background-image:url(bilder/startrampe_1.jpg); }

#taster4  a       { display:block;
             background-image:url(bilder/rakete.jpg);
             width:100px; height:100px }
#taster4  a:hover { background-image:url(bilder/rakete_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:0px; left:-1px; width:898px; height:150px; z-index:3; }

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

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

#box_pin_zettel {
	position: relative;
	left: 650px;
	width: 224px;
	margin-bottom: 10px;
	padding: 2 2 2 2;
}

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

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

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

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

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

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

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


/* (3.3) Boxen - Kontakt \*/

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

#box76 { position:absolute; top:5px; left:410px; width:450px; height:200px; z-index:3; }

/* (3.4) Boxen - Bilder \*/

#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; }

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

#box78 { position:absolute; top:30px; left:600px; width:130px; height:45px; z-index:3; }

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

#box80 { position:absolute; top:492px; left:458px; width:15px; height:15px; z-index:3; }

#box81 { position:absolute; top:492px; left:629px; width:15px; height:15px; z-index:3; }

/* (3.5) Boxen - Hauptseite \*/

#box91 { position:absolute; top:13px; left:780px; width:100px; height:100px; z-index:3; }

#box92 { position:absolute; top:13px; left:645px; width:100px; height:100px; z-index:3; }

#box93 { position:absolute; top:128px; left:780px; width:100px; height:100px; z-index:3; }

#box94 { position:absolute; top:128px; left:645px; width:100px; height:100px; z-index:3; }

/* (4) Info - Box \*/

.info {
text-align: justify;
font-size: 0.8em;
border-top: 1px solid #002b00;
background: #003e00;
}

a.info { border-bottom: 0px dashed #800000 }
a.info:hover { cursor: help; background: #FFFFFF }
a.info span { visibility: hidden; position: absolute; top:-300px; left:-150px; width:300px; height:250px; z-index:3; }
a.info:hover span { visibility: visible; border: 1px solid #800000; color: #800000; background: #F8F9B9 }

/* (6) Menue - Register */

#tab a:link {
display:block;
color:#FFD700;
text-decoration:none;
font-family:Tahoma,Arial,Helvetica;
font-size: 14px;
background-color:#003e00;
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:#003e00;
cursor: hand;
border: 1px solid #FFD700;
width:100px;
padding: 1px;
margin: 1px;
text-align: center;
line-height:130%;
}


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

/* (5) Photo - Album \*/

/* default link style - needed to make the :active work correctly in IE */
a, a:visited, a:hover, a:active {
color:#000;
}
/* style the outer cntaining div to fit the landscape, portrait and buttons */
#album {
position:absolute; 
top:§5px; 
left:5px; 
width:400px; 
height:270px; 
background:#003e00 url(bilder/personal/Dietz.jpg) no-repeat;;
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:320px 0 0 0; 
list-style-type:none; 
position:relative; 
width:320px;
}
/* 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:#000; 
background:#fff; 
text-align:center; 
width:26px; 
height:26px; 
line-height:24px; 
border:1px solid #444;
margin:2px;
}
/* position the images using an absolute position and hide them from view */
.gallery li a img {
position:absolute; 
top:-320px; 
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:#ddd;
}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
background:#444; 
color:#fff;
outline:0;
}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
visibility:visible;
outline:0;
}