#veranstaltungen {
border: 1px solid #00FFFF;
background-image: url(bg-fotos.png);
background-repeat: repeat;
width: 700px;
height: 60px;
padding: 5px;
margin-bottom: 20px;
}

#basel {
border: 1px solid #00FFFF;
background: url(bg-fotos.png) repeat;
width: 700px;
height: 490px;
padding: 5px;
margin-bottom: 15px;
}

#basel a, #umgebung a, #veranstaltungen-archiv a, #veranstaltungen a, #historisches a {
display: block;
float: left;
font-size: 11px;
text-indent: 35px;
text-align: left;
border-bottom: 1px solid #00FFFF;
padding: 5px;
margin: 5px;
width: 210px;
background-image: url(fotos/foto.png);
background-repeat: no-repeat;
}


.titel_basel, .titel_umgebung, .titel-veranstaltungen_archiv, .titel_veranstaltungen, .titel_historisches {
color: #0000FF;
font-weight: bold;
text-decoration: underline;
text-align: left;
padding-bottom: 5px;
}




#umgebung {
border: 1px solid #00FFFF;
background-image: url(bg-fotos.png);
background-repeat: repeat;
width: 700px;
height: 420px;
padding: 5px;
margin: 30px 0px 15px 0px;
}


#veranstaltungen-archiv {
border: 1px solid #00FFFF;
background-image: url(bg-fotos.png);
background-repeat: repeat;
width: 700px;
height: 323px;
padding: 5px;
margin-top: 0px;
}


#historisches {
border: 1px solid #00FFFF;
background-image: url(bg-fotos.png);
background-repeat: repeat;
width: 700px;
height: 80px;
padding: 5px;
margin-top: 20px;
}


.jahr {
clear: both;
font-size: 13px;
text-align: left;
font-weight: bold;
}



.hintergrund {
background-image: url("fotos/fotos-hintergrund.jpg");
background-repeat: no-repeat;
padding-bottom: 50px;
}



.bildershop {
height: 50px;
width: 200px;
font-size: 13px;
padding-top: 15px;
margin: 10px;
background: url("fotos/shopknopf.png") no-repeat;
}