@charset "UTF-8";

/*-------------------------------------------------------------------------*/
/* Farbeinstellungen */
/* #009ee0 - blau (H2) */
/* #9d0d15 - rot (H5) */
/* #666666 - grau (lang_menu) */
/*  */
/*  */
/*-------------------------------------------------------------------------*/


@media screen, projection {

  /*-------------------------------------------------------------------------*/

  /* (en) Marginal areas & page bacSeitenhintergrundkground */
  /* (de) Randbereiche & Seitenhintergrund */
  body
  {
    font-size: 12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    background-image:url(../images/background.jpg);
    background-repeat:repeat;
    margin:0px auto;
  }

  /* Layout Alignment | Layout-Ausrichtung */
  #page_margins
  {
    margin: 0 auto;
  }

  /* Layout Properties | Layout-Eigenschaften */
  #page_margins
  {
    width: auto;
    min-width: 740px;
    background-image:url(../images/page_background.png);
    background-repeat:repeat-y;
    max-width: 70.833em;
    max-width: 72.34em;
  }


  #page
  {
    padding: 0px;
    margin:0px;
    width:850px;
    margin-left:9px;
    background-color:#FFFFFF;
  }

  #header
  {
    padding: 0px;
    color: #000;
    height:280px;
  }

  #logo
  {
    height:170px;
    width:220px;
    float:left;
    margin-top:40px;
    margin-left:55px;
  }

  .notice
  {
    height:16px;
    background-color:#ccffcc;
    border:1px solid #66cc66;
    width:290px;
    margin-left:15px;
    padding-left:3px;
    font-size:10px;
    padding-top:2px;
     }

  .error
  {
    height:16px;
    background-color:#ffcccc;
    border:1px solid #cc6666;
    width:290px;
    margin-left:15px;
    padding-left:3px;
    font-size:10px;
    padding-top:2px;
  }

  #header_h2_container
  {
    height:24px;
    width: 575px;
    padding:0px 15px;
  }

  #col2_flashwrapper
  {
   height:25px;
  }

  #main
  {
    position:relative;
    z-index:3;
    margin: 0px;
    min-height:850px;
  }

  #footer
  {
    position:relative;
    color:#666666;
    height: 20px;
    width:590px;
    padding-left:250px;
    background-image:url(../images/footer_background.png);
    background-repeat:repeat-x;
    padding-top:10px;
}
   .footer_small
 {
    font-size:10px;
    font-weight:normal;
    margin-left: 100px  }

  h1, h2, h3, h4, p
  {
    margin:0px;
    padding:0px;
  }

  h1
  {
    font-family:"Times New Roman", Times, serif;
    font-style:italic;
    font-size:33px;
    line-height:33px;
    margin-bottom:10px;
    /*color:#009ee0;*/
  }

  h2
  {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-style:italic;
    font-size:15px;
    color:#009ee0;
  }

  h3
  {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:12px;
    line-height:17px;
    padding-bottom:5px;
    /*color:#009ee0;*/
  }

  h4
  {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:11px;
    line-height:17px;
    /*color:#009ee0;*/
  }

  h5
  {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:12px;
    line-height:17px;
    color:#9d0d15;
    margin: 5px 0px;
    padding:0px;
  }

    h6
  {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:12px;
    line-height:17px;
    color:#000000;
    margin: 5px 0px;
    padding:0px;
  }
  
  h6 a
  {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:11px;
    line-height:17px;
    color:#666666;
    margin: 5px 0px;
    padding:0px;
  }


  h6 a:focus,
  h6 a:active
  {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:12px;
    line-height:17px;
    color:#666666;
    margin: 5px 0px;
    padding:0px;
    
  }

  h6 a:hover
  {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:12px;
    line-height:17px;
    color:#666666;
    margin: 5px 0px;
    padding:0px;
    text-decoration:underline;
  }
  
  
  
  

 /* Textlinks  *****************/

  a{
    text-decoration:none;
  }

  a img
  {
    border:none;

  }

  p
   {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:17px;
  }

  #links_container p a,
  #links_container p a:visited
  {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    line-height:17px;
    color:#666666;
  }

p a,
p a:visited
   {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    line-height:17px;
    color:#666666;
  }

p a:hover,
p a:active,
p a:focus
  {
    color:#000000;
    text-decoration:underline;
  }
  
  
  
  .red
  {
    color:#9d0d15;
  }

  .grey

  {
    color:#666666;
  }

  .reg_success
  {
    text-align:center;
    width:400px;
  }

  .red_kursiv
  {
    font-size:12px;
    font-style:italic;
    color:#9d0d15;
    margin-bottom:10px;
  }


  .subsection,
  p.subsection a
  {
    font-size:17px;
    line-height:28px;
    font-family:Arial, Helvetica, sans-serif;
    color:#9d0d15;
  }


  .subsection a:focus,
  .subsection a:active
  {
    font-size:17px;
    line-height:28px;
    font-family:Arial, Helvetica, sans-serif;
    color:#9d0d15;
    
  }

  .subsection a:hover
  {
    font-size:17px;
    line-height:28px;
    font-family:Arial, Helvetica, sans-serif;
    color:#000000;
  }

  /*   */
  #myqwx_submenu_container
  {
    margin-top:50px;
    width:550px;
    height:220px;

  }

  .myqwx_submenu_col
  {
    width:165px;
    float:left;
    margin-right:15px;
    text-align:center;

  }

    .upload_row
  {
   height:200px;
   width:545px;
  }

  .upload_col
  {
    width:165px;
    margin-right:15px;
    text-align:center;
    float:left;
  }

#photo_container
  {

    height:130px;
    vertical-align:bottom;
    vertical-align:text-bottom;
  }


  .photos
  {
    float: left;
    height: 182px;
    width: 105px;
    margin-right:5px;
    padding-bottom:10px;
    text-align:center;
  }

  .photos a img
  {
    border:0px;
    max-height: 130px;
    max-width: 105px;
    
  }


  #newPhoto
  {
    clear: both;
  }

  .photoID
  {
    font-weight:bold;
    margin-top:5px;
    font-size:14px;
    line-height:17px;
    font-family:"Courier New", Courier, monospace;
  }

  .admin_user
  {
    font-size:9px;
  }

  .control_container
  {

  }

  #galleryArea
  {
    height: 576px;
    width:550px;
    /*overflow:hidden;*/
  }
  #galleryAreaRandom
  {
    height: 300px;
    width:500px;
    position:absolute;
    /*overflow:hidden;*/
  }



  #random_oben
  {

    height:380px;
    background-color:#000000;
  }

  #random_oben2
  {

    height:380px;

  }

  #collage
  {
    margin-top:-17px;
    margin-left:100px;
    height:380px;
    width:475px;
    position:absolute;
    z-index:1;
  }


  #collage2
  {
    margin-top:-17px;
    margin-left:375px;
    height:380px;
    width:475px;
    position:absolute;
    overflow:hidden;
  }



  /*-------------------------------------------------------------------------*/

  /**
  * (en) Formatting content container
  * (de) Formatierung der Inhalts-Container
  *
  */

  #col1
  {
    float: left;
    width: 115px;
    height:350px;
    padding: 0px;
    margin:0px;
    /*background-color:#99FF66;*/
    /*margin: 0px;*/
  }

  #col2
  {	/*background-color:#CC99FF;*/
    float: left;
    width: 575px;
    margin: -55px 0px 0px 0px;
  }

  #col3
  {	/*background-color:#FFFF99;*/
    padding: 0px;
    width: 160px;
    float: right;
    /*margin: 0px;*/
  }

  #col1_content
  {
    /*background-color: #efaeae;*/
    padding: 0px;
    height:300px;
    clear:left;
    margin-top:0px;
  }

  #col2_content
  {
    /*padding: 0 10px 0 10px;*/
    width: 550px;
    padding:0px 10px 0px 15px;
    margin:0px;
    margin-top:0px;
    position:relative;
    z-index:10;
  }

  #col3_content
  {
    /*background-color: #FFFFFF;*/
    padding: 0 15px 0 15px;
    margin-top:0px;
    position:relative;
    z-index:60;
    }

  /* Boxen Spalte Rechts*/
  .boxen_container_rechts
  {
    position:relative;
    z-index:40;
    
  }

  .boxen_background
  {
    background-color: #000000;
    height:16px;
    width:126px;
    color:#FFFFFF;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    padding:2px;
    text-align:center;
    position:relative;
    z-index:50;
  }

  .login
  {
    width:130px;
    position:relative;
  }

  #last_upload_img
  {
    max-height:161px;
    max-width:130px;
    margin-top:5px;
    text-align:center;
    position:relative;
    z-index:50;
  }

  #last_upload_nummer
  {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:20px;
    font-weight:bold;
    margin-top:5px;
    margin-bottom: 10px;
  }

  /* Boxen Loginbereich */
  .login_zeile
  {
    height:20px;
    width:130px;
    padding:0px;
    margin:5px 0px 5px 0px;
  }

.button_row
  {

    height:25px;
    width:545px;
  }

  .button
  {

    background-repeat:no-repeat;
    border:none;
    cursor:pointer;
    outline:none;
    outline-style:none;
  }



  .button:active,
  .button:focus,
  a:active,
  a:focus
  {

    outline:none;
    outline-style:none;
  }

  .login_col1
  {
    width:105px;
    float:left;
  }

  .login_col2
  {
    width:25px;
    float:right;
 
  }

  #login
  {
    font-size:11px;
    border:1px solid #4f4f4f;
    background-color:#FFFFFF;
    height:13px;
    width:103px;
    padding: 2px 2px 3px 3px;
    margin:0px 7px 0px 0px;
    position:relative;
    z-index:50;
  }

  #login_button
  {
    background-image:url(../images/login_inaktiv.jpg);
    width:16px;
    height:20px;
    float:right;
  }

  #login_button:hover
  {
    background-image:url(../images/login_aktiv.jpg);
    background-repeat:no-repeat;
    border:none;
    width:16px;
    height:20px;
  }

  #remember_button
  {
    background-image:url(../images/remember_inaktiv.jpg);
    width:16px;
    height:20px;
    float:right;
  }

  #remember_button:hover
  {
    background-image:url(../images/remember_aktiv.jpg);

  }

  #password
  {
    font-size:11px;
    border:1px solid #4f4f4f;
    background-color:#FFFFFF;
    height:13px;
    width:103px;
    padding: 2px 2px 3px 3px;
    margin:0px 7px 0px 0px;
    position:relative;
    z-index:50;
  }

  #signup_button
  {
    margin-right:10px;
    float:right;
  }

    #cancel_button
  {
    margin-left:10px;
    float:left;
  }

  .signup_text
  {
  padding-top:0px;
  margin:0px;
  }

  .signup_text p a
  {
    font-size:10px;
  }

   /* Logout Button */
  .login a img
  {
   padding-top:15px;
   padding-left:70px;

  }

  #upload_now
  {

    margin-top:100px;
  }

  #upload_now_frontpage
  {


  }

  #upload_frontpage_container
  {
    margin: 25px 0px 0px 145px;
  }

  #upload_frontpage_container p
  {
    text-decoration:underline;
    float:left;
  }

  /****************** Upload Success *************************/

  #upload_success_background
  {
    background-image:url(../images/upload_background.png);
    background-repeat:no-repeat;
    height:260px;
    width:240px;
    position:relative;
    left:100px;
  }


  #upload_success
  {
    max-width:130px;
    max-height:161px;
    position:relative;
    top:58px;
    left:66px;
    border: 2px #FFFFFF solid;
  }

/***************** Pagination ************************/
  #gallery_pagination
  {
  padding:5px 0px;
  height:15px;
  }


    .pagination
  {
    text-align: center;
  }

.pagination a,
.pagination a:visited,
.pagination .current,
.pagination .next_page,
.pagination .prev_page
  {
    border: 1px #000000 solid;
    font-size:11px;
    padding: 3px 4px;
    height:15px;
    color:#000000;
  }

.pagination a:hover
  {
    background-color:#9d0d15;
    color:#FFFFFF;
  }


.pagination .prev_page,
.pagination .next_page
  {
    font-weight:bold;
  }

.gap
  {
    color:#999999;
    font-weight:bold;
  }

.pagination .disabled
  {
    color:#999999;
    border: 1px #999999 solid;

  }

.pagination .current
  {
    background-color:#000000;
    color:#FFFFFF;
  }


.dialog
{background-color:orange;}



  /* generelles */
  .lang_menu
  {
    list-style-type: none;
    height:17px;
    margin-bottom:10px;
    color:#666666;
  }

  .lang_menu ul
  {
    display: inline;
    list-style-type: none;
    padding: 0px;
    margin : 0px;
  }


  .lang_menu ul li
  {
    float:left;
    padding:0px 4px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    line-height:11px;
    border-left:solid 1px #666666;
  }

  .lang_menu li:first-child
  {
    border:none;
    padding-left:0px;
  }

  .lang_menu li a
  {
    color: #666666;
    text-decoration:none;
  }

  .lang_menu a.active
  {
    display:block;
    color:#9d0d15;
  }

   #footer > .lang_menu a.active
  {
    color:#9d0d15;
    display:inline;
  }

  /*wenn man mit der Maus ueber die Links geht*/
  .lang_menu li a:focus,
  .lang_menu li a:hover,
  .lang_menu li a:active
  {
    color: #9d0d15;
    text-decoration: underline;
  }

  .banner
  {
    border:0px !important;
    padding-left:0px !important;
    

  }

 .banner .banner_textfield
  {
    width:306px;
    padding:3px;
    height:70px;
    background-color:#ffffff;
    border: 1px solid #666666;
    font-size:11px;
    color:#666666;
    margin:15px 0px;
    overflow:hidden;

  }

  /********************* Submenue **************************************/

  #submenu
  {
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    list-style-type: none;
    margin-top:0px;
    height:300px;
  }

  #submenu ul
  {
    width: 115px;
    list-style-type: none;
    padding: 0px;
    margin : 0px;

  }

  #submenu li
  {
    float:left;
    width: 115px;
    margin-left:-40px;
    padding: 0px;
  }

  #submenu li a
  {
    /*width: 90%;*/
    /*padding-left: 10%;*/
    background-color:#FFFFFF;
    color: #000000;
  }

  /* Menu Title - trifft auf alle li Elemente mit der ID Title zu */

  #submenu a,
  #submenu strong
  {
    display:block;
    padding: 3px 0px 3px 10%;
    text-decoration: none;
  }

  /* Level 1 */
  #submenu a.active
  {
    /*display:block;*/
    padding: 3px 0px 3px 10%;
    font-weight: bold;
    color:#9d0d15;
  }

  /*wenn man mit der Maus ueber die Links geht*/
  #submenu li a:focus,
  #submenu li a:hover,
  #submenu li a:active
  {
    padding: 3px 0px 3px 10%;
    font-weight: bold;
    color:#9d0d15;
  }

  #submenu li#myqwx a
  {
    color:#009ee0;

  }

  #submenu li#myqwx a:focus,
  #submenu li#myqwx a:hover,
  #submenu li#myqwx a:active
  {
    padding: 3px 0px 3px 10%;
    font-weight: bold;
    color:#9d0d15;
  }


  /* (en) IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
  /* (de) IE-Clearing: Ben�tigt nur der Internet Explorer und �ber iehacks.css zugeschaltet */
  #ie_clearing { display: none; }

/* Registrierungs - Formular */

  fieldset
  {
    margin: 0;
    padding: 10px 0px;
    width: 540px;
    background-image:url(../images/reg_background.png);
    background-repeat:repeat-x;
  }

  .regform_prev
  {
    font-size:12px;
    color:#666666;
    margin:0 0 10px 15px;
  }



  .regform_row {
    margin-bottom: 1.5em;
    height:22px;
  }

  .regform_col1
  {
    float:left;
    margin-right:10px;
    font-weight:bold;
    width:105px;
    text-align:right;
  }

  .regform_col2
  {
    float:left;
    width:200px;
    margin-right:10px;

  }

  .regform_col3
  {
    text-indent:-12px;
    width:190px;
    float:left;
    padding-left:10px;
  }

  .fieldset_1 label
  {
    float: left;
    width: 105px;
    text-align: right;
    padding-top:4px;
  }

    .fieldset_1 select
  {
    width: 200px;
    text-align: left;
    
  }

  .fieldset_1 .textfield
  {
    /* float:left; */

    width:194px;
  }

  .formError
  {
    color:#9d0d15;
    padding-top:4px;
  }


  .fieldWithErrors
  {
    float:left;
  }

  .fieldset_2 label
  {
    width:500px;
  }

  .fieldset_2 label a,
  .fieldset_2 label a:visited
  {
    font-size:12px;
    color:#666666;
   }

  .fieldset_2 label a:hover,
  .fieldset_2 label a:active,
  .fieldset_2 label a:focus
  {
    text-decoration:underline;
  }

  .fieldset_2 ol
  {
    list-style-type:none;

  }

   .fieldset_2 ol li
  {
    width:525px;
    list-style-type:none;
    margin-left:-30px;
  }


  fieldset.submit {
    margin-top:15px;
        border-style: none;
  }

/* Änderungen EDIT - Formular */

 .editform_prev
  {
    font-size:12px;
    color:#666666;
    margin:0 0 10px 15px;
  }

 .editform_info_row {
    margin-bottom: 0.5em;
    height:20px;
  }

  .editform_row {
    margin-bottom: 1.5em;
    height:22px;
  }

  .editform_col1
  {
    float:left;
    margin-right:10px;
    font-weight:bold;

    width:105px;
    text-align:right;
  }

  .editform_col2
  {
    float:left;
    width:200px;
    margin-right:10px;

  }

  .editform_col3
  {
    text-indent:-12px;
    width:190px;
    float:left;
    padding-left:10px;
  }

  .fieldset_3 label
  {
    float: left;
    width: 105px;
    text-align: right;
    font-size:12px;
    text-indent:-12px;
  }

    .fieldset_3 select
  {
    width: 200px;
    text-align: left;

  }

  .fieldset_3 .textfield
  {
    /* float:left; */

    width:194px;
  }

  .formError
  {
    color:#9d0d15;
    padding-top:4px;

  }


  .fieldWithErrors
  {
    float:left;
  }
/******************* Upload Picture *************************/

  #upload_container
  {

    width:545px;
    
  }





/*********Toolkit ***********/

  .toolkit_row
  {
    width:545px;
    height:170px;
    margin-top:24px;
  }

    .toolkit_banner_row
  {
    width:545px;
    height:400px;
    margin-top:24px;
  }

  .toolkit_col1
  {
    float:left;
    width:210px;

  }

  .toolkit_banner_col1

    {
    float:left;
    height:430px;
    width:210px;

  }

  .toolkit_col2
  {
    float:right;
    padding-top:20px;
    width:330px;

  }


  #toolkit_container
  {
    width:545px;
    padding:0px;
    margin:0px;
  }

  /* OLENEU */
  #active_status
  {
    width: 25px;
    height: 25px;
  }

  #edit_button
  {
    width: 25px;
    height: 25px;
  }

  #delete_button
  {
    width: 25px;
    height: 25px;
  }

  #activate_button
  {
    width: 25px;
    height: 25px;
  }

    .ie6 {

      display:none;
      text-align: center;
      margin-top:100px;
      width: auto;

  }


      .ie6_inhalt
  {

      display:none;
      background-color:#ffffff;
      text-align: center;
      width:700px;
      margin-top:100px;

  }

/*  .cropperResize
  {
  border:1px dashed #9D0D15 !important;
  }


  .cropperWrapper
  {
    margin:0px !important;
    padding:0px;
  }

  */




}