@charset "utf-8";
/* CSS Document */

Body /*alles außerhalb mother_div */
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #000000;
background-color: #CCCCCC;
font-size:12px;
}

#mother_div /*#= ein Zeichen für eine ID*/
{
position:absolute;
width:1024px;
height:768px;
top:50%;
left:50%;
margin-top: -350px;
margin-left: -500px;
background-image: url(../grafix/hintergrund.gif);
color:#000000; /*Schriftartfarbe*/
border: 1px solid #AAAAAA;
-moz-border-radius:10px;
-khtml-border-radius:30px;
}

#content
{
width:980px;
height:400px;
margin-top:170px;
margin-left:22px;
}

#picture_all
{
width:300px;
height:300px;
float:right;
margin-top:20px;
margin-right:22px;
background-image:url(../grafix/all.png);
}

/*--------------------Menü-----------------------*/

#Menu
{
clear:both;
width:1024px;
vertical-align: baseline;
margin-left:3px;
margin-top:5px;
}

#button_1
{
width: 200px;
height:400px;
float:right;
margin-right: 100px;
margin-top: 170px;
margin-left: 50px;
padding-top:0px;
}

#button_2
{
width: 200px;
height:400px;
float:right;
margin-right: 60px;
margin-top: 170px;
margin-left: 50px;
padding-top:0px;
}

#button_3
{
width: 200px;
height:400px;
float:left;
margin-left: 100px;
margin-top: 170px;
margin-right: 50px;
padding-top:0px;
}

/*----------------------Buttons-------------------------*/

a.bild1 { display:block; background-image: url(../grafix/china.png); width:200px; height:400px }
a.bild1:hover { background-image: url(../grafix/china_gross.png); width:250px; height:380px }
a.bild2 { display:block; background-image: url(../grafix/moodle.png); width:200px; height:400px }
a.bild2:hover { background-image: url(../grafix/moodle_gross.png); width:250px; height:360px }
a.bild3 { display:block; background-image: url(../grafix/wiki.png); width:200px; height:400px }
a.bild3:hover { background-image: url(../grafix/wiki_gross.png); width:250px; height:380px }

/*----------------------submenu-------------------------*/

#submenu
{
width: 980px;
height: 16px;
float: left;
margin-top:47px;
margin-left:22px;
}

#subbutton
{
width:100px;
height: 16px;
float:left;
margin-right:5px;
text-align:center;
}

#copyright
{
width:200px;
height:16px;
float:right;
margin-right:5px;
text-align:right;
color:#666666;
}

a.subbutton {color:#666666; text-decoration:none}
a.subbutton:active {color:#999999; text-decoration:none}
a.subbutton:hover {color:#000000; text-decoration:none}
a.subbutton:visited {color:#003300, text-decoration:none}

/*----------------------text-------------------------*/

.gelb {color: #FFFF33;}