@charset "UTF-8";

html, body, p, ul, li, ol, dl, dt, dd, div, h1, h2, h3, h4, h5, h6, form, legend, fieldset { margin: 0; padding: 0; border: 0; }
html, body { width: 100%; height: 100%; font-size: 100%; font-family: Verdana, Arial, serif, monospace; line-height: 1.5; }
body { background: url('/style/hg1.jpg') bottom left no-repeat fixed #c4cfd5; min-height: 100%; min-width: 970px; }
#header { width: 100%; height: 140px; margin: 0; background: url('/style/header.png') top left no-repeat; text-indent: -100000px; }

#navi { width: 200px; background: url('/style/bg_transparent_80.png') top left repeat; margin: 0 0 0 20px; list-style: none; padding: 10px; font-size: 1.1em; font-variant: small-caps; float: left; }
#navi li { padding: 3px 0; }
#navi li a, navi li em { display: block; color: #666; text-decoration: none; }
#navi li em { font-weight: bold; }
#navi li a:hover { color: #999; }
#navi ul { margin: 5px 0 5px 30px; list-style: circle; font-size: .9em; }
#navi ul li { padding: 0; }
#navi li.admin a { color: darkred; font-weight: bold; }
#navi li#facebook { margin: 20px 0 0; }

#content { width: 670px; min-height: 500px; float: left; margin: 0 0 0 20px; padding: 20px 20px 10px 20px; background: url('/style/bg_transparent_80.png') top left repeat; color: #313131; }
#content {
	-moz-border-radius-topright: 25px; 
	-moz-border-radius-topleft: 25px;
	-webkit-border-top-right-radius: 25px; 
	-webkit-border-top-left-radius: 25px;
	border-radius: 25px 25px 0 0;
}
#navi {
	-moz-border-radius: 25px; 
	-webkit-border-radius: 25px;
	border-radius: 25px;
}
#navi, #content {
	-moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
	-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
	box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}

/* #navi { position: fixed; } */

a img { border: none; }
a { color: #666; }
a[rel="external"] { padding-right: 18px; background: url('/style/icon_externer_link.gif') right center no-repeat; }

h1 { font-size: .6em; }
h2 { margin: 0 0 1.5em 0; font-size: 1.4em; padding-bottom: 20px; text-align: center; background: url('/style/divider.png') bottom center no-repeat; }
h3 { margin: 1.5em 0; font-size: 1.2em; border-bottom: 1px solid #666; }
h4 { margin: 1em 0; font-size: 1em; }
h5 { margin: 1em 0; font-size: 1em; }
h1, h2, h3, h4, h5, h6 { font-family: 'Lobster', Arial, monospace; }

p { margin: 0 0 .5em 0; }

address { display: block; margin: 1em 0 1em 2em; }

p.toplink { width: 100%; display: block; clear: both; text-align: right; font-variant: small-caps; margin: 1em 0; }
.leerzeile { margin-top: 2em; }
img.zentriert { display: block; margin: 20px auto; }
img.rechts { float: right; margin: 0 0 20px 20px; }

ul.galerie { float: left; list-style: none; width: 688px; margin: 20px 0 0 0; }
ul.galerie li { width: 324px; height: 270px; float: left; margin: 0 20px 20px 0; position: relative; background: #fff; }
ul.galerie li a { display: block; height: 250px; }
ul.galerie li img { padding: 1px; border: 1px solid #fff; }
ul.galerie li span { display: block; width: 324px; height: 20px; font-size: .8em; text-align: center; padding: 2px 0; position: absolute; bottom: 2px; }

dl.bigpic { display: block; margin: 10px 0; border: 1px solid darkred; background: #fff; padding: 20px 0 0; }
dl.bigpic dt { width: 100%; display: block; }
dl.bigpic dt img { display: block; margin: 0 auto; }
dl.bigpic dd { display: block; width: 100%; text-align: center; margin: 5px 0 0; padding: 2px 0; }

/* Zuchtstuten */
dl#zuchtuebersicht, dl#fohlenuebersicht, dl#videos { float: left; }
dl#zuchtuebersicht dt, dl#fohlenuebersicht dt, dl#videos dt { clear: left; float: left; width: 460px; font-weight: bold; padding: 20px 0 20px 10px; background: #eee; }
dl#zuchtuebersicht dd, dl#fohlenuebersicht dd, dl#videos dd { width: 200px; margin: 0 0 0 470px; }
dl#zuchtuebersicht dt a, dl#fohlenuebersicht dt a { padding-left: 15px; background: url('/style/arrow-right-green.png') center left no-repeat; font-weight: normal; }
dl#videos dt { width: 370px; }
dl#videos dd { width: 300px; }
dl#fohlenuebersicht dd.details { display: none; }
dl#videos dt span { font-style: italic; }
dl#videos dt span.title { font-size: 1em; font-weight: bold; text-decoration: underline; }
dl#videos dt span.author { font-size: .7em; font-weight: normal; }
dl#videos dt span.upload { font-size: .7em; font-weight: normal; }
dl#videos dt span.viewcount { font-size: .6em; font-weight: normal; }
dl#videos dt span.desc { font-size: .8em; font-weight: normal; font-style: normal; }

/* Formulare */
form {}
legend { display: none; }
fieldset {}
form dl { width: 100%; }
form dl dt { clear: left; }
form dl dt.label { float: left; width: 190px; padding: .4em 0 0 0; }
form dl dd { margin: 0 0 .5em 0; width: 460px; }
form dl dd.ta { width: 100%; }
form label { font-weight: bold; cursor: pointer; font-size: .9em; }
form p {}
input[type="submit"] { -moz-border-radius: 10px; -webkit-border-radius: 10px;  border-radius: 10px; }
input, textarea {
	display: block;
	margin: 0;
	padding: .4em;
	width: 100%;
	font-family: "Georgia", serif;
	font-size: 1em;
	border: 1px solid #aaa;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;   
	border-radius: 5px;
	-moz-box-shadow: rgba(0,0,0,.2) 0 1px 4px inset;
	-webkit-box-shadow: rgba(0,0,0,.2) 0 1px 4px inset;
	box-shadow: rgba(0,0,0,.2) 0 1px 4px inset;
	background: #fff;
}
textarea { width: 97%; }
form *:focus, form .error {
	border: 1px solid #66f;
	outline: none;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
form .error {
	border: 1px solid red;
}
input[type="submit"] {
	float: right;
	margin: 1em 1em 0 1em;
	width: 10em;
	padding: .5em;
	border: 1px solid #666;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px; 
	border-radius: 10px;
	-moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
	-webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
	box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
	color: #fff;
	background: #0a0;
	font-size: 1em;
	line-height: 1em;
	font-weight: bold;
	opacity: .7;
	-webkit-appearance: none;
	-moz-transition: opacity .5s;
	-webkit-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s;
}
 
input[type="submit"]:hover, input[type="submit"]:active { cursor: pointer; opacity: 1; }
 
input[type="submit"]:active {
	color: #333;
	background: #eee;
	-moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
	-webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
	box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
}
#kontaktformmessage { border: 1px solid red; background: #fff; padding: 10px; color: red; font-weight: bold; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
 
/* Tabellen */
table.stammbaum { width: 100%; min-width: 600px; border-collapse: collapse; border: 0; background: #fff; font-size: .9em; margin: 1em 0; }
table.stammbaum tr {}
table.stammbaum td { border: 1px solid darkred; padding: 5px; vertical-align: middle; }
table.stammbaum td.rot { color: red; font-weight: bold; }
table.stammbaum caption { caption-side: bottom; font-size: 0.9em; font-style: italic; text-align: right; padding: 0.5em 0; }

/* Admin */
p#admin_logout_link { text-align: right; margin: 0 0 20px 0; }
table.adminformtable { border-collapse: collapse; margin: 0 0 10px 0; background: #fff; }
table.adminformtable th { text-align: left; border-bottom: 1px solid #ddd; background: #ddd; }
table.adminformtable td { vertical-align: top; font-size: .8em; border-bottom: 1px solid darkred; padding: 10px 0; }
table.adminformtable td.second { text-align: right; }


/* bbEdit */
.underline { text-decoration: underline; }
.line-throught { text-decoration: line-through; }
.bbedit-toolbar { line-height: 20px; font-size: 10px; }
.bbedit-toolbar span { padding: 3px 8px; border: 1px solid #B2B2B2; background-color: #F0F0F0; cursor: pointer; }
.bbedit-toolbar span.hover, .bbedit-toolbar span:hover { border-color: #777777; background-color: #E5E5E5; }
.bbedit-smileybar img { margin-right: 1px; cursor: pointer; }
.bbedit-b { background: url("/jquery-bbedit/icons.gif") no-repeat 0 0; }
.bbedit-i { background: url("/jquery-bbedit/icons.gif") no-repeat -20px 0; }
.bbedit-u { background: url("/jquery-bbedit/icons.gif") no-repeat -40px 0; }
.bbedit-s { background: url("/jquery-bbedit/icons.gif") no-repeat -60px 0; }
.bbedit-url { background: url("/jquery-bbedit/icons.gif") no-repeat -80px 0; }
.bbedit-img { background: url("/jquery-bbedit/icons.gif") no-repeat -100px 0; }
.bbedit-code { background: url("/jquery-bbedit/icons.gif") no-repeat -120px 0; }
.bbedit-quote { background: url("/jquery-bbedit/icons.gif") no-repeat -140px 0; }