@charset "UTF-8";
/**
 * BMS Sytem 1.5 Beta by Bytestoppers.de 2009
 *
 *
 * @copyright       Copyright 2009, Bytestoppers 
 * @link            http://www.bytestoppers.de
 * @version         AH 1.0
 *
 *
 */
 * { margin:0; padding: 0; }
 html { height: 100%; margin-bottom: 1px; }
 body { background: url(/images/body_bg.png) repeat-x #333333; padding:0; height:100%;}
 body { text-align: left; }
 body { font-family:  Arial, Helvetica, sans-serif; font-size: 70.00%; color: #FFF;}
 
 ul { list-style-type:none;}
 ol { margin-left:15px; padding:10px; text-align:justify;}
 p { margin:0; padding:0; text-align:justify;}
 .left { float:left;}
 .right { float:right;}
 
 /*--- Headings ---*/
  h1,h2,h3,h4,h5,h6 {
    font-family: Verdana, Geneva, sans-serif;
    font-weight:normal;
    color:#cbcaca;
    margin: 0 0 5px 0;
  }

  h1 { font-size: 150%; }                       
  h2 { font-size: 120%; }                      
  h3 { font-size: 100%; }
  
  h2.alert { background:url(/images/icon/alert.png) no-repeat 0px 2px; padding:2px 0 2px 22px !important;}
  h2.info { background:url(/images/icon/info.png) no-repeat 0px 2px; padding:2px 0 2px 22px !important;}
 /*--- Headings END ---*/
 
 /*--- Links ---- */
  a img { border:0px;}
  a { color: #FFF; background:transparent; text-decoration:none; }

  a:focus,
  a:hover,
  a:active { color:#900; text-decoration:none; }
 /*--- Links END ---- */
 
 /* zum Clearen der Float-Umgebungen */
 .clearfix:after {content: ".";display: block;font-size:0;height: 0;clear: both;visibility: hidden;}
 .clearfix { display: block; }
 .floatbox { overflow:hidden; }
 #ie_clearing { display: none; }
 .clear { clear:both;}
 .clearfloat { clear:both;}
 /* zum Clearen der Float-Umgebungen END */
 
/*--- Layout ---- */
#pageWrapper { text-align:left; margin: 0 auto; width: 1000px; position: relative; background: url(/images/right_bg.png) 800px 0 repeat-y;}
#contentWrapper { height:100%; position:relative; width:800px;}
#header { height:296px; background:#999; position:relative; background:url(/images/header_bg.jpg) no-repeat; margin:0 0 5px 0;}
#dj { position:absolute; top:0; left:560px; width:455px; height:312px; background:url(/images/dj_bg.png) no-repeat;}
#topNavi {}
#navi {}
#footer { height:55px; background:url(../images/footer_bg_neu.png);}
#footer a { color:#FFF;}
#footer a:hover { color:#900;}
#container { width:800px; height:100%}
#news { width:230px; height:685px; background: url(/images/news_bg.png) no-repeat; float:left; margin:0 10px 0 0; padding:10px;}
#bms {  width:535px; height:685px;float:left; background:url(/images/bms_bg.png) no-repeat; padding:10px 0 10px 5px;}
#col1Top { background:url(/images/bms_top_bg.png) no-repeat; height:20px;}
#col1Bottom { background:url(/images/bms_bottom_bg.png) no-repeat; height:20px; margin:0 0 5px 0;}
#col1Content {background:url(/images/bms_content_bg.png) repeat-y; height:100%; float:left; width:800px;}
.button a { display:block; margin:0 auto; height:15px; width:78px; background: url(/images/button/small_but_red.png); padding:9px 0 0 0; text-align:center; color:#fff;}
a.link  { color:#FFF; text-decoration:underline;}
a.link:hover { color:#FFF; text-decoration:none;}
.messages {
	position:absolute;
	left: 10px;
	top: 264px;
	width: 604px;
	height: 30px;
	line-height:30px;
}
.footerViewAll{
	background:url(../images/footer50.png) no-repeat;
	padding:0 30px 0 5px;
	height:22px;
	border-right:1px solid #d9dada;
	line-height:19px;
	text-align:right;
}
.pagenavi { text-align:center;}
.pagenavi a{
	text-align:center; 
	color:#333; 
	margin:0 0 0 5px; 
	background:url(../images/pagenavi.jpg) no-repeat 0 0; 
	display: inline-block;
	line-height:20px;
	width:20px;
	height:20px;
	}
.pagenavi a:hover{
	text-align:center; 
	color:#333; 
	margin:0 0 0 5px; 
	background:url(../images/pagenavi_hover.jpg) no-repeat 0 0; 
	display: inline-block;
	line-height:20px;
	width:20px;
	height:20px;
	}
.pagenavi strong {
	text-align:center; 
	color:#333; 
	margin:0 0 0 5px; 
	background:url(../images/pagenavi_hover.jpg) no-repeat 0 0; 
	display: inline-block;
	line-height:20px;
	width:20px;
	height:20px;
	}
/*--- banner ---- */
#banner120 {position:absolute; width:120px; height:600px; left: 820px; top: 301px;}
#banner468 { width:501px; height:86px; background:url(../images/banner468_bg.png); padding:12px 0 0 29px;}
#banner728 { height:112px; background: url(../images/banner728.png) no-repeat; padding:8px 0 0 35px;}
/*--- News ---- */
.newsBlock { background:url(/images/news_block_bg.png) no-repeat; height:140px; padding:10px 10px 20px 10px; position:relative; width:210px;}
.newsImagesBlock { width:70px; height:50px; display:block; text-align:center; overflow:hidden; margin:5px;}
.buttonMore a { display:block; position:absolute; bottom:18px; right:0; height:16px; width:78px; background:url(/images/button/small_but_grey.png); padding:8px 0 0 0; text-align:center; color:#fff;}
.buttonMore a:hover { display:block; position:absolute; bottom:18px; right:0; height:16px; width:78px; background:url(../images/button/small_but_red.png); padding:8px 0 0 0; text-align:center; color:#fff;}
#newsArticle { padding:0 20px;}
#newsArticle .newsImages { margin-right:10px}
#newsOverview { padding:10px 0 0 29px;}
/*--- BMS ---- */
#bmsDetailsLeft { margin:0 0 0 20px; float:left; width:280px}
#bmsDetailsRight { margin:0 0 0 0; float:left; width:500px; font-size:110%;}
#bmsDetailsRight .details .title { float:left; width:70px; background:#212121; padding:5px; margin:5px;}
#bmsDetailsRight .details .desc { float:left; width:380px; background:#212121; padding:5px; margin:5px;}
#bmsDetailsRight .details .label { float:left; margin:5px 5px 20px 5px;}
.beschreibung { padding:0 20px 0 0;}
.bmsBlock p.bmsTitel { display:block; height:15px; overflow:hidden;}
.bmsBlock .soon { position:absolute; width:131px; height:104px;}
.bmsBlock { background:url(../images/bms_block_bg.png) no-repeat; width:170px; height:285px; float:left; margin:0px 8px 10px 0; position:relative; }
.bmsImage { width:148px; height:148px; margin:6px auto;}
.bmsDesc { width:148px; height:70px; margin:20px auto 0px;}
.bmsButton a { display:block; margin:0 auto; height:15px; width:78px; background: url(../images/button/small_but_red.png); padding:9px 0 0 0; text-align:center; color:#fff;}
.bmsButton a:hover { display:block; margin:0 auto; height:15px; width:78px; background: url(../images/button/small_but_grey.png); padding:9px 0 0 0; text-align:center; color:#FFF;}
.bmsOverview { padding:0 0 0 45px; width:755px;}
/*--- links ---- */
#links { padding:0 20px;}
.linksBody { width:360px;}
.linksBody .images { height:100px; width:350px; overflow:hidden;}
.linksBody a,
.linksBody a:active { color:#FFF;}
.linksBody a:hover { color:#FFF; text-decoration:underline;}