/* Seitenlayout */
*{
 margin:0;
 padding:0;
}

body{
 background:#fff url(pics/4x1.bmp) repeat;
 font:.8em, arial, sans-serif;
 text-align:center;
}

#content{
 background:#FFF url(pics/hintergrund.jpg) repeat-y;
 border: 1px #9F9F9F solid;
 margin:15px auto;
 padding:10px 10px 8px 10px;
 text-align:left;
 width:718px;}

#top{
 background:#F4F4F4 url(pics/pic_top.jpg);
 clear:both;
 height:178px;
 width:718px;
}

#left{
 float:left;
 background:#F4F4F4;
 margin:0 0 20px 0;
 width:542px;
}

#right{
 float:right;
 margin:0 0 0 0;
 width:173px
}

#bottom{
 background:#F4F4F4 url(pics/bottom.jpg);
 clear:both;
 height:65px;
 width:716px;
}

#spacer{
 background:#fff url(pics/spacer.gif) repeat;
 border: none;
 clear:both;
 height: 1.2em;
 width:532px;
 margin:0;
 padding:0;
}

/* Formatierung */

/* Überschriften */

h2{
 /*border-bottom: 1px #9F9F9F solid;*/
 background:#F4F4F4 url(pics/headline.jpg) no-repeat;
 border:none;
 color:#33333;
 font-size:1.3em;
 letter-spacing:0.01em;
 padding:0 0 7px 10px;
margin:25px 0 0 10px
/*  margin:25px 20px 5px 20px; */
}

h1{
 border: none;
 color:#FF0033;
 font-size:1.5em;
 letter-spacing:0.01em;
 margin:12px 0 5px 8px
}

h3{
 border: none;
 color:#33333;
 font-size:1.5em;
 letter-spacing:0.01em;
 margin:13px 10px 3px 29px
}

h4{
 background:#F4F4F4 url(pics/vertline.jpg) no-repeat left top;
 clear:right;
 padding:5px 0 0 25px;
 margin:0 20px 0 3px;
 text-align:center;
 border:none;
 color:#33333;
 font-size:1.2em;
 letter-spacing:0.05em;
}

h5{
 background:#F4F4F4;
 clear:right;
 padding:5px 0 0 25px;
 margin:0 20px 0 7px;
 text-align:center;
 border:none;
 color:#C50077;
 font-size:1.0em;
 letter-spacing:0.05em;
}

h6{
 background:#F4F4F4 url(pics/vertline.jpg) no-repeat left top;
 clear:right;
 padding:5px 0 0 25px;
 margin:0 20px 0 3px;
 text-align:center;
 border:none;
 color:#C50077;
 font-size:1.0em;
 letter-spacing:0.05em;
}

/* Linke Spalte */

#left_menuheader{
 background:#F4F4F4 url(pics/topmenu_header.jpg);
 clear:both;
 margin:20px 5px 0 10px;
 height:24px;
 width:453px;
}

#left_headline{
 background:#F4F4F4 url(pics/headline.jpg);
 float:left;
 margin:0 5px 0 10px;
 height:20px;
 width:500px;
}

#left_vertline{
 background:#F4F4F4 url(pics/vertline.jpg) no-repeat;
 /*clear:both;*/
 float:left;
 margin:0 0 0 3px;
 padding:0 0 0 0;
 height:80px; 
 width:12px;
}

#left p{
 background:#F4F4F4 url(pics/vertline.jpg) no-repeat left top;
 clear:right;
 letter-spacing:0.02em;
 text-align:justify;
 padding:5px 0 0 25px;
 margin:0 20px 0 3px
}

#left_center p{
 background:#F4F4F4 url(pics/vertline.jpg) no-repeat left top;
 clear:right;
 font-size:1.0em;
 letter-spacing:0.01em;
 text-align:center;
 padding:5px 0 0 25px;
 margin:0 20px 0 3px
}

#left_text p{
 background:#F4F4F4;
 clear:right;
 font-size:1.0em;
 letter-spacing:0.01em;
 text-align:justify;
 padding:5px 0 0 25px;
 margin:0 20px 0 3px
}

#left_centext p{
 background:#F4F4F4;
 clear:right;
 font-size:1.0em;
 letter-spacing:0.01em;
 text-align:center;
 padding:5px 0 0 25px;
 margin:0 20px 0 3px
}

#left_center h4 a{
 font-size:0.8em;
 letter-spacing:0.01em;
 color:#BE0078;
 text-decoration:underline
}

#left p a{
 color:#BE0078;
 text-decoration:underline
}

/* Rechte Spalte */

#right_top{
 background:#F4F4F4 url(pics/menu.jpg) no-repeat;
 float:right;
 margin:0 0 0 0;
 height:50px;
 width:173px;
}

#right_bottom{
 background:#F4F4F4 url(pics/menu_bottom.jpg);
 height:29px;
 width:173px;
}

#right_bottom p{
 background:#fff url(pics/line_right.jpg) repeat-y;
 float:right;
 padding:3px 0 3px 0;
 margin:29px 0 0 0;
 text-align:center;
 width:173px
}

#right_bottom_l{
 background:#F4F4F4 url(pics/menu_bottom_left.jpg) no-repeat;
 height:80px;
 width:28px;
}

/* Hauptmenu */

#right ul{
 list-style:none;
 margin:50px 0 0 0;
 padding:0 0 0 26px
}

#right ul li{
 display:block;
 margin:0 0 0 0;
 padding:0 0 0 0
}
	
#right li a{
 voice-family: "\"}\""; 
 voice-family: inherit;
 height: 24px;
 text-decoration: none;
}	
	
#right li a:link, #right li a:visited{
 color: #9F9F9F;
 display: block;
 background:#F4F4F4  url(pics/menu9.gif);
 padding: 7px 0 0 34px;
}
	
#right li a:hover{
 color: #FFF;
 background:#F4F4F4  url(pics/menu9.gif) 0 -32px;
 padding: 7px 0 0 34px;
}

/* Tabmenu */

#tabmenu {
 float:left;
 width:542px;
 background:#F4F4F4;
 font-size:0.95em;
 line-height:normal;
}

#tabmenu ul {
 margin:0;
 padding:0 10px 0 13px;
 list-style:none;
}
    
#tabmenu li {
 display:inline;
 margin:0;
 padding:0;
}
    
#tabmenu a {
 float:left;
 background:url(pics/tableft.gif) no-repeat left top;
 /*border-bottom:1px #CDCDCD solid;*/
  margin:0;
  padding:0 0 0 6px;
  text-decoration:none;
}
    
#tabmenu a span {
 float:left;
 display:block;
 background:url(pics/tabright.gif) no-repeat right top;
 padding:3px 6px 2px 2px;
 color:#9F9F9F;
}
    
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabmenu a span {float:none;}
/* End IE5-Mac hack */
   
#tabmenu a:hover span {
 color:#FFF;
}
    
#tabmenu a:hover {
 background-position:0% -42px;
 color:#FFF;
}
    
#tabmenu a:hover span {
 background-position:100% -42px;
}

#left_center ul {
margin: 4px 0 4px 23px;
width: 542px;
list-style: none none;
}

/*.pg:after {
clear: both;
display: block;
content: ".";
height: 0;
visibility: hidden;
}*/

#left_center li {
list-style: none none;
display: inline;
}

#left_center li a {
margin: 4px 0 4px 16px;
border: 1px solid #CCC;
padding: 2px;
position: relative;
float: left;
display: block;
width: 100px;
height: 75px;
}

#left_center li a:hover {
font-size: 100%;
z-index: 2;
}

#left_center li a img {
border: 0 none;
position: absolute;
width: 100px;
height: 75px;
}

#left_center li a:hover img/*, #left_center li a:active img, #left_center li a:focus img*/ {
width: 200px;
height: 150px;
left: -50px;
top: -37px;
z-index: 1;
}