/*
* Community spezifischer Zusatz zu den vorgegebenen Alpin Styles
* Autor: Thomas Lauria
* email: t.lauria@metropolis-ag.de
* 20.06.2005
*
*  Es wurde verscuht sich möglichst am Stil der orginal Styles zu orientieren
*/


/* START GILT NUR FÜR COMMUNITY START SEITE*/


  div#community-menu-box {
    float:left;
    border:solid 1px #d2d2d2;
    padding:2px;
    margin-bottom:10px;
  }

  div#community-menu-box div {
    float:left;
    display:block;
    width:303px;
    height:360px;
    background-image:url('/images/menu_pic.jpg');
    background-position:bottom;
    background-repeat:no-repeat;
  }

  div#community-start .heftbox {
    float:right;
    text-align:left;
    margin-left:0;
    margin-bottom:10px;
  }

  div#community-start .heftbox-title {
    width:auto;
  }

  div#community-start div#info-box {
    margin-bottom:12px;
    width:185px;
  }

  div#online-box div.date,
  div#info-box div.date {
    padding:2px;
  }

  div#info-box span {
    color:#F21400;
  }

  div#online-box {
    width:185px;
    height:244px;
  }

  div#online-box .online-content {
    height:225px;
    overflow:auto;
    scrollbar-DarkShadow-Color:#FFFFFF;
    /*
    scrollbar-Track-Color:#FFFFFF;
    scrollbar-Face-Color:#FF8000;
    scrollbar-Shadow-Color:#FFFFFF;
    scrollbar-Highlight-Color:#FFFFFF;
    scrollbar-3dLight-Color:#FFFFFF;
    scrollbar-Arrow-Color:#000000;*/
  }

  div#latestmsg-box {
    width:508px;
  }

  div#latestmsg-box table {
    border:0;
    margin:0;
  }

/* END   GILT NUR FÜR COMMUNITY START SEITE*/

/* START GILT NUR FÜR COMMUNITY SEITEN*/
#community { width:510px;
    margin:25px 30px 20px 20px;
    /*padding-right: 35px;*/
    padding-left:20px;
    float:left;
    border-left:1px solid #DDDDDD;
    }

#community div.folder a {
  color:#000;
}

#community div.active {
  background-color:#f2f2f2;
}

#community #answer-box div.active {
  background-color:#FFFFFF;
  font-weight:bold;
}

#community div.formline {
  padding-left: 0px;
  margin-bottom:10px;
}

#community div.innerDate {
  float:right;
}

#community td {padding: 2px 4px 2px 2px ;}

#community .alternating{ background-color:#DDDDDD;}

/*
#community .entry {
  position:relative;
  padding:15px 0px 35px 0px;
}
*/
#community img.img-box {
  border:1px solid #D2D2D2;
  margin: 0;
  padding: 2px;
  margin: 0 0 12px 0px;
}

#community div.forumTeaser div.teaser {
  margin:0px 0px 0px 165px;
}

#community div.forumTeaser {
  padding:15px 0px 0px 0px;
  margin:0px 0px 0px 0px;
}

#community img.forumTeaserImage {
  padding: 2px 2px 2px 2px;
  border:1px solid #D2D2D2;
  height:100px;
  width:150px;
  /*position:absolute;*/
  float:left;
}

/* ENDE: GILT NUR FÜR COMMUNITY SEITEN*/


/*
** action-box styles sind an continue-box angelehnt
** answer-box styles sind an continue-box angelehnt
** ist aber ne class da mehrfach auf ner Seite vorkommen kann.
*/
  .action-inline {
    border-top:1px solid #CBD5DF;
    background-color:#ffffff;
    text-align:right;
  }

  fieldset.chapter .action-inline {
    clear:both;
    border-color:#ddd;
  }

  .clearer {
    clear:both;
    font-size:1px;
    line-height:1px;
    height:1px;
  }

  .action-box {
    /* width:510px; */
    clear:both;
		/*margin-top:20px;*/
		margin-bottom:2px;
		border: 1px solid #CBD5DF;
    text-align:right;
		}
  /*
  .action-box .headline{ background-color:#a6a6a6;
		color:#FFFFFF;
		padding:2px 2px 2px 3px;
		}
  */
  .action-inline a,
  .action-box a {
    display:inline;
		background: url(/images/icon_back_link.gif) left no-repeat;
		padding-left: 17px;
		margin:5px 2px 5px 7px;
	}
  .action-box a:hover {}

  .action-box span.linkPic img {
    vertical-align:middle;
  }

  .message-box,
  #answer-box {
    width:508px;
		margin-top:20px;
		border: 1px solid #CBD5DF;
	}

  #answer-box div.oneAnswer {
    padding:1px 1px 1px 5px;
  }

  .message-box .headline {
    font-weight:bold;
  }

  .message-box .headline,
  #answer-box .headline{
		height:15px;
    background-color:#a6a6a6;
		color:#FFFFFF;
		padding:2px 2px 2px 5px;
    font-size:11px;
	}

  .message-box .headline {
    padding-left:3px;
  }

  .message-box div.date,
  .message-box p.msgBody {
    padding-left:5px;
  }

  #answer-box a { }
  #answer-box a:hover {}
  #answer-box .headline div {
    margin:0;
    margin-top:1px;
    margin-right:1px;
    padding:0;
    float:right;
  }

  /** bei image links sind die formatierungen nicht erwünscht **/
  #answer-box a.img,
  .action-box a.img {
    background:none;
    padding-left:0;
    border:0;
  }

  #answer-box a.img img,
  .action-box a.img img {
    border:0;
  }

  .img-left {float:left;
    margin:0px 20px 10px 0px;
  }
  .img-left img {padding: 2px 2px 2px 2px;
    border:1px solid #D2D2D2;
  }
  .img-left .bu { font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#666666;
    margin-top:2px;
  }

  .img-right {float:right;
    margin:0px 0px 10px 20px;
  }
  .img-right img {padding: 2px 2px 2px 2px;
    border:1px solid #D2D2D2;
  }
  .img-right .bu { font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#666666;
    margin-top:2px;
  }


  div.oneChapter {
    clear:both;
  }

/** Das folgende ist komplett von uns  **/
textarea {
  width:400px;
  /** beim zusammenführen der CSS fallen die folgenden zusammen mit input **/
	background-color:#F2F2F2;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #D4D4D4;
	border-left: 1px solid #D4D4D4;
	border-top: 1px solid #D4D4D4;
	border-bottom: 1px solid #D4D4D4;
}

#search input,
#editaddress input,
#editlogin input,
#registrierung input {
  width:245px;
}

input#msgSubjectID, select#msgForumID {
  width:400px;
}

#community input.button {
  width:auto;
}

#community input.checkbox,
#community input.radiobutton {
  border:none;
  background-color:#fff;
  padding:0;
  margin:0;
  width:auto;
}

h2.subject {
  margin-top:0px;
}

.error {
  border-color:#a60e00;
}

div.formerror {
  color:#a60e00;
  margin-bottom:15px;
}

#loginbox {
  margin-bottom:10px;
  text-align:left;
}

#loginbox .formname {
  float:none;
  width:auto;
}

#loginbox .formerror {
  margin:0;
}

#loginbox form {
  padding:0;
  margin:0;
}

#loginbox input {
  width:132px;
}

#loginbox input.button {
  width:auto;
}

table.forum td.answers {
  width:40px;
}

table.touren,
table.forum {
  width:508px;
  margin-bottom:20px;
  margin-top:0px;
}

table#layoutButtons {
  clear:both;
  width:100%;
  border:none;
  text-align:center;
}

table.touren td.actions {
  width:150px;
}

ul.newMsgFooter
{
  margin: 0 0 20px 0;
  padding: 2px 4px;
  list-style-type: none;
  border: 1px solid #a6a6a6;
  border-top: 0;
  font-size: .9em;
  font-weight: bold;
  overflow: hidden;
  width: 498px;
}

ul.newMsgFooter li 
{
  display: inline;
}

ul.newMsgFooter li a
{
  padding-left: 18px;
  background-position: center left;
  background-repeat: no-repeat;
  white-space: nowrap;
  display: block;
  float: left;
  width: auto;
  margin-right: 25px;
}

ul.newMsgFooter li.newsletter a { margin-right: 0; background-image: url(/img/send.gif) }
ul.newMsgFooter li.search a { background-image: url(/images/durchsuchen.gif) }
ul.newMsgFooter li.compose a { background-image: url(/images/forum_neuer_beitrag.gif) }
ul.newMsgFooter li.register a { background-image: url(/images/mitglied_werden.png) }