/*TEMP*/
/*div.sub {float: left; width: 100px; padding: 5px 10px; text-align: center;}
div.border {border-right: 2px solid red;}*/
div.typetemp {border: 2px solid red; float: left; }
a.typetemp.active {font-weight: bold; color: #000000;}

body {margin: 0px;}
#wrapper {max-width: 600px; width: 90%; padding: 5%; margin: 0 auto; background: #EDF0E5; box-shadow: 0 0 10px 0 black;}
#wrapper.wide {max-width: 900px; }
#rentenrechner {width: 94%; padding: 3%; background-color: #fff; border-radius: 0 0 10px; }
#options {background: #f0f0f0; padding: 2% 3%; width: 50%; clear: left;}
#options a {display: block; padding: 5px;}
#result {clear: both; }




#mod_nav .step {float: left; width: inherit; padding: 2% 5% 2% 0%; }
#mod_nav .active {font-weight: bold; }
#mod_nav .done {color: #297f24; }
#mod_nav a {text-decoration: underline;}

legend {font-weight: bold;}

fieldset {margin-top: 30px; }
fieldset fieldset {margin-top:10px; margin-bottom: 40px; border-left: 0px; border-right: 0px; border-bottom: 0px; padding-right: 0px; padding-left: 0px; clear: left;}
fieldset div.form_row {clear: left; width:96%; padding: 2%; float: left;}
fieldset fieldset div.form_row {margin: 0px 0px;}
label {display: block; float: left; width: 50%; margin-right: 10%; padding: 1% 0;}
label.chkbx {padding: 0;}
label.data-inline {display: inline; width: auto;}
input {width: 30%; padding: 1%;}
select {width: 32.5%; padding: 1%;}
input.alarmfld, select.alarmfld {border: 1px solid #ff0000; box-shadow: 0 0 3px 1px #404040;}
label.alarmfld, legend.alarmfld {color: #ff0000; font-weight: bold; }
.good {color: #288123; font-weight: bold; }

input:focus { border: 1px solid #a0a0a0;}

input[type="checkbox"], input[type="radio"] {    width: 20px;}
input#submit { width: 99.2%; margin: 20px 0.2% 0px 0.2%; background-color: #339933; border: 0px; padding: 2%; font-size: 1.5em; color: #fff; border:2px solid #339933; }
input#submit:hover { background-color: #fff; color: #339933; border: 2px solid #339933; }

div#result div.form_row:nth-child(2n+1) { background: #f0f0f0 none repeat scroll 0 0; }
div#result div.list:nth-child(2n+1) { background: #f0f0f0 none repeat scroll 0 0; }
div.label {width: 60%; margin-right: 5%; display: block; float: left; text-align: left; color: inherit; font-size: inherit; }
div.data {width: 33%; float: left;}
div.fakultativ {color: #606060; font-style: italic; }
div.list {padding: 2%; float: left; width: 96%; }
div.item {padding-right: 1%; float: left; width: 33%; }
div.item.small {width: 15%; font-size: inherit; }
div.item.number, div.data.number, td.data.number {text-align: right; }
div.item.head {font-weight: bold; }

div.mod.item {width: 13%;}
div.mod.item.small {width: 10%;}
div.mod.item.wide {width: 19%;}

.farbcode {
    float: left;
    height: 65px;
    margin: -2% 2% -2% -2%;
    width: 2%;
}

div.div_hidden {display: none; visibility: hidden; height: 0; }
div.div_visible {display: block; visibility: visible; height: auto; }

div.help {width:3%; background: #ff0000; color: #ffffff; padding: 0.6%; text-align: center; border-radius: 10px; margin-left:1.5%; opacity: 0.5; }


  fieldset .help {    display: inline-block;  }
  .ui-tooltip {    width: 810px; max-width: 810px !important;  }
  button.ui-button.ui-state-default {float: right; background-color: #ffffff; color: #ff0000;}
  form {clear: both;}
  
  input.notvisible {background: transparent; border: 0px; border-bottom: 1px dotted #d0d0d0; text-align: right; width: 105px;}
  input.notvisible:hover, input.notvisible:active {background: #d0d0d0; }
  
  
 /* jQuery */
 #ui-datepicker-div select {color: #303030;}
 
 
 
 /* Cookie-Hinweis */
 .ui-dialog.cookie_note_dialog2.ui-widget-content {background-image: none;}
 .ui-dialog.cookie_note_dialog2.ui-corner-all {border-radius: 0;}
 .ui-dialog.cookie_note_dialog2 .ui-dialog-titlebar {display: none; overflow: hidden; }
 .ui-dialog.cookie_note_dialog2 #cookie_note2 {height: auto !important; color: #ffffff !Important;}
 .ui-dialog.cookie_note_dialog2 .ui-widget-content {background: none !important; border: 0px; }