/* ***** common ************************************************************* */
* { font-size: 12px; color: #5d5223/*-160%*/; font-family: arial ce, helvetica ce, arial, helvetica, sans-serif; padding: 0; margin: 0; }
body { background-color: #9e9682; text-align: center; margin: 20px 0 20px 0; }
img { border-width: 0; }
h1 { font-size: 36px; font-family: serif; font-weight: normal; margin-bottom: 20px; }
h1.withh2 { margin-bottom: 0; }
h2 { font-size: 24px; font-family: serif; font-weight: normal; margin-bottom: 20px; }
a { font-weight: bold; text-decoration: none; }
a:hover { color: #998e5f/*-100%*/; }

input { border: 1px solid #c1b687; padding: 0 5px 0 5px; background-color: #fdf2c3;/*0%*/ }
input.submit { border: 1px solid #c1b687; padding: 0 20px 0 20px; background-color: #d5ca9b;/*-40%*/ }
textarea { border: 1px solid #c1b687; overflow: auto; padding: 0 5px 0 5px; background-color: #fdf2c3;/*0%*/ }

img.picture { border: 1px solid #998e5f/*-100%*/; margin-bottom: 5px; }
span.pictureauthor { color: #998e5f/*-100%*/; font-size: 11px; font-style: italic; }

/* ***** body *************************************************************** */
/*#divmain { width: 890px; }*/
#divmainbgcenter { /*float: left;*/ width: 770px; margin: 0 auto; background-image: url(Images/BgCenter.gif); background-position: right 30px; background-repeat: repeat-y; }
#divmainbgtop { background-image: url(Images/BgTop.gif); background-position: right top; background-repeat: no-repeat; }
#divmainbgbottom { background-image: url(Images/BgBottom.gif); background-position: right bottom; background-repeat: no-repeat; }
#divmenu { width: 10px; float: left; position: relative; /*background-color: blue;*/ }
#divcontent { width: 670px; float: right; text-align: center; }
#divcontent2 { width: 613px; margin: 20px auto 30px auto; }
#divclear { clear: both; }
#divgoogle2 { float: right; width: 120px; padding: 80px 0 0 0; }
#divgoogle3 { width: 468px; margin: 20px auto 20px auto; }

/* ***** menu *************************************************************** */
div.menuitem { position: absolute; width: 110px; height: 20px; left: 0; }
div.menuitem a { display: block; height: 20px; float: right; padding: 0 15px 0 8px; vertical-align: middle; background-image: url(Images/Menu/BgMenu.gif); }
div.menuitem a:hover { background-position: -200px 0; }
div.menuitem a span { display: block; padding-top: 2px; white-space: nowrap; }
#divmenucamouflage { position: absolute; width: 10px; left: 100px; top: 30px; background-image: url(Images/BgCenter.gif); }
#divmenustatistics { position: absolute; width: 100px; height: 270px; left: 10; background-image: url(Images/Bg-60.gif); }
#tablemenustatistics { margin: 10px 10px 0 5px; }
#tablemenustatistics tr td { font-size: 9px; padding: 0 2px; }
#tablemenustatistics tr td.gap { font-size: 3px; }


.lt                         { background-repeat: no-repeat; background-position: left top; text-align: left; vertical-align: top; }
.rt                         { background-repeat: no-repeat; background-position: right top; text-align: right; vertical-align: top; }
.lb                         { background-repeat: no-repeat; background-position: left bottom; text-align: left; vertical-align: bottom; }
.rb                         { background-repeat: no-repeat; background-position: right bottom; text-align: right; vertical-align: bottom; }

.left                       { text-align: left; }
.center                     { text-align: center; }
.right                      { text-align: right; }
.top                        { vertical-align: top; }
.bottom                     { vertical-align: bottom; }

/* ***** content ************************************************************ */
div.contentsection { background-image: url(Images/Bg-10.gif); padding: 10px; margin-bottom: 10px; }
div.contentsection h3 { display: block; font-size: 16px; font-weight: normal; text-align: left; padding: 5px 0px 5px 25px; margin-bottom: 5px; border-bottom: 1px solid #5d5223/*-160%*/; }

/* ***** introduction ******************************************************* */
a.introductionwhatsnew { display: block; margin: 0; padding: 2px; text-decoration: none; text-align: center; }
a.introductionwhatsnew:hover { background-image: url(Images/BgNormal.gif); background-color: transparent; }
a.introductionwhatsnewborder { border-top: 1px solid #5d5223/*-160%*/; }
#divintroductioncomments { padding: 5px 10px; text-align: left; background-image: url(Images/Bg-10.gif) }

#divintroductionleft { float: left; width: 450px; }
#divintroductionpictures { float: right; width: 150px; background-image: url(Images/Bg-10.gif); }
#divintroductionpictures div { width: 146px; padding: 2px 0; margin: 0 auto; }
#divintroductionpictures div h3 { font-size: 14px; font-weight: normal; margin: 5px 0; }
#tableintroguestpict { margin: 0 auto; }
#tableintroguestpict tr td { text-align: center; }
#tableintroguestpict tr td a { display:block; padding: 2px 5px; }
#tableintroguestpict tr td a:hover { background-image: url(Images/BgNormal.gif); background-color: transparent; }
/* ***** about ************************************************************** */
#h2about { font-size: 30px; font-family: serif; font-weight: normal; padding: 20px 0 20px 0; text-align: center; }

/* ***** wallpapers ********************************************************* */
div.wallpaper { background-image: url(Images/Bg-20.gif); padding-bottom: 10px; margin: 50px auto 0 auto; width: 322px; text-align: center; }

/* ***** maps *************************************************************** */
#spantooltip { visibility: hidden; }

/* ***** links ************************************************************** */
td.linkshead { font-size: 16px; white-space: nowrap; padding: 5px 20px 5px 20px; border-bottom: 1px solid #5d5223/*-160%*/; }
td.linksicon { text-align: center; padding: 2px 5px 2px 5px; border-bottom: 1px solid #d5ca9b/*-40%*/; }
td.linkslink { padding: 2px 5px 2px 5px; border-bottom: 1px solid #d5ca9b/*-40%*/; white-space: nowrap; }
td.linkscomment { font-size: 12px; padding: 3px 5px 3px 5px; border-bottom: 1px solid #d5ca9b/*-40%*/; width: 100%; }

a.linkslink { font-size: 12px; }

/* ***** simplelist ********************************************************* */
#tablesimplelist { width: 80%; margin: 0 auto; }
#tablesimplelist tr td { padding: 0 5px; border-bottom: 1px solid #d5ca9b/*-40%*/; background-image: url(Images/Bg-20.gif); }
#tablesimplelist tr td.gap { font-size: 6px; background-image: none; }
#tablesimplelist tr td.number { text-align: right; }

/* ***** list *************************************************************** */
#divlisthead { height: 25px; position: relative; }
#divlistbody { background-image: url(Images/Bg-20.gif); padding: 10px 0; }

#divlistcastlesactive, #alistcastlesinactive, #divlistmanorsactive, #alistmanorsinactive, #divlistlegendsactive, #alistlegendsinactive { display: block; width: 100px; height: 25px; position: absolute; top: 0px; }
#divlistcastlesactive, #alistcastlesinactive { left: 20px; }
#divlistmanorsactive, #alistmanorsinactive { left: 125px; }
#divlistlegendsactive, #alistlegendsinactive { left: 230px; }
#divlistcastlesactive, #divlistmanorsactive, #divlistlegendsactive { background-image: url(Images/List/TabActive.gif); }
#alistcastlesinactive, #alistmanorsinactive, #alistlegendsinactive { background-image: url(Images/List/TabInactive.gif); background-position: 0 0; }
#alistcastlesinactive:hover, #alistmanorsinactive:hover, #alistlegendsinactive:hover { background-position: -100px 0; }
#divlistcastlesactive, #divlistmanorsactive, #divlistlegendsactive { padding-top: 3px; }
#divlistcastlesinactive2, #divlistmanorsinactive2, #divlistlegendsinactive2 { padding-top: 7px; }
#alistcastlesinactive:hover div, #alistmanorsinactive:hover div, #alistlegendsinactive:hover div { color: #998e5f; }

.listtablehead              { font-size: 16px; font-weight: bold; }
td.listtablehead            { white-space: nowrap; padding-left: 2px; padding-right: 5px; border-bottom: 1px solid #5d5223/*-160%*/; }
table.listtable             { margin: 0 auto 0 auto; }
td.listtable                { white-space: nowrap; padding: 1px 5px 1px 2px; border-bottom: 1px solid #d5ca9b/*-40%*/; }

/* ***** guestbook ********************************************************** */
div.guestbookhead { text-align: left; position: relative; }
div.guestbookhead h3 { display: block; font-size: 16px; text-align: left; padding: 5px 0 5px 75px; margin-bottom: 5px; border-bottom: 1px solid #5d5223/*-160%*/; }

/* ***** discussion ********************************************************* */
#divdiscussionnocomment { text-align: center; padding: 5px 10px; margin: 10px 0 20px 0; background-image: url(Images/Bg-30.gif); }
div.discussionhead { background-image: url(Images/Bg-30.gif); padding: 1px 5px; text-align: left; }
div.discussioncontent { background-image: url(Images/Bg-10.gif); border: 1px solid #d5ca9b/*-40%*/; padding: 5px 10px; margin-bottom: 5px; text-align: left; }
input.discussionrestricted { background-color: transparent; border-width: 0; }
span.discussiondate { font-size: 10px; }
div.discussionauthoradd { margin-top: 10px; padding: 5px 10px; background-image: url(Images/Bg-30.gif); }

.discussionprev2 { position: absolute; left: 10px; top: 7px; width: 16px; height: 15px; }
.discussionprev1 { position: absolute; left: 36px; top: 7px; width: 8px; height: 15px; }
.discussionnext1 { position: absolute; left: 555px; top: 7px; width: 8px; height: 15px; }
.discussionnext2 { position: absolute; left: 573px; top: 7px; width: 16px; height: 15px; }

a.discussionprev1 { display: block; background: url(Images/Discussion/Prev1.gif) no-repeat 0 0; }
a.discussionprev1:hover { background-position: -8px 0; }
a.discussionprev2 { display: block; background: url(Images/Discussion/Prev2.gif) no-repeat 0 0; }
a.discussionprev2:hover { background-position: -16px 0; }
a.discussionnext1 { display: block; background: url(Images/Discussion/Next1.gif) no-repeat 0 0; }
a.discussionnext1:hover { background-position: -8px 0; }
a.discussionnext2 { display: block; background: url(Images/Discussion/Next2.gif) no-repeat 0 0; }
a.discussionnext2:hover { background-position: -16px 0; }

/* ***** form *************************************************************** */
#divpassword { text-align: right; margin: 10px 0; }
div.formdiv { padding: 10px; }
td.formtext { text-align: right; padding-right: 5px; vertical-align: top; white-space: nowrap; }
td.forminput { text-align: left; width: 100%; }

/* *** object *************************************************************** */
a.extern { padding-right: 13px; background-image: url(Images/Article/ExternLink.gif); background-repeat: no-repeat; background-position: right 0; }
a.extern:hover { background-position: right -100px; }

/* *** object pictures ****************************************************** */

td.objectsmallpicture { padding: 0 5px; }
img.objectsmallpicture { border: 1px solid #998e5f/*-100%*/; }
a.objectsmallpicture:hover img { border-color: #fdf2c3;/*0%*/ }
div.objectsmallpicture { position: relative; }
a.objectpicturenewwindow { display: block; position: absolute; right: 0; bottom: 0; width: 15px; height: 11px; background-image: url(Images/Article/PictureNewWindow.gif); }
a.objectpicturenewwindow:hover { background-position: -15px 0; }

/* *** minimap ************************************************************** */
/* title image exists */
#divobjectheadingleft { width: 181px; float: left; background-image: url(Images/Bg-40.gif); padding-bottom: 10px; }
div.objectheadinglefttext { text-align: left; padding: 10px 0 10px 10px; }
#divobjectheadingleftgoogle { text-align: center; }
#divtitleimage { width: 427px; float: right; padding-bottom: 10px; background-image: url(Images/Bg-20.gif); }
#imgtitleimage { border: 1px solid #998e5f/*-100%*/; margin-bottom: 5px; }
td.minimapicons { text-align: center; padding: 2px 0; }
td.minimapiconstext { padding: 2px 0 2px 5px; }
#divminimapclear { clear: both; }

/* title image not exists */
#tableobjectheading { margin-bottom: 10px; background-image: url(Images/Bg-40.gif); width: 100%; }
#tableobjectheading tr td { text-align: center; }

#divminimap { width: 173px; height: 89px; position: relative; z-index: 100; margin-left: auto; margin-right: auto; }
#imgminimapcross { position: absolute; z-index: 101; }

/* *** article ************************************************************** */

div.articletextdescription { text-align: justify; padding: 10px 20px; margin-bottom: 10px; background-image: url(Images/Bg-40.gif); }

div.articletext { text-align: justify; padding: 10px; margin-bottom: 10px; background-image: url(Images/Bg-10.gif); }
div.articletext h2 { font-size: 18px; font-weight: normal; margin: 15px 0 10px; background-image: url(Images/Bg-30.gif); clear: both; }
div.articletext h3 { font-size: 16px; font-family: serif; font-weight: bold; margin: 5px 0 2px 0; }
div.articletext h4 { font-size: 14px; font-family: serif; font-weight: bold; text-align: left; margin: 15px 0 5px 0; }

#divarticletext { margin: 10px 0 20px 0; text-align: justify; }
#divarticletext h2 { font-size: 18px; font-weight: normal; margin: 20px 0 15px 0; padding-left: 10px; background-image: url(Images/Bg-30.gif); clear: both; }
#divarticletext h3 { font-size: 16px; font-family: serif; font-weight: bold; margin: 15px 0 5px 0; padding-left: 10px; }
#divarticletext h4 { font-size: 14px; font-family: serif; font-weight: bold; text-align: left; margin: 15px 0 5px 0; }

div.articlesection { background-image: url(Images/Bg-10.gif); padding: 10px; margin-bottom: 10px; text-align: justify; }
div.articlesection h3 { display: block; font-size: 16px; font-weight: normal; text-align: left; padding: 5px 0px 5px 25px; margin-bottom: 5px; border-bottom: 1px solid #5d5223/*-160%*/; }
div.articlesection h4 { font-size: 14px; font-family: serif; font-weight: bold; text-align: left; margin: 15px 0 5px 0; }

p { margin: 5px 0 0 0; }
p:first-letter { padding-left: 15px; }

div.articlesectionlink { text-align: center; margin-top: 10px; padding-top: 5px; border-top: 1px solid #d5ca9b/*-40%*/; }

div.articlelink { text-align: center; padding: 5px; margin-bottom: 10px; background-image: url(Images/Bg-10.gif); }


div.articletextcenter		{ text-align: center; }

.articlesuperscript			{ font-size: 10px; vertical-align: top; }

.articlesmall				{ font-size: 11px; color: #998e5f/*-100%*/; }
div.articlesmall			{ margin: 10px 0 0 0; }
a.articlesmall				{ font-weight: bold; text-decoration: none; }
a.articlesmall:hover		{ color: #808080; }

div.articleimages			{ text-align: center; margin: 40px 0 0 0; }

div.articleimagelink		{ margin: 20px 0 20px 0; text-align: center; }
a.articleimagelink			{ display: block; margin: 0 auto 0 auto; background-color: #606060; }
a.articleimagelink:hover	{ background-color: #d0d0d0; }
img.articleimagelink		{ border-width: 0; }

div.articlepicture			{ text-align: center; }
table.articlepicture		{ margin: 20px auto 20px auto; }

img.articlemore				{ border-width: 0; margin: 0 0 0 5px; vertical-align: top; }
img.articleicon				{ border-width: 0; margin: 0 2px 0 2px; vertical-align: middle; }

div.googlemaps				{ text-align: center; margin: 20px 0 20px 0; padding: 0; }
iframe.googlemaps			{ margin: 0 auto 0 auto; padding: 0; border: 0; }

div.objectlink				{ margin-top: 5px; }

#articleanswer { text-align: center; padding: 5px 20px; margin: 10px 0; background-image: url(Images/Bg-30.gif); }

/* *** objectpictures ******************************************************* */
#divobjectpictures { width: 620px; text-align: center; margin: 10px auto; }
table.objectpictures { margin: 0 auto 0 auto; }

/* *** objectpicture ******************************************************** */
#divobjectpicture { background-image: url(Images/Bg-20.gif); margin: 0 auto; }
#imgobjectpicture { border: 1px solid #998e5f/*-100%*/; }
#divobjectpicturecomment { padding: 5px; }
#imgobjectpictureprev { float: left; margin: 0 10px 10px 0; }
#imgobjectpicturenext { float: right; margin: 0 0 10px 10px; }

#aobjectpictureprev { display: block; float: left; margin: 0 10px 10px 0; width: 15px; height: 15px; background-image: url(Images/PreviousPicture.gif); background-position: 0 0; }
#aobjectpictureprev:hover { background-position: -15px 0; }
#aobjectpicturenext { display: block; float: right; margin: 0 0 10px 10px; width: 15px; height: 15px; background-image: url(Images/NextPicture.gif); background-position: 0 0; }
#aobjectpicturenext:hover { background-position: -15px 0; }

/* *** guestpicture ********************************************************* */
div.guestpicturenotsolvedhead { text-align: left; padding: 0 10px; background-image: url(Images/Bg-30.gif); }
div.guestpicturenotsolved { text-align: left; margin-bottom: 5px; padding: 5px 20px; border: 1px solid #dfd4a5/*-30%*/; }
div.guestpicturesolved { text-align: left; margin-bottom: 5px; padding: 1px 10px; background-image: url(Images/Bg-20.gif); }

/* *** lang ***************************************************************** */
#tablelang { width: 100%; margin: 0 auto; }
#tablelang tr td { vertical-align: top; }
td.tablelanghead { font-size: 16px; font-weight: bold; }
td.tablelangid { font-weight: bold; background-image: url(Images/Bg-20.gif); }
td.tablelangnew { font-size: 11px; color: #998e5f/*-100%*/; }