/*
#023f80 blaue farbe
#0370E4 passendes helleres blau
#a2a2a2 graue farbe */

/*
scriftart für logo: berlin sans fb
farbpalette knitter hell nach dunkel:

#cbd8e6 sehr helles blau      / menue-bg, menuitem + itemborder-bg
#86a5c6 helles blau           / schrift h1-h3, topspace-bg, menuhover-bg, box-h1-bg
#49719c mittleres blau        / menuitem-active-bg
#283f57 dunkleres blau        / main-border, logo-bg, bg + borders h1-h3, menuitem-color + border, box-border link-color
#d9d9d9 passendes helles grau / bg-inside
#a5a5a5 passendes helles grau / bg-outside

*/


body {
 font-family: Verdana;
 font-size: 12px;
 color: #000000;
 background-color: #a5a5a5;
}



h1,h2,h3 {
 color: #86a5c6;
 line-height: 16px;
 vertical-align:middle;
 font-size: 16px;
 background-color: #283f57;
 border:0px solid #283f57;
 border-width:2px;
 padding: 5px;
 margin: 0px;
}

strong {
 color: #283f57;
 font-weight: bold;
}

p {
 padding: 0px 6px;
 line-height: 1.4em;
}

div#main {
 width: 1004px;
 margin:10px 10px 0px 0px;
 border:0px solid #283f57;
 border-width:2px;
}

div#sitetop {
 width: 1000px;
 height:100px;
 border:0px solid white;
 border-width:2px 2px 0px 2px;
 background-image:url(/images/logo-bau-sv-knitter-2010.jpg);
}
div#imgspace {
 width: 1000px;
 height:55px;
 border:0px solid white;
 border-width:2px 2px 0px 2px;
 background-image:url(/images/balken1.jpg);
}
div#topspace {
 padding: 5px 10px 7px 39px;
 border: 0px solid white;
 border-width:2px 2px 2px 2px;
 background-color: #86a5c6;
}

div#mainspace {
 border: 0px solid white;
 border-width:0px 2px 2px 2px;
 background-color: #D9D9D9;
}

#left {
 float: left;
}

#menu {
 width: 220px;
 background-color: #cbd8e6;
 padding: 15px 8px 8px 38px;
 border: 0px solid white;
 border-width:0px 0px 2px 0px;
}

#center {
 float: left;
 width: 520px;
 padding: 15px 10px 5px 10px;
 background-color: #ffffff;
}

#right {
 height: auto;
 float: right;
 width: 172px;
 padding: 8px 10px 10px 10px;
 background-color: #D9D9D9;
}

div.clear {
 clear: both;
}

div.clearleft {
 clear: left;
}
a.menuitem {
 display: block;
 line-height: 16px;
 font-size: 12px;
 vertical-align:middle;
 color: #283f57;
 padding: 7px 10px 5px 8px;
 margin-bottom: 1px;
 text-decoration: none;
 text-align: right;
 font-weight: bold;
 border:0px solid #cbd8e6;
 border-width:1px;
}

a.menuitem:hover {
 background-color: #86a5c6;
 border:0px solid #283f57;
 border-width:1px;
}
a.menuitem#active {
 color: #cbd8e6;
 background-color: #49719c;
 border:0px solid #283f57;
 border-width:1px;
}

.box {
 font-size: 10px;
 margin: 8px 0px 10px 0px;
 border:0px solid #283f57;
 border-width: 1px;
 background-color: #cbd8e6;
 overflow: hidden;
}

.obox {
 margin:8px 0px 14px 6px;
 border:0px solid #283f57;
 border-width: 1px 1px 1px 0px;
 overflow: hidden;
}

.box h3 {
 border-width:0px 0px 1px 0px;
 padding: 5px;
 font-size:12px;
 position:relative;
}

.box h4 {
 display: block;
 border-width:0px 0px 1px 0px;
 padding: 5px 3px;
 margin: 0px;
 font-size: 9px;
 font-weight: normal;
 text-align: right;
 background-color: #86a5c6;
}
.obox h2 {
 border-width:0px 0px 1px 1px;
 padding: 5px;
 font-size:14px;
 position:relative;
 color: #cbd8e6;
 background-color: #49719c;
}

.box p, .obox p, .box li, .obox li {
 line-height: 1.4em;
 position:relative;
 padding: 0px 5px 1px 5px;
}

a:link,a:active,a:visited,a:hover  { color: #283f57; text-decoration: none; font-weight: bold; }
a:hover                            { background-color: #86a5c6; }

input,textarea,select {
 color : #283f57;
 font: normal 11px Verdana;
 padding: 1px;
 border: 1px solid;
 border-color : #283f57;
 background-color: #86a5c6;
}

input.button {
 color : #870307;
 font: normal 10px Verdana;
 padding: 0px;
 border: 1px solid;
 border-color : #283f57;
 background-color: #49719c;
}

.pimg, .obimg {
 float: right;
 border: 1px solid;
 border-color : #283f57;
 background-color: #cbd8e6;
}

.pimg {
 margin: 3px;
}

.obimg {
 position:relative;
 margin: 15px 10px 5px 7px;
 padding: 0px;
}

.obimg p {
 margin: 3px;
 padding: 0px;
 text-align: center;
 color: #000000;
 font-size: 10px;
}

.anmerkung {
 font-size: 10px;
 font-style: italic;
}

div.listitem {
 float: left;
 margin: 3px;
}

.tvimg {
 position: relative;
 z-index: 0;
 text-decoration: none;
}

.tvimg img {
 z-index: 1;
}

.tvimg:hover {
 background-color: transparent;
 z-index: 22;
}

.tvimg:hover span {
 z-index: 33;
}

.tvimg:hover span img {
 z-index: 44;
}




.tvimg span {
 /* CSS Vollbild-Layer */
 position: absolute;
 background-color: #cbd8e6;
 padding: 5px;
 left: -900px;
 border: 2px solid #283f57;
 visibility: hidden;
 color: black;
 text-decoration: none;
}

.tvimg span img {
 /* CSS Vollbild */
 border-width: 0;
 padding: 2px;
}

.tvimg:hover span {
 /*CSS Vollbild bei hover*/
 visibility: visible;
 text-align: center;
 text-decoration: none;
 font-size:12px;
 font-style: italic;
 line-height: 14px;
 font-weight: normal;
 top: 0;
 left: -50px;
}

#body,#content,div {
 overflow: visible;
}