/* CSS Document */

/* - - - - - - - - - - - - Allg. Vorgaben - - - - - - - - - - - - */

html, body {
	padding: 0px; 
	margin: 0px;
	color: #333;
}

div, td, p, ul { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; }

table {
   border: none;
}

img {
   border: none;
}


/* - - - - - - - - - - - - Schriften, Gliederung - - - - - - - - - - - - */

.titel1 {
font-size: 12px;
color: #333;
font-weight: bold; 
}

.titel1a {
font-size: 12px;
color: #333;
font-weight: bold; 
}

.titel2 {
font-size: 11px;
color: #333;
font-weight: bold; 
}

.titel3 {
font-size: 11px;
color: #333;
font-weight: bold; 
}


ul {
padding-left: 0px;
margin-left: 0px;
list-style-type: none;
}

ul.liste {
padding-left: 17px;
margin-left: 0px;
list-style-image: url(img/rechteck.gif);
}

.orange {
color: #333;
}


/* - - - - - - - - - - - - Klassen Ebenen - - - - - - - - - - - - */

#ueber {
font-weight: bold;
font-size: 14px;
position:relative; left: 0; top: 0; width: 70%;
color: #000;
}

#text {
position:relative; left: 0; top: 0; width: 70%;
}

#textkontakt {
position:relative; left: 0; top: 0; width: 70%;
}

#textaktuell {
position:relative; left: 0; top: 0; width: 70%;
}

#na1, #na2, #na3, .oben, .archiv, #balken, #fotos, .logo, .soundbeispiel, a.media {
display: none;
}

#links {
}

#links td {
border-bottom: 1px solid #999;
border-left: 1px solid #999;
border-right: 1px solid #999;
height: 18px;
text-align: left;
padding: 3px;
vertical-align: top;
}

.head {
background: #E4E4E4;
border: 1px solid #999;
text-align: center;
height: 20px;
}

.head td {
background: #E4E4E4;
border: 1px solid #999;
}

.preise {
margin: 0;
padding: 0;
text-align: center;
width: 406px;
}

.preise td {
border-bottom: 1px solid #999;
border-left: 1px solid #999;
border-right: 1px solid #999;
height: 18px;
text-align: center;
}

.workshops td {
border-bottom: 1px solid #999;
border-left: 1px solid #999;
border-right: 1px solid #999;
height: 18px;
text-align: left;
vertical-align: top;
padding: 5px;
}

.head1 {
border: 1px solid #999;
height: 25px;
}

.head1 td {
font-size: 12px;
color: #000;
font-weight: bold;
border: 1px solid #999;
}

.frame {
border: 1px solid #333;
}

#fotosstart
{
width: 400px;
margin: 0;
padding: 0;
}

#fotosstart li
{
list-style-type: none;
float: left;
margin-right: 17px;
margin-bottom: 15px;
margin-top: 15px;
}

#fotosstart img
{
display:block;
border: 1px solid #333;
margin-bottom: 3px;
}

/* - - - - - - - - - - - - Klassen Schrift - - - - - - - - - - - - */

.klein {
font-size: 10px;
}

.fusszeile {
height: 80px;
font-size: 9px;
color: #333333;
border-top: 1px solid #333;
padding-top: 5px;
margin-top: 20px;
}

.fusszeile a:link,.fusszeile a:visited {  
color: #333;
text-decoration: none;
}

.fusszeile a:hover,.fusszeile a:active {
color: #EE8202;
text-decoration: none;
}


/* - - - - - - - - - - - - Navigation - - - - - - - - - - - - */

a:link, a:visited {  
color: #333;
text-decoration: none;
}

a:hover, a:active {  
color: #333;
text-decoration: none;
}

.napop a:link, .napop a:visited {  
font-weight: bold;
text-decoration: none;
}

.napop a:hover, .navpop a:active {
font-weight: bold;
color: #333333; 
text-decoration: none;
}

hr{
background-color: #888888; /* Farbe für Opera und Firefox */
color: #888888; /* Farbe für Internet Explorer (IE) */
border: 0;
height: 1px;
}