/**
 * cderm css Designn für Fragebogen web und mobile
 */
/*body, html, h1, h2, h3, h4, h5, h6 {
     font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;

}*/

a {
    color: #235b8e;
}

img.lazy { 
   width: 167px;
   height: 167px;
}

body {
    background-image: url(../Content/Layout/images/paper_pattern.png);
}

.container {
    background-color: #ffffff;
     padding: 0px;
       /*width: 1370px;*/
}

.row {
    margin-left: 0;
    margin-right: 0;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    /*line-height: 1.42857;*/
    padding: 4px;
}

#admincontrol {
    background-color: #FDFFC7;
   margin: 0px;
   padding: 10px;
}

#main {
    padding:20px 0px;
    background-color: #FFFFFF;
}

#mainmenu {
   /*margin: 10px;*/
}

#header {
   padding: 10px;
    background-color: #FFFFFF;
}

#footer {
   margin-top: 15px;
    background-color: #FFFFFF;
}


/* Verstecke elemente */

.notvisible { display: none; }


/* Abstandhalter */

.spacer_large { margin-top: 15px; }

.spacer_medium { margin-top: 10px; }

.spacer_small { margin-top: 5px; }

.spacer_large_bottom { margin-bottom: 15px; }

.spacer_medium_bottom { margin-bottom: 10px; }

.spacer_small_bottom { margin-top: 5px; }

.spacer_small_left { margin-left: 5px; }

.spacer_medium_left { margin-left: 10px; }

.spacer_large_left { margin-left: 15px; }

.spacer_small_right { margin-right: 5px; }

.spacer_medium_right { margin-right: 10px; }

.spacer_large_right { margin-right: 15px; }


/* spinner */
.spinner
{
    position:relative !important;
}

.spinner_container
{
  height:30px;
}



/* Informations- und Achtungbalken bei Fragen */
 .boxinformation {
	 background: none repeat scroll 0 0 #FFF6BF;
	 border-bottom: 2px solid #FFD324;
	 border-top: 2px solid #FFD324;
 }

 .boxattention {
	 background: none repeat scroll 0 0 #FFF6BF;
	 border-bottom: 3px solid #DD0011;
	 border-top: 3px solid #DD0011;
 }


 /* Case Status */

 .verfuegbar { background-color: #F0F6E8; }

 .bearbeitbar { background-color: #FCFCE1; }

 .transfer { background-color: #ecf2f8; }

 .bearbeitung_notwendig { background-color: #ffe6e6; }

 /* Case gelesen oder nicht */
 .unread {
    border: 3px solid grey;
}


/* Online Anzeige */
.circle_red {
    background: none repeat scroll 0 0 red;
    border: medium none;
    border-radius: 100%;
    float: left;
    margin-left: auto;
    margin-right: 5px;
    margin-top: 8px;
    padding: 7px;
    width: 2px;
}

.circle_green {
    background: none repeat scroll 0 0 green;
    border: medium none;
    border-radius: 100%;
    float: left;
    margin-left: auto;
    margin-right: 5px;
    margin-top: 8px;
    padding: 7px;
    width: 2px;
}



    /* mal schauen */


 .antwortdaten { font-weight: bold; }

 .gray { color: #CCCCCC; }

 

 #extended {
	 background: none repeat scroll 0 0 #EEEEEE;
	 border-top: none;
     min-height: 60px;
 }


 div#case_header h1 { 
     margin:0px;
 }

 div.case_title h2 { 
     margin: 0;
 }

 div.case_title h2 a { color: #6699cc; }

 div.case_title h2 a:hover {
	 color: #f0e349;
	 text-decoration: none;
 }

 div.case_title h3 { color: #616161; }

 #comments { color: #6699cc; }

 #comments a { color: #6699cc; }

 #comments a:hover {
	 background-color: #f0e349;
	 color: #616161;
 }


 div#expert h2 { color: #6699cc; }


/**
 * Vorlagebogen css Design
 */

 .vorlagebogen h1 { color: #444444; }

 .vorlagebogen h2 {
	 background-color: #F0F0F0;
	 border-left: 10px solid #457ABE;
	 color: #444444;
 }

 #form {
	 background: white;
	 border: 1px solid #E9E9E9;
 }

 .frage p.header { background-color: #E9E9E9; }

 textarea { border: solid 1px #E9E9E9; }

 option[selected] { background-color: #f2dede; }

 .error { color: #f2dede; }


/* Fragebogen & Antwortbogen */
 .Fragebogen { padding: 3px; }

 .Antwortbogen {
	/*border: 5px solid #BAD4EE;*/
    background-color: lightgray;
	 padding: 3px;    
 }

 .Antwortbogen h2 {
	 background-color: white;
	 border-left: 10px solid #7a7a7a;
 }

 #fragenkatalogform {
	 border: 5px solid #BAD4EE;
	 padding: 3px;
 }

/* Language Nav */
.languagenav ul li a { 
    background: rgba(0, 0, 0, .075); 
    color: #616161;
    padding: 3px;
    text-decoration: none;
}

.languagenav ul li.active a { 
    background: none repeat scroll 0 0 #616161; 
    color: #FFFFFF;
    font-weight:bold;
}

.languagenav ul li a:focus, .languagenav ul li a:hover, .languagenav ul li a:active { 
    background: none repeat scroll 0 0 #616161; 
    color: #FFFFFF;
}

/* Menu Nav */
 .menunav {
	 background: none repeat scroll 0 0 #E9E9E9;
	 border-bottom: none;
	 border-top: none;
    min-height: 60px;
 }

.menunav ul {
    margin-left: 5px;
         margin-bottom: 0px;
}

.menunav ul li {
    min-width: 150px;
  padding-bottom: 5px;
    padding-top: 5px;
}
.menunav ul li {
    border: 0 none;
    line-height: 1.2em;
}
.menunav ul li {
    font-size: 1em;
    list-style-type: none;
    margin: 0;
}

.menunav ul li a {
    font-weight: bold;
    color: #999999;
}

.menunav ul li span {
     font-weight: normal;
     color: #616161;
}

.menunav ul li a {
    color: #000;
    display: block;
    padding: 0.5em 0.5em 0.5em 0.5em;
    width: auto;
}
.menunav ul li a {
    text-decoration: none;
}

.menunav ul li.active a, .menunav ul li.active a span {
    color: #FFFFFF;
}

.menunav ul li.active {
    font-weight: bold;
    border: 0 none;
    background: none repeat scroll 0 0 #616161;
}
.menunav ul li.active, .menunav ul li.active a:focus, .menunav ul li.active a:hover, .menunav ul li.active a:active {
    text-decoration: none;
}


 .menunav ul li a:focus, .menunav ul li a:hover, .menunav ul li a:active {
	 background: none repeat scroll 0 0 #616161;
    color: #FFFFFF;
 }

 .menunav ul li a:focus span, .menunav ul li a:hover span, .menunav ul li a:active span {
	 color: #FFFFFF;
	 display: block;
 }


 
/* Sub Menu Nav */
#submainmenu {
    margin-top:15px;
}


.submenunav ul li a { 
    background: rgba(0, 0, 0, .075); 
    color: #616161;
    padding: 3px;
    text-decoration: none;
}

.submenunav ul li.active a { 
    background: none repeat scroll 0 0 #616161; 
    color: #FFFFFF;
    font-weight:bold;
}

.submenunav ul li a:focus, .submenunav ul li a:hover, .submenunav ul li a:active { 
    background: none repeat scroll 0 0 #616161; 
    color: #FFFFFF;
}




 .btn-primary {
  background-color: hsl(209, 60%, 35%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2d75b7", endColorstr="#235b8e");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#2d75b7), to(#235b8e));
  background-image: -moz-linear-gradient(top, #2d75b7, #235b8e);
  background-image: -ms-linear-gradient(top, #2d75b7, #235b8e);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2d75b7), color-stop(100%, #235b8e));
  background-image: -webkit-linear-gradient(top, #2d75b7, #235b8e);
  background-image: -o-linear-gradient(top, #2d75b7, #235b8e);
  background-image: linear-gradient(#2d75b7, #235b8e);
  border-color: #235b8e #235b8e hsl(209, 60%, 32.5%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.16);
  -webkit-font-smoothing: antialiased;
}





 @media print {
  .noprint {
    display:none !important;

}

.showprint {
    display:block !important;
}


.fragenbereich
{
    page-break-inside:avoid;
}
}