/* CSS Document */

/*Allgemeines*/
html, body {
margin:0px; 
font-family:"Courier New", Courier, monospace;
color:#ffffff;
width:100%;
background-repeat:no-repeat;
background:url('Bilder/Hintergrund.jpg');
font-size:16px;
	

/*Definition des Scrollbars beim Internet Explorer*/
scrollbar-face-color: #999966;
scrollbar-highlight-color: black;
scrollbar-shadow-color: black;
scrollbar-3dlight-color: #006699;
scrollbar-arrow-color: white;
scrollbar-track-color: #FFAE5E;
scrollbar-darkshadow-color: #999966
}


a:link {
text-decoration: none;
color:#ffffff;
font-size:16px;
display:block;
}

a:visited {
text-decoration: none;
color:#ffffff;
font-size:16px;
display:block;
}

a:hover {
text-decoration: none;
color:#000000;
font-size:16px;
display:block;
background:#999966;
}



/*Mittlere, eingemittete Box, in der alles drin ist*/
#links_einmitten {
width:803px;
height:523px;
margin: 50px auto;
background:#999966;
-moz-border-radius:13px; /*bedeutet, dass in Mozilla die Ecken abgerundet sind*/
border-radius: 13px;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
}

#Hilfe {
width:600px;
height:5px;
}

#links_box {
width:210px;
height:270px;
float:left;
margin-top:10px;
margin-left:10px;
background:#E98610;
}


#titel {
width:780px;
height:145px;
margin-top: 5px;
margin-left:10px;
font-size:24px;
background:url('Bilder/Hintergrund_Buechermarkt_1.jpg') no-repeat;
font-weight:bold; background-repeat:no-repeat
}

#fehlerbox {
color:black;
}

#schueler {
width:400px;
height:30px;
margin-top: 97px;
margin-left:30px;
font-size:24px;
border:5px solid #000000;
text-align:center;
position:absolute;
font-weight:bold;
display:block;
}

#studenten {
width:400px;
height:30px;
margin-top: 197px;
margin-left:30px;
font-size:24px;
border:5px solid #000000;
text-align:center;
position:absolute;
font-weight:bold;
display:block;
}

/*Ein "r" entfernen für eine dritte Link-Box*/
#alle_buecherr {
width:250px;
height:30px;
margin-top: 150px;
margin-left:50px;
font-size:24px;
border:5px solid #000000;
text-align:center;
position:absolute;
font-weight:bold;
display:block;
}


#mittlere_box2 {
width:540px;
height:310px;
margin-left:30px;
-moz-border-radius:13px; /*bedeutet, dass in Mozilla die Ecken abgerundet sind*/
position:relative;
margin-top:0px;
margin-left:30px;
float:left;
}

#werbung {
width:745px;
height:23px;
margin-top: 300px;
margin-left: -225px;
border:2px solid #000000;
position:absolute;
float:center;
text-align:center;
}

a.esel{
height:70px;
width:70px;
margin-left:10px;
margin-top:10px;
background:url('Bilder/esel.jpg') no-repeat;
position:relative;
display:block;
float:left;
border:2px solid #000000; 
}

a.esel:hover{
height:70px;
width:70px;
margin-left:10px;
margin-top:10px;
background:url('Bilder/esel_hover.jpg') no-repeat;
position:relative;
display:block;
float:left;
border:2px solid #000000; 
}

#mittlere_box3 {
width:480px;
height:300px;
margin-left:30px;
-moz-border-radius:13px; /*bedeutet, dass in Mozilla die Ecken abgerundet sind*/
position:relative;
margin-top:10px;
margin-left:30px;
float:left;
border:2px solid #000000;
overflow:auto;
}

#Link1 a {
width:445px;
height:50px;
margin-top: 0px;
font-size:24px;
margin-left:20px;
border:5px solid #000000;
text-align:center;
position:absolute;
font-weight:bold;
display:block;
}

#Link1 a:hover {
width:445px;
height:50px;
margin-top: 0px;
margin-left:20px;
border:5px solid #000000;
position:absolute;
visibility:visible;
font-size:0px;
background:url('Bilder/Link_hover.jpg');
color:#E98610
}


#Link_eins a {
width:445px;
height:50px;
margin-top: 7px;
font-size:24px;
margin-left:8px;
border:5px solid #000000;
text-align:center;
position:absolute;
font-weight:bold;
display:block;
}

#Link_eins a:hover {
width:445px;
height:50px;
margin-top: 7px;
margin-left:8px;
border:5px solid #000000;
position:absolute;
visibility:visible;
font-size:0px;
background:url('Bilder/Link_hover.jpg');
color:#E98610
}



#Link2 a{
width:445px;
height:50px;
margin-top: 90px;
font-size:24px;
margin-left:20px;
border:5px solid #000000;
text-align:center;
position:absolute;
font-weight:bold;
display:block;
}

#Link2 a:hover{
width:445px;
height:50px;
margin-top: 90px;
font-size:0px;
margin-left:20px;
border:5px solid #000000;
text-align:center;
position:absolute;
font-weight:bold;
display:block;
background:url('Bilder/Link_hover.jpg');
color:#E98610
}

#Link3 a{
width:445px;
height:50px;
margin-top: 180px;
margin-left:20px;
font-size:24px;
border:5px solid #000000;
text-align:center;
position:absolute;
font-weight:bold;
display:block;
}

#Link3 a:hover{
width:445px;
height:50px;
margin-top: 180px;
margin-left:20px;
font-size:0px;
border:5px solid #000000;
text-align:center;
position:absolute;
font-weight:bold;
display:block;
background:url('Bilder/Link_hover.jpg');
color:#E98610
}