/*---CSS-TEMPLATE-------------------------------
---AKTION-ZIVILCOURAGE-PIRNA---(c)4koepfe.de---*/


/* Carousel, Banner
******************************/
#banner-jiggy {
  float:left;
  padding:1px 0 0 45px;
  width:422px;
  height:149px;
}
#banner-jiggy div.carousel {
  width:403px;
  height:149px;
  background:url(/assets/images/carousel-bg.png);
}
#banner-jiggy div.carousel ul {
  margin:0;
  padding:0;
  width:422px;
  height:149px;
  list-style-type:none;
  overflow:hidden;
}
#banner-jiggy div.carousel ul li {
  margin:0;
  padding:0;
  width:403px;
  height:149px;
}
#banner-jiggy div.carousel ul li .image {
  float:left;
  padding:0;
  border:0;
  margin:0 16px 0 0;
  width:140px;
  height:149px;
  background:transparent;
  overflow:hidden;
}
#banner-jiggy div.carousel ul li .image img {

}
#banner-jiggy div.carousel ul li .text {
  float:left;
  clear:none;
  width:240px;
  font-size:11px;
  line-height:16px;
  padding:6px 0;
}
#banner-jiggy div.carousel ul li .text q {
  display:block;
  height:100px;
}
#banner-jiggy div.carousel ul li .text cite {
  display:block;
  width:200px;
}

#banner-jiggy div.carousel .jcarousel-prev {
  display:block;
  width:19px;
  height:19px;
  position:absolute;
  left:355px;
  top:125px;
  background:url(/assets/images/carousel-controls.png);
}
#banner-jiggy div.carousel .jcarousel-prev:hover {
  background:url(/assets/images/carousel-controls.png) 0 -38px;;
  cursor:pointer;
}
#banner-jiggy div.carousel .jcarousel-prev-disabled,
#banner-jiggy div.carousel .jcarousel-prev-disabled:hover {
  background:url(/assets/images/carousel-controls.png) 0 -19px;;
}
#banner-jiggy div.carousel .jcarousel-next {
  display:block;
  width:19px;
  height:19px;
  position:absolute;
  left:377px;
  top:125px;
  background:url(/assets/images/carousel-controls.png) -19px 0;
}
#banner-jiggy div.carousel .jcarousel-next:hover {
  background:url(/assets/images/carousel-controls.png) -19px -38px;
  cursor:pointer;
}
#banner-jiggy div.carousel .jcarousel-next-disabled,
#banner-jiggy div.carousel .jcarousel-next-disabled:hover {
  background:url(/assets/images/carousel-controls.png) -19px -19px;;
}

.image {
  background: #e4edf5;
  padding: 5px;
  margin: 0 0 10px 10px;
  float: right;
  clear: both;
}

.article.rechtliches h4 {
  border-bottom: 1px solid #ffb344;
}

.article {padding: 5px;}

.art2 {
  border-top: 1px solid #ffb344;
  padding: 5px;
}

.article.symbole {border-top: 1px solid #ffb344;}

/*---GALLERIE---*/

#gallerypreviews a,
#gallery a {
  display: block;
  height: 126px;
  width: 126px;
  float: left;
  margin: 0 4px 4px 0;
}
.jiggy #gallery a {
  margin:0;
}

#gallerydiv {
  background: #f3f7fb;
  border: 1px solid #99bfde;
  padding: 5px;
}

#gallerypreviews {
    width: 420px;
    margin: 0 0 0 10px
}

#gallerypreviews img.a1 {
    border: 3px solid #ff9900;
}

#gallerypreviews img:hover,
#gallery img:hover {
    border: 3px solid #669ece;
}

#gallerypreviews img,
#gallery img {
    border: 3px solid #99bfde;
}

#gallerypreviews,
#gallerydiv {
    float: left;
}
#galleryalt {
  margin: 0 0 0 10px;
  color: #005ead;
  text-transform: none;
}

/*---RECHTE-SYMBOLE---*/

.article.symbole {
  padding: 0 5px;
}

.article.symbole div {
  margin: 5px;
}

.article.symbole .image {margin: 5px;}


/* Artikel, Bestellformular
***********************************/
.article-order .text {
  /*float:left;*/
  clear:none;
}
.article-order .count {
  float:left;
}
.article-order .count label {
  display:inline;
}
.article-order .count input.text {
  width:30px;
  float:none;
}
.article-order .price {
  float:right;
  font-size:14px;
  font-weight:bold;
}

/*---FORMULAR---*/

#formtext {
  float: right;
  width: 250px;
  margin: 18px 0 0 0;
}

.kontaktform #formtext {
  width: 360px;
  margin-top:0;
}

.kontaktform #formtext img {
  float:right;
  margin: 15px;
}

fieldset {
  border: 1px solid #3886c8;
  padding: 10px;
  background: #f7f8fb;
  margin: 9px 0;
  width: 450px;
  float:left;
}

fieldset h4 {
  margin: 10px 0 5px;
}

legend {
  font-weight: bold;
  text-transform: uppercase;
  color: #005ead;
}

.row, div.text { line-height: 20px; clear:both; }

input.text, select.text {
  width: 240px;
  border: 1px solid #3886c8;
  height: 16px;
  padding: 0 2px;
}

textarea.text {
  width: 240px;
  border: 1px solid #3886c8;
  height: 300px;
  font: 1em arial,sans-serif;
  padding: 0 2px;
}

.text:focus {
  border: 1px solid #ffb344;
}

label, .radiorow {
  width: 180px;
  margin: 1px 0;
  float: left;
}

.radio {
  float: left;
  margin: 2px 0;
}

.radio label {
  width: 80px;
  padding: 0 5px;
}

div.text span {
  width: 180px;
  float: left;
}

.checkbox {
  float: left;
  margin: 5px 5px 0 0;
  clear: both;
}

label.text {
  margin: 3px 0 0;
  width: 400px;
}

.submit {
  background: #3886c8;
  color: #fff;
  margin: 5px 0;
}

.submit:hover {color: #000;}

.kontaktform label {width:100px;}

.kontaktform fieldset {width:350px;}

.sendmail_emptyfield1 {color: #d80303;}

.message {
  border:solid #f6e468 1px;
  background:#ffffdb;
  padding:5px;
  margin:0 0 .8em 0;
}


/*---START---*/

.center {
  text-align:center;
  background: #e4edf5;
  padding:0;
}

#info,
#presse {float: left;}

#info {width: 445px;}

#info .article,
#presse .article {
  border-top: 1px solid #3886c8;
  padding: 5px;
}

#info .image,
#presse .image {
  margin:  0 0 5px 10px;
}

#presse  {
  width: 300px;
  margin-left: 5px;
}

#presse .article  {
  border-top: 1px solid #ffb344;
  background: #E3F3FF;
  color: #525252;
}

.pagenavig {
  font-size: 0.8em;
  padding: 0 5px;
}

#presse .pagenavig {
  border-top: 1px solid #ffb344;
  padding: 2px 5px;
}

a {color: #005ead;}

a:hover,
.pagenavig a.a1,
.pagenavig a:hover {
  text-decoration: underline;
}

.quelle {font-size: 0.8em;}

#info h3, #presse h3 {margin:0;}

/*---AKTIONEN---*/

.article.aktion {
    border-top: 1px solid #ffb344;
}

.article.aktion .image {
  margin: 0 10px 10px 20px;
}

/*---UEBER-UNS---*/

#content .col h3  {
    border-bottom: 1px solid #3886c8;
}

.col {
    width: 750px;
}

.col .col1 {
    width: 500px;
    padding: 10px;
    float: left;
}

.col .col2 img {
    float: left;
    margin: 10px;
    border: 3px solid #b2cee6;
}

/*---TERMINE---*/

.article.termin  {
    margin-bottom: 15px;
  padding:0;
}

.article.termin span  {
    display: block;
    background: #3886c8;
    color: #fff;
    font-size: 0.85em;
    padding: 0 5px;
}

.article.termin em {
    font-size: 0.9em;
    color: #525252;
}

/*---NETZWERK---*/

.article.partner .image {margin: 5px;}
.article.partner p {margin-left: 5px;}

/*---ARGUMENTE---*/

.article.argumente {
  margin: 10px 5px 0;
  width: 350px;
  float: left;
}

.article.argumente h4 {border-bottom: 1px solid #ffb344;}

.article.partner h4 {
  border-bottom: 1px solid #ffb344;
}

.article.bilder {
  border-top: 1px solid #ffb344;
}

.article.mediathek h4 {
  border-top: 1px solid #ffb344;
}