#mosaik {
 float: left;
 width: 980px;
 /*height: 345px;*/
 height: 340px;
 color: #333;
 padding: 0px;
 border: 0px solid #ffffff;
 margin: 0px 0px 0px 0px;
 background: #ffffff;
 display: inline;
 /*z-index:-15;*/
}
#mosaikst{
 float: left;
 width: 36px;
 height: 310px;
 margin: 0px 0px 0px 0px;
 /*margin-top:6px;*/
 padding: 15px 0px 5px 10px;
 background: #ffffff;
 display: inline;
 border: 0px solid #ff0000;
 position:relative;
 z-index:1200;
}

#mosaikstbtn{
 float: left;
 width: 36px;
 height: 310px;
 margin: 0px 0px 0px 0px;
 /*margin-top:6px;*/
 padding: 0px;
/* background: #272727;*/
 background: url(../images/HG_rrr.jpg) ;
 display: inline;
 border: 0px solid #ff0000;
 position:relative;
 z-index:1201;
}

#mosaikli{
 float: left;
 width: 298px;
 height: 320px;
 margin-left:5px;
 padding: 5px 5px 5px 5px;
 background: #ffffff;
 border: 0px solid #ff0000;
 display: inline;
}
#mosaikmi{
 float: left;
 width: 298px;
 height: 320px;
 margin-left:0px;
 padding: 5px 5px 5px 5px;
 background: #ffffff;
 border: 0px solid #00ff00;
 display: inline;
}
#mosaikre{
 float: left;
 width: 298px;
 /*height: 335px;*/
 height: 320px;
 margin-left:0px;
 padding: 5px 5px 5px 5px;
 background: #ffffff;
 border: 0px solid #0000ff;
 display: inline;
}
 #mosaikunter {
 position:relative; top:0px; left:13px;
 width: 910px;
 height: 250px;
 margin: 15px 10px 15px 10px;
 color: #00005D;
 background: #cfcfcf;
 border: 0px solid #ccc;
 display: inline;
 display: none;
 overflow: hidden;
 /*z-index:-10;*/
}

/*#mosaik #mosaik* img {
 width:  296px;
 height: 148px;
 margin: 10px 0px 0px 0px;
}*/

.btnimg {
 margin-top: 12px;
 margin-bottom:0px;
 width:  23px;
 height: 148px;
}

.mosaikbtn1 {
 margin-top: 1px;
 /*margin-bottom:15px;*/
 width:  23px;
}

.mosaikbtn2 {
 margin-top: 6px;
/* margin-bottom:15px;*/
 width:  23px;
}

/**{ padding:0px; margin:0px; } */
/*body{ background:#D5DEE7; }*/
/*#mosaik #mosaik* a{ color:#C8DCE5;}*/
#mosaik #mosaikplatz #mosaikli a{ color:#C8DCE5;}
#mosaik #mosaikplatz #mosaikmi a{ color:#C8DCE5;}
#mosaik #mosaikplatz #mosaikre a{ color:#C8DCE5;}
/*#mosaik h3{ margin: 10px 10px 0 10px; color:#FFF; font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }*/
/*#mosaik #mosaik* h3{ text-align:left; margin: 10px 10px 0px 10px; color:#FFF; font:14pt Verdana, Arial, sans-serif; letter-spacing:-1px; font-weight: normal; }*/
/*#mosaik #mosaik* h3 a{text-align:left;}*/
#mosaik #mosaikplatz #mosaikli h3{ text-align:left; margin: 5px 5px 0px 5px; color:#FFFFFF; font:10pt Verdana, Arial, sans-serif; font-weight: bold; opacity: 1}
#mosaik #mosaikplatz #mosaikli h3 a{text-align:left;}
#mosaik #mosaikplatz #mosaikmi h3{ text-align:left; margin: 5px 5px 0px 5px; color:#FFFFFF; font:10pt Verdana, Arial, sans-serif; font-weight: bold; opacity: 1}
#mosaik #mosaikplatz #mosaikmi h3 a{text-align:left;}
#mosaik #mosaikplatz #mosaikre h3{ text-align:left; margin: 5px 5px 0px 5px; color:#FFFFFF; font:10pt Verdana, Arial, sans-serif; font-weight: bold; opacity: 1}
#mosaik #mosaikplatz #mosaikre h3 a{text-align:left;}

.boxgrid{
 /*width: 325px; */
 /*height: 260px; */
 width: 296px;
 height: 148px;
/* width: 304px;
 height: 156px; */
 /*margin: 10px; */
 /*margin: 5px;*/
 margin: 10px 0px 0px 0px;
 float:left;
 /*background:#161613; */
 /* background:#272727;*/
 background:#ffffff;
 padding: 0px;
/* border: solid 2px #8399AF; */
 /*border: solid 2px #cfcfcf; */
 border: solid 1px #cfcfcf;
 overflow: hidden;
/* position: absolute; */
 position: relative;
 }
.boxgrid img{
 position: absolute;
 top: 0;
 left: 0;
 border: 0;
 /*padding: 3px;
 border: 1px #cfcfcf;*/
 background:#272727;
 }
.boxgrid p{
 padding: 0 10px;
 color:#afafaf;
 font-weight:bold;
 font:10pt Verdana, Arial, "Lucida Grande", sans-serif;
 }
.boxcaption{
 float: left;
 position: absolute;
 background: #000;
 height: 50px;
 width: 100%;
 
 /* For IE 5-7 */
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
 /* For IE 8 */
 -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";

	/*filter:alpha(opacity=70);*/
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
 }

 .captionfull .boxcaption {
 /*top: 260;*/
 /*top: 148px;*/
 top: 148px;
 left: 0;
 }
.nocaptionfull .boxcaption {
 /*top: 260;*/
 /*top: 148px;*/
 top: 105px;
 left: 0;
 }
.caption .boxcaption {
 /*top: 220;*/
 /*top: 111px;*/
 top: 111px;
 left: 0;
 }
 
/* ***************************************** */


#mosaikst .mensel {
margin:0;
padding:1px 0 0 0;
list-style:none;
background:#272727 url(images/HG_rrr.gif);
}

#mosaikst li {
float:left;
background:#000;
}

#mosaikst .mensel a {
display:block;
height:36px;
width:36px;
float:left;
text-decoration:none;
white-space:nowrap;
}
#mosaikst b {position:absolute; left:-9999px;}

#mosaikst .mensel a.home {background:url(images/btn_home.gif) no-repeat left top;}
#mosaikst .mensel a.suche {background:url(images/btn_suche.gif) no-repeat left top;}
#mosaikst .mensel a.kontakt {background:url(images/btn_kontakt.gif) no-repeat left top;}
#mosaikst .mensel a.text {background:url(images/btn_txt.gif) no-repeat left top;}
#mosaikst .mensel a.rss {background:url(images/btn_rss.gif) no-repeat left top;}
/*#mosaikst .mensel a.jump {background:url(images/btn_jump1.gif) no-repeat left top;}*/
/*#mosaikst .mensel a.jump {background:url(images/misc004.gif) no-repeat left top;}*/
#mosaikst .mensel a.jump {background:url(images/mst_gr.jpg) no-repeat left top;}

#mosaikst .mensel a.mst0 {background:url(images/mst_gr.jpg) no-repeat left top;}
#mosaikst .mensel a.mst1 {background:url(images/mst_gr.jpg) no-repeat left top;}
#mosaikst .mensel a.mst2 {background:url(images/mst_gr.jpg) no-repeat left top;}

#mosaikst .mensel li:hover {position:relative;}
#mosaikst .mensel a:hover,
#mosaikst .mensel li:hover a {
background-position: left bottom;
cursor:pointer;
position:relative;
}
#mosaikst .sub {
display:none;
}
#mosaikst ul ul {display:none;}

/* IE6 only */
#mosaikst table {
border-collapse:collapse;
margin:-4px;
font-size:1em;
width:0;
height:0;
}

#mosaikst .sub {
margin: 0px 0px 0px -5px;
padding:0;
list-style:none;
/*background:transparent url(images/trans.png);*/
background: #003A5D;

 opacity: .8;
 /* For IE 5-7 */
 filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
 /* For IE 8 */
 -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
/*z-index:1200;*/
}

#mosaikst .sub li {background:transparent; height:36px; line-height:36px}
#mosaikst .sub li.item {
font-weight:normal; color:#fff; padding-left:15px; padding-top:5px;
font:13pt Verdana, Arial, sans-serif; letter-spacing:-1px;
vertical-align:middle;
}

#mosaikst .mensel :hover .sub {
height:35px;
display:block;
position:absolute;
float:left;
width:308px;
top:0;
left:41px;
text-align:center;
}

#mosaikst .mensel :hover .sub li a
{display:block; height:25px; width:auto; line-height:25px; float:left; padding:0 10px; margin:5px 0; white-space:nowrap; color:#fff;font-size:12px; border-right:1px solid #ddd;}
#mosaikst .mensel :hover .sub li a.last {border:0;}

#mosaikst .mensel :hover .sub li a:hover
{color:#fff; line-height:20px;}

/*img.lady {display:block; float:left;}*/
.clear {clear:both;}