@@ -147,13 +147,17 @@ input[type="number"],input[type="search"],input[type="tel"],input[type="time"],i

 }

 .widget.w10 { float: left; width: 10%; }

+.widget.w11 { float: left; width: 11.111%; }

 .widget.w15 { float: left; width: 15%; }

+.widget.w16_5 { float: left; width: 16.6665%; }

 .widget.w20 { float: left; width: 20%; }

+.widget.w22 { float: left; width: 22.222%; }

 .widget.w25 { float: left; width: 25%; }

 .widget.w30 { float: left; width: 30%; }

 .widget.w33 { float: left; width: 33.333%; }

 .widget.w35 { float: left; width: 35%; }

 .widget.w40 { float: left; width: 40%; }

+.widget.w44 { float: left; width: 44.444%; }

 .widget.w45 { float: left; width: 45%; }

 .widget.w50 { float: left; width: 50%; }

 .widget.w55 { float: left; width: 55%; }

@@ -176,13 +180,17 @@ input[type="number"],input[type="search"],input[type="tel"],input[type="time"],i

 @media screen and (max-width: 43em) {

 	.widget.w10,

+	.widget.w11,

 	.widget.w15,

+	.widget.w16_5,

 	.widget.w20,

+	.widget.w22,

 	.widget.w25,

 	.widget.w30,

 	.widget.w33,

 	.widget.w35,

 	.widget.w40,

+	.widget.w44,

 	.widget.w45,

 	.widget.w50,

 	.widget.w55,

@@ -200,10 +208,16 @@ input[type="number"],input[type="search"],input[type="tel"],input[type="time"],i

 .widget.w10:before,

 .widget.w10:after,

+.widget.w11:before,

+.widget.w11:after,

 .widget.w15:before,

 .widget.w15:after,

+.widget.w16_5:before,

+.widget.w16_5:after,

 .widget.w20:before,

 .widget.w20:after,

+.widget.w22:before,

+.widget.w22:after,

 .widget.w25:before,

 .widget.w25:after,

 .widget.w30:before,

@@ -214,6 +228,8 @@ input[type="number"],input[type="search"],input[type="tel"],input[type="time"],i

 .widget.w35:after,

 .widget.w40:before,

 .widget.w40:after,

+.widget.w44:before,

+.widget.w44:after,

 .widget.w45:before,

 .widget.w45:after,

 .widget.w50:before,

@@ -247,13 +263,17 @@ form:after {

 }

 .widget.w10:after,

+.widget.w11:after,

 .widget.w15:after,

+.widget.w16_5:after,

 .widget.w20:after,

+.widget.w22:after,

 .widget.w25:after,

 .widget.w30:after,

 .widget.w33:after,

 .widget.w35:after,

 .widget.w40:after,

+.widget.w44:after,

 .widget.w45:after,

 .widget.w50:after,

 .widget.w55:after,

@@ -151,6 +151,7 @@ input[type="number"],input[type="search"],input[type="tel"],input[type="time"],i

 .widget.w20 { float: left; width: 20%; }

 .widget.w25 { float: left; width: 25%; }

 .widget.w30 { float: left; width: 30%; }

+.widget.w33 { float: left; width: 33.333%; }

 .widget.w35 { float: left; width: 35%; }

 .widget.w40 { float: left; width: 40%; }

 .widget.w45 { float: left; width: 45%; }

@@ -158,6 +159,7 @@ input[type="number"],input[type="search"],input[type="tel"],input[type="time"],i

 .widget.w55 { float: left; width: 55%; }

 .widget.w60 { float: left; width: 60%; }

 .widget.w65 { float: left; width: 65%; }

+.widget.w66 { float: left; width: 66.666%; }

 .widget.w70 { float: left; width: 70%; }

 .widget.w75 { float: left; width: 75%; }

 .widget.w80 { float: left; width: 80%; }

@@ -178,6 +180,7 @@ input[type="number"],input[type="search"],input[type="tel"],input[type="time"],i

 	.widget.w20,

 	.widget.w25,

 	.widget.w30,

+	.widget.w33,

 	.widget.w35,

 	.widget.w40,

 	.widget.w45,

@@ -185,6 +188,7 @@ input[type="number"],input[type="search"],input[type="tel"],input[type="time"],i

 	.widget.w55,

 	.widget.w60,

 	.widget.w65,

+	.widget.w66,

 	.widget.w70,

 	.widget.w75,

 	.widget.w80,

@@ -204,6 +208,8 @@ input[type="number"],input[type="search"],input[type="tel"],input[type="time"],i

 .widget.w25:after,

 .widget.w30:before,

 .widget.w30:after,

+.widget.w33:before,

+.widget.w33:after,

 .widget.w35:before,

 .widget.w35:after,

 .widget.w40:before,

@@ -218,6 +224,8 @@ input[type="number"],input[type="search"],input[type="tel"],input[type="time"],i

 .widget.w60:after,

 .widget.w65:before,

 .widget.w65:after,

+.widget.w66:before,

+.widget.w66:after,

 .widget.w70:before,

 .widget.w70:after,

 .widget.w75:before,

@@ -243,12 +251,13 @@ form:after {

 .widget.w20:after,

 .widget.w25:after,

 .widget.w30:after,

+.widget.w33:after,

 .widget.w35:after,

 .widget.w40:after,

 .widget.w45:after,

 .widget.w50:after,

 .widget.w55:after,

-.widget.w60:after,

+.widget.w66:after,

 .widget.w65:after,

 .widget.w70:after,

 .widget.w75:after,

@@ -81,17 +81,20 @@ input[type="number"],input[type="search"],input[type="tel"],input[type="time"],i

  * Widget Styles

  */

 .widget {

-	padding: 0 1%;

+	padding: 0 10px;

 	margin-bottom: 0.5em;

+	-webkit-box-sizing: border-box;

+	-moz-box-sizing: border-box;

+	box-sizing: border-box;

 	min-height: 4em;

 	float: left;

-	width: 98%;

+	width: 100%;

 }

 .widget.cbx {

 	min-height: 1.5em;

 	height: 1.5em;

-	padding: 4px 1%;

+	padding: 4px 10px;

 }

 .widget label {

@@ -143,25 +146,25 @@ input[type="number"],input[type="search"],input[type="tel"],input[type="time"],i

 	min-height: 2.1em;

 }

-.widget.w10 { float: left; width: 8%; }

-.widget.w15 { float: left; width: 13%; }

-.widget.w20 { float: left; width: 18%; }

-.widget.w25 { float: left; width: 23%; }

-.widget.w30 { float: left; width: 28%; }

-.widget.w35 { float: left; width: 33%; }

-.widget.w40 { float: left; width: 38%; }

-.widget.w45 { float: left; width: 43%; }

-.widget.w50 { float: left; width: 48%; }

-.widget.w55 { float: left; width: 53%; }

-.widget.w60 { float: left; width: 58%; }

-.widget.w65 { float: left; width: 63%; }

-.widget.w70 { float: left; width: 68%; }

-.widget.w75 { float: left; width: 73%; }

-.widget.w80 { float: left; width: 78%; }

-.widget.w85 { float: left; width: 83%; }

-.widget.w90 { float: left; width: 88%; }

-.widget.w95 { float: left; width: 93%; }

-.widget.w100 { float: left; width: 98%; }

+.widget.w10 { float: left; width: 10%; }

+.widget.w15 { float: left; width: 15%; }

+.widget.w20 { float: left; width: 20%; }

+.widget.w25 { float: left; width: 25%; }

+.widget.w30 { float: left; width: 30%; }

+.widget.w35 { float: left; width: 35%; }

+.widget.w40 { float: left; width: 40%; }

+.widget.w45 { float: left; width: 45%; }

+.widget.w50 { float: left; width: 50%; }

+.widget.w55 { float: left; width: 55%; }

+.widget.w60 { float: left; width: 60%; }

+.widget.w65 { float: left; width: 65%; }

+.widget.w70 { float: left; width: 70%; }

+.widget.w75 { float: left; width: 75%; }

+.widget.w80 { float: left; width: 80%; }

+.widget.w85 { float: left; width: 85%; }

+.widget.w90 { float: left; width: 90%; }

+.widget.w95 { float: left; width: 95%; }

+.widget.w100 { float: left; width: 100%; }

 .widget.clr,

@@ -188,7 +191,7 @@ input[type="number"],input[type="search"],input[type="tel"],input[type="time"],i

 	.widget.w85,

 	.widget.w90,

 	.widget.w95,

-	.widget.w100 { float: none; width: 98%; }

+	.widget.w100 { float: none; width: 100%; }

 }

 .widget.w10:before,

@@ -38,7 +38,7 @@ input[type="number"],input[type="search"],input[type="tel"],input[type="time"],i

 	font-size: 123%;

 	line-height: 2;

 	font-weight: normal;

-	border: none;

+	border-bottom: inherit 3px solid;

 	margin-bottom: 1em;

 }

@@ -143,7 +143,6 @@ input[type="number"],input[type="search"],input[type="tel"],input[type="time"],i

 	min-height: 2.1em;

 }

-.widget.w5  { float: left; width: 3%; }

 .widget.w10 { float: left; width: 8%; }

 .widget.w15 { float: left; width: 13%; }

 .widget.w20 { float: left; width: 18%; }

@@ -171,7 +170,6 @@ input[type="number"],input[type="search"],input[type="tel"],input[type="time"],i

 }

 @media screen and (max-width: 43em) {

-	.widget.w5,

 	.widget.w10,

 	.widget.w15,

 	.widget.w20,

@@ -193,8 +191,6 @@ input[type="number"],input[type="search"],input[type="tel"],input[type="time"],i

 	.widget.w100 { float: none; width: 98%; }

 }

-.widget.w5:before,

-.widget.w5:after,

 .widget.w10:before,

 .widget.w10:after,

 .widget.w15:before,

@@ -239,7 +235,6 @@ form:after {

 	display: table; /* 2 */

 }

-.widget.w5:after,

 .widget.w10:after,

 .widget.w15:after,

 .widget.w20:after,

@@ -38,7 +38,7 @@ input[type="number"],input[type="search"],input[type="tel"],input[type="time"],i

 	font-size: 123%;

 	line-height: 2;

 	font-weight: normal;

-	border-bottom: inherit 3px solid;

+	border: none;

 	margin-bottom: 1em;

 }

@@ -143,6 +143,7 @@ input[type="number"],input[type="search"],input[type="tel"],input[type="time"],i

 	min-height: 2.1em;

 }

+.widget.w5  { float: left; width: 3%; }

 .widget.w10 { float: left; width: 8%; }

 .widget.w15 { float: left; width: 13%; }

 .widget.w20 { float: left; width: 18%; }

@@ -170,6 +171,7 @@ input[type="number"],input[type="search"],input[type="tel"],input[type="time"],i

 }

 @media screen and (max-width: 43em) {

+	.widget.w5,

 	.widget.w10,

 	.widget.w15,

 	.widget.w20,

@@ -191,6 +193,8 @@ input[type="number"],input[type="search"],input[type="tel"],input[type="time"],i

 	.widget.w100 { float: none; width: 98%; }

 }

+.widget.w5:before,

+.widget.w5:after,

 .widget.w10:before,

 .widget.w10:after,

 .widget.w15:before,

@@ -235,6 +239,7 @@ form:after {

 	display: table; /* 2 */

 }

+.widget.w5:after,

 .widget.w10:after,

 .widget.w15:after,

 .widget.w20:after,

@@ -34,11 +34,11 @@ input[type="number"],input[type="search"],input[type="tel"],input[type="time"],i

 }

 .formbody > fieldset legend {

-	color: #666666;

+	color: inherit;

 	font-size: 123%;

 	line-height: 2;

 	font-weight: normal;

-	border-bottom: #cccccc 3px solid;

+	border-bottom: inherit 3px solid;

 	margin-bottom: 1em;

 }

new file mode 100644

@@ -0,0 +1,314 @@

+/**

+ * Fomrilicious for Contao Open Source CMS

+ *

+ * Copyright (C) 2013-2014 eSalesMedia

+ *

+ * @package eSM_formilicious

+ * @link    http://www.esales-media.de

+ * @license http://www.gnu.org/licenses/lgpl-3.0.html LGPL

+ *

+ * @author  Benjamin Roth <benjamin@esales-media.de>

+ */

+

+/**

+ *

+ */

+input[type="text"],input[type="password"],input[type="date"],input[type="datetime"],input[type="email"],

+input[type="number"],input[type="search"],input[type="tel"],input[type="time"],input[type="url"],textarea, select {

+	width:100%;

+	-moz-box-sizing: border-box;

+	-webkit-box-sizing: border-box;

+	box-sizing: border-box;

+}

+

+.widget input.captcha {

+	max-width: 4em;

+}

+

+

+/**

+ * Fieldset Styles

+ */

+.formbody > fieldset {

+	clear: left;

+}

+

+.formbody > fieldset legend {

+	color: #666666;

+	font-size: 123%;

+	line-height: 2;

+	font-weight: normal;

+	border-bottom: #cccccc 3px solid;

+	margin-bottom: 1em;

+}

+

+.widget .radio_container legend,

+.widget .checkbox_container legend {

+	color: inherit;

+	font-size: 100%;

+	font-weight: normal;

+	border-bottom: none;

+	display: block;

+	margin-bottom: 0.4em;

+	line-height: 1.5em;

+}

+

+.widget .checkbox_container label,

+.widget .radio_container label {

+	font-weight: normal;

+	display: inline;

+	margin-bottom: 0;

+}

+

+.widget .checkbox_container > span,

+.widget .radio_container > span {

+	display: block;

+}

+

+/**

+ * Headline Styles

+ */

+

+.widget.headline {

+	margin-top: 1em;

+	/*color: #d7ae6e;*/

+	font-size: 108%;

+	font-weight: bold;

+	min-height: 1.5em;

+}

+

+/**

+ * Widget Styles

+ */

+.widget {

+	padding: 0 1%;

+	margin-bottom: 0.5em;

+	min-height: 4em;

+	float: left;

+	width: 98%;

+}

+

+.widget.cbx {

+	min-height: 1.5em;

+	height: 1.5em;

+	padding: 4px 1%;

+}

+

+.widget label {

+	display: block;

+	margin-bottom: 0.4em;

+	line-height: 1.5em;

+}

+

+/*.widget.error label {

+	color: #E23E15;

+}*/

+.widget.error input,

+.widget.error select,

+.widget.error textarea {

+	border-color: #E23E15;

+}

+

+.widget p.error {

+	font-size: 85%;

+	margin-top: -0.4em;

+	margin-bottom: 0.4em;

+}

+

+.widget.error .errortip {

+	background-color: rgb(226, 62, 21);

+	border-bottom-left-radius: 50%;

+	border-bottom-right-radius: 50%;

+	border-top-left-radius: 50%;

+	border-top-right-radius: 50%;

+	color: rgb(255, 255, 255);

+	cursor: help;

+	display: block;

+	float: right;

+	font-family: 'Open Sans', Arial, Helvetica, sans-serif;

+	font-size: 13px;

+	font-style: normal;

+	font-variant: normal;

+	font-weight: normal;

+	height: 15px;

+	line-height: 13px;

+	margin-top: 3.25px;

+	text-align: center;

+	vertical-align: top;

+	width: 15px;

+}

+

+.submit_container {

+	/*padding-top: 1.9em;*/

+	min-height: 2.1em;

+}

+

+.widget.w10 { float: left; width: 8%; }

+.widget.w15 { float: left; width: 13%; }

+.widget.w20 { float: left; width: 18%; }

+.widget.w25 { float: left; width: 23%; }

+.widget.w30 { float: left; width: 28%; }

+.widget.w35 { float: left; width: 33%; }

+.widget.w40 { float: left; width: 38%; }

+.widget.w45 { float: left; width: 43%; }

+.widget.w50 { float: left; width: 48%; }

+.widget.w55 { float: left; width: 53%; }

+.widget.w60 { float: left; width: 58%; }

+.widget.w65 { float: left; width: 63%; }

+.widget.w70 { float: left; width: 68%; }

+.widget.w75 { float: left; width: 73%; }

+.widget.w80 { float: left; width: 78%; }

+.widget.w85 { float: left; width: 83%; }

+.widget.w90 { float: left; width: 88%; }

+.widget.w95 { float: left; width: 93%; }

+.widget.w100 { float: left; width: 98%; }

+

+

+.widget.clr,

+.formbody > fieldset {

+	clear: left;

+}

+

+@media screen and (max-width: 43em) {

+	.widget.w10,

+	.widget.w15,

+	.widget.w20,

+	.widget.w25,

+	.widget.w30,

+	.widget.w35,

+	.widget.w40,

+	.widget.w45,

+	.widget.w50,

+	.widget.w55,

+	.widget.w60,

+	.widget.w65,

+	.widget.w70,

+	.widget.w75,

+	.widget.w80,

+	.widget.w85,

+	.widget.w90,

+	.widget.w95,

+	.widget.w100 { float: none; width: 98%; }

+}

+

+.widget.w10:before,

+.widget.w10:after,

+.widget.w15:before,

+.widget.w15:after,

+.widget.w20:before,

+.widget.w20:after,

+.widget.w25:before,

+.widget.w25:after,

+.widget.w30:before,

+.widget.w30:after,

+.widget.w35:before,

+.widget.w35:after,

+.widget.w40:before,

+.widget.w40:after,

+.widget.w45:before,

+.widget.w45:after,

+.widget.w50:before,

+.widget.w50:after,

+.widget.w55:before,

+.widget.w55:after,

+.widget.w60:before,

+.widget.w60:after,

+.widget.w65:before,

+.widget.w65:after,

+.widget.w70:before,

+.widget.w70:after,

+.widget.w75:before,

+.widget.w75:after,

+.widget.w80:before,

+.widget.w80:after,

+.widget.w85:before,

+.widget.w85:after,

+.widget.w90:before,

+.widget.w90:after,

+.widget.w95:before,

+.widget.w95:after,

+.widget.w100:before,

+.widget.w100:after,

+form:before,

+form:after {

+	content: " "; /* 1 */

+	display: table; /* 2 */

+}

+

+.widget.w10:after,

+.widget.w15:after,

+.widget.w20:after,

+.widget.w25:after,

+.widget.w30:after,

+.widget.w35:after,

+.widget.w40:after,

+.widget.w45:after,

+.widget.w50:after,

+.widget.w55:after,

+.widget.w60:after,

+.widget.w65:after,

+.widget.w70:after,

+.widget.w75:after,

+.widget.w80:after,

+.widget.w85:after,

+.widget.w90:after,

+.widget.w95:after,

+.widget.w100:after,

+form:after {

+	clear: both;

+}

+

+.widget.widget-split input[type="text"],

+.widget.widget-split input[type="password"],

+.widget.widget-split input[type="date"],

+.widget.widget-split input[type="datetime"],

+.widget.widget-split input[type="email"],

+.widget.widget-split input[type="number"],

+.widget.widget-split input[type="search"],

+.widget.widget-split input[type="tel"],

+.widget.widget-split input[type="time"],

+.widget.widget-split input[type="url"],

+.widget.widget-split textarea,

+.widget.widget-split select

+{

+	max-width: 50% !important;

+	min-width: 10% !important;

+	float: left;

+	margin-right: 10px;

+	display: inline;

+}

+

+.widget.widget-split.widget-split-3 input { max-width: 30% !important; }

+.widget.widget-split.widget-split-3 input[type="submit"] { max-width: 70% !important; }

+.widget.widget-split.widget-split-4 input { max-width: 40% !important; }

+.widget.widget-split.widget-split-4 input[type="submit"] { max-width: 60% !important; }

+.widget.widget-split.widget-split-5 input { max-width: 50% !important; }

+.widget.widget-split.widget-split-5 input[type="submit"] { max-width: 50% !important; }

+.widget.widget-split.widget-split-6 input { max-width: 60% !important; }

+.widget.widget-split.widget-split-6 input[type="submit"] { max-width: 40% !important; }

+.widget.widget-split.widget-split-7 input { max-width: 70% !important; }

+.widget.widget-split.widget-split-7 input[type="submit"] { max-width: 30% !important; }

+

+

+.widget.fl_right input[type="submit"],

+.submit_container.fl_right .submit {

+	float: right;

+}

+

+.widget.lblp {

+	padding-top: 1.9em;

+	min-height: 2.1em;

+}

+

+.widget.autoh {

+	min-height: 0;

+}

+

+/**

+ * For IE 6/7 only

+ * Include this rule to trigger hasLayout and contain floats.

+ */

+.widget,

+form {

+	*zoom: 1;

+}

\ No newline at end of file