*{margin: 0; padding: 0}

body{background-color: #2b2a2d; font-family: 'Advent Pro', sans-serif}
h3{margin-bottom: 5px}
li{list-style-type: square}

.center{margin: 0 auto; width: 670px}
.showSearchResult{margin-bottom: 20px}
.showSearchResultInPlaces span{padding-left: 20px}

#top{background-color: #c1b9b9; height: 160px; margin: 0 auto; width: 750px}
#header{height: 135px; text-align: right}
#navigation{font-family: 'Advent Pro'; font-size: 0.9em; /*height: 5px;*/ margin-top: 4px; vertical-align: middle}
#navigation ul{display: inline; width: 70%}
#navigation a{color: #000000; margin-right: -4px; padding: 10px 15px; text-decoration: none; text-transform: uppercase}
#navigation a:hover{color: #dfdfdf; background-color: #3a3747}
#navigation #hasFocus a{color: #dfdfdf; background-color: #3a3747}
#navigation * li{display: inline}
#navigation #simpleSearch{display: inline; float: right}

/* ribbon */
#ribbon{background-color: #3a3747; color: #dfdfdf; font-family: 'Advent Pro'; padding: 35px 0; width: 100%}
/*#ribbon{background-color: #3a3747; color: #dfdfdf; font-family: 'Advent Pro'; padding: 35px 0; width: 100%; box-shadow: 5px 5px #000000}*/
#ribbon h2{color: #9491b4/*605e72*/; margin-bottom: 5px; text-transform: uppercase}
#ribbon * a{color: #f6f6f6; text-decoration: underline}
#ribbon p{margin-left: 15px}
.row {display: flex; flex-direction: row}
.column {flex: 1}
#now{}
#now ul, #then ul{list-style-type: none}
#now * li, #then * li{margin-bottom: 15px}
#then{margin-top: 25px}
#date{margin-left: 50px}
#date h2{margin-right: -10px; text-align: right}
#date p{margin-bottom: 15px;}
.firstWord{font-weight: bold; text-transform: uppercase}

/* content */
#content{background-color: #f6f6f6; color: #000000; height: 100%; padding: 30px 40px 35px 40px}
#content p{margin-bottom: 10px}
#colophon{font-size: 0.8em; margin-top: 25px; text-align: center}
#colophon a{text-decoration: none}
.map{margin-top: 25px;}
.source{display: block; font-size: 0.8em; text-align: right}
.source a{text-decoration: none}
#country{}
#etfelt{display: none}
#alfabet{font-size: 1.2em; margin-bottom: 15px; text-align: center}
#alfabet li{color:#535353;
  display: inline;
  padding-right: 0.5em;
}
#persondata ul{list-style-type: square; margin-left: 25px}
#anetavle{margin-top: 25px}
#descendants{margin-left: 25px}
#descendants ul{list-style-type: square}
#portrait{float: right; width: 150px}
.displayInline{margin-left: 15px}
.displayInline p{display: inline}
.last{margin-top: 15px}

/* search form */
input[type=text] {
    font-family: 'Advent Pro', 'sans serif';
    background-color: #FFFFFF;
    width: 150px;
    padding: 0px 0px;
    margin: 0px 0;
    display: inline-block;
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
}
input[type=submit] {
    font-family: 'Advent Pro', 'sans serif';
    width: 45px;
    background-color: #3a3747;
    color: #FFFFFF;
    padding: 0px 0px;
    margin: 0px 0;
    border: 1px solid #3a3747;
    cursor: pointer;
}
input[type=submit]:hover {
  background-color: #716b8a;
  border: 1px solid #716b8a;
  color: white;
}

#ribbon input[type=text]{
    font-size: 1.5em;
    width: 550px;
}
#ribbon input[type=submit]{
    border: 1px solid #FFFFFF;
    font-size: 1.5em;
    width: 75px;
}

#navigation form{
    margin-top: -2px;
    margin-right: 10px;
}
#navigation input[type=submit]{
    border: 1px solid #FFFFFF;

}