@charset "windows-1251";
/* CSS Document */

* {margin:0 auto;
   padding:0;}
   
body {
behavior:url("csshover.htc");
}


body {          margin:0 auto;
                padding:0 auto;
				height:auto;
				background-image:url(../i/background.jpg);
				background-attachment:fixed;
				background-position:top;
				background-repeat:repeat;}
				
#beforeheader {position:absolute; top:0; height:35px; width:100%; background-color:#FFF;}

#body {margin-top:40px; margin-bottom:40px;}
#header {margin:0 auto;
         padding-top:15px;
	     height:190px;
         width:805px;
		}

#header img.ghazala {display:block;
                     position:relative;
                       float:right; z-index:1}
					   
#header img.logo { position:relative;
	               display:block; 
                   float:left; 
				   margin-left:27px; 
				   margin-top:5px;
				   z-index:2}
				   
#whitebg {position:relative;
	       height:140px;
		   width:805px; 
		   background-color:#FFF;
		  box-shadow: 0 0 15px 2px #000;
            -webkit-box-shadow: 0 0 15px  #000; /* Safari, Chrome */
            -moz-box-shadow: 0 0 15px  #000; /* Firefox */
			z-index:2;
			}
			

#wrapper { background-color:#180d05;
            margin:0 auto;
			margin-top:12px;
			height:100%;
		   width:805px;
		   
		   }
		   


#content { width:805px;
           height:312px;
		 
		   background-color:#000;
		  background-image: url(../i/allerlei2.jpg);
		   background-repeat:no-repeat;
		   background-position:left;
		   box-shadow: 0 0 15px 2px #000;
            -webkit-box-shadow: 0 0 15px 2px #000; /* Safari, Chrome */
            -moz-box-shadow: 0 0 15px 2px #000; /* Firefox */
			z-index:1;
			position:relative;
			}
			
#photodiv {width:300px;
           height:312px;
           display:block;
           float:left;
		   position:relative;
		  }

#photodiv img { height:312px; position:relative; float:left;}



#clear {clear:both;}
#name {height:40px;
         background-color:#930;
		 background-image:url(../i/images/navigation_01.jpg);
         box-shadow: 0 0 15px 2px #000;
            -webkit-box-shadow: 0 0 15px 2px #000; /* Safari, Chrome */
            -moz-box-shadow: 0 0 15px 2px #000; /* Firefox */
			}
#name h1 {color:#FFF;font-size:21px; font-style:italic; text-shadow: 0 0 0.3em #000, 0 0 0.2em #ffffbe, 0 0 0.2em #ffffbe; padding-left:200px; padding-top:2px;}
			   
#bottom { width:805px;
          margin-top:-10px;
          height:100%;
		  background-color:#000;
		  background-image: url(../i/bookbg6.jpg);
		  background-repeat:repeat-y;
		  background-position:left;
		  box-shadow: 0 0 15px 2px #000;
            -webkit-box-shadow: 0 0 15px 2px #000; /* Safari, Chrome */
            -moz-box-shadow: 0 0 15px 2px #000; /* Firefox */;
			
		 }
#footer { margin-top:20px; height:75px; background-color:#FFF;padding-top:5px;}

#footer p {  
	         text-align:center;
             font-family: "Times New Roman", Times, serif;
			  font-size:16px; 
			  font-style:normal;
			  color:#000;}

#footer p strong.g {font-size:17px;}
#footer p a { color: #000; text-decoration:none;}
#footer p a:hover {color: #009;}


#info { width:805px; 
	    height:50px; 
		margin:0 auto;
		background-image:url(../i/images/navigation_03.jpg); background-repeat:repeat-x;
		box-shadow: 0 0 15px 2px #000;
            -webkit-box-shadow: 0 0 15px  #000; /* Safari, Chrome */
            -moz-box-shadow: 0 0 15px  #000; /* Firefox */}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_definition2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {list-style-type:none; margin:0 auto; padding:0; background-image:url(../i/images/navigation_03.jpg); background-repeat:repeat-x; font-family:"Times New Roman", Gadget, sans-serif; font-weight:600; color:#fff;}
					 
#menu li {float:left; padding:0; margin:0 auto; position:relative; width:108px; height:2em; z-index:100; padding-left:2px;}
#menu li.s {width:140px;}
#menu li dl {position:absolute; top:0; left:0;}
#menu li a, #menu li a:visited {text-decoration:none;}
#menu li dd {display:none;}
<!-- menu drops down in ie only if next -->
#menu li a:hover {border:0;}
<!-- end of comment -->

#menu li:hover dd, #menu li a:hover dd {display:block;}


#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu table {border-collapse:collapse; padding:0; margin:-1px; font-size:1em;}
#menu dl {width: 115px; margin: 0; padding: 0; background-image:url(../i/images/navigation_03.jpg); background-repeat:repeat-x; }
#menu li.s dl {width:140px;}
#menu li.sp {width:80px;}
#menu dt {margin:0; padding:12px 5px 5px 20px; font-size:16px; height:30px;}

#menu li dt a:hover {color:#FFC; text-shadow: 0 0 0.3em #000, 0 0 0.2em #ffffbe, 0 0 0.2em #ffffbe;}	
#menu li dt:hover { background-image:url(../i/ahover.jpg); background-position:left; background-repeat:no-repeat;}

#menu dd {margin:0; padding:0; color:#fff; font-size:16px; text-align:left; font-style:normal;}
#menu .one dd {border-bottom:1px dashed #aaa;}
#menu .two dd {border-bottom:1px dashed #999;}
#menu .three dd {border-bottom:1px dashed #eee;}
#menu .four dd {border-bottom:1px dashed #999;}
#menu .five dd {border-bottom:1px dashed #aaa;}
#menu .six dd {border-bottom:1px dashed #e8e8e8;}
#menu .seven dd {border-bottom:1px dashed #eee;}
#menu dd.last {border-bottom:1px solid #fff;}

#menu dt a, #menu dt a:visited {display:block; color:#fff;}

#menu dd a, #menu dd a:visited {color:#fff; text-decoration:none; display:block; padding:4px 5px 4px 20px; width:110px;}

#menu .one dd a {background-image: url(../i/images/navigation_03.jpg); color:#fff;}
#menu .two dd a {background-image: url(../i/images/navigation_03.jpg); color:#fff;}
#menu .three dd a {background-image: url(../i/images/navigation_03.jpg); color:#fff;}
#menu .four dd a {background-image: url(../i/images/navigation_03.jpg); color:#fff;}
#menu .five dd a {background-image: url(../i/images/navigation_03.jpg); color:#fff;}
#menu .six dd a {background-image: url(../i/images/navigation_03.jpg); color:#fff;}

#menu .seven dd a {background-image: url(../i/images/navigation_03.jpg); color:#fff;}


#menu .one dd a:hover {background-image: url(../i/images/navigation_03.jpg); color:#FC6;text-shadow: 0 0 0.3em #000, 0 0 0.2em #ffffbe, 0 0 0.2em #ffffbe;}
#menu .two dd a:hover {background-image: url(../i/images/navigation_03.jpg); color:#FC6;text-shadow: 0 0 0.3em #000, 0 0 0.2em #ffffbe, 0 0 0.2em #ffffbe;}
#menu .three dd a:hover {background-image: url(../i/images/navigation_03.jpg); color:#FC6;text-shadow: 0 0 0.3em #000, 0 0 0.2em #ffffbe, 0 0 0.2em #ffffbe;}
#menu .four dd a:hover {background-image: url(../i/images/navigation_03.jpg); color:#FC6;text-shadow: 0 0 0.3em #000, 0 0 0.2em #ffffbe, 0 0 0.2em #ffffbe;}
#menu .five dd a:hover {background-image: url(../i/images/navigation_03.jpg); color:#FC6;text-shadow: 0 0 0.3em #000, 0 0 0.2em #ffffbe, 0 0 0.2em #ffffbe;}

#menu .six dd a:hover {background-image: url(../i/images/navigation_03.jpg); color:#FC6;text-shadow: 0 0 0.3em #000, 0 0 0.2em #ffffbe, 0 0 0.2em #ffffbe;}
#menu .seven dd a:hover {background-image: url(../i/images/navigation_03.jpg); color:#FC6;text-shadow: 0 0 0.3em #000, 0 0 0.2em #ffffbe, 0 0 0.2em #ffffbe;}

#ul { display:block; float:right; width:250px; height:50px; margin-top:260px;}
ul.menu {color:#FC6; padding:12px 10px;}
ul.menu  li a {text-decoration:none; color:#000; padding-top:9px;}
ul.menu  li a:hover { text-decoration:underline; color: #412604;font-size:24px;}
ul.menu  li {list-style-type:none;
              text-align:center;
			  font-family: "Times New Roman", Times, serif;
			  font-size:22px;
			  color:#000;
			  font-weight:bold;}
			  
#water p:first-letter {
	       font-family:"Lucida Calligraphy", "Lucida Grande", sans-serif; font-size:23px; color:#FFC; font-weight:bold;}			  
#water { margin:0 auto; height:100%; width:805px; background-image:url(../i/allerleiline.jpg); background-repeat:repeat-y; background-position:left top;} 
#water p {padding:15px 30px 15px 180px; font-family: "Lucida Calligraphy", "Lucida Grande", sans-serif; font-size:19px; text-align: justify; text-indent:45px; color:#FFC} 			  
p.top a {text-decoration:none; color:#FFF; text-align:right; padding-left:400px; font-family:"Times New Roman", Times, serif;}
p.top a:hover {text-decoration:underline;}

#pics { width:610px; display:block; float:right; margin-bottom:10px; margin-top:5px;}

#pics img {display:inline; float:left; border:2px #FFF solid; margin:5px 10px;}
#water h3.alot {font-size:18px;}

p.topru a {text-decoration:none; color:#FFF; text-align:right; padding-left:370px;}