/*
********************************
*	CSS for Ahnenforschung.net
*	Author: Julie Ng
*	Date: 15 Dec 2010
********************************
*/

body {margin:0; padding:0; background-color:#fff; font:normal 13px/1.5em Verdana, sans-serif; color:#333;}

a:link {color:#8fa68e;}
a:visited {color:#789c77;}
a:hover, a:active {color: #820001;  /*background-color:#e9e8d6;*/}

h2 {font:normal 20px/1.25em Georgia, Times, serif;color:#820001; margin:.5em 0 .25em;}
h3 {font-weight:bold; margin:1em 0 .5em; color:#820001}
h4 {font-weight: bold;}
hr {display: block; position: relative; padding: 0; margin: 13px auto; width: 100%; clear: both; border: none; border-top: 1px dotted #d9d4d0; font-size: 1px; line-height: 0; overflow: visible;}


/** LAYOUT **/
.section p {margin:1em 0;}
.section em {font-style: italic;}
.wrap {width:960px; margin: 0 auto;}
.section {border-bottom:1px dotted #d9d4d0; padding-bottom:20px; margin-bottom:15px;}
.noBtmBrdr{border-bottom: none;}
.wrap .first {margin-left:0;}
.hidden {display:none;}
.clr {clear: both;}

a.returnToTop{font-style:italic; font-size:11px; color:#666}

.wrap ul {margin: 1em 0; display: block;}
.wrap ul li {list-style-type: disc; margin:0 0 0 1.5em;}
.wrap ul li ul li {list-style-type: circle; margin-left: 2.5em;}

/** BREADCRUMB **/
#breadcrumb {font: normal 11px/14px Verdana, sans-serif; color: #ccc; padding: 5px 3px; border-top:1px dotted #d9d4d0; border-bottom:1px dotted #d9d4d0; margin-top:-1em;}
#breadcrumb span {color: #800;}
#breadcrumb a {text-decoration: none; color: #666; background: none; }
#breadcrumb a:hover, #breadcrumb a:active {text-decoration: underline;}


/** HEADER **/
#header h1 {display:none}
#header {border-top:5px solid #820001; background-color:#f9f8e9; padding: 15px 0 5px; margin-bottom:25px;}
#header .wrap div {float:left;}
#header a.logo {padding:0; background:none; border:none;} /*ie8*/
#nav {width:650px; float:right; margin-top:10px; text-align:right; font-family: 'Lucida Grande', Verdana, sans-serif; font-weight:bold;}
#nav li {display: inline-block; margin-left:10px; zoom: 1; *display: inline;}
#nav a {display: block; padding:5px 8px; text-decoration: none; color:#000; font-size:14px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
#nav a.selected, #nav a:hover, #nav a:active {background-color:#b10a0b; color:#fff;}


/** HOMEPAGE **/
.masthead { background: #fff url('../img/mast-family-sm.jpg') no-repeat 600px 0; height: 226px;}
.masthead h2, .masthead h3, .masthead p, .masthead form {width:500px;}

.col-3 {width:280px; float:left; margin-left:45px;}
.col-3 h3, .col-2 h3 {color:#333;}
.col-2{width:440px; float:left; margin-left:50px;}
.col-4 {width: 200px; float: left;}
.col-4.last {width: 200px;margin-left: 20px}
.ad-info {font-size: 11px;color: #999;}
.foren ul {width: 200px; float: left; margin-bottom:2em;}
.foren ul.first {margin-right: 40px;}
.foren ul li {list-style-type:circle; color:#ccc; font-size:18px; margin:0}
.foren ul li a {/*color:#333; text-decoration:none;*/ font-size:13px;}
.foren ul li a:hover, .foren ul li a:active {text-decoration:underline;}
.foren p {clear: both;}
.sponsor {font-style:italic;}
.nameresults h2 {margin-top: 0;}
.nameresults h5 {font-size:10px; color:#999; text-transform:uppercase; margin-bottom:2px;}
.nameresults p {margin: 1em 0;}
.nameresults p.nb {font-size:11px; color:#999; line-height:14px;}

#topNames {font-size: 12px; line-height: 1.5em;}
#topNames li {list-style-type: none; margin: .35em .20em; padding: 0; display: inline-block; zoom: 1; *display: inline;}
#topNames a {padding: 4px 10px; text-decoration: none; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
#topNames a:link, #topNames a:visited {background-color: #e9e8d6; color: #695e49;}
#topNames a:hover, #topNames a:active {background-color: #840005; color: #fff;}


/** FOOTER **/
#footer {background-color:#f9f8e9; font-size:11px; color:#695e49; padding:10px 0; margin-top:50px;}
#footer h3 {font-size:11px; color:#820001; text-transform:uppercase; margin:1em 0 .5em;}
#footer li {list-style-type:none; margin:0;}
#footer .about, #footer .contact {width:200px; float:left; margin-right:30px;}
#footer .contact {width:150px;}
#footer .list {width:160px; float:left; margin-bottom:40px; margin-right:40px;}
/*#footer .list li {list-style-type:square; color:#dad4c6;}*/
#footer .list a {color:#695e49; background:none; text-decoration:none; border-bottom: 1px solid #eae4c6; display:block; padding:5px;}
#footer .list li:first-child a {border-top:1px solid #eae4c6;}
#footer .list a:hover, #footer .list a:active {color:#695e49; background-color:#e9e8d6;}
#footer .noRtMargn {margin-right:0;}

#footer .partner {float:right; width:120px;}
#footer .partner li {margin-bottom:3px;}

.foot {padding:10px 0 30px; clear:both; border-top:1px dotted #dad4c6;}
.foot p {float:left; width:400px;}
.foot a {color:#695e49;}
.foot a:hover, .foot a:active {background-color:none;}
.foot ul {float:right; width:300px; text-align:right;}
.foot li {display:inline-block; margin-right:10px; border-right:1px solid #bbb0a3; padding-right:10px;}
.foot li.last {border-right:none;}


/** FORMS **/
input {background: #fff url('../img/fieldbg-sm.gif') repeat-x top left; border:1px solid #d9d4d0; border-top-color: #bbb; line-height:18px; height: 18px; font-size:14px; padding:3px 5px; color:#000; vertical-align:middle;}
input.hp-search {background: #fff url('../img/fieldbg-lg.gif') repeat-x top left; border:1px solid #d9d4d0; border-top-color: #bbb;line-height:24px; height: 24px; font-size:18px; padding:3px 5px; color:#000; width: 300px;vertical-align:middle; margin-right:4px;}
span.desc {color:#999; font-style:italic; font-size:11px; display:block; padding:3px 0;}


/** BUTTONS **/
a.button { display: inline-block; vertical-align: middle;
line-height:25px; padding: 3px 10px; color: #fff; text-decoration: none; font: bold 14px/25px 'Lucida Grande', Verdana, sans-serif;
background-image: url('../img/buttonbg-red.gif'); background-repeat: repeat-x;
background-image: -moz-linear-gradient(100% 100% 90deg, #c91515, #e52827);
background-image: -webkit-gradient(linear, left top, left bottom, from(#e52827), to(#c91515));
-moz-border-radius: 4px; -webkit-border-radius: 4px;
border: 1px solid #bd1110;
}

a.sm {line-height: 18px; height: 20px; padding: 2px 6px;}

/** FERNABFRAGE **/
.fernabfrage h3 {color:#000;}
.fernabfrage table {border-spacing: 10px;}
.fernabfrage table p {margin: 1em 0; font-size:11px; line-height:14px;}
.fernabfrage td {padding:.5em; margin: 10px;border:1px solid #d9d4d0; text-align:center;}
.fernabfrage td.empty {border:none;}
.fernabfrage td.sponsor {border-width: 3px; font-style:normal;}
.fernabfrage td.sponsor span {text-transform:uppercase; color:#ccc; font-size:10px; margin:0 0 -12px;}
.fernabfrage td.sponsor a {color:#B10A0B}
.fernabfrage td a {font-weight: bold;}
.fernabfrage td a:hover {background: none;}
.fernabfrage .search a:link, .fernabfrage  .search a:visited {background-color: #f9f8e9; color: #695e49; padding:5px 8px; -webkit-border-radius:4px; -moz-border-radius: 4px; border-radius:4px; text-decoration:none; font-size:11px; line-height:18px; margin-top:1em; font-weight:normal; border:1px solid #ece9e6}
.fernabfrage .search a:hover, .fernabfrage .search a:active{color:#fff;
background-image: url('../img/buttonbg-red.gif'); background-repeat: repeat-x;
background-image: -moz-linear-gradient(100% 100% 90deg, #c91515, #e52827);
background-image: -webkit-gradient(linear, left top, left bottom, from(#e52827), to(#c91515));
border: none;
}



.fernabfrage form {margin: .5em 0;}
.fernabfrage form label, .fernabfrage form input {width: 150px; float: left; margin-right: 10px;}
.fernabfrage form label {margin-right: 22px; margin-top: 1em;}
.fernabfrage form input#vorname {clear: both;}
.fernabfrage form input#ort {width: 280px;}
.fernabfrage form span.desc {margin-left:348px;}
.fernabfrage form #error {
	width: 325px;
	background: #FCFAB7 url('../img/alert.gif') no-repeat scroll 5px 4px;
	border: 1px solid #ECD786;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	padding: 3px 5px 3px 25px;
	line-height:16px; font-size:11px; color:#83381f;
	display: none;
}


/** METASUCHE **/

.metasuche {padding-bottom:200px;}
.metasuche #alpha {width: 250px; float: left;}
.metasuche #beta {width: 670px; float: right;}
.metasuche .box {margin: 12px 0;padding: 10px 10px 15px; background-color: #f3f4e1; border:1px solid #ccc59e; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px;}
.metasuche .box h3 {border-bottom: 2px solid #ccc59e; margin: 0 0 12px; padding-bottom: 5px;}
.metasuche .box p {font-size: 11px; margin: 0 0 11px;}
.metasuche .box input {width: 175px;}
.metasuche #results li {clear: both;padding-bottom:10px; border-top:1px solid #d9d4d0; margin:0; overflow: visible; list-style-type:none;}
.metasuche #results li p {width: 500px; float:left;}
.metasuche #results li span {width:100px; float:right; margin:18px 0 0;}
.metasuche #results a {color: #332f29; font-weight:bold}
.metasuche .sponsor {font-style: normal; margin-top:2em;}
.metasuche .sponsor h4 {font:normal 11px/14px Verdana, sans-serif; color:#999; margin-bottom:5px;}
.metasuche .sponsor h3 {margin: 0;}
.metasuche .sponsor p {margin:0;}
.metasuche .sponsor a {color: #8fa68e;}
.metasuche .sponsor p a {text-decoration: none; font-size:11px}

/** MISC **/

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}