/* *****************************************************************************
      Cascading Style Sheet
      www.power4youth.eu
   ***************************************************************************** */

*                   { padding:0px; margin:0px; font-size:1em; }
html                { height:100.01%; margin-bottom:1px; }
body                { height:100.01%; background:#2b93d1; font:0.7em/1.4em Verdana,Arial,Tahoma,Helvetica,sans-serif; color:#484f57; }


/* basic layout */
#container1         { width:100%; background:url('/images/layout/pageBackground.jpg') repeat-x top center; } /* page bg auf x-achse */
#container2         { width:100%; background:url('/images/layout/blueBackground.gif') repeat-y top center;  } /* page bg auf y-achse */
#container3         { width:100%; background:url('/images/layout/contentBackground.jpg') no-repeat top center; } /* bg maxln */
#container4         { width:995px; margin:0px auto; } /* minimale seiten breite */

#pageContent        { width:975px; margin:0px auto; }

#pageLeft           { width:300px; float:left; padding-left:5px; color:#abd4ed; overflow:hidden; }
#pageLogin          { width:185px; padding:440px 10px 38px 110px; color:#333333; }

#pageRight          { width:650px; float:right; padding-right:5px; }
#pageHeader         { width:650px; height:110px; }
#pageHeader h1      { width:280px; height:50px; padding:20px 30px 20px 340px; overflow:hidden; }
#pageHeader h1 span { display:none; }

#pageMenu           { width:650px; height:30px; background:url('/images/layout/menuBackground.gif') no-repeat; overflow:hidden; }
#pageMenu ul        { list-style-type:none; margin-left:37px; }
#pageMenu li        { float:left; padding:0px 13px; }
#pageMenu a span    { display:none; }

#pageMain           { width:630px; padding:15px 10px 35px 10px; overflow:hidden; }
#pageWarning        { padding:18px 100px 26px 100px; background:url('/images/layout/iconWarning.gif') no-repeat 15px 15px; min-height:60px; }
#pagePadding, div.pagePadding        { padding:15px; }

#pageFooter         { clear:both; background:url('/images/layout/footerBackground.gif') no-repeat 1px 3px; height:28px; font-size:0.9em; }
#pageFooter ul      { list-style-type:none; }
#pageFooter li      { float:right; padding-right:22px; }


/* text format */
.small              { font-size:0.9em; }
.large              { font-size:1.1em; }

.error              { color:#c83200; }

.breakSmall         { padding-bottom:0.3em; }
.breakMedium        { padding-bottom:0.6em; }
.breakLarge         { padding-bottom:1.2em; }

h1, h2, h3          { font-weight:normal; }
h4, h5, h6          { font-weight:normal; }

#pageMain h2        { height:11px; background:url('/images/layout/headlineBackground.gif') no-repeat; padding:5px 15px; line-height:1em; font-weight:bold; color:#ffffff; overflow:hidden; }
#pageMain h2.admin_options { background:url('/images/layout/headlineBackground_blue.gif') no-repeat; }

/* links */
/*a                   { color:#ff0000; text-decoration:none; }
a:visited           { color:#ff0000; text-decoration:none; }*/
a                   { color:#8cc647; text-decoration:none; }
a:hover             { text-decoration:underline; }

div.pagePadding a   { color:#8cc647; }
#pageMain h2 a      { color:#ffffff; }

div.admin_options a { color:#2b93d1; }

#pageLeft a         { color:#333333; }
#pageFooter a       { color:#484f57; }


/* forms */
input.login         { font:1em Verdana,Arial,Tahoma,Helvetica,sans-serif; color:#484f57; font-weight:bold; margin-bottom:1px; width:156px;
                      border:1px solid #e8f4d8; border-left-width:3px; background:url('/images/layout/loginBackground.gif') transparent; padding:2px 5px; }
input.loginSubmit   { font:1em Verdana,Arial,Tahoma,Helvetica,sans-serif; color:#484f57; font-weight:bold; margin-top:1px; margin-bottom:1px;
                      border:1px solid #e8f4d8; border-left-width:3px; background:#bdde97; padding:1px 10px 0px 10px; }

input.std, textarea.std
                    { font:1em Verdana,Arial,Tahoma,Helvetica,sans-serif; color:#484f57; padding:2px 3px; margin:1px 0px; width:250px;
                      border:1px solid #8cc647; border-left-width:3px; background:url('/images/layout/inputBackground.gif') repeat-x #ffffff; }
input.std:focus, textarea.std:focus
                    { border-color:#484f57; }
textarea.long       { width:400px; }

select, select.std  { font:1em Verdana,Arial,Tahoma,Helvetica,sans-serif; color:#484f57; margin:1px 0px; width:260px;
                      border:1px solid #8cc647; border-left-width:3px; background:#ffffff; }
input.submit        { font:bold 0.9em Verdana,Arial,Tahoma,Helvetica,sans-serif; color:#484f57; padding:1px 12px; margin:1px 0px;
                      border:1px solid #8cc647; border-left-width:3px; background:url('/images/layout/inputBackground.gif') repeat-x #ffffff; }
input.submit:focus  { border-color:#484f57; }

input.chkbox        { width:15px; height:15px; cursor:pointer; }
label               { cursor:pointer; }
textarea.std        { height:100px; }

fieldset            { padding:10px; border:1px solid #2b93d1; }
legend              { color:#2b93d1; font-weight:bold; padding:0px 5px; }

fieldset input.std, fieldset input.submit, fieldset select.std, fieldset select, fieldset textarea.std
                    { border:1px solid #2b93d1; border-left-width:3px; }

div.fieldWithErrors > input.std, div.fieldWithErrors > textarea.std 
                    { border:1px solid #ff0000; border-left-width:3px; }

/* inputs for birth date */
select#user_birth_date_1i   { width:55px; }
select#user_birth_date_2i   { width:110px; }
select#user_birth_date_3i   { width:45px; }

#pageLeft .chkbox   { margin-bottom:1px; }

/* misc */
img                 { vertical-align:top; border:0px; }
img.icon            { margin-right:5px; }
table               { border-collapse:collapse; }
td, th              { vertical-align:top; text-align:left; }
td.title, th.title  { vertical-align:middle; width:130px; font-weight:bold; }
td.break            { height:10px; }
img.flag            { margin-top:3px; margin-right:5px; }
div#notice          { padding:5px 15px; border:1px solid #8cc647; color:#ffffff; background-color:#aee869; margin-bottom:15px; }

#pageMain h2 span.in_heading     { display:block; float:right; position:relative; bottom:11px; font-size:0.9em; }
#pageMain h2 span.in_heading a   {  }

.bold               { font-weight:bold; }
.italic             { font-style:italic; }

.center             { text-align:center; }
.middle             { vertical-align:middle; }

#pageMain ol        { margin-left:3em; }
#pageMain ul        { margin-left:2em; }

img#current_avatar_large { cursor:pointer; }

/* drag & drop lists */
.list_handle:hover { cursor:move; }
#pageMain ul.dnd_list         { margin-left:0px; list-style-type:none; }

.section_header { text-align:right; padding:5px 10px; border-bottom:1px solid #cccccc; margin-bottom:10px; color:#cccccc; }

/* link buttons */
/*
div.button                           { width:auto; height:26px; padding-left:40px; 
                                        padding-top:6px; color:#000000; font-weight:bold; }
div.button:focus, div.button:hover  { cursor:pointer; }
div.disabled                         { color:#cccccc; }
div.disabled:focus, div.disabled:hover { cursor:default; }
*/
a.button { margin-right:15px; width:auto; height:30px; padding-left:40px; 
    padding-top:6px; padding-right:10px; font-weight:bold; float:left; display:block; }
a.button:focus, a.button:hover  { text-decoration:none; }
a.disabled                         { text-decoration:none;cursor:default; color:#cccccc; }
a.disabled:focus, a.disabled:hover {  }

/* pagination */
.pagination {
  padding: 3px;
  margin: 3px;
  text-align:right;
}
.pagination a {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #8cc647;
  text-decoration: none;
  color: #8cc647;
}
.pagination a:hover, .pagination a:active {
  border: 1px solid #8cc647;
  background-color: #8cc647;
  color: #ffffff;
}
.pagination span.current {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #8cc647;
  font-weight: bold;
  background-color: #8cc647;
  color: #ffffff;
}
.pagination span.disabled {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #eee;
  color: #ddd;
}