/* CSS Document */
@import "news.css";
*        {

    margin:        0px;
    padding:      0px;
    /*font:        100.01%/1.5 "Arial", "Helvetica", "Nimbus", sans-serif;*/
    font:        100.01%/1.5 "Lucida Grande",Lucida,Helvetica,Arial,Verdana,sans-serif;

}

HTML, BODY {

      height:  100%;
      width:   100%;

  
}
BODY {

    /*background: #830103 url(../img/background.gif) repeat-x;*/
    background: #830103 url(../img/5vor12-back2.jpg);
    text-align:center;
    
}
A {

    text-decoration:  none;
    color:      #960306;
}

STRONG, B {

    font-weight:    bold;

}

H1, H3{

    color: #303030;
    font-size: 20px;
    font-weight: bold;
    line-height: 44px;

}

#right .mailform-table-outer {

  float:left;

}

#right .csc-header-n1 {

  float:left;
  display:inline;

}


#right .csc-header-n1 H1 {

  display:inline;
  float:left;
  width:100%;

}
.csc-header-n1, #border .csc-header {

    background: url(../img/header-back.gif) repeat;
    width: 432px;
    height: 30px;
    display:block;


}

H2 {

    /*color:          #B6B620;*/
    font-size:      0.9375em;
    font-weight:    bold;
    line-height:    1em;

}
#right .csc-header {

   margin-bottom:      18px;  
   margin-top:        10px;

}

#border .csc-header {

    width: 225px;
    margin-bottom:9px;

}
.csc-header {    
    
    text-transform: lowercase;

}

.italic, EM {

    float:      left;  
    font-style:    italic;

}
#footer {

border-top:1px dotted #999999;
float:left;
height:18px;
margin:18px 0 0 0;
text-align:center;
width:756px;
background-color:#F6D698;

  -moz-border-radius-bottomleft: 9px;
  -moz-border-radius-bottomright: 9px;
  -webkit-border-radius-bottomleft: 9px;
  -webkit-border-radius-bottomright: 9px;
    border-radius-bottomleft: 9px;
    border-radius-bottomright: 9px;

}
#footer UL {

  display:inline;

}
#footer LI {

  font-size:0.625em;
  display:inline;
  list-style: none;
  color:#747474;

}

#footer LI A {

  line-height:2em;
  font-size: 1.3em;

}

#container {

    position:        relative;
    margin:         0 auto;
    width:          756px;  
    /*height:          100%;*/
    line-height:    1.125em;

}      

#header {  
    
    float:        left;

    margin:       0 auto;
    background:   url(../img/5vor12-header.jpg) no-repeat;
    margin-top:   4px;
    /*background: url(../img/5vor12-sven-tobi-hannes-vinc-header.jpg) no-repeat;*/
    width: 756px;
    height: 225px;
    
  -moz-border-radius-topleft: 9px;
  -moz-border-radius-topright: 9px;
  -webkit-border-radius-topleft: 9px;
  -webkit-border-radius-topright: 9px;
    border-radius-topleft: 9px;
    border-radius-topright: 9px;
    
    }
    
#header UL {

      list-style:   none;
      margin:       126px 0px 0px 198px;
  margin:   0 0 0 40px;    

}

#header LI {

    float:left;
    display:block;
    width:    112px;
    height:   29px;
    margin-right:1px;
    background-color: transparent;

}

#header LI:hover {

    float:  left;
    display:  block;
    width:    112px;
    height:   29px;

}

#header LI A {

    color: #f9e3b8;
    font-family: Lucida Grande, Lucida Sans, Trebuchet MS;
    font-size: 1.3em;
    font-weight: bold;
    text-transform: uppercase;
    text-shadow: 0.05em 0.05em #222222;

}
#header LI a:hover {
  color: #960306;
}
#header LI.act {
  /*border-bottom: 4px solid #424242;
  height:25px;*/
}
#header LI.act a {
  color:white;
}

#navi {

  float:            left;
  height:           18px;
  width:            100%;
  margin-top:       191px;
  
  /*background: transparent url(../img/navi-back.gif) no-repeat;*/

}

UL.layer {

  list-style: none;

}
UL.layer LI {

  width:120px;
  background-color: #8C0002;
  text-align:left;

}


#suche INPUT {

    border:     1px solid #e9e9e9;
    background-color:white;
    height:22px;

}

#banner {

    text-align: left;
    width:140px;

}

#content {

    position:    relative;
    float:      left;
    width:      756px;
    /*margin-top: 5px;*/
    
    background-color: #fff;
    font-size:  0.75em;
    text-align: left;
    color:      #000;
    background: url(../img/content-back.gif) repeat-y;
    
  -moz-border-radius-bottomleft: 9px;
  -moz-border-radius-bottomright: 9px;
  -webkit-border-radius-bottomleft: 9px;
  -webkit-border-radius-bottomright: 9px;
    border-radius-bottomleft: 9px;
    border-radius-bottomright: 9px;
    
}

#content a {

    text-decoration:    none;

}

#navigation {

      font-family:    Lucida Sans Unicode;
      font-size:      0.9375em;
      float:          left;
      width:          182px;
      /*display:    inline;*/
      margin-left:    16px;
      margin-top:     12px;
    
    
}
#navigation .topcolor {

    float:      left;
    display:    inline;
    
    width:       195px;
          height:      50px;


}

#navigation ul {

    float:left;
    list-style-type:none;
    margin:0;
    padding-bottom:27px;
    width:140px;
    border-bottom:1px dashed #e9e9e9;

}

#navigation li {
            
      float:    left;   
      display:  inline;
      width:    100%;
      height:  24px;
      
}

#navigation LI.act {

      background-color: #fff;
      
}
#navigation LI.act A {
      font-family:    Lucida Sans Unicode;
      font-weight:     bold;
      
}
#navigation LI A { 

      font-family:    Lucida Sans Unicode;
      color:          #242424;     
      display:        block;
      padding:        1px 0px;
      margin-top:      4px;
      font-size:        0.9375em;
      /*font-weight:    bold;*/
      width:          120px;
}

#navigation LI a:hover { 
          
      font-weight:  bold;

}
#navigation LI.lvl2 {

    height:    18px;
    background-color:     #f8f8f8;
}
#navigation LI.lvl2 A {

    margin:   0px 0px 0px 36px;
    font-size:  0.6875em;

}

#referenzen LI {

            
      float:          left;   

      display:        inline;
      
      width:          100%;
      height:          19px;
      
      background-color: #f8f8f8;
      
      border-bottom:  0px;
      
      
}
#referenzen LI A { 
   
      display:        block;
      padding:        1px 0px;
      margin-left:    27px;
      margin-top:      4px;
      color:          #808082;
      font-size:      0.6875em;
      font-weight:    bold;

}
#news {

    background-color:  #f8f8f8;
    color:        #969699;
    display:      inline;
    float:        left;
    font-size:    0.6875em;
    margin:        36px 0px 0px 18px;
    width:        152px;
    padding-left:    9px;

}

#news P {

    margin-bottom:  18px;

}

.news-list-morelink {

  display: none;

}

#right {

      float:          left;
      width:          464px;
      display:        inline;
      
    
}

#rootline {

      color:        #747474;
      height:       18px;
      margin:       0 0 0 36px;
      float:        left;
      width:        100%;
      display: none;

}

#rootline LI {

      float:left;
      list-style: none;

}
#rootline LI A {

      color:#9D080C;
      font-size: 1em;
      font-weight:bold;
      text-decoration:underline;

}
#border {
      float:          left;
      width:          234px;
      display:        inline;

      margin-left:      36px;
      margin-top:       0px;

}

#border h3 {
  /*margin-left:9px;*/
  margin:0;
}

#border A, #border LI A {
    font-weight:bold;
    /*text-decoration:underline;*/
    /*color:#505050; GRAU*/
    /*font-size:0.75em;*/
    
}
#border .box {

  float:left;
  /*margin-top:18px;*/
  width:234px;


}
#border .boxed {

    background: url(../img/box-back.jpg) repeat;
    float:left;
    margin-bottom:9px;
    padding:0 9px;
    width:225px;
    
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}
#border .boxed A {
    text-decoration:none;
    color:          #AC0004;
    font-size:12px;
    
}
#border .band, #border .band .csc-header {

    margin-right:9px;
    width:89px;

}
#border .band A IMG {
margin-bottom:9px;
}
#border P {

    color:      #ac0004;
    margin:     12px 0px 27px 18px;
    font-size:  0.9em;
    width:      216px;


}

#border UL {

  list-style:     none;
  margin-bottom:  12px;

}

#text {

    float:      left;
    width:      432px;
    
    margin:     0px 0px 0px 36px;
    color:      #242424;
    
    /*border-right:    3px solid #abc75d;*/
    


}
#text A {

    text-decoration:underline;
    /*color:          #242424;
    color: #678FBF;  ---blaue links*/
    font-weight:    bold;
    color:          #AC0004;

}
#text P {

    margin:      18px 0px;  
    /*width:      342px;*/
    /*text-indent:  9px;*/

}

#text UL {

    width:      316px;
    
}
#text UL LI {
margin-left:  36px;

}



/* CSS STYLED CONTENT*/
/*-----------------------------------------------------------*/
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {

    margin:      0pt;
    text-align:    right;
    font-size:     0.625em;
}

FIELDSET {

    border:0px;


}

#kontaktformular FIELDSET {

  background-color: transparent;
  border: 0;

}

LABEL {

  width:120px;
  float:left;

}
INPUT#mailformAnredeFrau {

  float:left;

}

INPUT#mailformAnredeHerr {

  float:left;

}


#mailformAnrede LEGEND {

  visibility: hidden;

}

#mailformAnrede LABEL {

  width: 40px;

}


.csc-frame-rulerBefore {

  border-top:   1px solid #b6b620;
  width:        160px;
  margin-top:   20px;

}

.csc-menu LI {
  background:transparent url(../img/pfeil.gif) no-repeat scroll left center;
  margin-left:0;
}

.csc-menu LI A {
  margin-left:12px;
}

#border .csc-menu-1 A {

  font-size:  16px;

}

/*##########      MAILFORM    ############*/
.csc-mailform-field INPUT, INPUT.tx_mailform_text, SELECT.tx_mailform_select, TEXTAREA {

  border:1px solid #E6CFA3;
  margin-bottom:8px;

}
INPUT.csc-mailform-submit {
  background-color: red;
  color:white;

}


.csc-textpic-imagewrap {

  margin-bottom:17px;

}

.csc-textpic-imagerow {

  margin-bottom:40px;
  float:        left;

}
.csc-frame-rulerAfter {
  
  border-top:   1px solid #b6b620;
  width:        354px;
  margin-top:   20px;

}


OBJECT {
  margin-bottom:18px;
}




/* SHOP - PLAYER */

.tx-dcdmp3player-pi1 {

    width:100%;

}

#text .tx-dcdmp3player-pi1 OBJECT {

    margin-bottom: 0px;

}

#socialmedia {

  float:left;
  height:34px;

}
#socialmedia a {

    float: left;
    margin-right: 12px;

}


.fbComments .fbFeedbackContent .composer {

  background-color: transparent;

}

.news-list-container IMG {
    margin: 0 2px 5px 2px;
}