/*
all colors:
#E6ECFF
#6078BF
#E6ECFF
#809FFF
*/

/* common stuff */
body { background-color: #E6ECFF; margin: 0px; }
body, td  { font-family: verdana; font-size: small; color: #000000; }
h1 { font-size: 180%; }
a { color: #2F008C; font-size: 100%; text-decoration: none; }
a:hover { color: #6078BF; font-size: 100%; text-decoration: none; }
a h1 { font-size: 80%; padding: 0px; border: 0px; display: inline; }
#content h1 { padding-top: 15px; }
input { margin: 5px 5px 5px 0px; }
span.headerText { vertical-align: 200%; font-weight: bold; }
span.headerText h1 { font-size: 8px; margin: 0px; color: #44458f; }

#subMenu { text-align: center; }
#rightBorder { width: 50%; text-align: left; padding-left:10px; background-image: url(/images/right_border.gif); background-position:left; background-repeat: repeat-y; }
#leftBorder { width: 50%; text-align: right; padding-right:10px; background-image: url(/images/left_border.gif); background-position:right; background-repeat: repeat-y; }
#logo { background-image: url(/images/jungennamen.gif); background-color: #44458f; background-repeat:no-repeat; height: 99px; text-align: right; }
#menuTop { color: #44458f; height: 42px; background-color: #44458f; background-image: url(/images/menu_bg.gif); background-repeat:repeat-x; background-position: bottom; text-align: center; }
#menuTop a { color: #44458f; text-decoration: none; font-weight:bold; font-size: 140%; }
#menuTop a:hover { color: #FFFFFF; text-decoration: none; font-weight:bold; font-size: 140%; }
#menuTop a h1 { display: inline; }
.additionalLinks a { padding: 5px; color: #FFFFFF; font-size: 12px; }
.additionalLinks { color: #FFFFFF; font-size: 12px; }
/* common stuff */

/* definition list style */
div.details { background-color: #C8C8FF; padding: 10px; }
div.details h2 { font-weight:bold; font-size: 100%; display: inline; }
dl dt { width: 300px; text-align: center; }
dl dt { font-weight: bold; padding: 0px 0px 10px 0px;}
dl dd { position: relative; left: 0px; width: 300px; text-align: center; }
dd.sex { padding-top: 20px; }
dd.sex span { cursor: default;}
dd.male { background-image: url(/images/male.gif); background-repeat: no-repeat; background-position: center; }
dd.female { background-image: url(/images/female.gif); background-repeat: no-repeat; background-position: center; }
dd.neutral { background-image: url(/images/neutral.gif); background-repeat: no-repeat; background-position: center; }
dd.origin { }
dd.desc { }
/* definition list style */

/* page and 'by char' navigation */
span.currentPage { font-weight: bold; text-decoration: underline; }
span.currentChar { font-weight: bold; text-decoration: underline; }

table.navTable tr td.nav { width: 250px; text-align: center; }
table.navTable { padding: 10px 10px 10px 10px; }

table tr td.navi { width: 80px; text-align: center;}
table tr td.pages { width: 300px; text-align: center;}

div.charNavi { font-weight: bold; font-size: 110%; width: 600px; height: 20px; padding: 10px 10px; }

a.back { padding: 20px 20px; display: block;}
/* page and 'by char' navigation */

/* overview table */
table.name_table { border: 1px solid #000000; }
table.name_table tr { border: 1px solid #000000; }
table.name_table tr.odd { background-color: #E6ECFF; }
table.name_table tr.even { background-color: #C8C8FF; }
table.name_table tr th.name { text-align: left; padding: 0px 10px; }
table.name_table tr th.rating { text-align: left; padding: 0px 10px; }
table.name_table tr td { padding: 2px 10px; }
table.name_table tr td.name { width: 100px; vertical-align: middle;}
table.name_table tr td.sex { width: 40px; text-align: center; }
table.name_table tr td.origin { width: 80px; vertical-align: middle; text-align: center; }
table.name_table tr td.ratingCol { vertical-align: middle; }
/* overview table */

/* rating stars begin */
.hidden { visibility: hidden; }

ul.star-rating { list-style:none; margin: 0px; padding:0px; width: 200px; height: 20px; position: relative; background: url("/images/rating_stars.gif") top left repeat-x; }
ul.star-rating li { padding:0px; margin:0px; float: left; }
ul.star-rating li a { display:block; width:20px; height: 20px; text-decoration: none; z-index: 20; position: absolute; padding: 0px; }
ul.star-rating li a:hover { background: url("/images/rating_stars.gif") left bottom; z-index: 1; left: 0px; text-decoration: none; }

div.bad { display: inline; position: relative; top: 20px; left: -120px; }
div.good { display: inline; position: relative; top: 20px; right: -110px; }

ul.star-rating a.star_1{ left: 0px; }
ul.star-rating a.star_1:hover{ width:20px; text-decoration: none; }
ul.star-rating a.star_2{ left:20px; }
ul.star-rating a.star_2:hover{ width: 40px; text-decoration: none; }
ul.star-rating a.star_3{ left: 40px; }
ul.star-rating a.star_3:hover{ width: 60px; text-decoration: none; }
ul.star-rating a.star_4{ left: 60px; }
ul.star-rating a.star_4:hover{ width: 80px; text-decoration: none; }
ul.star-rating a.star_5{ left: 80px; }
ul.star-rating a.star_5:hover{ width: 100px; text-decoration: none; }
ul.star-rating a.star_6{ left: 100px; }
ul.star-rating a.star_6:hover{ width: 120px; text-decoration: none; }
ul.star-rating a.star_7{ left: 120px; }
ul.star-rating a.star_7:hover{ width: 140px; text-decoration: none; }
ul.star-rating a.star_8{ left: 140px; }
ul.star-rating a.star_8:hover{ width: 160px; text-decoration: none; }
ul.star-rating a.star_9{ left: 160px; }
ul.star-rating a.star_9:hover{ width: 180px; text-decoration: none; }
ul.star-rating a.star_10 { left: 180px; }
ul.star-rating a.star_10:hover{ width: 200px; text-decoration: none; }
/* rating stars end */

/* forms */
.message { color: #8DA2BA; font-family: verdana; font-size: 12pt; }
form span.label { vertical-align: 30%; }
/* forms */

/* page layout */
#content { background-color: #FFFFFF; padding: 0px 10px; text-align: center; }
#footer { clear: both; width: 100%; height: 30px; }
#googleAds { position: absolute; top: 215px; left:270px; }
/* page layout */