@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus {outline: 0;}

body {font-family: "Courier New", Courier, Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #000;  background-color: #FFF }

#site {position: absolute; width:686px; height:512px; z-index:1; right: 50%; left: 50%; top: 50%; bottom: 50%; margin-left: -343px; margin-top: -256px}
#sitecontent {position: relative; top: 0px; height: 454px; max-width: 685px; min-height: 454px;}

/* LOGO */

#logo {text-align:center; font-size: 16px;}
#logo a {text-align:center; text-decoration: none; color: #000; font-size: 16px;}

/* HAUPTNAVIGATION */

#navigation {font-size: 16px; text-align: center; top: 12px; position: relative;}
#navigation ul {display: inline; }
#navigation li {display: inline; padding-left: 11px; padding-right: 11px;}
#navigation li a {font-weight: normal; color: #000; text-decoration: none;}
#navigation li a:hover {font-weight: bold;}
#navigation ul li .rex-current {font-weight: bold}
#navigation ul li .rex-active {font-weight: bold}

/* METANAVIGATION */

#metanavigation {position: fixed; bottom: 0px; left: 0px; right: 0px; width: 100%; z-index: 200; height: 24px; padding-top: 6px; text-align: right}
#metanavigation ul {display: inline}
#metanavigation li {display: inline; font-size: 11px; padding-right: 10px; }
#metanavigation li a {font-weight: normal; color: #808080; text-decoration: none;}
#metanavigation li a:hover {font-weight: bold;}
#metanavigation ul li .rex-current {font-weight: bold; color: #000;}
#metanavigation ul li .rex-active {font-weight: bold; color: #000;}

/* HEADLINES */

h1, h2, h3, h4, h5, h6 {font-size:12px; font-weight: bold !important; line-height: 22px;}

/* COPYTEXT */

p {font-family: "Courier New", Courier, Georgia, "Times New Roman", Times, serif; color: #000; font-size: 12px; line-height: 22px;}
em {font-style:italic;}
strong {font-weight:bold !important;}
strong em, em strong {font-weight:bold; font-style:italic;}

/* LINKS */

a {text-decoration:none; color: #000}
a:hover {font-weight: bold; }

/* LISTEN */

ol, ul{	margin: 1em 0 1em 2em; }
ol ol, ol ul, ul ol, ul ul{ margin-top:0; margin-bottom:0; }
ol li{	list-style:decimal }
ol li ol li{ list-style:upper-alpha; }
ol li ol li ol li{ list-style:upper-roman; }
ul li{ list-style:disc;}

/* TEXTFELD */

#container {position: absolute; max-height:418px; margin-left: 98px; margin-top: 20px; width: 556px; height:418px; display: block;}
#content {display:block; width:520px; left:0; margin:0; top:0px; height:auto; padding-left:60px; padding-top: 44px;}
.cow{float:right; margin:0 0 15px 15px; border:5px solid #4F3439;}
.scroll{position:absolute; display:block; height:300px; overflow:scroll; padding: 15px 30px 15px 20px; border:1px dashed black; border-right:0; margin:50px 0; background:#fff; left:0; top:0; width: 300px;
/* fixes has-layout-bug in IE6*/
zoom:1;}

/* BILDERGALERIE */

#bildnavigation-links {display: inline; float: left;}
#bildnavigation-rechts {display: inline; float: right;}

/* PLAYER */

#player {text-align: center; position: absolute; margin-left: 40px; top: 20px}
#playerTop {position: absolute; top: 0px; left: 0px; float: left; z-index: 200}
#playerContent {position: absolute; top: 1px; left: 0px; float: left; z-index: 100; background-image: url(http://www.kaialbrecht.de/files/player_middel.gif); background-position:center; background-repeat:repeat-y}
#playerBottom {position: relative; left: 0px; top: 0px; z-index: 200; display: block; background-image: none !important; background-color:#FFF !important}
#playerBottom img {margin: 0px !important; padding: 0px !important}