/* margin: top right bottom left */

body { color:#fed7b9; margin:0; padding:0 0 20px 0; font-family:Arial, Helvetica, sans-serif; font-size:0.8em;
 background:url(dateien/hintergrund.png) no-repeat left 25px; background-color:#a98164; }

#startseite { background:url('dateien/foto-startseite-verlaufrechts.jpg') repeat-x; }

a:link { color:#ffde6b; }
a:hover, a:active, a:visited { color:white; }
a img { border:none; }

#navigation { height:25px; background:#c8ac97; font-size:1.3em; padding:2px 0 2px 50px; }
#navigation a { color:#6D3614; text-decoration:none; }
#navigation a:hover, #navigation a:active, .aktuellerbutton { color:white; }
#navigation ul { margin:2px 0 0 0; }
#navigation li { display:inline; margin-right:25px; }

#sprachlink a { margin-left:10px; }
#sprachlink img { margin-right:5px; }
	
h1 { color:white; font-size:2em; padding-top:0; }
h2 { margin-top:30px; color:#fff; font-size:1.7em; font-weight:lighter; }
h3 { font-size:1.3em; }
.quelle { font-size:0.8em; font-style:italic; }
.klein { font-size:0.8em; font-style: normal; }
.eingerueckt { margin-left: 10px; }

#logo { position:absolute; left:600px; top:100px; z-index:3; }
#sopran { position:absolute; left:820px; top:160px; font-size:1.8em; color:#5d3014; }

#spaltelinks { float:left; width:265px; color:white; position:relative; top:70px; z-index:1; }
#spaltelinks h3 { margin:100px 0 0 20px; color:#825233; }
#spaltelinks p { margin-left:20px; }

#inhalt { width:679px; top:100px; margin:0 20px 0 265px; padding:50px 20px 20px 20px; background:#664b38; position:relative; z-index:2; }

.zumseitenanfang { clear:both; margin-left:100px; font-size:0.8em; }

.bildrechts { float:right; margin-left:10px; }
.bildlinks { float:left; margin-right:10px; }
.foto { float:left; text-align:center; margin:0 3px 30px 3px; }

ul { margin-left:20px; padding-left:0px; }
li { margin-bottom:15px; }
ul.keinabstand li { margin-bottom:0px; }

/* Fotos: */
#inhalt-fotos-oben { margin:100px 0 20px 50px; width:880px; padding:50px 20px 0 40px; background:#664b38; }
#inhalt-fotos-oben a { margin:0 10px 0 10px; }
#inhalt-fotos-unten { width:1004px; }
#inhalt-fotos-unten .fotos { margin:0 0 0 100px; }
#inhalt-fotos-oben h1 { margin-left:11px; }
#inhalt-fotos-unten h1 { margin-left:100px; }
#inhalt-fotos-oben  .fotos img { border: 1px solid #664b38; }
#inhalt-fotos-unten .fotos img { border: 1px solid #a98164; }
#inhalt-fotos-oben .fotos img:hover, #inhalt-fotos-unten .fotos img:hover { border:1px solid #ffde6b; }

/* Audio/Video: */
#inhalt-links { float:left; width:319px; padding-right:20px; margin-top:20px;  border-right:1px solid #ffdca6; }
#inhalt-rechts { margin-left:360px; width:319px; margin-top:20px; }
#inhalt-rechts { overflow:hidden; } /* Workaround für Firefox 3, weil der sonst nach jedem Foto (beim <div style="clear:left;">) auch den äußeren Float beendet */
#inhalt-links h1, #inhalt-rechts h1 { margin-top:0; }
.audiotext { margin:0 0 30px 80px; }
#Video-AchIchFuehls   { width:150px; height:110px; background:url('audio-video/AchIchFuehls.jpg'); float:left; margin:0 10px 20px 0; }
#Video-CheImbroglio   { width:150px; height:110px; background:url('audio-video/CheImbroglio.jpg'); float:left; margin:0 10px 20px 0; }
#Video-ELaPompa       { width:150px; height:110px; background:url('audio-video/ELaPompa.jpg'); float:left; margin:0 10px 20px 0; }
#Video-MeineLippen    { width:150px; height:110px; background:url('audio-video/MeineLippen.jpg'); float:left; margin:0 10px 20px 0; }
#Video-Csardas        { width:150px; height:110px; background:url('audio-video/Csardas.jpg'); float:left; margin:0 10px 20px 0; }
#Video-VierLieder1    { width:150px; height:110px; background:url('audio-video/VierLetzteLieder1Fruehling.jpg'); float:left; margin:0 10px 20px 0; }
#Video-VierLieder2    { width:150px; height:110px; background:url('audio-video/VierLetzteLieder2September.jpg'); float:left; margin:0 10px 20px 0; }
#Video-VierLieder3    { width:150px; height:110px; background:url('audio-video/VierLetzteLieder3BeimSchlafengehen.jpg'); float:left; margin:0 10px 20px 0; }
#Video-VierLieder4    { width:150px; height:110px; background:url('audio-video/VierLetzteLieder4ImAbendrot.jpg'); float:left; margin:0 10px 20px 0; }
#Video-SchlafesBruder3{ width:150px; height:110px; background:url('audio-video/SchlafesBruder3.jpg'); float:left; margin:0 10px 20px 0; }
#Video-SchlafesBruder4{ width:150px; height:110px; background:url('audio-video/SchlafesBruder4.jpg'); float:left; margin:0 10px 20px 0; }
#Video-AchIchFuehls img, #Video-CheImbroglio img, #Video-ELaPompa img, #Video-MeineLippen img, #Video-Csardas img, #Video-VierLieder1 img, #Video-VierLieder2 img, #Video-VierLieder3 img, #Video-VierLieder4 img, #Video-SchlafesBruder3 img, #Video-SchlafesBruder4 img
	{ padding:35px 55px 35px 55px; }

/* Termine: */
h1 span#darstellung  { margin-left:15px; font-size:0.6em; font-weight:normal; }
h3.termine { background:#fed7b9; color:#664b38; padding-left:5px; }
p.ort, p.karten { margin:0; }
#termine th { background:#fed7b9; font-size:1.1em; border-bottom:10px solid #664b38; } /* IE7 versteht border-spacing nicht */
#termine th, #termine td { border-left:10px solid #664b38; border-right:10px solid #664b38; }
#termine th, #termine th a { color:#664b38; }
#termine th a { display:block; }
#termine th a:hover { color:#b9987f; }

#intuitiv { clear:both; padding-top:150px; text-align:center; line-height:0.7em; }
#intuitiv img { margin-top:30px; }
#intuitiv a { color:white; text-decoration:none; }
#intuitiv span#ntuitiv { position:relative; top:-5px; margin-bottom:5px; font-size:1.1em; letter-spacing:0.1em;
	font-family:Sanderson, Arial, Helvetica, sans-serif; }
#intuitiv span.klein { margin-left:72px; font-family:Verdana, Arial, Helvetica, sans-serif; }

@media print{
#navigation, #spaltelinks, .zumseitenanfang { display:none; }
a,a:link,a:active,a:visited { color:black; text-decoration:none; }
#inhalt { position:static; width:auto; top:0; margin:0; padding:0; background:none; }
#logo { float:right; position:static; top:0; margin:0; padding:0; }
}