* {
  /*-webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;*/
}

/*
-----------------------------------------------
SEfU Styles
-----------------------------------------------*/

body {
  font-family: 'Lato', sans-serif;
  font-size: 12pt;
  padding: 0 0 40px;
  background-color: #f5f8fa;
  /*background-color: #646768;*/
  border: 1px solid #b6c2cb;
}
div.static
div.static.small {
  font-size: 100% !important;
}

div.static.medium {
  font-size: 120% !important;
}

div.static.large {
  font-size: 140% !important;
}

#font_small a {
  margin-left: 12px;
  font-size: 80%;
  padding: 0 3px;
}

#font_medium a {
  font-size: 100%;
  padding: 0 3px;
}

#font_large a {
  font-size: 120%;
  padding: 0 3px;
}
li#font_small, li#font_medium, li#font_large {
  border:0;
  box-shadow: 0;
}

img.static {
  float: left;
  margin: 10px 20px 10px 10px;
}

img.preview {
  border-right: 2px solid #999;
  border-bottom: 2px solid #999;
  outline: 1px solid #bbb;
  margin: 10px 50px 10px 10px;
}

.header {
  background:#fff url('/images/sefu_header_continued.png') repeat;
  height: 133px;
}

div#footer {
  border-radius: 0px;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
  line-height: 1.8;
  background-color: #4e8fa9;
  color: white;
  margin: 20px 0 0 0;
}
div#footer a {
  color: white;
  font-weight: normal;
}
div#footer a:hover {
  text-decoration: underline;
}
#footer ul li {
  display: inline-block;
}

.radio_list,
.radio_list.ui-button-set {
  text-align:center;
}

.radio_list li:first {
  margin: 0;
}

.radio_list li {
  margin-left: -3px;
  display: inline;
}

.ui-widget {
  margin-bottom: 20px;
}

.ui-widget p {
  margin: 0;
  padding: 0;
  font-size: 12px;
  text-align: justify;
}

.ui-widget p:first-child {
  margin-bottom: 10px;
}

.ui-widget p:last-child {
  margin: 0px;
}

div.ui-state-error.ui-state-noscript {
  border-top: 0;
  border-left: 0;
  border-right: 0;
}

.ui-datepicker-calendar .ui-datepicker-today .ui-state-highlight {
  padding: 2px;
}

.ui-widget .ui-state-highlight,
.ui-widget .ui-state-error {
  padding: 10px;
}

.ui-widget .ui-state-highlight .ui-icon,
.ui-widget .ui-state-error .ui-icon {
  float: left;
  margin-right: 5px;
}

fieldset.message,
fieldset.message legend {
  border: 1px solid #fcefa1;
  background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
  color: #363636;
}
fieldset.message h3 {
  font-size: 13px;
}
fieldset.message h4 {
  font-size: 11px;
}
fieldset.message img.guide {
  float:left;
  padding:4px;
}

fieldset#anleitung,
fieldset#gruppe_waehlen {
  float: left;
  clear: left;
  width: 63%;
}

fieldset#neue_gruppe {
  width: 30%;
  float: right;
}

#erhebungsgruppe_jahrgang_container {
  float: left;
}

#erhebungsgruppe_jahrgang_container,
#erhebungsgruppe_typ_container {
  width: 47%;
}

#erhebungsgruppe_typ_container {
  float: right;
}

#erhebungsgruppe_bezeichnung_container {
  clear: both;
}

.frage textarea,
.block fieldset textarea,
.block textarea {
  width: 99%;
}

.ui-datepicker-trigger {
  cursor: pointer;
}

textarea {
  resize: none;
}

fieldset#klasse {
  float: left;
  width: 45%;
}

fieldset#fach {
  float: right;
  width: 45%;
}

fieldset#zeitraum {
  clear: both;
}

#erlaeuterungen img {
/*  margin: 2px 0;*/
/*  padding-left: 4px;*/
  vertical-align: text-bottom;
}

#erlaeuterungen ul {
  list-style-type: none;

}

#erlaeuterungen ul li {
  margin-left: 0;
  padding: 2px;
}

.erlaeuterung_highlight {
  background-image: none;
  background-color: rgb(255, 255, 153);
	-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.bubble_tooltip_top,
.bubble_tooltip_bottom {
  display:none;
  font-size:12px;
  height:70px;
  width:160px;
  padding:25px;
  color:#fff;
}

.bubble_tooltip_top {
  background:transparent url(/images/tooltip_arrow_top.png);
}

.bubble_tooltip_bottom {
  background:transparent url(/images/tooltip_arrow_bottom.png);
}

.square_tooltip_top,
.square_tooltip_bottom,
.square_tooltip_left,
.square_tooltip_right,
.square_tooltip_right_wide,
.square_tooltip_category,
.square_tooltip_category_selected {
  background-color: black;
  padding:4px 8px;
  max-width: 250px;
  display:none;
  color: white;
  font-size: 80%;
  z-index: 500;
  hyphens: auto;
  opacity: 0.99;
}

.square_tooltip_right_wide {
	width:600px;
}

.square_tooltip_category,
.square_tooltip_category_selected {
  width:300px;
  font-size:10px;

  -moz-box-shadow:0 0 10px #000;
  -webkit-box-shadow:0 0 10px #000;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.square_tooltip_category_selected {
  background-color:#97bede;
}

.square_tooltip_category h3 {
  font-size: 12px;
  font-weight: bold;
}

.square_tooltip_category ol li {
  margin-left: 10px;
}
.tooltip_on_top {
	z-index: 5000;
}


#sidebar_r {
  float: right;
}

.impressum h3 {
  font-size: 15px;
}
.impressum h4 {
  font-size: 12px;
}

p.message {
  font-size: 12px;
  text-align: center;
}

div#cat_overview {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.catbox {
  background-color: #4e8fa9;
  font-size: 90%;
  font-weight: bold;
  margin: 3px;
  padding: 8px;
  height: 70px;
  width: 210px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  cursor: pointer;
  color: black;
}
.catbox:hover {
  box-shadow: 0 0 0 2px grey inset;
}

.catbox.module {
  background-color: #85b4c7;
}

.selected_category .catbox {
  background-color: #C4E34F;
}

#cat_select_counter {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

.cat_counter_box,
.sum_cat_counter_box {
  display:block;
  font-size: 120%;
  text-align: center;
  padding:10px;
}

#cat_alert {
  display: none;
}

#eta_number,
#sum_number {
  margin-left: 3px;
  margin-right: 3px;
  font-weight: bold;
}

.catbox .cat_select {
  display: block;
}

.cat_item_count {
  text-align: center;
  font-weight: normal;
  font-size: 80%;
  text-shadow: none;
  position: relative;
  z-index: 100;
  bottom: 10px;
  clear: both;
}

.cat_description {

  text-align: center;
}

.cat_select {
  vertical-align: bottom;
}

.cat_description span {
  font-weight: normal;
  font-size: 90%;
}

.check_indicator {
  display: none;
  float: left;
  height: 100%;
  width: 16px;
}

.selected_category .check_indicator {
  background:url("/images/icons/tick.png") no-repeat center center;
}

/*
-----------------------------------------------
Costom Button
-----------------------------------------------*/

/* All Buttons */
.small_button,
.medium_button,
.large_button,
.huge_button {
  width: 160px;
  margin: 0 auto;

  display: block;
  border: 0;

  background:url(/images/button_sprites.png);

  color: #fff;
  font-size: 15px;
  text-align: center;
  text-shadow: #000 1px 1px 0px;
}

/* Small Button */
.small_button {
  font-size: 10px;
  background-position: 0px 0px;
}

a.small_button {
  height: 22px;
  padding: 8px 0 0 0;
}

button.small_button {
  height: 30px;
  padding: 0;
  font-weight: bold;
}

.small_button:hover,
.small_button:focus {
  color: #fff;
  background-position: 0px -30px;
}

.small_button:active {
  color: #fff;
  background-position: 0px -60px;
}

/* Medium Button */
.medium_button {
  font-size: 12px;
  background-position: 0px -90px;
}

a.medium_button {
  height: 29px;
  padding: 11px 0 0 0;
}

button.medium_button {
  height: 40px;
  padding: 0;
  font-weight: bold;
}

.medium_button:hover,
.medium_button:focus {
  color: #fff;
  background-position: 0px -130px;
}

.medium_button:active {
  color: #fff;
  background-position: 0px -170px;
}

/* Large Button */
.large_button {
  width: 160px;
  margin: 0 auto;

  display: block;
  border: 0;

  background-position: 0px -210px;

  color: #fff;
  font-size: 11pt;
  text-align: center;
  text-shadow: #000 1px 1px 0px;
}

a.large_button {
  height: 35px;
  padding: 15px 0 0 0;
}

button.large_button {
  height: 50px;
  padding: 0;
  font-weight: bold;
}

.large_button:hover,
.large_button:focus {
  color: #fff;
  background-position: 0px -260px;
}

.large_button:active {
  color: #fff;
  background-position: 0px -310px;
}

/* Huge Button */
.huge_button {
  width: 160px;
  margin: 0 auto;

  display: block;
  border: 0;

  background-position: 0px -360px;

  color: #fff;
  font-size: 11pt;
  text-align: center;
  text-shadow: #000 1px 1px 0px;
}

a.huge_button {
  height: 40px;
  padding: 20px 0 0 0;
}

button.huge_button {
  height: 60px;
  padding: 0;
  font-weight: bold;
}

.huge_button:hover,
.huge_button:focus {
  color: #fff;
  background-position: 0px -420px;
}

.huge_button:active {
  color: #fff;
  background-position: 0px -480px;
}

form.left,
form.right {
  width: 49%;
}

fieldset.left,
fieldset.right {
  width: 46%;
}

form.left,
fieldset.left {
  float: left;
  clear: left;
}

form.right,
fieldset.right {
  float: right;
  clear: right;
}


.box img.help {

}

.checkbox_list {
  list-style: none;
  margin-left: 0px;
  margin-top: -10px;
  margin-bottom: 10px;
}

.primary.highlight li {
  text-shadow: #fff 1px 1px 0px;
}
.primary.highlight a {
  background-position: top right;
  border-left: 1px solid #fbf9ee;
  color: white;
  text-shadow: none;
}

.primary.highlight ul li a {
  padding-right: 0;
}

.primary.highlight a:active,
.primary.highlight a:link,
.primary.highlight a:hover,
.primary.highlight a:focus,
.primary.highlight ul li a {
  text-shadow: none;
}

.secondary.highlight a {
  color: white;
  border-left: 0px;
  text-shadow: none;
}

.secondary.highlight a:active,
.secondary.highlight a:hover,
.secondary.highlight a:focus,
.secondary.highlight ul li a {
  border-right: 0;
}

li.secondary#logout {
  background: inherit;
  background-color: white;
  width: 31px;
 }
li.secondary#logout a {
  width: 27px;
  padding: 0 1px 0 3px;
  background-image: none;
  background-color: white;
 }
li.secondary#logout a img {
  margin-top: 3px;
  width: 19px;
  height: 19px;
 }

/*
-----------------------------------------------
Grey Box Method - Layout CSS
----------------------------------------------- */

/* anchors
----------------------------------------------- */
a {
  color: #000;
	font-weight:bold;
	text-decoration: none;
}
a:hover {
	color:#333;
}


/* 960 grid system container background
----------------------------------------------- */
.container_12,
.container_16 {
	background:#fff;

	-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}


/* headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {line-height:1.2em; margin-bottom:.3em;}
h2 {margin-top:1em;}
h5 {font-size:1.2em;}
h6 {font-size:1em; text-transform:uppercase;}


h1 a {
	font-weight:normal;
}


/* branding
----------------------------------------------- */
h1#branding {
	font-weight:normal;
	font-size:3em;
	text-align:left;
	background:#aaa;
	padding:.7em 1em;
	margin-bottom:0;
}


/* page heading
----------------------------------------------- */
h2#page-heading {
  font-weight:normal;
	padding: 10px 10px 10px 30px;
  background-color: none;
  color: black;
  font-size: 130%;
  margin: 10px 0px 15px 0px;
}


/* boxes
----------------------------------------------- */
.box {
	margin-bottom:20px;
}
.box .block {
  font-size: 110%;
  border:1px solid #9b9b9b;
  border-top: 0;
  overflow: hidden;
  padding:10px 10px 1px 10px;
}
.box.menu .block {
  font-size: 100%;
}

.box h2 {
  font-size: 11pt;
  font-weight: normal;
  color: white;
  background-color: #437ca3;
  margin: 0;
  padding: 6px 12px;
}
.box h2 a,
.box h2 a.visible {
  color:#000;
  padding:6px 12px;
  margin:-6px -12px;
  border:none;
}

.box h2 input {
  margin: 0 5px;
}

.grid_4 .box h2 a {
	background-position: 97% 50%;
}
.grid_5 .box h2 a {
	background-position: 98% 50%;
}
.grid_12 .box h2 a {
	background-position: 99% 50%;
}

.block {
	padding-top:10px;
}
div.menu {
	padding:0;
}
div.menu h2 {
	margin:0;
}
div.menu .block {
	padding-top:0;
}


/* paragraphs, quotes and lists
----------------------------------------------- */
p {
	margin-bottom:1em;
}
blockquote {
	font-family: Georgia, 'Times New Roman', serif;
	font-size:1.2em;
	padding-left:1em;
	border-left:4px solid #ccc;
}
blockquote cite {
	font-size:.9em;
}
ul, ol {
	padding-top:0;
}


/* menus
----------------------------------------------- */
ul.menu {
  list-style:none;
	border-top:1px solid #bbb;
}
ul.menu li {
	margin:0;
}
ul.menu li a {
	display:block;
	padding:4px 10px;
}
ul.menu li a:hover {
	background:#eee;
}
ul.menu li a:active {
	background:#ccc;
}


/* submenus
----------------------------------------------- */
ul.menu ul {
	list-style:none;
	margin:0;
}
ul.menu ul li a {
/*  padding-left:30px;*/
}


/* section menus
----------------------------------------------- */
ul.section {
  border-top:0;
	margin-bottom:0;
}
ul.section li {
	text-transform:uppercase;
	font-size: 11px;
}
ul.section li a {
  text-indent: -0.5em;
}
ul.section li li a {
  font-size: 100%;
  text-indent: 0.5em;
}
ul.section li li a:active {
	color:#000;
	background:#fff;
}
ul.section ul li {
	text-transform:none;
}
ul.section ul.current li a {
	background:#eee;
	border-bottom:1px solid #fff;
}
ul.section ul.current li a:hover {
	background:#ddd;
}
ul.section ul.current li a:active {
	background:#fff;
}
ul.section li a.current {
	color:#fff;
	background:#666;
}
ul.section li a.current:hover {
	background:#97bede;
}
ul.section li a.current:active {
	background:#444;
}
ul.section li a.active {
	background:#fff;
	cursor:default;
}
ul.section li.current > a.active,
ul.section li.current > a.active:hover {
	color:#fff;
	background:#666;
	cursor:default;
}


/* table
----------------------------------------------- */
table {
	width:100%;
	border:1px solid #bbb;
	margin-bottom:10px;
}
col.colC {
	width:8em;
}
th, td {
  overflow: hidden;
	padding: 2px 6px;
	text-align:left;
}

thead tr {
  border: 1px solid #888;
}

thead th {
	border-bottom:2px solid #888;
	background:#bbb;
	padding:.4em 1em .2em;
}

thead th.table-head {
	font-size:1em;
	font-weight:normal;
	text-transform:uppercase;
	color:#fff;
	background:#555;
	border:1px solid #555;
}
tbody th,
tbody td {
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
	background:#eee;
}
tbody tr.odd th,
tbody tr.odd td {
	background:#fff;
}
tfoot th,
tfoot td {
	border-top:2px solid #666;
	background:#eee;
}
tfoot tr.total th,
tfoot tr.total td {
	border-top:6px double #666;
}
tfoot tr.total th {
	text-transform:uppercase;
}
th.currency,
td.currency {
	text-align:right;
}


/* forms
----------------------------------------------- */
form {
	overflow:hidden;
}
fieldset {
	border:1px solid #bbb;
	padding:10px;
	position:relative;
	background:#e9e9e9;
	margin-bottom:10px;
}

legend {
	font-size:1.1em;
	padding:.4em .8em;
	background:#fff;
	border:1px solid #bbb;

	-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}
fieldset.login p {
	margin-bottom:1em;
	margin-top:0pt;
}
fieldset p label {
  font-style:italic;
  font-weight:bold;
	width:98%;
}

label a {
  padding-left: 12px;
  background: url(/images/icons/ext_link.png) no-repeat;
}

span.comment {
  display: block;
}
fieldset p input,
fieldset p textarea {
  border: #bbb solid 1px;
  padding: 5px;
  font-size: 100%;
	width:98%;
}

fieldset p input[type=text],
fieldset p textarea {
  display: block;
  margin: 0 auto;
}

fieldset p select {
  padding: 5px;
  font-size: 100%;
	width:99%;
}
fieldset.login p label {
	float:left;
	line-height:27px;
	margin-right:3%;
	text-align:right;
	width:25%;
}
fieldset.login p input {
	width:69%;
	margin: 0;
}
fieldset.login p.remember label {
  width:60%;
}
fieldset.login p.remember input {
  width: 37%;
  margin-top: 6px
}
fieldset.login input.button {
	margin-left:35%;
}
form p.notice {
	font-weight:bold;
}
input.search.text {
	width:66%;
}
input.search.button {
	width:28%;
	margin-left:2%;
}


/* articles
----------------------------------------------- */
.articles {
	padding:0;
}
.articles h2 {
	margin:0;
}
#articles .block {
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-bottomright: 0px;
}
#articles {
  border-bottom:0;
	padding-top:0;
}
.article {
	border-top:1px solid #666;
	padding-top:.5em;
}
.box .article {
	border-top:3px solid #fff;
	padding:13px 10px 0 10px;
}
.article h2 {
	font-size:2em;
	font-weight:normal;
	text-transform:none;
	color:#97bede;
	background:transparent;
	padding:0;
	margin:0;
	border:none;
}
.article h3 {
	margin-bottom:.2em;
	font-size:15px;
}
.box .first,
.box .article:first-child {
	border-top:none;
}
.article h4 {
	font-size:11px;
	text-transform:uppercase;
	margin-bottom:.5em;
}
.article a.image {
	float:left;
	margin:3px 10px 3px 0;
	padding:4px;
	border:1px solid #bbb;
	background:#fff;
}
.article a.image:hover {
	border:1px solid #666;
}
.article a.image img {
	float:left;
}
.article p.meta {
	color:#666;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
	padding:.3em 0;
	margin-bottom:.8em;
}
.article p.aufmacher {
  font-weight: bold;
}
.pager {
  text-align: center;
	color:#fff;
	background: #4e8fa9;
	padding: 5px 0;
}
.pager a {
  display: inline-block;
  margin: 3px;
  color: white;
}
.pager a:hover {
  text-decoration: underline;
}

/* HIER KOMMT DIE ÄNDERUNG --------------------------------------------------------- */

.frage h2 {
/*  text-shadow: #fff 1px 1px 0px;*/

  font-size: 1.2em;
  font-weight: bold;
  color: #000;
  background: #97bede;
  margin: 10px -10px 5px -10px;
  padding: 6px 12px;
}

.toplabel {
  width: 150px;
  margin-bottom: -20px;
  display: block;
  font-size: 1.2em;
}

.frage label {
  margin-bottom: 0px;
  font-size: 1.1em;
}

.frage hr {
  margin: 5px 0px;
}

.erhebung fieldset {
  background-color: transparent;
}

.frage select {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.frage .radio_list.ui-button-set {
  display: block;
  text-align: center;
  margin: 0px 0 0 0;
}

.invisible {
  display: none;
}

.visible {
  display: block;
}

.loading {
  font-size: 30px;
  text-align: center;
  height: 200px;
  background: url(/images/ajax-loader.gif) no-repeat scroll center center;
}

.spinning {
  font-size: 15px;
  text-align: center;
  height: 20px;
  width: 200px;
  margin: 20px auto 10px auto;
  display: block;
  background: url(/images/small-ajax-loader.gif) no-repeat scroll left center;
}

.neue_frage {
  display: block;
  margin-bottom: 0;
  margin-top: -1px;
  background-color: #eee;
/*
  margin: 0 -10px;
  padding-left: 10px;
  padding-right: 10px;
*/
  padding: 5px;
  border: 1px solid #bbb;
}

.error {
  color: #f00;
}

textarea.error, select.error, input.error {
  background-color: #fef1ec;
  border: 1px solid #cd0a0a;
  color: #cd0a0a;
}

.neue_frage_selector {
  display: block;
}

.neue_frage_selector span {
  font-weight: bold;
}

.neue_frage_input {

}

.neue_frage_input span {
  margin: 0 20px;
  float: left;
}

.neue_frage_input textarea,
.neue_frage_input .placeholder {
  clear: both;
  margin: 0px 5px;
  width: 350px;
  height: 50px;
}

.neue_frage_input .placeholder {
  border: 1px solid #999;
  background-color: white;
}

table.erhebungen {
  margin: 10px 10px 20px 12px;
  max-width: 970px;
}
table.erhebungen th,
table.erhebungen td {
  font-size: 100%;
  padding: 7px 3px 7px 5px;
  text-align: center;
}
table.erhebungen td#aktionen {
  text-align: left;
  padding-left: 30px;
}
table.erhebungen th {
  background-color: white;
}
table.erhebungen tr:hover td {
  background-color: #abc5d4;
  transition: background-color 100ms ease-in-out;
}
table.erhebungen td i {
  font-size: 18pt;
  color: black;
  margin-right: 5px;
}
table.erhebungen td i:hover {
  color: #f2f2f2;
  text-shadow: 1px 1px 2px #000000;
  transition: color 200ms ease-in-out;
  transition: text-shadow 200ms ease-in-out;
}

.legend table {
  border: 0;
  width: 150px;
}

.legend table tr td {
  border: 0;
  padding: 0;
  background-color: transparent;
}

.legend table tr td.legendColorBox {
  width: 4px;
}

.legend table tr td.legendLabel {
  width: 150px;
}

.box h2 a[href="#inhalt"] {
  width: 9px;
  display: inline-block;
  text-indent: -9999px;
  background-image: url(/images/up.png);
  background-repeat: no-repeat;
  background-position: 4px 4px;
}

/*Dominiks neues Design*/

/*Hilfebox (z.B. bei Erstellung von eigenen Fragebögen)*/
div.simple-container {
  margin: 0px 30px 30px 30px;
  background: white;
}
div.help_box {
  font-size: 100%;
  border: 1px solid lavender;
  border-left: 10px solid #97bede;
  background: white;
  color: #363636;
  padding: 10px 10px 10px 15px;
  margin: 15px 0px 30px 0px;
}

/*Box für statische Seiten*/
div.content_box {
  background: transparent;
  border: 1px solid lavender;
  color: #363636;
  padding: 5px 20px 20px 20px;
}

/*Box für Überschriten von statischen Seiten*/
div.content_header {
  margin: 0px 0px 18px 0px;
  border-left: 10px solid #437ca3;
}

/*Überschriften in statischen Seiten*/
div.content_header h2 {
  font-size: 120%;
  padding: 3px 3px 3px 11px;
  border-bottom: 1px solid #d9d9d9;
}

p.durchfuehrung_anleitung{
  font-size: 120%;
  text-align: center;
}

button.button_simple {
  width: auto;
  height: 40px;
  padding: 3px 17px 3px 17px;
  margin-right: 5px;
  border: none;
  background-color:  #437ca3;
  color: white;
<<<<<<< HEAD

  font-size: 15px;
=======
  font-size: 100%;
>>>>>>> bootstrap
  text-align: center;
  cursor: pointer;
  border-radius: 3px;
}

button.frontpage_jumbotron {
  font-size: 110%;
}
button.button_simple_blue {
  background-color: #4e8fa9;
}
button.button_simple_orange {
  background-color:  #f78c22;
}
button.button_simple_green {
  background-color:  #3C8C50;
}
button.button_simple_help {
  background-color:  #77aad4;
}
button.button_simple_green:hover,
button.button_simple_green:focus {
  background-color: #367d46;
  transition: background-color 300ms ease-in-out;
}
button.button_simple_blue:hover,
button.button_simple_blue:focus {
  background-color: #40768c;
  transition: background-color 300ms ease-in-out;
}
button.button_simple_orange:hover,
button.button_simple_orange:focus {
  background-color: #ff6600;
  transition: background-color 300ms ease-in-out;
}

h3.blog_header a {
  font-size: 130%;
  text-decoration: none;
  color: #437ca3;
}

a.paragraph_link {
  font-weight: normal;
  color: #437ca3;
}

a.paragraph_link:hover {
  text-decoration: underline;
}

/* Styles für das Frontpage Jumbotron (großes Bild mit Schrift auf der Startseite) */

div.frontpage_jumbotron {
  overflow: hidden;
<<<<<<< HEAD
  margin: 0 10px 10px 10px;
=======
>>>>>>> bootstrap
  background-color: #f9f9f9;
  background-image: url(/images/jumbotron.jpg);
  background-size: 100%;
  height: 400px;
  margin-bottom: 30px;
}

div.jumbotron_headline {
  margin: 15px 10px 10px 10px;
  padding: 5px 20px 10px 20px;
  background-color:rgba(255, 255, 255, 0.75);
}

div.jumbotron_headline h2 {
  color: black;
<<<<<<< HEAD
  font-size: 19pt;
=======
  font-size: 140%;
>>>>>>> bootstrap
}

div.jumbotron_headline p {
  margin-top: 10px;
<<<<<<< HEAD
  font-size: 14pt;
=======
  font-size: 120%;
>>>>>>> bootstrap
  line-height: 1.4;
}

/* Styles für Fragebogenboxen der statischen Seite zu Fragebögen */

div.fragebogen_box {
  float: left;
  /*clear: both;*/
  width: 230px;
  height: 200px;
  margin: 0 10px 10px 5px;
  border: 1px solid grey;
}
div.fragebogen_box:hover {
  border: 1px solid black;
  cursor: pointer;
  background-color: #f2f2f2;
}
div.fragebogen_box h2 {
  font-size: 100%;
  text-align: center;
  color: white;
  margin: 0;
  padding: 3px 3px 3px 3px;
<<<<<<< HEAD
  background-color: #437ca3;
=======
  background-color: #4e8fa9;
>>>>>>> bootstrap
}
div.fragebogen_box h2.eigene_fragen {
  background-color: #f78c22;
}
div.fragebogen_box div {
  margin: 10px 10px 5px 10px;
  text-align: center;
}
div.fragebogen_box p {
  font-size: 12pt;
}

/*Tooltip:*/

a#tooltip_merkmale:hover:after {
  content: "\2139  SEfU konzentriert sich auf Aspekte des Unterrichts, die von Ihnen als Lehrkraft durch Ihr Lehrverhalten beeinflussbar sind. Wir nennen solche Aspekte bei SEfU 'Unterrichtsmerkmale'. Diese trennen wir von den 'Schüler- und Kontextmerkmalen', welche nicht direkt von Ihnen beeinflussbar sind, aber ebenso das Unterrichtsgeschehen wesentlich beeinflussen.";
  display: inline-block;
  position: absolute;
  width: 300px;
  height: auto;
  margin: 0px 10px 0px 10px;
  padding: 10px;
  border: 1px solid grey;

  font-size: 11pt;
  font-weight: normal;
  text-align: justify;
  hyphens: auto;
  color: black;

  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  opacity: 0.95;
}

/*Tabellen*/

table.table_fragebogenuebersicht td {
  background-color: white;
}
table.table_fragebogenuebersicht {
  margin-bottom: 20px;
}
.fragebogenuebersicht_schuelermerkmale {
  margin-top: 20px;
}
table.erhebung-overview-helpbox,
table.erhebung-overview-helpbox tr,
table.erhebung-overview-helpbox td {
  border: none;
  background-color: white;
  padding-top: 10px;
}
table.erhebung-overview-helpbox i {
  font-size: 18pt;
}

/*Simple Table*/

table.simple-table {
  margin: auto;
  border: none;
  border-collapse: separate;
}
table.simple-table td,
table.simple-table th {
  background-color: white;
  font-size: 100%;
  padding: 5px 7px;
  text-align: center;
  width: auto;
  border-top: none;
}
table.simple-table td.align-left {
  text-align: left;
}
table.simple-table tr:hover td {
  background-color: #e9ecef;
  transition: background-color 200ms ease-in-out;
}

/*Tabellenanpassungen*/

table.simple-table td#aktionen {
  white-space: nowrap;
}
table.simple-table td#aktionen i {
  font-size: 15pt;
  margin-right: 0px;
}
table.simple-table td#aktionen i:hover {
  color: #f2f2f2;
  text-shadow: 2px 0 0 black, -2px 0 0 black, 0 2px 0 black, 0 -2px 0 black, 1px 1px black, -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black;
  transition: color 200ms ease-in-out;
  transition: text-shadow 200ms ease-in-out;
}

table.form-table {
  border: none;
  width: auto;
  margin-bottom: 20px;
  margin-top: 20px;
}
table.form-table td,
table.form-table tr {
  background-color: transparent;
  border: none;
  width: auto;
  padding-bottom: 20px;
}
table.form-table input {
  height: 20px;
  font-size: 100%;
  padding: 4px 8px;
  border: 1px solid #d9d9d9;
}
table.form-table input:focus {
  border: 1px solid steelblue;
  transition: border 300ms ease-in-out;
}
table#fragebogen-kopieren input {
  font-family: courier;
  font-size: 120%;
  letter-spacing: 3px;
  width: 90px;
  font-weight: bold;
  text-align: center;
}

div.fragebogen-kopieren {
  position: relative;
  z-index: 0;
}
div.fragebogen-kopieren:before {
  font-family: FontAwesome;
  content: "\f1e0";
  position:absolute;
  font-size: 300px;
  color: #f7f7f7;
  left: 250px;
  top:-60px;
  z-index: -100;
  overflow: hidden;
}

/*modal*/

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    max-height: 100%;
    max-width: 100%;
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    padding-right: 40px;
}
.modal-content {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    overflow: auto; /* Enable scroll if needed */
    border: 1px solid #888;
    width: 30%; /* Could be more or less, depending on screen size */
    font-size: 100%;
}
.modal-content h2 {
  margin-bottom: 20px;
}
.modal-content h2 > i {
  margin-right: 7px;
}
.modal-content span.code {
  color: white;
  background-color: black;
  padding: 4px 8px;
  font-family: courier;
  border-radius: 5px;
  font-size: 110%;
  letter-spacing: 3px;
}
.modal-close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
.modal-close:hover,
.modal-close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.modal-content-fragebogenanzeige {
  width: 50%;
  max-height: 60%;
  margin: 10% auto;
  overflow: auto;
}
.stop-scrolling {
  height: 100%;
  overflow-y: scroll;
}

/*Status in Befragungsübersicht*/

span.state {
  color: white;
  padding: 4px 8px;
  border-radius: 2px;
}
span.active {
  background-color: #3C8C50;
}
span.reported {
  background-color: #4e8fa9;
}
span.paused {
  background-color: #868e96;
}

.modul-box {
  padding: 3px;
}

i.modul-items-anzeigen {
  opacity: 0;
  font-size: 14pt;
  margin-right: 5px;
}
div.modul-box:hover i.modul-items-anzeigen {
  opacity: 1;
  transition: opacity 300ms ease-in-out;
  display: inline-block;
  z-index: 33;
}
div.modul-box:hover i.modul-items-anzeigen:hover {
  color: #f2f2f2;
  text-shadow: 2px 0 0 black, -2px 0 0 black, 0 2px 0 black, 0 -2px 0 black, 1px 1px black, -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black;
  transition: color 100ms ease-in-out;
  transition: text-shadow 100ms ease-in-out;
}
span.anzFragen {
  margin-left: 22px;
}

div.modul-header {
  font-size: 70%;
}
div.modul-header span.modul-header-sitepointer {
  font-size: 100%;
  font-weight: bold;
}