@charset "UTF-8";
@import url(core/base.css);
@media print 
{
#header, .login, .help, #footer, #flowtabs { display: none; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; }
table.full { width: 100%; padding: 0; margin: 0;}
table th { border-bottom: 1px solid black; }
table td { border-bottom: 0.5px solid #c5c5c5; }
h1,h2,h4,h5,h6 {font-weight:bold; margin:9pt 0 5pt 0;}
.page_margins:before { content: url(http://www.eurofencing.info/sites/all/themes/efctheme/images/logo_print.gif); margin-top: 10mm;}
.noprint { display: none; }
}
@media screen, projection
{
body {overflow-y: scroll; background:#000000 url(../images/image_bg_01.png) left 10px repeat-x; padding: 10px 0; text-align: center; }
.page_margins { text-align:left; margin: 0 auto; width: 1010px; }
.popup_margins { text-align:left; margin: 20px;padding:20px;background:#3e3d40; }
#header { width:985px; height:89px;}
#logo{ position:absolute; top:0; width:260px; height:89px; z-index:20; overflow:hidden; float:left;}
.page {padding: 0px; width:960px; padding:0 0 0 25px; }
#nav { height:56px; margin-bottom:30px; background:url(../images/nav_bg.png) left top no-repeat;}
#topnav { padding:0 0 0 25px;}
#subnav_bg {position:absolute; top:127px;}
#main { padding:10px 0 0 0; width:960px;}
#content {width:960px; margin-bottom:10px;}
#footer { width:960px; color:#fff;padding: 10px 0 0 0; height:1%}
.footer_top { width:960px; height:10px; margin:0; padding:0; background: url(../images/footer_wrap_top.png) left top no-repeat;behavior:url("../hacks/iepngfix2.htc");}
.footer_inner { background:#3e3d40; padding:0 10px;}
.footer_bottom { width:960px; height:10px; background: url(../images/footer_wrap_bottom.png) left top no-repeat;behavior:url("../hacks/iepngfix2.htc");}
#fedlogo { position:absolute; top:0; float:right; width:985px; z-index:5; height:42px; background:url(../images/efc_logo.png) right top no-repeat;}
.col_l { width: 270px; float:left;}
.col_r { width: 630px; float:right; }
#footer a { color: #999; background:transparent; font-weight: bold; }
#footer a:focus,
#footer a:hover,
#footer a:active {color: #4D87C7; background-color: transparent; text-decoration:underline; }
 
/* jquery flowtabs with back/tracking-function ehemalig flowtabs */
#flowtabs {height:26px !important;margin:0 !important;padding:0;_margin-bottom:-2px;}
#flowtabs li { float:left;margin:0;padding:0;text-indent:0;list-style-type:none;}
#flowtabs li a {background:#888;display:block;line-height: 26px;padding:0px 10px;margin:0px 2px 0 0;color:#fff;font-weight: bold;text-align:center;text-decoration:none;}
#flowtabs a:hover { background:#666; color:#fff;}
#flowtabs a.current	{ cursor:default; background:#3e3d40; color:#00ace2; line-height:26px; }

#flowpanes {padding:20px;background:#3e3d40;}


.maintabs {height:26px !important;margin:0 !important;padding:0;_margin-bottom:-2px;}
.maintabs li { float:left;margin:0;padding:0;text-indent:0;list-style-type:none;}
.maintabs li a {background:#888;display:block;line-height: 26px;padding:0px 10px;margin:0px 2px 0 0;color:#fff;font-weight: bold;font-size:116.67%;text-align:center;text-decoration:none;}
.maintabs a:hover { background:#666; color:#fff;}
.maintabs a.current	{ cursor:default; background:#3e3d40; color:#00ace2; line-height:26px; }

.maintabs_inner {padding:15px 10px; background:#3e3d40;}

.box { background:#1b1b1b; padding:10px 10px; margin: 0 0 15px 0;}
.boy form {margin:0; padding:0;}
.search_person_01 { float:left; margin-right:15px;}
.search_person_01 label {margin:0px 15px 0 0;font-size:12px; padding: 5px 0 5px; vertical-align:middle;}
.search_person_01 input { border:1px #00ace2 solid; height:21px; width:250px; padding: 0 0 0 5px;}
.search_person_02 { float:left;}
.search_person_02 label { margin-right:15px; font-size:12px; vertical-align:middle;}
.search_person_02 select { border:1px #00ace2 solid; height:21px; margin-right:15px; font-size:12px; padding:0 0 3px 0;}
.input_smaller select { width:100px;}

.search_person_03 #submit { height:21px; float:left; padding: 0 10px; cursor: pointer;overflow:visible;  /* Fixes IE7 auto-padding bug */ }
.search_person_03 #submit[type=submit] { border:none; color:#330; background:#c6c7c8 url(../images/submit_search.png) top left repeat-x; }
.search_person_03 #submit { border:none; color:#330; background:#c6c7c8 url(../images/submit_search.png) top left repeat-x; }
.search_person_03 #submit:focus,
.search_person_03 #submit:hover,
.search_person_03 #submit:active {border:none; color:#333; background:#9a9d9e url(../images/submit_search_hover.png) top left repeat-x;}
* html .search_person_03m #submit {width:120px; height:16px; padding-top:2px;}


.image { height:120px; margin-bottom:5px; text-align:center;}
.image_link { margin-bottom:15px; text-align:center;}

.person_header { padding:0 0 5px 0; margin: 0 0 20px 0; border-bottom:1px solid #585858;}
.person_header img { float:left; margin-right:7px;}
.person_header h1 { padding:1px 0 0 0;}

.subcolumns {margin-bottom:30px;}
.subcolumns table {margin-bottom:0px;}
.frame01 { width:100%;}

.selectable .ui-selecting { background: #FECA40; }
.selectable .ui-selected { background: #F39814; color: white; }
.selectable { list-style-type: none; margin: 0; padding: 0; }
.selectable li { margin: 3px; padding: 0.4em; height: 30px; float: left; width: 45%;}

 /**
  * ------------------------------------------------------------------------------------------------- #
  * CONTENT
  * ------------------------------------------------------------------------------------------------- #
  */ 
html * { font-size:100.01%; }
pre, code, kbd, samp, var, tt {font-family:Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;}
body {font-family:Arial, Helvetica, sans-serif;font-size:75.00%;color:#fff;}
 
/*--- Replacement H1 as Logo ------------------------------------------------------------------------*/
h1 { font-family:Arial, Helvetica, sans-serif; font-size:133.33%; line-height:24px; margin:0; padding:0;}
h1 img { margin-top:5px;}

#dialog h2 { text-align:left; margin:10px 0;}

h3,h4,h5,h6 {font-family: Arial, Helvetica, sans-serif;font-weight:bold;color:#00ace2;margin:0 0 10px 0;}
h3 {font-size:116.67%; padding:0 10px; line-height:26px; background:#1b1b1d;}/* 14px */
#news h3 { font-size:116.67%; padding:0; background:none;}/* 14px */
.news_meldung h4,.news_meldung h4 a { color:#ffffff; font-size:100%; margin:0 0 2px 0;}
.news_meldung p { color:#ffffff; font-size:91.67%; margin:0;}
h4, h4 a { color:#ffffff; font-size:100%; margin:0 0 2px 0;}
  h4 { font-size:133.33%; }                    /* 16px */
  h5 { font-size:116.67%; }                    /* 14px */
  h6 { font-size:116.67%; }                    /* 14px */
 
  /* --- Lists | Listen  -------------------------------------------------------------------------------- */
 
  ul, ol, dl { line-height:1.5em; margin:0 0 1em 1em; }
  ul { list-style-type:disc; }
  ul ul { list-style-type:circle; margin-bottom:0; }
 
  ol { list-style-type:decimal; }
  ol ol { list-style-type:lower-latin; margin-bottom:0; }
 
  li { margin-left:0.8em; line-height:1.5em; }
 
  dt { font-weight:bold; }
  dd { margin:0 0 1em 0.8em; }
 
  /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */
 
  p { line-height:1.5em; margin:0 0 1em 0; }
 
  blockquote, cite, q {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-style:italic;
  }
  blockquote { margin:0 0 1em 1.6em; color:#666; }
 
  strong,b { font-weight:bold; }
  em,i { font-style:italic; }
 
  big { font-size:116.667%; }
  small { font-size:91.667%; }
 
  pre { line-height:1.5em; margin:0 0 1em 0; }
  pre, code, kbd, tt, samp, var { font-size:100%; }
  pre, code { color:#800; }
  kbd, samp, var, tt { color:#666; font-weight:bold; }
  var, dfn { font-style:italic; }
 
  acronym, abbr {
    border-bottom:1px #aaa dotted;
    font-variant:small-caps;
    letter-spacing:.07em;
    cursor:help;
  }
 
  sub, sup { font-size:91.6667%; line-height:0; }
 
  hr {
    color:#fff;
    background:transparent;
    margin:0 0 0.5em 0;
    padding:0 0 0.5em 0;
    border:0;
    border-bottom:1px #eee solid;
  }
 
  /*--- Links ----------------------------------------------------------------------------------------- */
 
  a, a:visited, a:focus, a:active { color:#00ace2; background:transparent; text-decoration:none; }
  a:hover { color:#0074c8;}
  
/* Links with Icons */
  
/*ALLGEMEIN SMALL*/
a.viewlinksmall, a.viewlinksmall:visited, a.viewlinksmall:active, a.viewlinksmall:focus,
a.editlinksmall, a.editlinksmall:visited, a.editlinksmall:active, a.editlinksmall:focus,
a.deletelinksmall, a.deletelinksmall:visited, a.deletelinksmall:active, a.deletelinksmall:focus 
{width:16px; overflow:hidden;text-indent:-333px; display:inline-table; text-align:left; }
/*INDIVIDUELL*/
a.editlinksmall, a.editlinksmall:visited, a.editlinksmall:active, a.editlinksmall:focus 
{ background:url(../images/link_icons/link_edit.png) left center no-repeat;}
a.viewlinksmall, a.viewlinksmall:visited, a.viewlinksmall:active, a.viewlinksmall:focus 
{ background:url(../images/link_icons/link_view.png) left center no-repeat;}
a.deletelinksmall, a.deletelinksmall:visited, a.deletelinksmall:active, a.deletelinksmall:focus 
{ background:url(../images/link_icons/link_delete.png) left center no-repeat;}


a.editlink, a.editlink:visited, a.editlink:active, a.editlink:focus { background: url(../images/icons/application_form_edit.png) left center no-repeat; padding: 0 0 0 20px;}
a.editlink:hover {text-decoration:none;}
 
a.deletelink, a.deletelink:visited, a.deletelink:active, a.deletelink:focus { background:url(../images/link_icons/link_delete.png) left center no-repeat; padding: 0 0 0 20px;}
a.deletelink:hover { background:url(../images/link_icons/link_delete.png) left center no-repeat; text-decoration:none;}
  
/* Links with Buttons */

/*ALLGEMEIN*/
a.editbutton, a.editbutton:visited, a.editbutton:active, a.editbutton:focus,
a.addbutton, a.addbutton:visited, a.addbutton:active, a.addbutton:focus
{color:#fff; font-size:11px;font-weight:bold; display:inline;padding: 2px 30px 2px 10px;}
/*INDIVIDUELL*/
a.editbutton, a.editbutton:visited, a.editbutton:active, a.editbutton:focus 
{background:#00ace2 url(../images/buttons/button_edit.png) right center no-repeat;}
a.editbutton:hover {background:#0090d5 url(../images/buttons/button_edit_hover.png) right center no-repeat;text-decoration:none;}

a.addbutton, a.addbutton:visited, a.addbutton:active, a.addbutton:focus 
{background:#00ace2 url(../images/buttons/button_add.png) right center no-repeat;}
a.addbutton:hover {background:#0090d5 url(../images/buttons/button_add_hover.png) right center no-repeat;text-decoration:none;}


.editinh3 { display:block; float:right; color:#fff; font-size:11px; font-weight:normal;}
.editinh3 a, .editinh3 a:visited, .editinh3 a:active, .editinh3 a:focus { color:#fff;}
.editinh3 a:hover { text-decoration: underline;}
 
.button_top_right { float:right;}
.button_top_right_inner { float:right; margin:7px 5px 0 0;} 
.button_add {  height:18px; overflow:hidden; display:block; margin:0; padding:0; text-align:left; font-size:11px; line-height:18px;}

  

  /* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */
 
  p.icaption_left { float:left; display:inline; margin:0 1em 0.15em 0; }
  p.icaption_right { float:right; display:inline; margin:0 0 0.15em 1em; }
 
  p.icaption_left img,
  p.icaption_right img { padding:0; border:1px #888 solid; }
 
  p.icaption_left strong,
  p.icaption_right strong { display:block; overflow:hidden; margin-top:2px; padding:0.3em 0.5em; background:#eee; font-weight:normal; font-size:91.667%; }
 
 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Generic Content Classes
  *
  * (en) standard classes for positioning and highlighting
  * (de) Standardklassen zur Positionierung und Hervorhebung
  *
  * @section content-generic-classes
  */
 
  .highlight { color:#c30; }
  .dimmed { color:#888; }
 
  .info { background:#f8f8f8; color:#666; padding:10px; margin-bottom:0.5em; font-size:91.7%; }
 
  .note { background:#efe; color:#040; border:2px #484 solid; padding:10px; margin-bottom:1em; }
  .important { background:#ffe; color:#440; border:2px #884 solid; padding:10px; margin-bottom:1em; }
  .warning { background:#fee; color:#400; border:2px #844 solid; padding:10px; margin-bottom:1em; }
 
  .float_left { float:left; display:inline; margin-right:1em; margin-bottom:0.15em; }
  .float_right { float:right; display:inline; margin-left:1em; margin-bottom:0.15em; }
  .center { display:block; text-align:center; margin:0.5em auto; }
  
  .state { border-top: 1px solid #585858; text-align: center; font-weight: bold; padding-top: 0.25em; padding-bottom: 0.25em; }
  
  /* Hauptpalten */
  
  #col1 { float:left; width: 200px; }
  #col1_content {  }

  #col3 { width:680px; margin-left:220px; }
  #col3_content {  }
 
 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Tables | Tabellen
  *
  * (en) Generic classes for table-width and design definition
  * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
  *
  * @section content-tables
  */
 
  table { width:auto; border-collapse:collapse; margin-bottom:30px; }
  table.full { width:100%; }
 
  td { padding:5px 5px 5px 10px; }
  td img {vertical-align:middle;}
  thead,tbody {width:100%}
  thead th { color:#00ace2; font-size:14px;padding:0 0 7px 10px; text-align:left; }
  thead th.button, th.last, td.last { text-align:right;}
  tbody th { background:#1b1b1b; color:#fff; padding: 5px 5px 5px 10px; }
  #col1 thead th {border-top:1px solid #585858; border-bottom:1px solid #585858;  padding: 5px 5px 5px 10px; }
  tbody th[scope="row"], tbody th.sub { background:#666; }
 
  tbody th { text-align:left; }
  tbody td { border-bottom:1px solid #585858; }
  tbody td.button { text-align:right; }
  tbody tr.footer td { border-bottom:none; text-align:right; padding:10px 5px 0 0; }
  tbody tr.footer:hover td { background:none; }
 
  tbody tr:hover th[scope="row"],
  tbody tr:hover tbody th.sub { background:#f0e8e8; }
  tbody tr:hover td { background:#555; }
  .col2l { padding:5px 0px 5px 10px;}
  .col2r { padding:5px 5px 5px 0px;}
  
  .selector { color:#fff; font-size:11px; font-weight:normal; padding-left:10px;}
  
  
  
  .login {line-height:18px; padding:10px 20px; float:left;}
  .login strong { font-size:12px;}
  .login a,.login a:link,.login a:visited {color:#ffffff;}
  .help {float:right; width:90px ; height:56px; margin-right:10px;}
  
  a.table_more_link, a.table_more_link:link, a.table_more_link:visited { display:block; color:#fff; background:url(../images/buttons/show_norm.png) right center no-repeat; padding-right:20px;}
   a.table_more_link:hover,a.table_more_link:active,a.table_more_link:focus { color:#00ace2; background:url(../images/buttons/show_hover.png) right center no-repeat; padding-right:20px;}
   
   /** Startseite Login */
  
 body.login_main { background:#000;}
 .login_main #main { width:702px; height:345px; padding:75px 0 0 45px; background:url(../images/login_start/login_start_bg.jpg) left top no-repeat; margin: 10% auto 0 auto; text-align:left;}
 .login_main .fedlogo {top:75px;}
 .login_main #login_wrapper {padding-left:26px;}
 .login_main #login { width:475px; height:44px; padding:8px 10px; margin-bottom:11px; background: url(../images/login_start/login_my_efc.png) left top no-repeat; }
 .login_main #login.error { width:475px; height:44px; padding:8px 10px; margin-bottom:11px; background: url(../images/login_start/login_my_efc_error.png) left top no-repeat; }
 .login_main #login label { display:none; float:left;}
 .login_main #login input { height:18px; width:108px; border:1px solid #b3e6f6; background:#00ace2; color:#fff; padding:0 3px;}
 .login_main #login.error input { height:18px; width:108px; border:1px solid #fff; background:#c00418; color:#fff; padding:0 3px;}
 .login_main #login .submit_wrapper { width:148px; display:inline;}
 .login_main #login .login-name input { margin-bottom:4px;}
 .login_main #login .login-pass input {float:left; width:108px; display:block;}
 .login_main #login .login-submit input { float:left; display:block; width:20px; height:20px; margin-left:5px; background: url(../images/arrow_right_white_trans.png) left 4px no-repeat; border:none; text-indent:-33333px; cursor: pointer; overflow:visible;}
 .login_main .padleft { padding-left:259px;}
 .login_main .error_message { float:left; width:150px; height:0px;color:#c00418; padding:0px 0 0 10px;}
 
 
 /* Formulare */
 
  .yform {
    background:#f4f4f4;
    border:1px #ddd solid;
    margin:0 0 1em 0;
    padding:10px;
	text-align:left;
  }

  .yform fieldset {
    border:1px #ddd solid;
    background:#fafafa;
    margin:0 0 1em 0;
    padding: 0.5em;
  }
  
  .yform legend {
    font-size:125%; 
    font-weight:normal; 
    color:#000;
  }

  .yform label {
    color:#666;
  }

  .yform input,
  .yform textarea,
  .yform select, 
  .yform optgroup {
    font-family:Arial, Helvetica, sans-serif; /* proportional fonts for all form elements */
  }

  .yform .type-text input,
  .yform .type-text textarea,
  .yform .type-select select {
    border:1px solid #ddd;
  }

  /* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */
  .yform div.type-text input:focus,
  .yform div select:focus,
  .yform div textarea:focus,
  .yform div.type-text input:hover,
  .yform div select:hover,
  .yform div textarea:hover,
  .yform div.type-text input:active,
  .yform div select:active,
  .yform div textarea:active {
    border:1px #a66 solid;
    background:#fff;
  }

  /* Styling of custom styled buttons | Gestaltung von individuell gestalteten Buttons */
  .yform input#submitbutton {
    border-top:1px #ddd solid;
    border-left:1px #ddd solid;
    border-right:1px #444 solid;
    border-bottom:1px #444 solid;
    color:#000;
    background:#454545 url(../images/button_gray.png) top left repeat-x;
    padding:4px 34px 4px 10px;
  }

  .yform input#submitbutton[type=submit] { color:#fff; background:#00ace2 url(../images/buttons/button_submit.png) top right no-repeat; }

  /* optional button styling for IE6 using classes */
  .yform input#submitbutton { color:#fff; background:#00ace2 url(../images/buttons/button_submit.png) top right no-repeat; }

  /* :hover and :focus status on buttons | Effekt zur Hervorhebung von Schaltern bei :hover oder :focus */
  .yform input#submitbutton:focus,
  .yform input#submitbutton:hover,
  .yform input#submitbutton:active {
    border-top:1px #444 solid;
    border-left:1px #444 solid;
    border-right:1px #ddd solid;
    border-bottom:1px #ddd solid;
    color:#fff;
    background:#0090d5 url(../images/buttons/button_submit_hover.png) top right no-repeat; 
  }


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

 /**
  * Vertical-Forms - technical base (standard)
  *
  * |-------------------------------|
  * | fieldset                      |
  * |-------------------------------|
  * |   label                       |
  * |   input / select / textarea   |
  * |-------------------------------|
  * | /fieldset                     |
  * |-------------------------------|
  *
  * (en) Styling of forms where both label and input/select/textarea are styled with display:block;
  * (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display:block; gestaltet werden
  *
  * WARNING:This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
  */

  /* General form styling  | Allgemeine Formatierung des Formulars */
  .yform { overflow:hidden; }
  .yform fieldset { overflow:hidden; }
  .yform label { display:block; cursor:pointer; }
  .yform legend { background:transparent; border:0; padding:0 0.5em; }
  .yform .message { display:block; margin-bottom:0.5em; color:#666; }
  .yform .instructions { display: block; font-size: 80%; font-style: italic; color: #666; margin-bottom: 0.5em;}
  /* Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox) */
  .yform input[type=hidden] { display:none !important; }

  /* Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben */
  .yform sup { color:#800; font-weight:bold; }

  /* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
  .yform div.type-text,
  .yform div.type-select,
  .yform div.type-check,
  .yform div.type-button {
    margin:0.5em 0;
    padding:3px 0.5em;  
    position:relative;
    overflow:hidden;
  }

  
  /* styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
  .yform input[type="text"],
  .yform textarea {
    padding:0.3em 0.3em;
    width:58.5%;
  }
  
  .yform input[type="text"][size="4"] {
    width: 8em;
  }

  .yform select {
    padding:0.3em 2px 0.3em 1px;
    cursor:pointer;
  }
  .yform .type-select select optgroup {
    font-style:normal;
    font-weight:bold;
  }

  .yform input[type="checkbox"] { cursor:pointer; }
  .yform label.type-check { display:inline; }

  /* Styling of buttons | Gestaltung von Buttons */
  .yform input#submitbutton {
    cursor:pointer;
    overflow:visible;  /* Fixes IE7 auto-padding bug */
    width:auto;
  }

  /* Styling of error-messages | Fehlermeldungen */
  span.field_error { color:#800; display: block; border:1px #a00 dashed;  background:#faf4f4;  padding:0.3em 0.3em; margin: 0.2em 0 0.2em 0; width:58.5%;}

  /* avoid jumping checkboxes & radiobuttons in IE8 */
  .yform div.type-check input:focus,
  .yform div.type-check input:hover,
  .yform div.type-check input:active { border:0 none; }

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

  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */

  .full div.type-text input,
  .full div.type-text textarea { width:95.5%; margin-right: -3px; }
  .full div.type-select select { width:97.0%; margin-right: -3px; }
  
  /* width adjustments for IE 5.x & IE6 | Breitenanpassung für Internet Explorer 5.x und 6.0 */
  * html .full div.type-text input,
  * html .full div.type-text textarea { width:95.5%; }
  * html .full div.type-select select { width:97.0%; }

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

 /**
  * Columnar forms display - technical base (optional)
  *
  * |-------------------------------------------|
  * | fieldset                                  |
  * |-------------------------------------------|
  * |                                           |
  * |   label   |   input / select / textarea   |
  * |                                           |
  * |-------------------------------------------|
  * | /fieldset                                 |
  * |-------------------------------------------|
  *
  * (en) Styling of forms where label floats left of form-elements
  * (de) Formulargestaltung, bei der die label-Elemente nach links fließen
  *
  * WARNING:This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
  */

  /* Columnar display | Spalten-Darstellung */
  .columnar .type-text label,
  .columnar .type-select label {
    float:left;
    width:30%; /* Can be fixed width too | Kann auch eine fixe Angabe sein */
  }

  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
  .columnar div.type-check input { margin-left:30%; }
  .columnar div.error .message { margin-left:30%; }

  .columnar fieldset div.type-button,
  fieldset.columnar div.type-button { padding-left:30%; }

  .columnar div.type-text input,
  .columnar div.type-text textarea { float:left; width:67.8%; margin-right: -3px; }
  .columnar div.type-select select { float:left; width:69.4%; margin-right: -3px; }
  
  /* width adjustments for IE 5.x & IE6 | Breitenanpassung für Internet Explorer 5.x und 6.0 */
  * html .columnar div.type-text input,
  * html .columnar div.type-text textarea { width:67.2%; }
  * html .columnar div.type-select select { width:68.8%; }
  
 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Global fixes for YAML's form construction set
  *
  * @workaround
  * @affected IE 5.x/Win, IE6, IE7
  * @css-for IE 5.x/Win, IE6, IE7
  * @valid no
  */

  .yform, 
  .yform div,
  .yform div * { zoom:1; }

 /**
  * Forms Fieldset/Legend-Bug in IE
  * @see http://www.mattheerema.com/web-design/2006/04/getting-fieldset-backgrounds-and-legends-to-behave-in-ie/
  *
  * @workaround
  * @affected IE 5.x/Win, IE6, IE7, IE8
  * @css-for IE 5.x/Win, IE6, IE7, IE8
  * @valid no
  */
  
  /* all IE */
  .yform { padding-top:0\9; }
  .yform fieldset { padding:0 5px\9; padding-top:1em\9; }
  .yform legend { position:absolute\9; top:-.5em\9; *left:0\9; }
  .yform fieldset { position:relative\9; overflow:visible\9;  margin-top:1.5em\9; zoom:1; }

  /* IE5.x, IE6 & IE7 */
  .yform legend { *padding:0 5px; }
  .yform fieldset { *padding-top:1.5em; }
  
  /* IE5.x & IE6 */
  * html .yform { padding-top:10px; }
  
 }
 
 a.morelink {
background:url("../images/morenews.png") no-repeat scroll right center #00ACE2;
color:white;
display:block;
float:right;
height:18px;
margin:-25px 5px 5px 0;
padding:4px 24px 0 10px;
}
.subcl label, .subcr label {
    display: inline-block;
    width:30%; /* Can be fixed width too | Kann auch eine fixe Angabe sein */
}

.w100 { width: 100px; float: left; }
.w140 { width: 140px; float: right; }

.privacy h2 {
    color: #00ace2;
}
.privacy span {
    color: #00ace2;
}