body, html{
background: url(img/spc-01wit.jpg) fixed repeat 0 0;
/*
background-repeat: repeat-x top left;background-repeat: repeat-y top left;*/
margin: 0 auto;
height: 100%;
text-align: center;
}

#main_container{
width: 930px;
min-height: 100%;
_height: 100%;
/*margin: 20px auto 0 auto;*/
margin: 20px auto -30px auto;
border: 1px solid #900;
background-color: white;

}


#header_container{position:relative;
margin: 0;
width: auto;
height: 65px;
padding: 30px 0 5px 0;
background: url(img/catheading2a.jpg) repeat-x top left;
/*color: #900;*/
text-align: center;font-family: "Times New Roman", serif;
font-size:36pt;font-style:italic;
}
#img1{position:absolute;top:0px;left:0;width:130px;height:100px;
margin:0px;border-right: 1px solid #900;}
#img2{position:absolute;top:15px;right:90px;height:50px;
width:530px;margin:25px 0 0 0;}

#menutop_container{float:left;width:930px;}
#menutop{margin:0;height:16px;font-size:12px;
border: 1px solid #000;
list-style:none;}
#menutop li{display:inline;margin:0;padding:0;}
#menutop a{padding:1px 14px;text-decoration:none;
font-family: arial, sans-serif;}
#menutop a:hover {background: #cc3;}

#links_container{
float: left;
width: 150px;text-align:left;
}
#gif{float:left;margin:5px;}
#men{float:left;margin:10px 0 0 15px;}
#img3{float:left;margin:15px 0 0 7px;}


#rechts_container{
float: right;
width: 250px;
background-color: #000;
}

#content_container{
background-color: #fff;
margin: 10px 250px 0 150px;
padding:10px;

text-align:left;
}
.imgri{margin:10px 0;}


#footer_container{
clear: both;
width: 930px;
height: 25px;
margin: 0 auto;
padding: 5px 0 0 0;
background: #900;
font-size:12px;
text-align: center;
border:1px solid #900;
}
#footer_container a{color:#fff;text-decoration:none;}
a, a:visited{color:#900;} a:hover {color:#933;}
p, span{font-family: arial, sans-serif;font-size:10pt;font-weight:normal;}
h1, h2, h3 {font-weight:bold;margin:5px 0;}
h1{font-size:16pt;color:#993;font-style:italic;}
h2{font-size:14pt;color:#960;}
h3{font-size:12pt;color:#930;}
.p1{font-weight:normal;}

#menutop a, #footer_container, #footer_container a, .p1{color:#fff;}
#header_container, a, a:visited, h2{color:#900;}
#menutop, footer_container{background:#900;}
#menutop a:hover, p{color:#000;}



table{width:400px;border-collapse:collapse;}
td{font-size:9pt;padding:1px;text-align:left;border: 1px solid #000;
vertical-align:middle;}
tbody td{background:#ffd;}

@media print{
#links_container,#rechts_container,#footer_container,
#content_container img,
#menutop_container, #menutop, #men, #nav, #gif, #img3
{display:none;}

#main_container
{border:0;height:100%;margin:0;}
}

.imgbxl{float:left;width:330px;height:auto;}
.imgbxr{float:right;width:330px;height:auto;}
.bxleft{float:left;width:200px;height:auto;}
.bxright{float:right;width:200px;height:auto;}
.boxclear{clear:both;}

.thum{position: relative;z-index: 0;}
.thum:hover{background-color: transparent;z-index: 50;}
/*CSS for enlarged image*/
.thum span{ position: absolute;background-color: black;padding: 5px;
left: -1000px;border: 1px solid black;visibility: hidden;color: white;
text-decoration: none;}
/*CSS for enlarged image*/
.thum span img{ border-width: 0;padding: 2px;}
/*CSS for enlarged image on hover*/
.thum:hover span{ visibility: visible;top: 25px;
/*position where enlarged image should offset horizontally */
left: 40px; }