html {
    overflow-y: scroll;
}

body {
    margin: 0;
    padding: 0;
    color: #000;
    font-family:verdana, arial, sans-serif;
    font-size: 9pt;
    text-align: center;
    line-height:1.6em;
    background-color:#4d5e98;
}

h1 {
    display:block;
    font-size:1.2em;
    line-height:2.4em;
    text-align:right;
    background:#fff;
    color:#bf3317;
    border-bottom:2px solid #7686b6;
    font-style:italic;
    padding:0 20px 0 0;
    margin:20px auto 10px;;
}

h2 {
    font-size:100%;
    height: auto;
    line-height:2.0em;
    padding:0;
    margin:20px 0 10px 0;
    color:#222;
    text-align:left;
}

h3 {
    display:block;
    font-size:100%;
    line-height:2em;
    color:#bf3317;
    border-bottom: 1px solid #7686b6;
    font-style:italic;
    padding:0 20px 0 0;
    margin:10px auto;
}

p {
    margin: 10px;
    padding: 10px 0 .5em 20px;
    color: #000;
    text-align:	justify
}

a {
    color:#a22;
    text-decoration:none;
    font-weight:normal;
}

a:hover {
    text-decoration: underline;
}

table {
    padding:1px;
    margin:0;
}

table img {
    border: 0;
}

.preise { border: 1px solid #aaa; margin: 2em 0 0 30px; }
.preise td { border: 1px solid #aaa; padding: 1em; }
.preise th { background-color: #ccc; padding: 1em; }


.emph { background-color: #eee; font-weight: bold; }
.sm { font-size: smaller }

.noframes td {
    border: 0;
}

td {
    text-align:left;
}

form {
    margin:0 0 0 10px;
}

form td {
    border: 0;
}

ul {
    list-style-type: square;
    margin: 10px 0 10px 20px;
}

li {
}

.formlabel {
    font-size: 8pt;
    font-weight:bold;
    text-align:right; 
    width:150px;
    margin:0;
    padding:0 20px 0 0;
}

.softborder {
    border:1px solid #888888;
    font-size:9pt;
    line-height:1.2em;
    padding:2px;
}

.fehler {
    border:1px solid red;
    font-size:9pt;
    line-height:1.2em;
    padding:2px;
    background:#ffdddd;
}

.button {
    font-size:10pt;
    font-weight:normal;
    border:1px solid #888888;
    cursor:pointer;
    background:#fff;
}

.nomargin {
    display:inline;
    line-height:2.2em;
    height:2.2em;
    margin:0;
    padding:0;
}

#centerbox {
    display:inline;
    text-align:center;
}

#wrapper {
    position:relative;
    top:20px;
    background-color:#fff;
    width:auto;
    min-width:900px;
    margin:0 6% 0 1%;
    border: 3px solid #eee;
    overflow: hidden;
}

#content {
    width:auto;
    height:auto;
    min-height:300px;
    text-align:left;
    margin:0 auto;
}

#leftcol {
    width:25%;
    min-width:230px;
    float:left;
    padding-bottom:20px;
    background-color:#eee;
    margin-bottom:10px;
    overflow: hidden;
}

.leftcontent {
    margin:10px;
}

#logobox {
    width:auto;
    height:auto;
    background-color:#eee;
    text-align:center;
}

.logo {
    margin:0 auto;
    height:100%;
    width:100%;
    border:0;
}

#rightcol {
    float: right;
    width:74%;
}

#seiteninhalte {
    width:auto;
    height:90%;
    margin:10px 20px 20px 20px;
}

.previewfoto {
    width: 220px;
    border:1px solid #888;
}

.inlinefoto {
    margin:15px 0 10px 30px;
    padding: 10px;
    background: #eee;
    font-size:8pt;
    text-align: center;
}

.inlinefoto img {
    width: 260px;
    height: auto;
    border:1px solid #888;
}

.left	{ float: left;}
.right	{ float: right; }
.rtext { text-align: right }
.clear	{ clear: both;}
.square { min-height: 240px; }
.drittel { width: 33%; }
.haelfte { width: 50%; }
.text	{ min-width: 320px;}
.top	{vertical-align: top;}
.bottom{vertical-align: bottom;}
.bold { font-weight: bold; }
.floli { float: right; }
.flori { float: left;  }
.center { text-align: center; }
.clear { clear: both }
.picbar { padding: 5px 0; background: #aaa; height: 68px; margin-top: 5px;}
.tmarg { margin-top: 10px; }
.white { }
.border { border: 1px solid #32241f; }
.noborder { border: 0; }
.nobr { white-space: nowrap;  }
.indent { padding-left: 20px; }
.newsimg { margin: 10px 20px 0 10px; padding: 2px; background-color: #fff; width: 180px; }
.newsimgbig { margin: 0 20px 0; padding: 2px; width: 220px; }
.sd { background: white; } 
.mini { width: 160px; margin: 0 20px 0 0; padding: 0; }
.italic { font-style: italic; }
.onpage { width: 616px; }
.action { background-color: #99e76f; }
.fast { display:block;
        font-size:1.0em;
        border-bottom:1px solid #7686b6; }
.red { color: red; }
#footerbox {
    clear:both;
    background-color:#eee;
    height:2.8em;
    line-height:2.8em;
    text-align:center;
    overflow:hidden;
    font-size:8pt;
    border-top:1px solid #7686b6;
}

#navigation {
    display:block;
    width:auto;
    margin:0;
    padding:0;
}

#navigation h1 {
    text-align:left;
    text-indent:20px;
    border-bottom:2px solid #7686b6;
    margin:auto;
    background: transparent;
}

#navigation ul {
    text-indent:0;
    padding:0;
    margin:0 0 10px 0;
    list-style-type:none;
    color:#bf3317;
    padding:0;
}

#navigation li {
    text-align:right;
    height:2.5em;
    line-height: 2.5em;
    border-bottom: 1px solid #7686b6;
    margin-left:10px;
}

#navigation li:hover {
    background-color:#7686b6;
}

#navigation a {
    display:block;
    color:#770000;
    text-decoration:none;
    padding:0 15px 0 0;
}

#navigation a:hover {
    color:#eee;
    text-decoration:none;
}

#current {
    background-color:#fff;
}

#current a {
    color:#000;
}

.invis {
    display: none;
}

.boxed { width: 100%; }
.boxedstatus { display: none; }

.probox { float: left; min-width: 300px; margin: 10px 0; padding: 10px; }

.probox TABLE { background-color: #f0f0f0; padding: 10px; margin: 10px 5px; font-size: 8pt; float: left; border-radius: .5em; }
.probox TABLE TD { vertical-align: top; padding: auto; }

td.vk { padding: 2px 5px; font-weight: bold; }
td.vkv { background-color: #fafafa; padding: 2px 5px; border-bottom: 1px dotted #999; }


.probox H2 { clear: both; color: #4d5e98; font-size: 10pt; margin: 0 0 10px 10px; }
.probox P { line-height: 2em; font-size: 8pt;  margin: 0 0 10px 20px; }
.probox li { line-height: 1.5em; }

#pedigree { background-color: #f0f0f0; font-weight: bold; border-radius: .5em; }
#pedigree td { vertical-align: middle; }

#pedigree .father { background-color: #ccc; text-align: center; padding: 14px; white-space: nowrap;}
#pedigree .mother { background-color: #ddd; text-align: center; padding: 14px; white-space: nowrap;}

.fb-like-box {  margin-top: 20px; padding: 0; }

.yt { margin: 10px; float: left; width:300px; height:169px;}

.galwrap { }

.galwrap .fotogalerie { overflow: auto; width: auto; height: auto; float: left; margin: 5px; border-radius: .5em; background: #e0e0e0; }
.galwrap .fotogalerie .mini { overflow: hidden; width: 100px; height: auto; }
.galwrap .fotogalerie IMG { margin: 5px 5px 0; border-radius: .2em; border: 1px solid #aaa; }