html, body { height: 100%;}

body{
padding: 0;
margin: 0;
}

body{
padding: 0;
margin: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: black;
background-color: white;
text-align: right;

}

#hintergrund{
width: 800px;
margin: auto;
top: 0px;
position: relative;
height: auto;

}



#hintergrund ul li{
position: relative;
display: inline;
padding-right: 5px;
}

#hintergrund ul li a{
text-decoration: none;
color: black;
}

#hintergrund ul li a:hover {
color: white;
}

#links{
position: absolute;
top: 30px;
left: 360px;
width: 470px;
height: 103px;
text-align: right;
}

#webzweinull{
position: absolute;
top: 525px;
left: 322px;
width: 200px;
height: 30px;
text-align: left;
}

#webdreinull{
position: absolute;
top: 686px;
left: 380px;
width: 200px;
height: 30px;
text-align: left;

}


#logo_big{
top: 50px;
width: 350px;
height: 355px;
position: absolute;
}

#logo_small{
top: 10px;
width: 175px;
height: 166px;
position: absolute;
}

#mainframe{
position: absolute;
top: 130px;
left: 380px;
width: 412px;
height: 212px;
}


#kontakt_links{
position: absolute;
top: 190px;
left: 30px;
width: 475px;
height:200px;
background-image: url('pics/bg2.png');
text-align: left;
font-size: 12px;
font-family: Cantarell, sans-serif;
padding-left: 5px;
}

#kontakt_links a{
color:black;
text-decoration:none;
}

#kontakt_rechts{
position: absolute;
top: 190px;
left: 535px;
width: 265px;
height:200px;
background-color: black;
color: white;
text-align: right;
font-size: 12px;
font-family: Cantarell, sans-serif;
padding-right: 5px;
}

#programmbutton{
position: absolute;
top: 130px;
left: 550px;
width: 254px;
height:33px;
}

a.imageLink {
display:block;
background:url(pics/programm_d.png) top no-repeat;
width: 254px;
height:33px;
text-decoration:none;
}

a.imageLink:hover {
background-position:bottom;
}

a.imageLink span {
visibility:hidden;
}




a.e_imageLink {
display:block;
background:url(pics/e_programm_d.png) top no-repeat;
width: 254px;
height:33px;
text-decoration:none;
}

a.e_imageLink:hover {
background-position:bottom;
}

a.e_imageLink span {
visibility:hidden;
}





a.thierry {
display:block;
background:url(pics/spielerei/thierry.png) top no-repeat;
width: 412px;
height:106px;
text-decoration:none;
margin-bottom: 0px;
}

a.thierry:hover {
background-position:bottom;
}

a.thierry span {
visibility:hidden;
}




a.conny {
display:block;
background:url(pics/spielerei/conny.png) top no-repeat;
width: 412px;
height:46px;
text-decoration:none;
margin-bottom: 0px;
margin-top: -10px;
}

a.conny:hover {
background-position:bottom;
}

a.conny span {
visibility:hidden;
}




a.starr {
display:block;
background:url(pics/spielerei/starr.png) top no-repeat;
width: 241px;
height:32px;
text-decoration:none;
margin-bottom: 0px;
float: left;
}

a.starr:hover {
background-position:bottom;
}

a.starr span {
visibility:hidden;
}





a.bock {
display:block;
background:url(pics/spielerei/bock.png) top no-repeat;
width: 168px;
height:30px;
text-decoration:none;
margin-bottom: 0px;
float: left;
}

a.bock:hover {
background-position:bottom;
}

a.bock span {
visibility:hidden;
}





a.silke {
display:block;
background:url(pics/spielerei/silke.png) top no-repeat;
width: 412px;
height:28px;
text-decoration:none;
margin-bottom: 0px;
float: left;
}

a.silke:hover {
background-position:bottom;
}

a.silke span {
visibility:hidden;
}




a.herz {
display:block;
background:url(pics/spielerei/herz.png) top no-repeat;
width: 412px;
height:30px;
text-decoration:none;
margin-bottom: 0px;
float: left;
margin-top: -6px;
}

a.herz:hover {
background-position:bottom;
}

a.herz span {
visibility:hidden;
}




a.boot {
display:block;
background:url(pics/spielerei/boot.png) top no-repeat;
width: 412px;
height:38px;
text-decoration:none;
margin-bottom: 0px;
float: left;
margin-top: -6px;
}

a.boot:hover {
background-position:bottom;
}

a.boot span {
visibility:hidden;
}







a.voltron {
display:block;
background:url(pics/spielerei/voltron.png) top no-repeat;
width: 412px;
height:19px;
text-decoration:none;
margin-bottom: 0px;
float: left;
}

a.voltron:hover {
background-position:bottom;
}

a.voltron span {
visibility:hidden;
}







#sponsorenleiste{
position: absolute;
top: 750px;
left: 0px;
width: 800px;
height: 80px;
}

#programmlinks{
position: absolute;
top: 190px;
left: 30px;
width: 740px;
height:22px;
background-image: url('pics/bg2.png');
text-align: left;
font-family: Cantarell, sans-serif;
font-size: 16px;
}

#programmlinks ul{
list-style-type: none;
margin: 0px;
padding:  0px;
padding-right: 5px;
}

#programmlinks ul li{
position: relative;
float: left;
display: inline;
padding-right: 5px;

}


#programmlinks li ul{
position: absolute;
left: 0px;
top: 0px;
display: none;


}

#programmlinks ul li a {
display: block;
text-decoration: none;
border-bottom: 0;
color: black;
}

#programmlinks ul li ul a {
display: block;
text-decoration: none;
border-bottom: 0;
color: white;
font-weight: bold;

}


#programmlinks li:hover ul { 
display: block;
left: 8px;
top: 18px; 
letter-spacing: 0px;
width:500px;
line-height: 1;
margin-top:0px;
}

#highlightcontent{
position: absolute;
left: 200px;
top: 270px;
width:550px;
height: auto;
background-image: url('pics/bg2.png');
padding-left: 3px;
}

#highlightcontent a{

}

#highlightcontent1{
position: relative;
left: 0px;
top: 0px;
width:550px;
height: auto;
padding-left: 3px;
}

#highlightcontent2{
position: relative;
left: 0px;
top: 0px;
width:550px;
height: auto;
background-image: url('pics/bg2.png');
padding-left: 3px;
}

#highlightcontent3{
position: relative;
left: 0px;
top: 0px;
width:550px;
height: auto;
background-image: url('pics/bg2.png');
padding-left: 3px;
}

#highlightcontent4{
position: relative;
left: 0px;
top: 0px;
width:550px;
height: auto;
background-image: url('pics/bg2.png');
padding-left: 3px;
}

#highlightcontent5{
position: relative;
left: 0px;
top: 0px;
width:550px;
height: auto;
background-image: url('pics/bg2.png');
padding-left: 3px;
}

#ortecontent{
position: relative;
left: 0px;
top: 0px;
width: 150px;
background-image: url('pics/bg2.png');
height:175px;
margin-top:15px;
margin-right:5px;
margin-left:5px;
float:left;
}

#kinocontent{
position: relative;
left: 0px;
top: 0px;
width: 256px;
background-image: url('pics/bg2.png');
height:350px;
margin-top:15px;
margin-right:5px;
margin-left:5px;
float:left;
}

#kinobildcontent{
text-align:center;
}




#date_hl_1{
float: left;
position: absolute;
left: -100px;
top: 10px;
width:90px;
height: auto;
background-image: url('pics/bg2.png');
}

#date_hl_1 h1 a{
color: white;
}


#ueberschrift_hl{
position: absolute;
left: 0px;
top: 225px;
width:800px;
height: 35px;
font-size: 30px;
text-align: right;
}

#highlightcontent h1{
text-align: left;
font-family: Cantarell, sans-serif;
font-size: 26px;
color: white;
margin-top: 0px;
margin-bottom: 3px;
}


#highlightcontent h1 a{
color: white;
}

#highlightcontent h2{
text-align: left;
font-family: Cantarell, sans-serif;
font-size: 21px;
color: black;
margin-top: 50px;
margin-bottom: -20px;
}

#highlightcontent h3{
background-color: yellow;
}

#highlightcontent p{
text-align: left;
font-family: Cantarell, sans-serif;
font-size: 16px;
color: black;
margin-bottom: 0px;
margin-top:17px;
line-height: 1;
}

#programmtglleiste1{
position: absolute;
top: 290px;
left: 30px;
width: 731px;
height:47px;
background-image: url('pics/bg2.png');
text-align: left;
font-family: Cantarell, sans-serif;
font-size: 16px;
padding-top: 20px;
padding-left: 9px;
}

#programmtglleiste1 a{
color: white;
text-decoration: none;
padding-right: 25px;
}

#programmtglleiste2{
position: absolute;
top: 380px;
left: 30px;
width: 731px;
height:47px;
background-image: url('pics/bg2.png');
text-align: left;
font-family: Cantarell, sans-serif;
font-size: 16px;
padding-top: 20px;
padding-left: 9px;
}

#programmtglleiste2 a{
color: white;
text-decoration: none;
padding-right: 25px;
}


#highlightcontent table{
border-collapse:collapse;
}

#highlightcontent td{
vertical-align: top;
}

#highlightcontent a{
text-decoration: none;
color: black;
}


#kinocontent p{
text-align: left;
font-family: Cantarell, sans-serif;
font-size: 14px;
color: black;
margin-bottom: 0px;
margin-top:5px;
line-height: 1;
}

#kinocontent h1{
text-align: left;
font-family: Cantarell, sans-serif;
font-size: 14px;
color: white;
margin-top: 0px;
margin-bottom: 3px;
}


.filmfakten{
text-align: left;
font-family: Cantarell, sans-serif;
font-size: 13px;
color: black;
}

.rechte{
text-align: left;
font-family: Cantarell, sans-serif;
font-size: 8px;
color: black;
text-decoration: italic;
}

.bild_abstand{
margin-top: 10px;
margin-right: 10px;
}

.titel{
color:white;
font-size:13px;
text-align:left;
}