@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) central stylesheet
 * (de) zentrales Stylesheet
 *
 * @creator     YAML Builder V1.0 beta1 (http://builder.yaml.de)
 * @file        my_layout.css
 */

/* import core styles | Basis-Stylesheets einbinden */
/* @import url(yaml/slim_base.css); */
@import url(yaml/base.css);
@import url(yaml/forms_base.css);

/* import screen layout | Screen-Layout einbinden */
@import url(faces.css);
@import url(shadowbox.css);
@import url(content.css);
@import url(forms.css);

/* import print layout | Druck-Layout einbinden */
/* @import url(yaml/print_draft.css); */

@media screen, projection
{
  /**
   * (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera
   * (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera
   *
   * @workaround
   * @affected IE8, FF, Webkit, Opera
   * @css-for all
   * @valid CSS3
   */

  body { overflow-y: scroll; font-family: Trebuchet ms,Arial,Helvetica,sans-serif; }

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

  body { background: #ddd none; padding: 10px 0; }

  .page_margins { margin: 0 auto; width: 950px; background: #fff; }

  .page { padding: 10px 15px 10px 10px; }

  #header { padding:0; color:#000; background:#FFF; }
  #nav { overflow:hidden; background-color:#efefef; }
  #main { margin:0; background: white; padding:40px 20px 10px; }
  #footer { padding: 10px 20px; color:#666; background: #efefef; border-top: 5px #efefef solid; }

  #nav ul {  }

  dl { margin-top:1em; }
  dt { font-weight:normal; color:#808080; }
  dd { margin:5px 0 1em 70px; }

  table { border-top: 1px solid lightgray; border-bottom: 2px solid lightgray; width:615px; }
  thead { background: url("/bilder/table_head_bg.jpg") repeat-x scroll 0px 0px transparent; }
  thead th { border-bottom: 1px solid #A0A0A0; text-align:left; }

  a.done { color:#444444; text-decoration:none; }
  a.done:hover, a.done:active { color:#E30119; text-decoration:none; }


  p.enterdata { font-size:133.01%;line-height:1.5em;font-weight:bold; }

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


  .content_step { margin:0 0 1em 0; border-top:1px dotted #C0C0C0; border-bottom:1px dotted #C0C0C0; }
  .content_step_del {
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */


  }


  .content_step h2 { font-size:100%; padding:0.5em; }
  .content_step p { padding:0 0.5em; color:#808080; }

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

/*
  .content_navi { overflow:hidden; }
  .content_navi ul { margin:0; padding:0; background-image:url("/bilder/content-navi-tabs.jpg"); background-position:0 -20px; height:72px; }
  .content_navi li { margin:0; padding:0 0 0 10px; list-style:none; width:144px; height:70px; float:left; }
  .content_navi li a { display:block; float:left; color:black; text-decoration:none; }
  .content_navi li a span { font-size:2.5em; line-height: 42px; }
  .content_navi li a:focus, .content_navi li a:hover { color:red; }
*/
  .content_navi { overflow:hidden; }
  .content_navi ul { margin:0; padding:3px 0 0 0; background-image:url("/bilder/content-navi-tabs.jpg"); height:72px; background-position:0px -18px; }
  .content_navi ul.page1 { background-position:0px -115px; }
  .content_navi ul.page2 { background-position:0px -211px; }
  .content_navi ul.page3 { background-position:0px -307px; }
  .content_navi ul.page4 { background-position:0px -403px; }
  .content_navi ul.page5 { background-position:0px -499px; }

  .content_navi li { margin:0; padding:6px 0 0 14px; list-style:none; width:140px; height:65px; float:left; color:#A0A0A0; }
  .content_navi li.done { color:black; background:url(/bilder/checked.png) no-repeat 40px 0px;}
  .content_navi li.recent { color:#E30119; font-weight:bold; }
  .content_navi li a { display:block; float:left; color:#A0A0A0; text-decoration:none; width:144px; }
  .content_navi li a.done { color:black; background:url(/bilder/done.jpg) no-repeat 100px 4px; }
  .content_navi li a.current { color:#E30119; }
  .content_navi li span { font-size:2.5em; line-height: 36px; font-weight: normal; }
  .content_navi li a:focus, .content_navi li a:hover { color:#E30119; }
  .content_navi li.logout { text-align: right; }

  .content_navi li.logout a { color:#444444; position:absolute; top:20px; }
  .content_navi li.logout a:hover { color:#E30119; position:absolute; top:20px; }


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

/*
  .content_visi { font-size:100.01%; font-weight:bold; width:485px; float:none; margin-bottom:7px; }
  .content_visi { font-size:100.01%; font-weight:bold; width:380px; margin-bottom:7px; }
*/
  .content_visi span { fon-size:133.01%; font-weight:bold; width:336px; float:none; margin-bottom:20px; }
  .content_visi img { float:left; display:block; border:1px solid #C0C0C0; margin-top:0px;
    		-webkit-box-shadow: 0 0 4px #C0C0C0; -moz-box-shadow: 0 0 4px #C0C0C0; box-shadow: 0 0 4px #C0C0C0; margin-right:10px; float:none; }
  .content_visi img:hover { float:left; display:block; border:1px solid #C0C0C0; margin-top:0px;
    		-webkit-box-shadow: 0 0 8px #808080; -moz-box-shadow: 0 0 8px #808080; box-shadow: 0 0 8px #808080; margin-right:10px; float:none; }
  .content_visi a { color:black; text-decoration:none; }
  .content_visi a:focus, .content_visi a:hover  { color:#E30119; text-decoration:none; }
  .content_visi #div_release { margin-top:0; }

  .cardpreview img { display:block; border:1px solid #C0C0C0; margin-top:0px;
    		-webkit-box-shadow: 0 0 4px #C0C0C0; -moz-box-shadow: 0 0 4px #C0C0C0; box-shadow: 0 0 4px #C0C0C0; }

   table {border-collapse:separate; border-spacing:0; }
   td.country { border-top: 15px solid white; color:#808080; background-color:#F0F0F0; font-weight:bold; font-size:90%; text-transform:uppercase; letter-spacing:1px; }
   tbody td { border-bottom:1px solid #E0E0E0; padding:0.25em 0.5em; }

   .infobox { background-color:#FFFFCC; margin-left:31%; margin-right:2%; box-shadow: 0 0 8px #C0C0C0; margin-top:25px; padding:4px; border-radius: 4px 4px 4px 4px; display:none; }
   .infobox { border: 1px solid #c0c0c0; background-color:#FFFFCC; margin-left:1%; margin-right:6%; box-shadow: 0 0 8px #C0C0C0; margin-top:44px; padding:4px; border-radius: 4px 4px 4px 4px; display:none; }
   .infobox_visible { display:block; }
   .infobox_hidden { display:none; }

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

  .login {
    border: 1px solid #C0C0C0;
    box-shadow: 0 0 4px #C0C0C0;
    padding:22px;
    width:340px;
    margin-bottom:40px;
  }

  .login .type-text label {
    float:left; width:96px;
  }

  .ym-columnar .ym-fbox-select select, .ym-columnar .ym-fbox-text input, .ym-columnar .ym-fbox-text textarea
  {
    font-family:OpenSans, Arial, Helvetica, sans-serif;
    line-height: 1.5em;
  }


  .yform div.type-text,
  .yform div.type-select,
  .yform div.type-button {
    margin:0.5em 0;
    padding:1px 0.5em;
    position:relative;
    overflow:hidden;
  }

  .yform div.type-check {
    margin:0;
    padding:0px 0.5em;
    position:relative;
    overflow:hidden;
  }
  .yform fieldset {
    background-color: #F0F0F0;
  }

  .yform .message {
    margin-left: 0.5em;
  }

  .ym-form input {
    width:16px;
  }


  .columnar div.type-text input, .columnar div.type-text textarea {
    background-color: white; width:220px;
  }

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

  .page_margins {
    border: 1px solid lightgray;
    box-shadow: 0 0 12px #B0B0B0;
  }

  .page {
    border: 0 none;
    margin: 0 0 0 5px;
    padding: 10px 12px 10px 7px;
    margin: 0;
    padding: 0;
  }


  #border-top {
    overflow:hidden;
    width: auto;
    height: 20px;
    font-size:0;
    margin-bottom: -15px;
    background-repeat:repeat-x;
    background-position:top left;
  }

  #border-bottom {
    overflow:hidden;
    width: auto;
    height: 20px;
    margin: -15px 1px 0;
    font-size:0;
  }

  #edge-tl {
    float:left;
    width: 11px;
    height: 20px;
    font-size:0;
  }

  #edge-tr {
    position:relative; /* IE Fix | z-index */
    float:right;
    width: 11px;
    height: 20px;
    font-size:0;
  }

  #edge-bl {
    float:left;
    width: 11px;
    height: 20px;
  }

  #edge-br {
    position:relative; /* IE Fix | z-index */
    float:right;
    width: 11px;
    height: 20px;
  }

  .cardbox
  {
    visibility: visible;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1;

    width: 300px;
    background-color: #FDFEFF;
    border: 4px solid #0090E0;
  }

  #cardbox_inner
  {
    padding: 15px;
  }


  #cardbox_content
  {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #5F5F5F;
    line-height: 130%;
  }

  select
  {
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 0.25em 0.3em;
  }
	
	#btn_back
	{
	  background-color: #ccc;
    background-image: -moz-linear-gradient(center top , #eee, #ccc);
    border: 1px solid #777;
    border-radius: 0.2em;
    box-shadow: 0 0 1px 1px rgba(255, 255, 255, 0.8) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
    color: #333;
    cursor: pointer;
    display: inline-block;
    font: 1em/2em Arial,Helvetica;
    margin: 1.5em 0.75em 0 0;
    overflow: visible;
    padding: 0 1.5em;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    white-space: nowrap;
	}
	
	#btn_back:hover {
		background-color: #ddd;
		background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
		background-image: -moz-linear-gradient(top, #fafafa, #ddd);
		background-image: -ms-linear-gradient(top, #fafafa, #ddd);
		background-image: -o-linear-gradient(top, #fafafa, #ddd);
		background-image: linear-gradient(top, #fafafa, #ddd);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
	}
	
	#btn_back:active {
		background-color: #bbb;
		background-image: -webkit-linear-gradient(top, #ccc, #bbb);
		background-image: -moz-linear-gradient(top, #ccc, #bbb);
		background-image: -ms-linear-gradient(top, #ccc, #bbb);
		background-image: -o-linear-gradient(top, #ccc, #bbb);
		background-image: linear-gradient(top, #ccc, #bbb);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#bbbbbb');
		box-shadow: 2px 2px 3px rgba(0,0,0,.2) inset;
		position: relative;
		top: 1px;
	}
	
	#btn_back:focus {
		outline: 0;
		background: #fafafa;
	}
	
	.ym-columnar .ym-fbox-text label, .ym-columnar .ym-fbox-select label {
    display: inline;
    float: left;
    width: 95%;
  }	
	
	.ym-form div.ym-fbox-text, .ym-form div.ym-fbox-select, .ym-form div.ym-fbox-check, .ym-form div.ym-fbox-button {
    padding: 0 1em;
	}	
	
	.select-editable {
    position: relative;
	}
	
 .select-editable select {
		position:absolute;
		top:0px;
		left:0px;
		border:none;
		margin:0;
		border:1px solid #ddd;
 }	
 
  .select-label  {
    height: 26px;
 }	
 
  .select-label label {
		display: block;
    height: 45px;
 }	
 
 .select-editable input {
    position:absolute;
    top:3px;
    left:3px;
    width:88%;
    padding:1px;
    font-size:12px;
    border:none;
		border:none;
		height: 22px;
 
 } 
 
  .select-editable select:focus, .select-editable input:focus {
     outline:none;
 }
}