diff --git a/public/css/style.css b/public/css/style.css
index a3345e22b86dbafd941f1630875c5b4a2bcfef73..2a85a6f57ab21ff476b11369b9c5909a3c92641a 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -1,189 +1,207 @@
-* {
-    font-family: Liberation Sans, sans-serif;
+/* 
+
+
+
+
+
+By ID 
+
+
+
+
+
+*/
+
+#color-chooser {
+    padding: 0;
 }
 
-label a {
-    color: inherit;
+#moreInformation {
+    box-shadow: none;
+    margin-top: 5%;
+    text-align: center;
+    -moz-box-shadow: none;
 }
 
-label a:hover {
-    text-decoration: none;
-    color: inherit;
+#mglogo {
+    width: 100%;
+    text-align: center;
 }
 
-li#info {
-    white-space: pre-line;
+#spruch {
+    margin-bottom: 20px;
+    padding: 5px;
+    line-height: 1.2 !important;
+    color: #070;
+    border-left: 3px solid #070;
+    font-size: 16px;
+    font-family: Georgia, "Times New Roman", Palatino, Times, serif;
 }
 
-.navbar-default {
-    background-color: white;
-    border-radius: 0;
+
+/* 
+
+
+
+
+
+Mixed 
+
+
+
+
+
+*/
+
+#color-chooser #standard {
+    background-color: rgb(255, 194, 107);
 }
 
-.row {
-    margin-left: 0;
-    margin-right: 0;
+#color-chooser #standardHard {
+    background-color: rgb(255, 128, 0);
 }
 
-.mg-panel {
-    text-align: left;
-    margin: 0 auto;
-    margin-top: 20px;
-    padding: 10px 20px;
-    margin-bottom: 0;
-    background-color: white;
-    -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3);
-    -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3);
-    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3);
+#color-chooser #green {
+    background-color: rgb(177, 226, 163);
 }
 
-.input-group-addon {
-    padding: 0;
+#color-chooser #greenHard {
+    background-color: rgb(127, 175, 27);
 }
 
-.form-group {
-    font-family: sans-serif;
-    font-size: 16px;
-    color: black;
-    background-color: transparent;
-    text-align: center;
+#color-chooser #blue {
+    background-color: rgb(164, 192, 230);
 }
 
-section {
-    padding: 10px;
-    box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.55);
-    -moz-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.55);
-    -moz-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.55);
+#color-chooser #blueHard {
+    background-color: rgb(2, 93, 140);
 }
 
-body > div {
-    background-color: transparent;
-    padding-top: 70px;
+#color-chooser #red {
+    background-color: rgb(255, 92, 92);
 }
 
-footer ul.list-inline {
-    width: 100%;
+#color-chooser #redHard {
+    background-color: rgb(255, 0, 0);
 }
 
-footer li {
-    width: 33%;
-    text-align: center;
+#color-chooser #pink {
+    background-color: rgb(255, 196, 246);
 }
 
-footer img {
-    max-width: 100%;
+#color-chooser #pinkHard {
+    background-color: rgb(254, 67, 101);
 }
 
-span.glyphicon {
-    background-color: transparent;
+#color-chooser #black {
+    background-color: rgb(238, 238, 238);
 }
 
-footer {
-    margin-top: 8%;
-    bottom: 0;
-    width: 100%;
+#color-chooser #blackHard {
+    background-color: rgb(50, 50, 50);
 }
 
-main ul li {
-    margin: 0 10px;
+#mglogo > a {
+    display: block;
+    width: 200px;
+    text-decoration: none;
+    font-size: 1.1em;
+    font-family: Liberation Sans, sans-serif;
+    font-weight: bold;
+    font-style: italic;
+    font-size: 1.0em;
+    line-height: 1;
+    white-space: nowrap;
+    padding: 0.4em 0;
+    border-radius: .25em;
+    margin: 0 auto;
 }
 
-body ul {
-    list-style-type: none;
-    text-align: center;
-    margin-left: 0!important;
-    margin-top: 10px;
+#sponsors a {
+    font-size: 0.8em;
 }
 
-fieldset input[type=text] {
-    width: 100%;
-    padding-left: 10px;
-    padding-right: 10px;
-    border-width: 1px;
-    overflow: visible;
+#sponsors h2 {
+    font-size: 1.5em!important;
 }
 
-main fieldset {
-    border: 0;
+#foki label > span {
+    margin-right: 5px;
 }
 
-main fieldset#foki {
-    margin: 5px 0;
-    text-align: center;
+#foki label span {
+    background-color: transparent;
 }
 
-a.content.hidden-xs {
-    color: #333;
+#foki input {
+    visibility: hidden;
 }
 
-header nav a {
-    text-decoration: none;
-    color: rgb(119, 119, 119);
+#foki input:checked + label {
+    font-weight: bold;
+    background-color: #e3e3e3;
 }
 
-a.navbar-brand {
-    line-height: 100%!important;
-    padding: 0;
+#foki input + label {
+    border-radius: 4px;
+    padding: 7px 20px;
+    font-weight: normal;
 }
 
-nav .navbar-brand > div.logo {
-    height: 100%;
+#foki input + label:hover {
+    cursor: pointer;
+    background-color: #f6f6f6;
 }
 
-nav h1 {
-    margin: 0;
-    height: 100%;
-    padding-left: 20px;
-    padding-top: 8px;
-    font-family: sans-serif;
-    font-style: italic;
-    margin: 0;
-    font-weight: bold;
-    line-height: 1;
-    white-space: nowrap;
+#color-chooser a {
+    display: block;
+    width: 50px;
+    height: 50px;
 }
 
-body {
+#color-chooser li {
+    width: 50px;
     margin: 0;
 }
 
-header {
-    position: fixed;
-    background-color: white;
-    z-index: 500;
-    width: 100%;
-    height: 50px;
+#moreInformation ul {
+    /* text-align: left; */
+    padding: 0;
 }
 
-.dotlist {
-    list-style-type: disc;
-    text-align: left;
+#moreInformation ul li {
+    color: grey;
 }
 
-.dotlist li {
-    margin-bottom: 5px;
+#moreInformation > div {
+    font-size: 15px;
 }
 
-.well-sm {
-    margin: 10px 0px;
+#moreInformation h2 {
+    color: grey;
+    font-size: 25px;
 }
 
-address {
-    white-space: pre;
+#moreInformation a:hover {
+    text-decoration: underline;
 }
 
-.subheading {
-    font-size: 20px;
-    margin: 20px 0px;
-    white-space: pre-wrap;
+#searchForm button {
+    width: 50px;
+    line-height: 100%;
+    height: 28px;
+    border: 0;
+    background-color: transparent;
+    padding: 0;
 }
 
-p {
-    white-space: pre-wrap;
+li#info {
+    white-space: pre-line;
 }
 
-form {
-    margin: 10px 0px;
+main fieldset#foki {
+    margin: 5px 0;
+    text-align: center;
 }
 
 div#right {
@@ -200,65 +218,105 @@ div#right p {
     padding-bottom: 15px;
 }
 
-.bitcoins {
-    text-align: center;
-}
-
 div#left {
     padding-right: 35px;
 }
 
-.bold {
-    font-weight: bold;
+textarea#message {
+    height: 200px;
 }
 
-code {
-    white-space: pre-wrap;
-    word-break: break-word;
+#anpassen-label a.content {
+    color: inherit;
 }
 
-form.contact {
-    max-width: 500px;
+#plugin-modal ol > li {
+    margin-bottom: 5px;
 }
 
-textarea#message {
-    height: 200px;
+
+/* 
+
+
+
+
+
+By Class 
+
+
+
+
+
+*/
+
+.quicktip {
+    margin-bottom: 15px;
+    padding: 10px;
+    line-height: 1.2 !important;
+    font-family: Georgia, "Times New Roman", Palatino, Times, serif;
+    color: #000;
+    border-left: 3px solid #FB0;
+    font-size: 14px;
 }
 
-.checkbox {
-    margin-top: 5px;
-    margin-bottom: 5px;
+.wikiqtextract {
+    font-family: Georgia, "Times New Roman", Palatino, Times, serif;
 }
 
-label.select-label {
-    margin-bottom: 0;
-    margin-top: 10px;
+.qtheader {
+    font-family: verdana, arial, helvetica, sans-serif;
 }
 
-.settings-btn {
-    margin-top: 25px;
+.author {
+    float: right !important;
 }
 
-.settings-btn + .settings-btn {
-    margin-left: 10px;
+.language-textarea {
+    resize: none;
+    overflow: hidden;
 }
 
-.fokus-category {
-    font-size: 20px;
+.language-name {
+    white-space: pre;
 }
 
-.settings-form-control {
-    width: 200px;
-    margin-top: 10px;
+.navbar-default {
+    background-color: white;
+    border-radius: 0;
 }
 
-a:hover {
-    cursor: pointer;
+.row {
+    margin-left: 0;
+    margin-right: 0;
 }
 
-.settings-checkbox .settings-glyphicon {
-    margin-left: 5px;
-    font-size: 12px;
+.mg-panel {
+    text-align: left;
+    margin: 0 auto;
+    margin-top: 20px;
+    padding: 10px 20px;
+    margin-bottom: 0;
+    background-color: white;
+    -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3);
+    -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3);
+    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3);
+}
+
+.input-group-addon {
+    padding: 0;
+}
+
+.form-group {
+    font-family: sans-serif;
+    font-size: 16px;
+    color: black;
+    background-color: transparent;
+    text-align: center;
+}
+
+.kontakt-form-group {
+    text-align: left;
+    font-size: 14px;
 }
 
 
@@ -307,23 +365,23 @@ a:hover {
     margin-right: 3px;
 }
 
-code {
-    overflow-wrap: break-word;
-    word-wrap: break-word;
+.mutelink {
+    color: grey;
 }
 
-.non-bold {
-    font-weight: normal;
+.dotlist {
+    list-style-type: disc;
+    text-align: left;
 }
 
-@media print {
-    .noprint {
-        display: none!important;
-    }
+.well-sm {
+    margin: 10px 0px;
 }
 
-.donation-form-group label {
-    font-weight: bold;
+.subheading {
+    font-size: 20px;
+    margin: 20px 0px;
+    white-space: pre-wrap;
 }
 
 .donation-form-group {
@@ -335,239 +393,255 @@ code {
     text-align: left;
 }
 
-#color-chooser #standard {
-    background-color: rgb(255, 194, 107);
+.modal-content {
+    border-radius: 0;
+    -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3);
+    -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3);
+    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3);
 }
 
-#color-chooser #standardHard {
-    background-color: rgb(255, 128, 0);
+.bold {
+    font-weight: bold;
 }
 
-#color-chooser #green {
-    background-color: rgb(177, 226, 163);
+.settings-btn {
+    margin-top: 25px;
 }
 
-#color-chooser #greenHard {
-    background-color: rgb(127, 175, 27);
+.fokus-category {
+    font-size: 20px;
 }
 
-#color-chooser #blue {
-    background-color: rgb(164, 192, 230);
+.settings-form-control {
+    width: 200px;
+    margin-top: 10px;
 }
 
-#color-chooser #blueHard {
-    background-color: rgb(2, 93, 140);
+.bitcoins {
+    text-align: center;
 }
 
-#color-chooser #red {
-    background-color: rgb(255, 92, 92);
+.checkbox {
+    margin-top: 5px;
+    margin-bottom: 5px;
 }
 
-#color-chooser #redHard {
-    background-color: rgb(255, 0, 0);
+.non-bold {
+    font-weight: normal;
 }
 
-#color-chooser #pink {
-    background-color: rgb(255, 196, 246);
-}
 
-#color-chooser #pinkHard {
-    background-color: rgb(254, 67, 101);
-}
+/* 
 
-#color-chooser #black {
-    background-color: rgb(238, 238, 238);
+
+
+
+
+Mixed 
+
+
+
+
+
+*/
+
+.quicktip.aufruf {
+    border-left: 3px solid #FF4000;
+    color: #FF4000;
 }
 
-#color-chooser #blackHard {
-    background-color: rgb(50, 50, 50);
+.settings-checkbox .settings-glyphicon {
+    margin-left: 5px;
+    font-size: 12px;
 }
 
-#color-chooser {
-    padding: 0;
+.settings-btn + .settings-btn {
+    margin-left: 10px;
 }
 
-#color-chooser a {
-    display: block;
-    width: 50px;
-    height: 50px;
+.wikiqtextract p {
+    margin-bottom: 0;
 }
 
-#color-chooser li {
-    width: 50px;
-    margin: 0;
+footer ul.list-inline {
+    width: 100%;
 }
 
-#moreInformation {
-    box-shadow: none;
-    margin-top: 5%;
-    text-align: center;
-    -moz-box-shadow: none;
+span.glyphicon {
+    background-color: transparent;
 }
 
-#moreInformation ul {
-    /* text-align: left; */
-    padding: 0;
+a.content.hidden-xs {
+    color: #333;
 }
 
-#moreInformation ul li {
-    color: grey;
+a.navbar-brand {
+    line-height: 100%!important;
+    padding: 0;
 }
 
-#moreInformation > div {
-    font-size: 15px;
+nav .navbar-brand > div.logo {
+    height: 100%;
 }
 
-#moreInformation h2 {
-    color: grey;
-    font-size: 25px;
+.dotlist li {
+    margin-bottom: 5px;
 }
 
-#moreInformation a:hover {
-    text-decoration: underline;
+form.contact {
+    max-width: 500px;
 }
 
-#searchForm button {
-    width: 50px;
-    line-height: 100%;
-    height: 28px;
-    border: 0;
-    background-color: transparent;
-    padding: 0;
+label.select-label {
+    margin-bottom: 0;
+    margin-top: 10px;
 }
 
-#mglogo {
-    width: 100%;
-    text-align: center;
+@media print {
+    .noprint {
+        display: none!important;
+    }
 }
 
-#mglogo > a {
-    display: block;
-    width: 200px;
-    text-decoration: none;
-    font-size: 1.1em;
-    font-family: Liberation Sans, sans-serif;
+.donation-form-group label {
     font-weight: bold;
-    font-style: italic;
-    font-size: 1.0em;
-    line-height: 1;
-    white-space: nowrap;
-    padding: 0.4em 0;
-    border-radius: .25em;
-    margin: 0 auto;
 }
 
-#sponsors a {
-    font-size: 0.8em;
+.quicktip h1 {
+    font-size: 22px;
+    margin-top: 0px;
 }
 
-#sponsors h2 {
-    font-size: 1.5em!important;
+
+/* 
+
+
+
+
+
+By Element 
+
+
+
+
+
+*/
+
+* {
+    font-family: Liberation Sans, sans-serif;
 }
 
-#foki label > span {
-    margin-right: 5px;
+label a {
+    color: inherit;
 }
 
-#foki label span {
-    background-color: transparent;
+label a:hover {
+    text-decoration: none;
+    color: inherit;
 }
 
-#foki input {
-    visibility: hidden;
+section {
+    padding: 10px;
+    box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.55);
+    -moz-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.55);
+    -moz-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.55);
 }
 
-#foki input:checked + label {
-    font-weight: bold;
-    background-color: #e3e3e3;
+footer {
+    margin-top: 8%;
+    bottom: 0;
+    width: 100%;
 }
 
-#foki input + label {
-    border-radius: 4px;
-    padding: 7px 20px;
-    font-weight: normal;
+footer li {
+    width: 33%;
+    text-align: center;
 }
 
-#foki input + label:hover {
-    cursor: pointer;
-    background-color: #f6f6f6;
+footer img {
+    max-width: 100%;
 }
 
-.modal-content {
-    border-radius: 0;
-    -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3);
-    -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3);
-    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.3);
+main ul li {
+    margin: 0 10px;
 }
 
-#anpassen-label a.content {
-    color: inherit;
+body ul {
+    list-style-type: none;
+    text-align: center;
+    margin-left: 0!important;
+    margin-top: 10px;
 }
 
-.mutelink {
-    color: grey;
+fieldset input[type=text] {
+    width: 100%;
+    padding-left: 10px;
+    padding-right: 10px;
+    border-width: 1px;
+    overflow: visible;
 }
 
-#plugin-modal ol > li {
-    margin-bottom: 5px;
+main fieldset {
+    border: 0;
 }
 
-.quicktip {
-    margin-bottom: 15px;
-    padding: 10px;
-    line-height: 1.2 !important;
-    font-family: Georgia, "Times New Roman", Palatino, Times, serif;
-    color: #000;
-    border-left: 3px solid #FB0;
-    font-size: 14px;
+nav h1 {
+    margin: 0;
+    height: 100%;
+    padding-left: 20px;
+    padding-top: 8px;
+    font-family: sans-serif;
+    font-style: italic;
+    margin: 0;
+    font-weight: bold;
+    line-height: 1;
+    white-space: nowrap;
 }
 
-.wikiqtextract {
-    font-family: Georgia, "Times New Roman", Palatino, Times, serif;
+body {
+    margin: 0;
 }
 
-.wikiqtextract p {
-    margin-bottom: 0;
+header {
+    position: fixed;
+    background-color: white;
+    z-index: 500;
+    width: 100%;
+    height: 50px;
 }
 
-.qtheader {
-    font-family: verdana, arial, helvetica, sans-serif;
+header nav a {
+    text-decoration: none;
+    color: rgb(119, 119, 119);
 }
 
-#spruch {
-    margin-bottom: 20px;
-    padding: 5px;
-    line-height: 1.2 !important;
-    color: #070;
-    border-left: 3px solid #070;
-    font-size: 16px;
-    font-family: Georgia, "Times New Roman", Palatino, Times, serif;
+address {
+    white-space: pre;
 }
 
-.author {
-    float: right !important;
+p {
+    white-space: pre-wrap;
 }
 
-.quicktip h1 {
-    font-size: 22px;
-    margin-top: 0px;
+form {
+    margin: 10px 0px;
 }
 
-.quicktip.aufruf {
-    border-left: 3px solid #FF4000;
-    color: #FF4000;
+code {
+    white-space: pre-wrap;
+    word-break: break-word;
 }
 
-.language-textarea {
-    resize: none;
-    overflow: hidden;
+code {
+    overflow-wrap: break-word;
+    word-wrap: break-word;
 }
 
-.language-name {
-    white-space: pre;
+body > div {
+    background-color: transparent;
+    padding-top: 70px;
 }
 
-.kontakt-form-group {
-    text-align: left;
-    font-size: 14px;
+a:hover {
+    cursor: pointer;
 }
\ No newline at end of file