/* This is the standard design's CSS file of flexSURVEY! */

html {
  height:100%;
  width:100%;
}

body {
  height:100%;
  width:100%;
  margin:0px;
  padding:0px;
  /*color:#222222;*/
  /*background-color:#005133;*/
  font-size:1em;
  /*font-family:Arial, Helvetica, Sans-Serif;*/
  text-align:center;
  
  	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #202772;
	background-color: #c3dee9;
}

div {
  overflow:visible;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
}
h1 {
	font-size: 1.2em;
}
p {
  /*text-align:justify;*/
  text-align: left;
  /*margin:10px 5px 10px 5px;*/
  margin:10px 0px 10px 0px;
}

td {
  vertical-align:top;
}

#content {
  /*min-height:100%;*/
  width:950px;/* original 800 */
  margin:10px auto 0px auto;/* oben kein Abstand und 100% Höhe */
  padding:10px 10px 10px 10px;
  background-color:#FFFFFF;
  /*border-left:2px solid #004000;*//* 4x 1px? */
  /*border-right:2px solid #004000;*/
  text-align:left;
  -webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 5px 5px 10px #000000;
	-moz-box-shadow: 5px 5px 10px #000000;
	box-shadow: 5px 5px 10px #000000;
}
div#kopf {
	font-size: 1.2em;
	border-bottom: 2px solid #c4deef;
	padding-bottom: 5px;
}



/* ------------------------------
 flexSURVEY's CSS classes
------------------------------ */

/* The whole infobox */
div.infobox {
  /*border:1px solid #004000; */
  border: 2px solid #c4deef;
  margin:10px 0px 10px 0px;
  padding:0px;
}

/* Where the question above the form field is in. */
div.infoboxinner {
  /*font-weight:bold; */
  margin:0px;
  padding:4px;
  /*border-bottom:1px dotted #004000;*/
  /*background-color:#9BC34B;*/
  background-color: #dce2e4;
}

/* The whole item (question and answer area) */
div.item {
  border: 2px solid #c4deef;
  margin:10px 0px 10px 0px;
  padding:0px;
}

/* Where the question above the form field is in. */
div.itemquestion {
  /*font-weight:bold; */
  margin:0px;
  padding:4px;
  line-height:130%;
  /*border-bottom:1px dotted #004000;*/
  /*background-color:#9BC34B;*/
  background-color: #dce2e4;
}

/* Where the form field is in. */
div.itemanswer {
  margin:0px;
  padding:16px 8px 16px 24px;
  /*background-color:#E6FADC;*/
  background-color: #f8f8f8;
	color: #202772;
	line-height:130%;
}

/* Text at the top of the item answer div */
div.toptxt {
  font-size:1em;
  /*color:#004000;*/
  font-weight:bold;
  margin-bottom:5px;
}

/* The item("text", ...), item("textarea", ...), and item("select",
   ...) input fields. */
.itemfield {
  border:1px inset #004000;
  background-color:#FFFFFF;
  font-family:monospace, Courier, Arial;
  font-size:0.8em;
}

/* The item("text", ...) input field. */
input.itemfield {
  width:200px;
  padding:2px;
}

/* The item("textarea", ...) input field. */
textarea.itemfield {
}

/* The item("select", ...) input field. */
select.itemfield {
}

/* Where the buttons leading to the next/previous page are in */
#flexbutton {
  text-align:center;
  visibility:visible; /* If you use $cfg["submitmsg"] = TRUE, you need this! */
} /* div */

table.button {
  margin-top:30px;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}

/* The next/previous page buttons */
input.button {
  width:200px;
  margin:0px 5px 0px 5px;
  /*background-color:#9BC34B;*/
  /*border:1px outset #004000;*/
  background-color : #c4deef;
	border-left : thin solid #11919e;
	border-right : thin solid #11919e;
	border-top : thin solid #11919e;
	border-bottom : thin solid #11919e;
	padding: 2px;
}
input.button:focus {
	border: 1px inset #004000;
}

/* The left column of item("text", ...) with multiple inputs */
td.textlist {
  text-align:right;
}

/* All cells of a item("rating", ...) table */
td.ratinglist {
  border-top:1px solid #999999;
}

/* The left pole of a rating */
td.ratingleft {
  /* set width to let all ratings be aligned the same way */
}

/* The right pole of a rating */
td.ratingright {
}

/* The labels in item("rating", ...) with multiple ratings, the
   "middle" label of all ratings and the columns in a checkbox matrix
   */
td.tablelabels {
  vertical-align:bottom;
  white-space:nowrap;
  font-size:0.8em;
}

/* The "extra" radio or checkbox, e.g. "I don't want to answer." */
td.extrarow {
  padding-top:15px;
  font-style:italic;
}

/* The "extra" column in tables of multiple radios */
td.extracol {
  width:50px;
}

/* The table of multiple ratings and checkbox matrices */
table.tableratingcheckbox {
  /* Unfortunately, width:100%; can break some designs in
     InternetExplorer */
}

/* The alternative to div.item used if this item is mandatory and has
   not been answered. Should usually be similar to div.item. */
div.missingitem {
  border:2px solid #CC0000;
  margin:10px 0px 10px 0px;
  padding:0px;
}

/* The alternative to div.itemquestion used if this item is mandatory
   and has not been answered. Should usually be similar to
   div.itemquestion. */
div.missingitemquestion {
  /*font-weight:bold;*/
  margin:0px;
  padding:4px;
  border-bottom: 1px solid white;
  color: white;
  background-color: red;
}

/* The alternative to div.itemanswer used if this item is mandatory
   and has not been answered. Should usually be similar to
   div.itemanswer. */
div.missingitemanswer {
  margin:0px;
  padding:16px 8px 16px 24px;
  background-color: white;
}

/* The message that is displayed at the top of the page if there are
   unanswered mandatory items. */
div.missingmsg {
  border: 1px solid white;
  margin: 10px 0px 30px 0px;
  padding:8px;
  background-color: red;
  color: white;
  /*font-weight:bold;*/
}

div#submitmsg {
  position:absolute;
  width:610px;
  margin:30px 50px 0px 50px;
  text-align:center;
  font-size:1.2em;
/*  font-weight:bold;*/
  border:2px solid #9999FF;
  padding:10px;
  background-color:#E6FADC;
}

/* The progress bar */
div.progbarouter {
  height:10px;
  background-color:#E6FADC;
  border:1px solid #004000;
  font-size:0.1em; /* Needed for IE, otherwise small height not applied. */
  overflow:hidden;
}

/* The progress bar's filling */
div.progbarinner {
  /* Why not just height:100% and no overflow above? Because of opera browser! */
  height:15px;
  background-color:#9BC34B;
  font-size:0.1em; /* Needed for IE, otherwise small height not applied. */
}

/*___________________________________________________
-----------------------------------------------------
MIRA
-----------------------------------------------------
_____________________________________________________*/

table#zustimm td {
  
}

/*zustimmradio*/
td.zsr {
  vertical-align:middle;
  text-align:center;
}