/* CSS Document */

body
{ font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  background-color:#FFFFFF;
}

#ueberschrift {
color: #666666;
margin: 20px;
font-weight:bold;
font-size:30px;
text-align:center;
letter-spacing:3pt;
}


h2
{ font-size:16px;color:#000000;
}

h3
{ font-size:14px;color:#000000;
}

.mittig {
text-align:center;
}

div#centerlayer {
position:absolute;
width:800px; 
height:600px; 
left:50%;
top:50%;
z-index:1;
margin:-300px 0 0 -400px;
}

.blau {
background-image: url(./images/Blau800480-2.jpg);
background-repeat: no-repeat;
background-position: 0px 115px;
}

.gruen {
background-image: url(./images/Gruen800480-2.jpg);
background-repeat: no-repeat;
background-position: 0px 115px;
}

.rot {
background-image: url(./images/Rot800480-2.jpg);
background-repeat: no-repeat;
background-position: 0px 115px;
}

.pinsel {
background-image: url(./images/Pinsel-2.jpg);
background-repeat: no-repeat;
background-position: 0px 115px;
}

.sitar {
background-image: url(./images/Sitar_Geschaeft-2.jpg);
background-repeat: no-repeat;
background-position: 0px 115px;
}

#main { 
position:absolute;
width:800px;
height:600px;
top:0px;
left:0px;
}

#content {
position:absolute;
width:800px;
height:470px;
top:115px;
left:0px;
}


#content p { margin:10px; line-height:20px; text-align:right; }

.clear { clear:both; }

div#title
{ position:absolute;
  width:800px;
  height:100px;
  top:0px;
  left:0px;
  background-color:#FFFFFF;
}


div#menubox-top {
position:absolute;
width:800px;
height:15px;
top:100px;
left:0px;
background-color:#FFFF00;
z-index:2;
}

div#menubox-bottom {
position:absolute;
width:800px;
height:15px;
top:585px;
left:0px;
background-color:#FFFF00;
z-index:2;
}

#menu {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:7px;

}

a:link {
color:#4A3737;
text-decoration:none;
}

a:visited {
color:#8800FF;
text-decoration:none;
}

a:hover {
color:#7B5B5B;
text-decoration:none;
}

a:active {
color:#FF0000;
text-decoration:none;
}


#info {
position:absolute;
width:800px;
height:470px;
top:115px;
left:0px;
padding-left:10px;
z-index:5;
}

#texttop {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
position:absolute;
top:70px;
left:0px;
width:100%;
}
 
.spantop {
text-align: center;
}

#textbottom {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
position:absolute;
top:410px;
left:0px;
width:100%;
}

.spanbottom{
text-align: center;
}

.spanleft {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
text-align:left;
margin-right:10px;
}

#textlink {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
position:absolute;
top:200px;
left:350px;
}


#spantext {
text-align: center;
}