/* World of Orient basic Style Sheet */
/* --------------------------*/
body { font-family:Geneva, Arial, Helvetica, sans-serif;
 font-size: 12px;
 margin: 0px 0px;
 padding: 0px;
 text-align: center;
 height:100%;
 background: #000000; 
 color: #33333;
 background-image: url(../images/orientalornament_red2.jpg);
 background-repeat: repeat-x;
}

h1 { font-size: 16px; }
h2 { font-size: 14px; margin-bottom: 1px;  line-height:1.8em; }
h3 { font-size: 12px; margin-bottom: 2px;  margin-top: 0px; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { text-decoration: none; } 

p { font-size:12px;
font-weight:normal;
margin-top: 2px;
margin-bottom: 6px;
font-family: Geneva, Arial, Helvetica, sans-serif;
}

.special { font-size:12px;
font-weight:bold;
line-height:1.4em;
}
.small { font-size:10px;
font-weight:normal;
color: #666666;
}

#container { width: 770px;
 height:4800px;
margin: auto;
margin-top:10px;
text-align: left;
position: relative;
padding:0 0 0px 0px;
background-color:#e4e1d3;
border-top: 1px solid #221711; 
border-right: 1px solid #eeb839; 
border-bottom: 1px solid #eeb839; 
border-left: 1px solid #221711;
}

#main { position: absolute; width: 546px;  z-index: 5; left: 210px; top: 276px; height:100%; }
#main table  {border: 0px; width:100%; }
#main td { vertical-align: top;}
#main h4 {margin-left:0 ; margin-bottom: 2px;  margin-top: 4px;  font-size:12px; font-weight: normal; padding-left:3px; padding-top:2px; padding-bottom:1px;}

.image{
	border-style:inset;
	border-width:1px;
	padding-left: 2px;
	padding-right: 2px;
	text-align: center;
	text-valign: middle;
      }
.image2{
	padding-left: 2px;
	padding-right: 2px;
	border-style:outset;
	border-width:1px;
	text-align: center;
	text-valign:middle;
      }

#main ul  {
	list-style: none;
}
#main ul li a, #main ul li a:visited {
	font-weight:bold;
	border-bottom: none;
	outline:0;
	text-decoration: none;
	background: url(../images/raute-off.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
}

#main ul li a:hover { 
	font-weight:bold;
	text-decoration: underline;
	background: url(../images/raute-over.gif);
	background-repeat: no-repeat;
background-position: left center;
	padding-left: 10px;
}

#main ul li .active {
	font-weight:bold;
	text-decoration: none;
	background: url(../images/raute-over.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
}
#logo { position: absolute; width: 750px; height: 40px; z-index: 3; left: 4px; top: 4px;}
#date { position: absolute; width: 200px; height: 74px; z-index: 3; left: 690px; top: 0px;}
#years { position: absolute; width: 59px; height: 34px; z-index: 3; left: 60px; top: 198px;}
#subline { position: absolute; width: 616px; height: 17px; z-index: 3; left: 144px; top: 210px;}
#borduere { position: absolute; width: 100%; height: 22px; z-index: 10; left: 0px; top: 240px; background-image: url(../images/borduere2.jpg);
 background-repeat: repeat-x;}
#borduere2 { position: absolute; width: 100%; height: 22px; z-index: 10; left: 0px; top: 240px; background-image: url(../images/borduere_sw.gif);
 background-repeat: repeat-x;}
#pic { width:770px; height:240px; padding: 0 0 0px 0px; text-align: center; text-valign: middle; }
#pic2 { position: absolute; left: 0px; top: 47px; width:770px; height:240px; padding: 0 0 0px 0px; z-index: 3; text-align: center; text-valign: middle;}
#pic3 { width:935px; height:990px; padding: 0 0 0px 0px; text-align: center; text-valign: middle; }
#pic4 { position: absolute; left: 0px; top: 47px; width:935px; height:240px; padding: 0 0 0px 0px; z-index: 3; text-align: center; text-valign: middle;}
#nav {
    margin-left: 0;
    margin-top: 40px;
    padding:0 0 0px 20px;
    padding-left: 30px;
	width: 200;
}

#nav ul {
	text-align: left;
	list-style: none;
	margin: 0 0 0 0;
	padding:0 0 0px 0px;
	font-size:11px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	width:180px;
	margin-left:-20px;
	}

#nav ul li{
	margin: 0;
	padding: 3px 0 3px 0;	
}

#nav ul li a, #nav ul li a:visited {
	border-bottom: none;
	outline:0;
	text-decoration: none;
	background: url(../images/raute-off.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
}

#nav ul li a:hover { 
	text-decoration: underline;
	background: url(../images/raute-over.gif);
	background-repeat: no-repeat;
background-position: left center;
	padding-left: 10px;
}

#nav ul li .active {
	text-decoration: none;
	background: url(../images/raute-over.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 10px;
}


#nav h3 {
font-size:10px;
text-align: center;
font-weight: normal;
width:180px;
margin: 0 0 0 0;
padding:0 0 2px 2px;
padding-top:3px;
margin-left:-20px;
}

#nav p {
font-size:10px;
text-align: right;
font-weight: normal;
width:180px;
margin: 0 0 0 0;
padding:0 0 2px 2px;
padding-top:3px;
margin-left:-20px;
background: #000000; 
color: #fdf4d9;
}

#nav p a, #nav h3 a:visited { color: #fdf4d9; }
#nav p a:hover { color: #d42449; }

fieldset {width:98%; padding:5px; margin:2px; text-align:left;}
fieldset table   {border: 0px; width:100%; cellspacing: 10; cellpadding:2;}

legend { font-size:1.2em; font-weight:bold; padding:5px; margin:5px; background:none;}

table td { text-align:left; }

.weiss {  color: #FFFFFF; text-decoration: none }
.small { font-size:0.9em; font-weight:normal; }
.label {  color: #706424; font-size:0.9em; font-weight:normal; }