@charset "UTF-8";
/************************************************
Arminia Supporters Club - Relaunch
http://www.comspace.de
Author: blomeyer@comspace.de
Create Date: 05.01.2009
Last Changed: 12.01.2009
BASIC Template
NOT Tested in: 
PC -> IE 6, IE 7, Firefox 2.0.0.16, FF3, Opera 9.62
MAC -> Firefox 2.0.0.16, FF3, Safari 3.2, Opera 9.62
************************************************/
@import url("/css/reset.css");
@import url("/css/nav.css");

/* IE6 - PNGFIX */
* html img, * html div { behavior: url(/js/iexplore.htc) }

body { 
    background: #c5d8e8 url(/img_layout/bg.gif) top left repeat-x;
    color: #121212;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
}
    
img {border: none;} 
strong {font-weight: bold;}
.clr {clear: both;}
*+html .clr {height: 0;}
.lt {float: left;}
.rt {float: right;}
/************************************************
  HEADLINES (CONTENT & CONTEXT)
************************************************/
h1 {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 10px 0;
    line-height: 1;
}
h2 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    margin: 0 0 10px 0;
}
h3 {
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    line-height: 1;
}
    
h4, h5, h6 {
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 5px 0;
    line-height: 1;
}
.hdl_image {
    margin: 0 0 10px 0;
}
p {
    margin: 0 0 0 0;
}
dl {
    margin: 0 0 20px;
}
dd {
    margin: 0 0 0 25px;
}
dt {
    margin: 5px 0;
}
/************************************************
  ANCHORS 
************************************************/
a ,
a:visited{
    color: #005193;
    text-decoration: none;
}
a:hover {
    color: #005193;
    text-decoration: none;
}
a.anc_more {
    color: #005193;
    font-weight: bold;
    text-decoration: none;
}
a.anc_back {
    color: #005193;
    font-weight: bold;
    text-decoration: none;
    display: block;
    margin-top: 10px;
}
a.anc_more_white {
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
    bottom:4px;
    position:absolute;
    right:29px;
}
a.anc_movie {
    background: transparent url(/img_layout/film_save.png) no-repeat scroll 0 0;
    padding: 0 0 0 20px;
    font-weight: bold;
}
a.anc_pdf {
    background: transparent url(/img_layout/pdf_neu.gif) no-repeat scroll 0 0;
    padding: 0 0 0 20px;
    font-weight: bold;
}
a.anc_mp3 {
    background: transparent url(/img_layout/icon_mp3.gif) no-repeat scroll 0 0;
    padding: 0 0 0 20px;
    font-weight: bold;
}
a.anc_doc {
    background: transparent url(/img_layout/page_white_text.png) no-repeat scroll 0 0;
    padding: 0 0 0 20px;
    font-weight: bold;
}
/************************************************
  FRAMES 
************************************************/
#frame_wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 963px;
    margin-top: 40px;
}
#frame_header {
    background: #FFFFFF;
    height: 135px;
}
#box_logo {
    background: url(/img_layout/bg_logo.gif) no-repeat;
    float: left;
    padding: 21px 0 0 87px;
    width: 233px;
    height: 114px;
    overflow: hidden; /* Damit im IE 6 keine falsche Höhe auftritt */
}
#box_logo h1 {
    margin: 0;
}
#frame_nav {
    width: 643px;
    float: left;
}
#box_slogan {
    background: url(/img_layout/bg_slogan.gif) no-repeat;
    width: 613px;
    height: 80px;
    padding: 10px 30px 0 0;
    text-align: right;
}
/*** NUR STARTSEITE START ***/
#frame_start {
    background: black;
    margin: 0 0 5px 0;
    padding: 20px 20px 0 20px;
}
#frame_start #flashstage_start {
    position: relative;
    padding: 0 15px 0 0;
    width: 454px;
    height: 269px;
    float: left;
    color: #ffffff;
    overflow: hidden;
}
#frame_start #flashstage_start p {
    margin: 8px 0 8px 0;
    padding: 0 20px 0 20px;
}
#frame_start #flashstage_start h1 {
    padding: 26px 20px 0 20px;
}
#frame_start #box_supporter_start {
    position: relative;
    background: url(/img_layout/bg_supporter_start.jpg) no-repeat;
    width: 454px;
    height: 269px;
    float: left;
}
#frame_start #box_gallery_start {
    background: url(../img/tmp_gallery.jpg) no-repeat;
    height: 102px;
    margin-top: 10px;
    position:relative;
}
#frame_start #box_gallery_start #picture_slider_start {
    height:100px;
    overflow:hidden;
    width:869px;
    position:absolute;
    top:0px;
    left:27px
}
#frame_start #box_gallery_start #picture_slider_content {
    white-space:nowrap;
    position:relative;
}

/*#frame_start #box_gallery_start #picture_slider_start .reflect {
    float:left;
    margin:0 2px;
}*/

#frame_teaser_start{
    background: #C5D8E8 url(/img_layout/bg_cnt_start.gif) no-repeat; /* letzte Farbe #A4C2DA */
    width: 963px;
    margin: 0 0 5px 0;
}
.teaser_start {
    float: left;
    margin: 0 6px 0 0;
    padding: 18px;
    width: 281px;
}
.teaser_start_last {
    margin: 0 0 0 0;
}
/*** NUR STARTSEITE ENDE ***/
#frame_header_cnt {
    height: 127px;
    background: #000000;
    padding: 0 19px 6px 19px;
    margin: 0 0 3px 0;
}
#frame_header_cnt #box_image {
    position: relative;
    float: left;
    width: 666px;
    margin: 6px 6px 0 0;
    background: url(/img_layout/img_arminia.jpg) no-repeat;
    height: 121px;
}
#frame_header_cnt #box_supporter {
    position: relative;
    float: left;
    width: 253px;
    height: 127px;
    background: url(/img_layout/bg_supporter.jpg) no-repeat;
}
#frame_cnt {
    background: #C5D8E8 url(/img_layout/bg_cnt.gif) no-repeat;
    width: 963px;
    margin: 0 0 5px 0;
}
/************************************************
  CONTENT
************************************************/
.box_tool {
    margin: 16px 0 0 0;
}
.box_tool div.icon {
    padding: 0 17px 0 0;
}
.box_tool h3 a,
.box_tool h3 a:visited {
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    margin: 0 0 2px;
    color: #000;
}
.box_tool h3 a:hover {
    color: #000;
}
.arminia_horizontal {
    width: 250px;
    margin: 40px auto 0;
}
.box_teaser {
    margin: 0 0 15px 0;
}
.box_teaser p {
    margin: 2px 0 2px 0;
}
.box_teaser h3 a,
.box_teaser h3 a:visited {
    margin: 2px 0 2px 0;
    font-size: 12px;
    font-weight: bold;
    color: #000;
}
.box_teaser h3 a:hover {
    color: #000;
}
.box_cnt_left {
    float: left;
    width: 277px;
    margin: 0 6px 0 0;
    padding: 20px;
}
.box_cnt_right {
    float: left;
    width: 600px;
    padding: 20px;
}
.box_cnt_right p {
    margin: 16px 0 16px 0;
}
.box_cnt_right ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: disc;
    margin: 0 0 0 30px;
}
.box_context {
    margin: 0 0 20px 0;
}
.box_context img.postit {
    display: block;
    margin: 0 auto;
}
.box_teaser p {
    margin: 0 0 0 0;
}
.news_article h3{
    margin: 0 0 18px 0;
    font-size: 14px;
}
.news_article .teaser_txt {
    font-weight: bold;
    margin: 0 0 18px 0;
}
.calendar_article h3{
    margin: 0 0 18px 0;
    font-size: 14px;
}
.calendar_article .teaser_txt {
    font-weight: bold;
    margin: 0 0 18px 0;
}
img.left {
    float: left;
    border: 1px solid #FFFFFF;
    margin: 3px 15px 15px 0;
    width: 200px;
}
img.right {
    float: right;
    border: 1px solid #FFFFFF;
    margin: 3px 0 15px 15px;
    width: 200px;
}
img.additional {
    width: 110px;
}
.news_gallery {
    margin: 10px 0 0 0;
}
.news_gallery img {
    float: left;
    border: 1px solid #FFFFFF;
    margin: 0 10px 10px 0;
    width: 110px;
}
.news_article_old img {
    border: 1px solid #FFFFFF;
    margin: 4px 10px 10px 5px;
}
.news_teaser {
    margin: 0 0 15px 0;
}
.news_teaser p {
    margin: 2px 0 2px 0;
}
.news_teaser h3 {
    margin: 2px 0 2px 0;
    font-size: 14px;
    color: #000;
}
.news_teaser h3 a,
 .news_teaser h3 a:visited {
    font-size: 14px;
    margin: 2px 0;
    font-weight: bold;
    color: #000;
}
.news_teaser h3 a:hover {
    color: #000;
}
.news_teaser img {
    padding: 0;
    margin: 4px 10px 0 0;
    float: left;
}
.news_date {
    font-weight: bold;
    color: #005193;
    margin: 0 0 2px 0;
}
.calendar_date {
    font-weight: bold;
    color: #005193;
    margin: 0 0 2px 0;
}
.teaser_buttons {
    margin: 12px 0 0 0;
}
div.shop_item {
    height: 127px;
    width: 593px;
    border-bottom: 1px solid #FFF;
    margin: 0 0 15px 0;
}
div.shop_item div.image_container {
    width: 107px;
    margin: 0 15px 0 0;
    float: left;
}
div.shop_item div.lt {
    width: 471px;
    padding: 4px 0 0 0;
}
div.shop_item div.lt  h2, div.shop_item div.lt  p{
    margin: 0 0 8px 0;
}
#flashstage {
    width: 454px;
    margin: 0 auto;
    padding: 0 15px 15px 15px;
}
.box_download .description {
    font-weight: bold;
    padding: 0 0 0 0;
}
.box_download .link {
    padding: 0 0 14px 0;
}
.box_faq h2 {
    color: #005193;
    font-size: 16px;
    margin: 10px 0 10px 0;
}
.box_faq #basic-accordion .accordion_headings {
    font-style: italic;
    line-height: 16px;
    padding: 8px 0 8px 0;
    cursor: pointer;
}
.box_faq #basic-accordion .header_highlight {
    font-style: italic;
    font-weight: bold;
    line-height: 16px;
    padding: 8px 0 8px 0;
}
.box_faq #basic-accordion .accordion_child {
    padding: 0 0 8px 10px;
}
.box_faq #basic-accordion .accordion_child p {
    padding: 0;
    margin: 0;
}
.box_livestream_archive  #basic-accordion .accordion_headings {
    cursor: pointer;
}
.box_livestream_archive #basic-accordion .header_highlight {
}
.box_livestream_archive #basic-accordion .accordion_child .box_download {
    padding: 0 0 0 15px;
}
.box_livestream_archive #basic-accordion .accordion_child .box_download .description {
    font-weight: bold;
}
.box_livestream_archive #basic-accordion .accordion_child .box_download .link {
    font-weight: bold;
}
.box_livestream_archive #basic-accordion .accordion_child p {
}

label, input, textarea, select {
    padding: 5px;
    font-family: Arial;
    font-size: 12px;
}
input, textarea, select {
    background: #FFFFFF url(/img_layout/bg_forms.gif) top left;
    border: 1px solid #787878;
    width: 300px;
    display: block;
    float: left;
    margin: 2px 5px;
}
select {
    width: 312px;
}
label {
    display: block;
    float: left;
    width: 75px;
    line-height: 21px;
}
input.hidden {
    display: none;
}
input.button {
    border: 1px solid #FFFFFF;
    background: #005193;
    font-weight: bold;
    color: #FFFFFF;
    width: 150px;
}
input.button:focus {
    border: 1px solid #FFFFFF;
    background: #005193;
    font-weight: bold;
    color: #FFFFFF;
}    
input.checkbox{
    width: auto;
    height: 28px;
    background: none;
    border: none;
}
input.file {
    border: none;
    background: transparent;
    width: auto;
}
input:focus,
textarea:focus {
    border: 1px solid #005193;
    background: #FFFFFF;
}
div.error {
    margin: 0 0 10px 0;
    color: #f00;
}
input.error, input.error:focus, textarea.error, textarea.error:focus {
    border: 1px solid #f00;
}
.kontakt span {
    margin: 2px 5px;
}
.feedback span {
    margin: 2px 5px;
}

.content_text h3 {
    font-size: 18px;
    font-weight: bold;
    line-height: 1;
    margin: 0 0 10px 0;
}
.content_text p {
    margin: 0 0 16px 0;
}
.content_text ul {
    margin: 0 0 16px 15px;
}
.paging {
    margin: 0 0 15px 0;
    padding: 5px 0 0 0;
    font-size: 14px;
    font-weight: bold;
}
.paging a.active,
.paging a.active:visited,
.paging a.active:hover {
    font-weight: bold;
    padding: 0 2px 0 2px;
}
.paging a.inactive,
.paging a.inactive:visited,
.paging a.inactive:hover {
    font-weight: normal;
    padding: 0 2px 0 2px;
}
.links {
    margin: 0 0 20px 0;
}
.links .image {
    float: left;
    width: 100px;
    margin-right: 10px;
}
.links .info {
    padding: 5px 5px 5px 0;
    width: 485px;
}
.links p {
    margin: 3px 0;
}
/************************************************
  MEIN ASC
************************************************/

.mein_asc form{
    margin: 0 0 20px 0;
}
.mein_asc label {
    width: 131px;
}
.mein_asc form span {
    line-height: 30px;
    padding: 0 0 0 5px;
}
.mein_asc a.button {
    border: 1px solid #FFFFFF;
    background: #005193;
    font-weight: bold;
    color: #FFFFFF;
    width: auto;
    padding: 5px;
    margin: 2px 5px 2px 0;
}
.mein_asc .PMTreeBox {
    margin: 10px 10px 0 10px;
    padding: 5px;
    background: #FFFFFF url(/img_layout/bg_forms.gif) no-repeat;
    border: 1px solid #787878;
}
.mein_asc PMmessageheader {
    font-size: 14px;
}

/* benutzer - buchstabenliste */

.mein_asc .alphabet {
    margin-top: 15px;
}
.mein_asc .alphabet a {
    border: 2px solid #c5d8e8;
    padding: 2px 4px;
    font-weight: bold;
}
.mein_asc .alphabet a.selected {
    border-color: #005193;
}
.mein_asc .alphabet a:hover {
    background: #FFFFFF;
}

.mein_asc table.memberlist thead th {
    font-weight: bold;
    font-size: 14px;
    padding: 2px 20px 2px 10px;
    /*border-bottom: 1px solid #005193;*/
}
.mein_asc table.memberlist tbody td {
    padding: 1px 20px 1px 10px;
}
.mein_asc .benutzerbuttons {
    height: 30px;
    padding: 5px 0 0 0;
    margin: 0 0 15px 0;
}
.mein_asc .benutzerbild {
    margin-right: 30px;
    float: left;
}
.mein_asc .benutzerbild img {
    border: 1px solid #FFFFFF;
}
.mein_asc .benutzerdaten {
    float: left;
    width: 468px;
}
.mein_asc .benutzerdaten dl dt {
    clear: left;
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0;
    width: 120px;
}
.mein_asc .benutzerdaten dl dd {
    float: left;
    margin: 5px 0 5px 30px;
    width: 318px;
}

.mein_asc .messages {
    margin: 10px 0 0 90px;
}
.mein_asc .messages h3 {
    margin: 0px 0 10px 0;
    clear: both;
}
.mein_asc .message {
    margin: 0 0 10px 0;
    border: 1px solid white;
}
.mein_asc .message em {
    float: left;
    width: 80px;
}
.mein_asc .message div {
    margin: 3px;
}

/************************************************
  FOOTER 
************************************************/
#frame_footer {
    background: #FFFFFF;
    color: #787878;
    height: 36px;
    line-height: 36px;
    padding: 0 23px 0 16px;
}
#frame_footer  a{
    margin: 0 5px 0 0;
}
#frame_partner {
    background: #FFFFFF;
    padding: 0 0 6px 14px;
    margin: 0 0 20px 0;
    zoom: 1;
}
#frame_partner div.rt img {
    float: left;
}


#container_buddylist {
    font-weight: bold;
    left: 0;
    overflow: visible;
    position: relative;
    top: 0;
    z-index: 10000;
}
#buddylist {
    background: #FFFFFF none repeat scroll 0 0;
    border: 1px solid #787878;
    display: none;
    padding: 10px;
    position: absolute;
    text-align: left;
    top: 26px;
    left: 0;
}

#buddylist_toggle {
    padding: 0 10px 20px 0;
}
#buddylist_toggle a.inactive {
    color: #787878;
    font-weight: normal;
}
.buddylist ul {
    list-style-type: none;
}
.buddylist li {
    padding: 0 0 6px 20px;
}
.buddylist li.online {
    background: transparent url(/img_layout/online.gif) no-repeat;
}
.buddylist li.online a,
.buddylist li.online a:visited,
.buddylist li.online a:hover {
    font-weight: bold;
    color: #005193;
}
.buddylist li.offline {
    background: transparent url(/img_layout/offline.gif) no-repeat;
}
.buddylist li.offline a,
.buddylist li.offline a:visited,
.buddylist li.offline a:hover {
    color: #787878;
    font-weight: normal;
}
#map {
    background: white;
    width: 600px;
    height: 400px;
}
/************************************************
  INFOFILME
************************************************/

.box_infofilme ul {
    list-style: none;
}
.box_infofilme ul li {
    float: left;
    padding: 5px;
    height: 115px;
}
.box_infofilme ul li img {
    border: 1px solid #FFFFFF;
}
.box_infofilme ul li div {
    width: 95px;
    padding: 0 5px 0 5px;
}
.infofilm {
    margin: 20px auto 10px;
    padding: 0;
}
.video_info{
    width: 454px;
    margin: 0 auto 30px;
}
.video_info span{
    font-weight: bold;
}
.video_info box_download{
    margin: 10px 0 0 0;
}

/************************************************
  BUNDESWEITES NETZWERK
************************************************/
#map {
    border: 1px solid #fff;
    margin-bottom: 30px;
    margin-top: 15px;
    width: 597px;
}
#tabGallery {
    margin: 20px auto;
    width: 600px;
}
.tabContainer {
    float: left;
    margin-right: 10px;
    margin-top: 10px;
    overflow: visible;
    width: 193px;
}
.last {
    margin-right: 0;
}
.tabImage {
    width: 193px;
}
.tabImage img {
    border: 1px solid #fff;
    border-bottom: none;
    cursor: pointer;    
    width: 191px;
}
.tab {
    background: #005193;
    border: 1px solid #fff;
    cursor: pointer;
    height: 24px;
    margin: 0;
    padding: 0 10px;
    width: 171px;
}
.tab h3 {
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px
}
div.active {
    background: #fff;
    border: 1px solid #787878;
    border-bottom: none;
    height: 30px;
}
div.active h3 {
    background: #fff;
    border-bottom: none;
    color: #000;
    line-height: 30px;
}
.tabContent {
    background: #fff;
    border: 1px solid #787878;
    padding: 11px;
    width: 577px;
}
.left {
    background: transparent url(/img_layout/bg_lt.gif) no-repeat;
    border: none;
    border-bottom: 1px solid #787878;
}
.middle {
     background: transparent url(/img_layout/bg_m.gif) no-repeat;
    border: none;
    border-bottom: 1px solid #787878;
}
.right {
    background: transparent url(/img_layout/bg_rt.gif) no-repeat;
    border: none;
    border-bottom: 1px solid #787878;
}
.closed {
    display: none;
    visibility: hidden;
}

.supporter {
    width: 500px;
    overflow: hidden;
}
.supporter .archiv {
    float: left;
}
.supporter .archivcover {
    background: url("/img_layout/heftbgklein.gif") no-repeat scroll 0 0 transparent;
    float: left;
    height: 100px;
    margin: 0 10px 25px 0;
    padding: 1px 2px 2px 1px;
    width: 70px;
}
.supporter .archivtext {
    float: left;
    height: 103px;
    padding-right: 10px;
    width: 140px;
    font-weight: bold;
}
.supporter .archivtext p {
    font-weight: normal;
    /*color: #004E96;*/
    margin: 3px 0;
    line-height: 14px;
}
.supporter .archivtext a {
    display: inline-block;
    margin-top: 10px;
}

.supporter .aktuell {
    float: left;
    margin: 0 18px 0 0;
}

.supporter .heft {
    background: url("/img_layout/heftbg.gif") no-repeat scroll 0 0 transparent;
    float: left;
    height: 266px;
    margin: 0 0 7px;
    padding: 1px 5px 5px 1px;
    width: 187px;
}

.supporter .themen {
    float: left;
    width: 250px;
}
.aktuelle-info {
    clear: both;
    padding: 15px 0;
    width: 440px;
}