/* CSS Document von k-w-i-s.de
farben aus karte und Banner:
rot cc3300
grün 009900
blau 006699

*/
body {
font-size:90%;
font-family: verdana, Arial, Helvetica, sans-serif;
border:0;
line-height:125%;
background: url(../images/bespannung.jpg);
color: #333333;
}
h1 {
background-color: #333333;
font-size:1em;
padding: 5px;
color: #FFff00; } /*#660000, #330000; #669933,green, */
h2 {
font-size:.9em;
padding: 10px 0 0 0;
color: #333333;
}
h3 {
font-size:.8em;
padding: 10px 0 0 0;
color: #333; }
h4{
background-color: #333333;
font-size:1.2em;
color: #FFff00;
padding: 8px;
}
h5{
        font-size: .7em;
}
p, .post {
font-size:.9em;
padding: 0;}
*{
        padding: 0px;
        margin: 0px;
}
html, body {padding: 0px;margin: 0;}
*html body{ font-size:90%;}
.nopadd {padding: 0;}
table{
padding: 2em 0 0 0;
width: 100%;
}
td
{font-size:.9em;
padding: 2px 6px 2px 2px;
vertical-align: top;}
/**/
ul {
list-style-type: disc;
list-style-position: inside;
font-size:.8em;
}
ol{
list-style-type: none;
list-style-position: outside;
}
img{border: 0px;}
.img_re{        float: right;padding: 5px 5px 10px 10px;}
.img1{float: right;}
.img_le{        float: left;padding: 5px 14px 8px 0px;}
.img_le_nopadd{float: left;}
.img_le_bg{
float: left;
margin: 5px 14px 8px 0px;
background-image: url(../images/bespannung.jpg);
}
input, select{
        color:#596062;
        background-color: #FFFFFF;
        font-size: 1em;
        border: 0px solid #ffffff;
        width: 450px;
        }
select, option{
        width: 45px;}
input.button{
        width: 100px;
}
#container{
text-align: center;
height:100%;
        width: 970px;
margin: auto;
        padding: 0px;
        /**/
}
#container2{
text-align: left;}
#container3{
position: absolute;
top:50%;
margin-top:-300px;
left:50%;
margin-left: -250px;
}
#banner{
height:20%;
        width: 964px;
        padding: 0px;
        margin-top: 10px;}
#bannerfoto{
        width: 960px;
        margin-top: 10px;
border-top: 5px solid #FFff00;
float:left;
}
#vv_logo{
margin: 0;
padding: 0;
width: 966px;
float:left;
border-top: 5px solid #FFff00;
border-bottom: 5px solid #FFff00;
}
#vv_logo2{
font-size: .8em;
margin: 0;
padding: 0;
float:left;
vertical-align: bottom;
border-top:1px solid #FFFFF0;
border-bottom:1px solid #FFFFF0;
        background-image: url(../images/zettel.gif);}
#logoindex{
/*position: absolute;
        top: 50%;
        left: 50%;
        margin: 30px 0 0 -105px;        */
        background: url(../images/zettel.gif) ;
        color: #333333;
        font-weight: bold;
        padding: 10px;
}
/*-------------------------------------------------------*/
#contentarea {
width:970px;
height:30%;
vertical-align: bottom;
}
#content{
width:550px;
float:left;
margin: 10px 0;
padding: 10px 20px;
        background-image: url(../images/zettel.gif);
 }
 #fotocontent{
width:920px;
margin: 10px 0;
padding: 10px 20px;
        background-image: url(../images/zettel.gif);
 }
 #streck{
         float: left;
 }
 #rest{
         float: left;
        width: 545px;
 }
 #fotorest{
         float: left;
        width: 919px;
 }
 #fotobox{
         width:180px;
        float: left;
        height: 180px;
 }
 .fotos{
        margin: 100px;
        width: 130px;
 }
#extra{
float: right;
margin-top: 10px;
width:200px;
padding: 0;
vertical-align: bottom;
}
#rock1{
        background-color: #333333;
        color: #ffffff;
        width: 200px;
        padding: 30px;
        position: absolute;
        top: 30px;
        left: 50%;
        margin-left: -490px;/**/
}
#rock2{
        background-color: #333333;
        color: #ffffff;
        width: 200px;
        padding: 30px;
        position: absolute;
        top: 130px;
        left: 50%;
        margin-left: 220px;
}

*html #rock1, *html #rock2{
}
#extra_uhr{
float: left;
margin-top: 0px;
        margin-left: 150px;
width:200px;
padding: 0;
}
#footer {
        text-align: center;
        padding: 3px;
margin-top: 10px;
        clear: left;
        width: 960px;
height:10%;
        background-image: url(../images/zettel.gif);
}
#text{
        width:200px;
        margin-left: 10px;
        margin-top: 30px;
        padding: 10px;
        background: url(../images/zettel.gif) ;
}
#songtext{
        width:200px;
        min-height: 100px;
        padding: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 105px;
        font-size: .9em;
        float: left;
        background: url(../images/zettel.gif) ;
}
#balken{
        position: relative;
        top: -390px;
        left: 410px;
        width:300px;
}
#kasten{
        float: left;
        width:250px;
}
#abstand{
        float: left;
        width:50px;
}

.inputbox {
        padding: 2px;
        border:solid 1px #cccccc;
        background-color: #ffffff;
}
.small, .time {
                font-size: .7em;
}
.rechtsbuendig{
        text-align: right;
}
/*<-------------container nächste Termine-------------------->*/
.nxtterm{
        font-size:.85em;
        color: #333333;
        border: 1px solid #eee;
        width: 178px;
}
.h-nxtterm{
font-size:.84em;
font-weight:bold;
color:#FFff00;
}
.td-nxtterm{
color:#333333;
}
.block{
text-align: justify;
}
.createdate {
        height: 15px;
        padding-bottom: 10px;
        color: #999999;
        /*font-size: 11px;*/
}
.contentheading{
        font-weight: bold;
        /*font-size: 11px;*/
}
.modifydate {
        height: 15px;
        padding-top: 10px;
        color: #999999;
        /*font-size: 11px;*/
}
/* ----------------------------Links ------------------------------------*/
a{
        font-size: .9em;
        font-weight: bold;
        color: #3D3D3D;
}
a:link, a:visited {
text-decoration: none;
}
a:hover {
        color: #999999;
}
a.gelb  {
        color: #ffff00;
}
a:hover.gelb{
        color: #999999;
}
 a h1{
font-size:1em;
padding: 5px;
color: #3D3D3D;
background: transparent;
}
*html a h1{
        background-image: url(../images/blind.gif);
}
 a:hover  h1{
font-size:1em;
padding: 5px;
background-image: url(../images/bespannung.jpg);
color:#FFff00;
}
.unsichtbar{
        display: none;
}
.unten{
        vertical-align: bottom;
}
.clear{
        clear: left;
}
form {/* removes space below form elements */
        margin: 0;
         padding: 0;
}