/*    Die main.css wird nicht als default css verwendet. 
      Die jquery bibliothek ist die default css fuer dieser Applikation.
      In der main.css werden nur einige anpassungen/customizing durchgefuehrt
*/

#namelist {
	min-width: 10%;
	float: left;	
	margin: .5em 0;
	padding: 0 0 0 0;
}

.center {
    margin: auto;
    width: 60%;
    padding: 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.hideform {
    display: none;
}

/* Diese CSS Teil überschreibt die default Werten! */
.ui-content .ui-listview {
    margin-bottom: 14px !important;
}

.ui-block-a label {
    text-align: left;
    margin-left: 4px;    
    margin-top: 4px;
    font-weight: bold;
}

.ui-block-b label {
    text-align: left;
    margin-left: 4px;    
    margin-top: 4px;
    font-weight: bold;
}

.ui-content .ui-listview, .ui-panel-inner>.ui-listview {
    margin-top: 1em;
}

/* Submit Button wird versteckt ... Jquery zusatz data-role='none' */
.hide_submit_button {
   visibility: hidden;
}

/* Willkommen div wird zentriert */
#welcomepage {
    width: 90%;
    margin: 0 auto;
    background-color:  #e9e9e9;
    border-color: #ddd;   
}

/* Willkommen class mit zentrierter Text */
.welcome-text-center {
 text-align: center;
 margin-bottom: 4px;
}
 
/* Diese CSS Teil greift wenn gedruckt wird! */
@media print { 
    
    /* Diese CSS Teil greift wenn gedruckt wird! */
    #topnav {
        display: none;
        visibility: hidden;
    }
    /* Diese CSS Teil greift wenn gedruckt wird! */
    #subnav {
        display: none;
        visibility: hidden;
    }  
}

.ui-listview .ui-li-icon {
    min-height: 190px; 
    min-width: 390px;
}
.ui-li-static.ui-li-has-icon{
    padding-left:50px;
}    


.ui-listview .ui-li-has-thumb>.ui-btn>img { 
max-width:100px !important;
width: 100px;
height: 60px;
}

.ui-controlgroup-vertical {  
width: 80%;
}

.ui-btn-up-f, .ui-btn-hover-f, .ui-btn-down-f {
  color: white;
  font-weight: bold;
  text-decoration: none; }

.ui-btn-up-f {
  border: 1px solid #711414;
  background: #D4371C;
  text-shadow: 0 -1px 1px #711414;
  background-image: -moz-linear-gradient(top, #c44f4f, #ab2525);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #c45e5e), color-stop(1, #9e3939));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#c44f4f', EndColorStr='#ab2525')"; }

.ui-btn-hover-f {
  border: 1px solid #6e0000;
  background: #A12512;
  text-shadow: 0 -1px 1px #690101;
  background-image: -moz-linear-gradient(top, #d47272, #b54a4a);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d47272), color-stop(1, #b54a4a));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#d47272', EndColorStr='#b54a4a')"; }

.ui-btn-down-f {
  border: 1px solid #782323;
  background: #6E1D13;
  text-shadow: 0 -1px 1px #782323;
  background-image: -moz-linear-gradient(top, #9e3939, #c44f4f);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9e3939), color-stop(1, #c44f4f));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#9e3939', EndColorStr='#c44f4f')"; }

a {  
  text-decoration: none!important;
  font-weight: normal!important;
  text-shadow: none!important;
  color: black;
}   

.ui-field-contain a {  
  text-decoration: none!important;
  font-weight: normal!important;
  text-shadow: none!important;
  color: white!important;
}