/* HEADER */

header {
    text-align: center;
    margin: 0;
    border: 2.5pt solid rgb(var(--med2));
    background-color: rgba(var(--med2),.5);
    display: block;
    position: relative;
}

header img {
    margin: .5em auto 2em -1em;
    display: inline-block;
    vertical-align: middle;
}

header #headline {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    font-size: 1.5em;
    text-shadow: 0 0 .5em rgba(var(--drk2),.8);
    color: rgb(var(--drk2));
}

header #headline #title {
    display: block;
    font: bold 2.3em var(--serif);
    letter-spacing: .1em;
}

header #headline #byline {
    display: block;
    text-indent: -3em;
}

header #logline {
	padding: .3em;
	background-color: rgba(var(--bg1),.4);
	text-align: left;
}

#welcome {
    max-width: 100%;
}


/* MENÜ */

nav a, nav span {
    display: block;
    width: 100%;
    padding: .4em;
    text-align: left;
}

nav .mainpoint {
    margin-top: .3em;
    padding: .4em;
    background-color: rgba(var(--med2),.4);
    font: bold 1.4em var(--serif);
    color: rgb(var(--drk2));
    letter-spacing: .05em;
    border: 2px solid rgba(var(--drk2),.8);
}

nav a {
    background-color: rgba(var(--med1),.4);
    text-indent: 1em;
    color: rgb(var(--drk1));
    text-decoration: none;
    border: 1px solid rgba(var(--drk1),.8);
    margin-top: -1px;
}

nav a:hover, nav a:active, nav a:focus {
    background-color: rgba(var(--med1),.2);
    text-decoration: none;
    text-indent: 1.5em;
}


.info {
    display: block;
    margin-bottom: 1em;
}

.info:last-child {
    margin-bottom: 0px;
}

.info b {
    display: inline-block;
    width: 10em;
}

/* PFERDE-ÜBERSICHT */
.pferd_thumbnail {
	max-height: 11em;
	max-width: 100%;
}


/* PFERDE-STECKBRIEF */

#pferd_image {
    max-width:100%;
	max-height: 30em;
    margin-bottom: .5em;
}

#pferd_image + span {
    font-size: .85em;
}

#abstammung td {
    width: 50%;
    height: 2.5em;
}



#galerie {
    background-color: rgba(var(--med1),.2);
    width: 100%;
    padding: 1em;
    text-align: center;
}

#galerie #img-container {
    height: 300pt;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    margin: 0px auto;
}

#galerie #anzeigebild {
    max-height: 100%;
    max-width: 100%;
    display: block;
    margin: 0px auto;
}

#galerie #copyright {
    text-align: center;
    font-size: .8em;
}

#galerie #bilderleiste {
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
}

#galerie #bilderleiste img {
    display: inline-block;
    margin: auto 1pt;
    height: 60pt;
}

#register-icon {
	display: inline-block;
	height: 10.5pt;
	margin-right: .3em;
}


/*Textfelder allgemein */

.textfield {
    width: 70%;
    height: 20em;
    resize: vertical;
}

/* Formulare */

.form_info {
    display: inline-block;
    width: 25%;
}

.error {
    color: #aa0000;
}

/* Stallübersicht */

.stall a {
    display: inline-block;
    width: 25%;
}

/* Membersteckbrief */

.memberbild {
	float: left;
	margin-right: 1em;
	display: inline-block;
}

.memberbild::after {
	clear: both;
}