/*Allgemeine Definitionen*/
body, html body * {
  margin: 0;
  padding: 0;
  font-family: "Trebuchet MS",Arial,sans-serif;
}
body {
  background-image: url(/images/bg_body.jpg);
  background-repeat: repeat-y;
   
z-index: 1;
}
body, a, table, th, tr, td {  
  font-size: 13px;
  color: #333; 
}
br.clr {
   clear: left;
   width: 1px;
   font-size:1px;
   margin: 0;
   padding: 0;
   overflow:hidden;
}
a, a:visited {
  color: #09C;
  text-decoration: none;
}


a:hover {
  color: #09C;
  text-decoration: underline;
}
h2, h2 a, h2 a:visited, h2 a:hover, h2 p, h2 a p {
  color: #09C;
  font-size: 17px;
  font-family: Arial, Helvetica, sans-serif !important;
}
h2 {
  margin-bottom: 6px !important;
}
h3, h3 a, h3 a:visited, h3 a:hover {
  color: #333;
  font-size: 13px;
  font-weight: normal;
  letter-spacing: 1px;
}


small {
  font-size: 11px;
}



/*fuer Loginbox*/

#loginpopmenu {
position:absolute;
top: 25px;
left: -100px;
 z-index: 9;
}




/*Container für Kopf-Bereich*/
#container {
  width: 100%;
  background-image: url(/images/bg_container.jpg);
  background-repeat: repeat-x;
z-index:1;
}

/*Kopf-Bereich*/
#head {
  width: 903px;
  overflow: hidden;
  padding-right: 87px;
  background-image: url(/images/bg_head.jpg);
  background-repeat: no-repeat;
  background-position: top left;
z-index:2;
}

/*Titel im Kopf-Bereich*/
#head h1.kopf {
  width: 440px;
  height: 65px;
  margin: 25px 0 14px 24px;
  background-image: url(/images/logo.gif);
  background-repeat: no-repeat;
}
#head h1.kopf a {
  display: block;
  width: 440px;
  height: 65px;  
}
#head h1.kopf span {
  position:absolute;
  width:200px;
  left:-5000px;
}

/*Top-Links im Kopf-Bereich*/
* html #top-menu {
  margin-right: -4px;
}
#top-menu {
  font-size: 13px;
  list-style-type: none;
  position: relative;
  float: right;
  margin-top: -98px;
}
#top-menu li {
  display: block;
  float: left;
  margin-right: 8px;
  height: 27px;
}
#top-menu li a {
  color: #0992C3;
  padding-right: 8px;
  background-image: url(/images/trenner.gif);
  background-position: right;
  background-repeat: no-repeat;
}
#top-menu li a.nobg {
  background-image: none;
}

/*Suche im Kopf-Bereich*/
#search-form {
  position: relative;
  width: 245x;
  text-align: left;
  float: left;
  left: 622px;
  margin-top: -80px;
  padding-right: 50px;
  padding-left: 7px;
  padding-top: 13px;
  height: 40px;
  text-align: right;
  background-image: url(/images/bg_search.jpg);
  background-repeat: no-repeat;
z-index:3;
}
#search-form input {
  width: 180px;
  border: 1px solid #BEE2F2;
  float: left;
  margin-left: 4px;
  height: 21px;
  margin-top: 1px;
  background-image: url(/images/bg_search-input.jpg);
  background-position: bottom left;
  padding-left: 28px;

}
#search-form .search-button {
  border: none;
  width: auto;
  height: auto;
  margin-left: 8px;
  margin-top: 0px;
  padding-left: 0px;

}

/*Hauptmenue*/
#main-menu {
  list-style-type: none;
  position: relative;
  height: 46px;
  font-size: 13px;
  font-weight: bold;
  padding-left: 24px;
}
ul#main-menu li{
  display: block;
  float: left;
  margin: 0 2px 0 0;
  height: 27px;
}
ul#main-menu li a{
  display: block;
  float: left;
  color: #333333;
  background: #ECF7FD;
  line-height: 46px;
  text-align: center;
  padding: 0;
  width: 130px;
  height: 46px;
  background-image:url(/images/main-menu.gif);
}
ul#main-menu li span {
  position:absolute;
  width:200px;
  left:-5000px;
}
ul#main-menu li.nav1 a { background-position: 0px 0px }
ul#main-menu li.nav2 a { background-position: -130px 0px }
ul#main-menu li.nav3 a { background-position: -260px 0px }
ul#main-menu li.nav4 a { background-position: -390px 0px }
ul#main-menu li.nav5 a { background-position: -520px 0px }
ul#main-menu li.nav6 a { background-position: -650px 0px }
/* main-menu aktiv/rollover-Status: */
ul#main-menu li.nav1 a:hover,
ul#main-menu li.nav1 a.aktiv { background-position: 0px 46px }
ul#main-menu li.nav2 a:hover,
ul#main-menu li.nav2 a.aktiv { background-position: -130px 46px }
ul#main-menu li.nav3 a:hover,
ul#main-menu li.nav3 a.aktiv { background-position: -260px 46px }
ul#main-menu li.nav4 a:hover,
ul#main-menu li.nav4 a.aktiv { background-position: -390px 46px }
ul#main-menu li.nav5 a:hover,
ul#main-menu li.nav5 a.aktiv { background-position: -520px 46px }
ul#main-menu li.nav6 a:hover,
ul#main-menu li.nav6 a.aktiv { background-position: -650px 46px }

/*Untermenue*/
#sub-menu { 
  width: 899px;
  overflow: auto;
  background-image: url(/images/bg_sub-menu.gif);
  background-position: bottom;
  background-repeat: no-repeat;
  list-style-type: none;
  font-size: 13px;
  color: #333;
  padding: 4px 0 16px 24px;
  border: 0px solid #000;
}
#sub-menu li {
  display: block;
  float: left;
  margin: 0 7px 0 0;
  padding: 0 0 1px 0;
}
#sub-menu li a {
  color: #333;
  padding-right: 8px;
  background-image: url(/images/trenner.gif);
  background-position: right;
  background-repeat: no-repeat;
}

/*Container für unteren Haupt-Bereich*/
#main {
  width: 885px;
  margin: 7px 0 0 24px !important; /* fidion 7px 0 0 0px */
}

/*Inhalts-Bereich*/
#content {
  float: left;
  width: 528px;
  /*border: 0px solid #000;*/
  margin-right: 30px;
  /*margin: 7px 0px 5px 10px;  fidion-Zusatz */
}

#content .teaser p {
  margin-bottom: 8px;
}
#content .dotline {
  display: block;
  width: 510px;
  height: 8px;
  margin-top: 10px;
  background-image: url(/images/bg_dotline.gif);
  background-repeat: repeat-x;
  background-position: top;
  clear: both;
}
#content .t2box .teaser {
  float: left;
  width: 255px;
  margin-right: 8px;
}
#content .t2box p {
  margin-right: 6px;
}
#content .t2box .teaser h2,
#content .t2box .teaser h2 a {
  font-size: 17px;
  font-weight: bold;
  color: #09C;
  margin-bottom: 0px !important;
}
#content .navBox { width: 510px }


/*Icons & Symbole*/
.pipe {
  color: #8FD1ED;
}
a.more {
  background-image: url(/images/pfeil.gif);
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 12px;
color: #09C;
}
a.icon-kommentar {
  background-image: url(/images/icon-kommentar.jpg);
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 18px;
  font-size: 12px;
}
a.icon-video {
  background-image: url(/images/icon-video.jpg);
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 20px;
  font-size: 12px;  
}
a.icon-bilder {
  background-image: url(/images/icon-bilder.jpg);
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 20px;
  font-size: 12px;  
}

/* rechte Spalte */
#sidebar {
  float: left;
  width: 325px;
  padding-top: 6px;

}

/* Auflistungen Content/Sidebar */
#content ul { list-style-type: none; }
#sidebar ul { list-style-type: none; }

#abstand {
margin-left: 10px;
margin-right: 10px;
}

#abstandhead {
margin-left: 22px;
}



/* Definitionen für die Reiter-Navigation der tabBox: */
#tabBoxMenu { float: left; width: 315px; background: url(/images/tb_b.png) repeat-x bottom; }
#tabBoxMenu ul { list-style: none; padding: 0; margin:0; }
#tabBoxMenu li { float: left; background: url(/images/tb_tr.png) no-repeat right top; margin-right: 1px }
#tabBoxMenu a  { display: block; background: url(/images/tb_tl.png) no-repeat left top; padding: 4px 0 3px 0; width: 130px; text-align: center; color:#333; }
#tabBoxMenu .tabActive { background-image: url(/images/tb_tr-active.png); }
#tabBoxMenu .tabActive a { background-image: url(/images/tb_tl-active.png); padding-bottom: 4px; font-weight:bold; color:#333;}

/* Definitionen für den Content-Bereich der tabBox: */
.tabBoxList { clear:left; width: 320px; margin-bottom: 4px; }
.tabBoxList div { margin: auto !important;  padding: auto !important; }
.tabBoxList { background: url(/images/tbc_tl.png) repeat-y top left; }
.tabBoxContent { background: url(/images/tbc_tr.png) no-repeat top right; padding: 7px 8px 0 12px; }
.tabBoxBottom { background: url(/images/tbc_bl.png) no-repeat bottom left; margin-top: -19px; }
.tabBoxBottom div { background: url(/images/tbc_br.png) no-repeat bottom right; }
.tabBoxBottom, .tabBoxBottom div { width: 100%; height: 8px; font-size: 1px; }

/* Definitionen für newsList + newsPicList: */
.newsList,
.newsPicList { list-style-type: none; }
.newsList li, 
.newsPicList li { background: url(/images/bg_dotline.gif) repeat-x bottom; padding: 4px 0;  }
.newsList li a, 
.newsPicList li a { display: block; width: 95%; height: auto; background: url(images/pfeil.gif) no-repeat left 3px; padding-left: 12px;  }
/* Definitionen speziell für newsPicList: */
.newsPicList li a { height: 44px; background-image: none; overflow: visible; padding-left: 0px }
.newsPicList img { margin-right: 8px; padding: 3px; background-color: #fff; border: 0px solid #C5E8F6; } 

/* Definitionen für linkList: */
.linkList li { margin-right: 9px; }
.linkList { list-style-type: none; }
.linkList li { float: left; }

/* Definitionen für navBox: */
.navBox div { margin: auto !important; padding: auto !important; }
.navBox { margin-bottom: 4px; }
.navBox h3 { background: url(/images/nb_tr-head.png) no-repeat top right; padding: 5px 10px; border-bottom: 1px solid #ABDAEF; }
.navBox ul { list-style-type: none; }
.nb_tl { background: url(/images/nb_tl.png) no-repeat top left; }
.nb_tl-head { background: url(/images/nb_tl-head.png) no-repeat top left; }
.nb_top { background: url(/images/nb_tr.png) no-repeat top right; }
.nb_bottom { background: url(/images/nb_bl.png) no-repeat bottom left; } 
.nb_bottom div { background: url(/images/nb_br.png) no-repeat bottom right; }
.nb_tl-head .nb_content { padding-top: 7px; }
.nb_top, .nb_top div,
.nb_bottom, .nb_bottom div{	width: 100%; height: 8px; font-size: 1px; }
.nb_content, .nb_xmedia, .nb_bottom { margin-top: -19px; }
.nb_content, .nb_xmedia { background: url(/images/nb_r.png) top right repeat-y; }
.nb_content { padding: 0 12px; }
.nb_more { width: 92%; text-align: right; padding-top: 5px; }
.nb_more a { background: url(/images/pfeil.gif) no-repeat left;  padding-left: 12px; font-size: 11px; }

/* Definitionen für Voting: */
.voting { border: none; background: url(/images/bg_dotline.gif) repeat-x bottom; padding-bottom: 10px; }
.voting h4 { font-weight: normal; font-size: 13px; background: url(images/bg_dotline.gif) repeat-x bottom; padding-bottom: 5px; margin-bottom: 5px }
.voting input { display:block; float:left; margin-right: 5px; width: 15px; height: 14px; margin-top: 3px; } /* margin-top: 3px; */
.voting label { display:block; margin-left: 20px; }
.voting p { clear: left; }
* html .voting input { margin-right: -20px; } 

/* Definitionen für navBox für xmedia-Anzeigen: */
.nb_xmedia { padding-left: 16px; }
.nb_xmedia img { border: 0px solid #C3E7F6; margin-right: 15px; margin-top: 2px }


/* Definitionen für Kontaktformular: */
.kontaktformular {
background-color:# 09C;
}

/* Definitionen für Suche */
.textfett {
font-weight: bold; }

.blauweissohnebreite {
font-weight: bold; }

.textgrossfett {
  color: #09C;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 1px;
}

/*Definiton für Kontaktformular */
#formdef .input { border:0px;}
#formdef input { border: 0px; }
#formdef .input td { border: 0px; }

a.keinrahmen  {
border:0px; }


.bildohneborder  {
  border: none;
  padding: 0px;
  margin: 0px;
}

#bildohneborder img a {
  border: 0px;
  padding: 0px;
  margin: 0px;
}



/*Definitionen fuer die Detailansicht der Artikel: */

#artikeldetail {
  width:528px;
}

#kurztext {
  width:510px; 
}

/*Forum */
.forumdotline {
  display: block;
  width: 100%;
  height: 8px;
  margin-top: 10px;
  background-image: url(/images/bg_dotline.gif);
  background-repeat: repeat-x;
  background-position: top;
  clear: both;
}

/* Diashow: */
.diabalken {
  background-color:#74a9d3;
  color:#FFFFFF;
}

span.icon-bilder {
  background-image: url(/images/icon-bilder.jpg);
  background-repeat: no-repeat;
  background-position: left;

  padding-left: 20px;
  font-size: 12px;  
}

a.bildlink {
  border: 0px solid #C5E8F6 !important;
  padding: 3px !important;
  margin-bottom: 8px !important;

}

#detailartikel a img, #detailartikel img, #detailartikel h3 img {
  border: 2px solid #C5E8F6 !important;
  padding: 3px !important;
  margin: 2px 12px 4px 0px !important;
}

#teaserbild a img
 {
  border: 0px solid #C5E8F6 !important;
  padding: 3px !important;
  margin-bottom: 8px !important;
  margin-top: 0px;
}

.pager-currpage
{ color:#000000; }


/* Diashow: */
.diabalken {
background-color:#74a9d3;
color:#FFFFFF;

 }


.versalien,
a.versalien,
.versalien_rot,
a.versalien_rot {
  text-transform: uppercase; 
}

.rot,
a.rot,
.versalien_rot,
a.versalien_rot {
  color: red;
}

.hint_blau,
.hint_grau {
  background-color:#e7f1f3;
}

.hellblau,
a.hellblau {
  color: #09C;
}

.pfeil, 
a.pfeil, 
.more {
  background-image: url(/images/pfeil.gif);
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 12px;
  color: #09C; 
}

.fcms_group {
float: left;
width: 455px;
margin-right: 8px;
  }