body{margin:0;background:#fffceb;font-family:Georgia,serif;font-size:12pt;line-height:16pt;color:#5a5448;background-repeat:no-repeat;background-position:center top}

a{color:#5a5448}

table{padding:0;border-collapse:collapse}
td{padding:0;padding-right:10px;vertical-align:top}

#wrap{width:1000px;margin:auto;padding-top:130px;position:relative}

#topmenu{position:absolute;left:0;top:0;width:100%;height:60px;line-height:60px;text-align:right;}

#topmenu a{font-size:15pt;text-decoration:none;padding:0 2px;}
#topmenu a.selected{font-weight:bold}
#topmenu a:hover{text-decoration:underline}

#head{color:#fffceb;background:url(images/bar.png);background:rgba(23,13,5,0.7);position:absolute;top:60px;left:0;width:100%;min-width:1000px;line-height:40px}
h1{margin:0;padding:0;width:800px;margin:auto;padding-left:200px;font-size:24pt;font-style:Italic;font-weight:normal;line-height:50px}

#content{margin-left:200px}
img.border{border:1px solid #5a5448}

.column{width:45%;margin-right:20px}

.home{background-image:url(images/back-home.jpg)}

#deutsch, #english{display:inline-block;width:20px;height:24px;background:url(images/english.png);margin-right:10px;position:relative;top:4px}
#deutsch{background:url(images/deutsch.png);}
#deutsch em, #english em{display:none}

#menu{position:absolute;top:35px;left:20px}

#menu a{display:block;width:150px;height:100px;background-color:#125201a;margin-bottom:10px;text-decoration:none;color:#fffceb;font-style:italic;font-size:16pt;text-align:center;position:relative}

#menu a span, .button span{display:block;position:absolute;width:100%;background:url(images/bar.png);background:rgba(23,13,5,0.7);line-height:30px;left:0;bottom:0;text-align:center}

#menu a.selected{color:#ffd589}

#home{background:url(images/home.png)}
#volumes{background-image:url(images/volumes.jpg)}
#videos{background-image:url(images/videos.jpg)}
#chants{background-image:url(images/chants.jpg)}

#why{background-image:url(images/why.jpg)}
#when-where{background-image:url(images/when-where.jpg);opacity: 0.5}
#how{background-image:url(images/how.jpg);opacity: 0.5}
#what{background-image:url(images/what.jpg);opacity: 0.5}

.button{display:inline-block;text-decoration:none;color:#fffceb;font-size:16pt;background-position:top left;position:relative;width:150px;height:100px;margin:10px}

.volumes{background-image:url(images/back-volumes.jpg)}
#volume1, #volume2{width:230px;height:365px;background-color:#788e9e;margin:25px;}
#volume1{background-image:url(images/volume1.jpg)}
#volume2{background-image:url(images/volume2.jpg)}

.videos{background-image:url(images/back-videos.jpg)}
#videobuttons a{width:180px;height:100px;margin:10px;}
#video1{background-image:url(images/video1.jpg)}
#video2{background-image:url(images/video2.jpg)}
#video3{background-image:url(images/video3.jpg)}
#video4{background-image:url(images/video4.jpg)}
#video5{background-image:url(images/video5.jpg)}
#video6{background-image:url(images/video6.jpg)}
#video7{background-image:url(images/video7.jpg)}
#video8{background-image:url(images/video8.jpg)}
#video9{background-image:url(images/video9.jpg)}
#videotexts{background-image:url(images/video-texts.jpg);width:100px;height:90px;float:right;margin-top:270px;}

.why {background-image:url(images/back-why.jpg)}

#video-why{background-image:url(images/video-why.jpg)}
#video-why span{background:none}

.why #videotexts{width:100px;height:100px;margin-top:0;float:none}


.how {background-image:url(images/back-how.jpg)}

#video-how{background-image:url(images/video-how.jpg);opacity: 0.5}

.how #videotexts{width:100px;height:100px;margin-top:0;float:none;opacity: 0.5}


.when {background-image:url(images/back-when.jpg)}

#video-when{background-image:url(images/video-when.jpg);opacity: 0.5}

.when #videotexts{width:100px;height:100px;margin-top:0;float:none;opacity: 0.5}

.what {background-image:url(images/back-what.jpg)}

#video-what{background-image:url(images/video-what.jpg);opacity: 0.5}

.what #videotexts{width:100px;height:100px;margin-top:0;float:none;opacity: 0.5}


.chants{background-image:url(images/back-chants.jpg)}

.location{background-image:url(images/back-location.jpg)}
.location .button{width:230px;height:300px;margin:20px}
#location1{background-image:url(images/location1.jpg)}
#location2{background-image:url(images/location2.jpg)}

.object{background-image:url(images/back-object.jpg)}
.object .button{width:230px;height:300px;margin:20px}
#object1{background-image:url(images/object1.jpg)}
#object2{background-image:url(images/object2.jpg)}

.sources{background-image:url(images/back-sources.jpg)}
#sources1{background-image:url(images/sources1.jpg)}
#sources2{background-image:url(images/sources2.jpg)}
#sources3{background-image:url(images/sources3.jpg)}

.project{background-image:url(images/back-project.jpg)}
#project1{background-image:url(images/project1.jpg)}
#project2{background-image:url(images/project2.jpg)}
#project3{background-image:url(images/project3.jpg)}

.forum{background-image:url(images/back-forum.jpg)}

.contact{background-image:url(images/back-contact.jpg)}
.contact .button{height:100px;width:84px;margin:20px;overflow:visible;font-size:12pt;margin-right:175px;}
.contact .button span{margin-left:84px;width:175px;}
#contact1{background-image:url(images/contact1.jpg)}
#contact2{background-image:url(images/contact2.jpg)}

#disqus_thread{font-size:0.9em}