
/* World of Orient color Style Sheet */
/* --------------------------*/
body { 
	background: #1e2a42; 
 	color: #FFFFFF;
	background-image: url(../images/bg.jpg);
 	background-repeat: repeat-x;
}



a:link { color: #ec0c6c; }
a:visited { color: #c5007b;}
a:hover {color: #f9bdf7;}
a:active {color: #f26e20;} 

div#pic { border-bottom:1px solid #c5007b; border-top:1px solid #c5007b;}


div#subnav p { background: #f26e20;  color: #fdf4d9; vertical-align: middle;}

div#subnav p a, #subnav h3 a:visited { color: #fdf4d9; }
div#subnav a:hover { color: #c5007b; background-color: #1d1f38;}
div#subnav ul  {border-bottom:1px solid #ffffff;  border-top:1px solid #ffffff;  }
div#subnav ul li  { background: #f26e20; }

div#subnav ul li a { color: #ffffff; }
div#subnav ul li a:hover { color: #c5007b;   }

div#subnav ul li .active {  color: #c5007b;  }
div#subnav img {  border: 1px solid  #FFFFFF; }

div#content {
	border-top: 1px dotted #f26e20;
	border-bottom: 1px solid #c5007b;;
} 

div#content h1 { color: #FFFFFF ;  font-weight: bold;  }
.article1 { border: 1px solid #f26e20; background: #c5007b; } 
.article1 h2 { color: #bffdef; margin-top: 0px; } 
.article1 p { color: #bffdef; margin-top: 0px; } 
.article1 a { color: #c1bbee; }
.article1 a:hover { color: #f26e20; text-decoration: underline; }

.article2 { border: 1px solid #f26e20; background: #812990; } 
.article2 h2 { color: #31c5bb; margin-top: 0px; } 
.article2 p { color: #b2d3ef; margin-top: 0px; } 
.article2 a { color: #31c5bb; }
.article2 a:hover { color: #00867d; text-decoration: underline; }

.article3 { border: 1px solid #bffdef; background: #de126b; } 
.article3 h2 { color: #bffdef; margin-top: 0px; } 
.article3 p { color: #bffdef; margin-top: 0px; } 
.article3 a { color: #b2d3ef; }
.article3 a:hover { color: #ffc300; text-decoration: underline; }

.article5 { border: 1px solid #ffc300; background: #bed630; } 
.article5 h2 { color: #8a007f; margin-top: 0px; } 
.article5 p { color: #8a007f; margin-top: 0px; } 
.article5 a { color: #8a007f; }
.article5 a:hover { color: #8a007f; text-decoration: underline; }

.article4 { border: 1px solid #fd4967; background: #ce1231; } 
.article4 h2 { color: #ffb8fe; margin-top: 0px; } 
.article4 p { color: #bffdef; margin-top: 0px; } 
.article4 a { color: #99ebdd; text-decoration: underline; }
.article4 a:hover { color: #bffdef; text-decoration: underline; }
div#content .button {  display: block; width: auto; background-color: #f26e20; padding: 4px; color: #52431f; font-size: 100%; font-weight: bold; }
div#content .button2 {  display: block; width: auto; border: 1px solid #f26e20; padding: 4px; color: #e3faf1; font-size: 96%; font-weight: bold; }
div#content .button3 {  display: block; width: auto; background-color: #c74937; border: 1px solid #c10077; padding: 4px; color: #ffffff; font-size: 100%; font-weight: bold; }

div#content .button4 {  display: block; width: auto; background-color: #df1386; padding: 4px; color: #52431f; font-size: 100%; font-weight: bold; }
div#content .new { background-color: #e314a6; padding: 4px; color: #d2f7eb; font-size: 100%; font-weight: bold; }

div#content .button4 a { color: #e8fcfd; }
div#content .button4 a:hover { color: #d2f7eb; text-decoration: underline; }

.articlev { border: 1px solid #f26e20; background: #000000; } 
.articlev h2 { color: #fe97fb; margin-top: 0px; } 
.articlev p { color: #bffdef; margin-top: 0px; } 
.articlev a { color: #2cf5f7; }
.articlev a:hover { color: #f26e20; text-decoration: underline; }

.articlewoo { border: 1px solid #fe97fb; background: #f32744; } 
.articlewoo h1 { color: #fe97fb; margin-top: 0px; } 
.articlewoo h2 { color: #fe97fb; margin-top: 0px; } 
.articlewoo p { color: #ffffff; margin-top: 0px; } 
.articlewoo a { color: #e3faf1; }
.articlewoo a:hover { color: #bffdef; text-decoration: underline; }

.articlewoo10 { border: 1px solid #c74937; background: #f32744; } 
.articlewoo10 h1 { color: #ffffff; margin-top: 0px; } 
.articlewoo10 h2 { color: #ffffff; margin-top: 0px; } 
.articlewoo10 p { color: #ffffff; margin-top: 0px; } 
.articlewoo10 a { color: #000000; }
.articlewoo10 a:hover { color: #f9dd3d; text-decoration: underline; }

.infobox2 { border: 1px solid #de126b; background: #ec1c23; } 
.infobox2 h1 { color: #FFFFFF; margin-top: 0px;  margin-bottom: 4px; font-weight: bold;} 
.infobox2 p { color: #bffdef; margin-top: 0px; } 
.infobox2 a { color: #FFFFFF;  text-decoration: underline; }
.infobox2 a:hover { color: #bffdef; text-decoration: underline; }
.infobox2 td { background: #fd4967; text-align: top; }


.fotolist { border: 1px solid #fd4967; } 
.fotolist img { border: 1px solid #e11a8f; }

.fotoborder { width: 140px; height: 140px; border: 1px solid #e11a8f; background: #FFFFFF; float:left; }

.fettlink { font-size: 120%;}
.fettlink a:link {  font-weight: bold;  color: #fe97fb; background: #ec1c23;  text-decoration: none;  }
.fettlink a:visited {  font-weight: bold; color: #fe97fb; background: #f36e20; }
.fettlink a:hover { font-weight: bold; color: #e3faf1; background: #ec1c23; }

.fettlink2 { font-size: 120%;}
.fettlink2 a:link {  font-weight: bold;  color: #fe97fb; background: #ec1c23;  text-decoration: none;  }
.fettlink2 a:visited {  font-weight: bold; color: #fe97fb; }
.fettlink2 a:hover { font-weight: bold; color: #f9bdf7;  text-decoration: underline; }


.label { width: 100px;  font-weight: normal; color: #f9c2b8; font-size: 90%; } 

.floatright {
border-top: 2px solid #1d1f38;
border-right: 1px solid #bffdef;
border-bottom: 1px solid #bffdef;
border-left: 2px solid #1d1f38;
}

