@CHARSET "utf-8";


@font-face{
font-family:"OptimaLTBold";
src:url("../fonts/OptimaLT-Boldd41d.eot?#iefix");
src:url("../fonts/OptimaLT-Boldd41d.eot?#iefix") format("eot"),url("../fonts/OptimaLT-Bold.woff") format("woff"),url("../fonts/OptimaLT-Bold.ttf") format("truetype"),url("../fonts/OptimaLT-Bold.svg#OptimaLT-Bold") format("svg");
}
@font-face{
font-family:"UniversLTW01";
src:url("../fonts/296c59c2-74b0-41c1-bcfd-23d22a713f86d41d.eot?#iefix");
src:url("../fonts/296c59c2-74b0-41c1-bcfd-23d22a713f86d41d.eot?#iefix") format("eot"),url("../fonts/609beecf-8d23-4a8c-bbf5-d22ee8db2fc9.woff") format("woff"),url("../fonts/a6595b8d-d4a3-4f01-bf21-0b53617d4b1c.ttf") format("truetype"),url("../fonts/1cd9ef2f-b358-4d39-8628-6481d9e1c8ce.svg#1cd9ef2f-b358-4d39-8628-6481d9e1c8ce") format("svg");
}
@font-face{
font-family:"UniversLTW01-Condense";
src:url("../fonts/aefefc4e-9cb8-4e8e-8599-dda705456734d41d.eot?#iefix");
src:url("../fonts/aefefc4e-9cb8-4e8e-8599-dda705456734d41d.eot?#iefix") format("eot"),url("../fonts/1eaf27c0-f4de-4273-9f4c-1b3236ad2f3c.woff") format("woff"),url("../fonts/9b913baf-b1f0-47d2-8c76-42f59650058f.ttf") format("truetype"),url("../fonts/0abcce12-2274-4ee7-b6d5-0066b5f5f670.svg#0abcce12-2274-4ee7-b6d5-0066b5f5f670") format("svg");
}
@font-face{
font-family:"UniversLTW01-Bold";
src:url("../fonts/076b8d7a-91b5-4c89-86a1-546b980072c7d41d.eot?#iefix");
src:url("../fonts/076b8d7a-91b5-4c89-86a1-546b980072c7d41d.eot?#iefix") format("eot"),url("../fonts/21decb60-b395-4de2-bd04-e38eb2a56d2f.woff") format("woff"),url("../fonts/091058d4-36b2-43f6-80d3-16c88e098061.ttf") format("truetype"),url("../fonts/827d22bc-e38b-4ccf-8a21-1f9aaa76e402.svg#827d22bc-e38b-4ccf-8a21-1f9aaa76e402") format("svg");
}


* {
	margin: 0;
	padding: 0;
}

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

body {
	font-family: 'UniversLTW01', Arial, Helvetica, Sans-Serif;
	font-size: 100%;
	width: 100%;
	height: 100%;
	text-overflow: ellipsis;
}

/*
textarea:focus, input:focus{
    outline: none;
}*/

strong {
	font-family: 'UniversLTW01-Bold', Arial, Helvetica, Sans-Serif;
	font-weight: normal;
}

div#content p, div#content ul, div#content td, div#content ol {
	text-align: left;
	margin-bottom: 10px;
	line-height: 30px;
	font-size: 1.4em;
	letter-spacing: 0.02em;
	color: #fff;
}

div#content td p {
	font-size: 1.0em;
}

td p,th p {
	margin: 0px;
	padding: 0px;
}

a {
	color: white;
	text-decoration: none;
	cursor: pointer;
}

a:visited {
	text-decoration: none;
}

a img {
	border: none;
}

h1 a, h2 a, h3 a, h4 a, h5 a {
	font-weight: normal !important;
}

a.pdf {
	background-image: url("../img/pdf.png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 35px 35px;
	height: 35px;
	padding-left: 45px;
	display: block;
	line-height: 35px;
}

a.teaser {
	display: block;
	line-height: 35px;
	color: #00483a;
	font-family: 'TradeGothic', Arial, Helvetica, Sans-Serif;
	font-size: 1.0em;	
}

hr {
	border-left: 0px; /* Für Firefox und Opera */
	border-right: 0px;
	border-bottom: 0px;
	border-bottom: transparent;
	border-top: solid 1px #fff;
	color: white;
	margin-bottom: 5px;
	margin-top: 5px;
}

h1, p.title {
	font-family: 'OptimaLTBold', Arial, Helvetica, Sans-Serif;
	font-size: 1.5em;
	font-weight: normal;
	width: 100%;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	letter-spacing: 0.22em;
	margin-top: 0px;
	text-transform: uppercase;
	height: 35px;
	line-height: normal;
}

h1.always_visible_small {
	padding-left: 10px;
	font-size: 1.4em;
	line-height: 37px;
}

h2 {
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 0.7em;
	font-weight: bold;
	letter-spacing: 0.09em;
	margin: 0px;
	width: 100%;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-bottom: 22px;
	border-bottom: solid 4px white;
	margin-bottom: 23px;
	padding-left: 3px;
	line-height: normal;
}

h3 {
	font-size: 1.3em;
	font-weight: normal;
	margin-top: 45px;
	margin-bottom: 5px;
	width: 100%;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: normal;
}

h4 {
	font-size: 1.6em;
	font-weight: normal;
	margin-top: 35px;
	margin-bottom: 25px;
	width: 100%;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: normal;
}

h5 {
	font-size: 1.5em;
	font-weight: normal;
	margin-top: 25px;
	margin-bottom: 5px;
	width: 100%;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: normal;
}

ul, ol {
	padding-left: 30px;
	margin-bottom: 10px;
}

td ul {
	margin-bottom: 0px !important;
}

.left {
	float: left !important;
}

.right {
	float: right !important;
}

.clear {
	clear: both !important;
}

.small {
	font-size: 8pt !important;
}

.tiny {
	font-size: 7pt !important;
	line-height: normal;
}

.grey {
	color: #666 !important;
}

textarea {
	display: block;
}

input.checkbox {
	margin-right: 2px;
}

.padding {
	padding: 15px;
}

.clearfix:after { /* für Firefox, IE8, Opera, Safari, etc. */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

*+html .clearfix { /* für IE7 */
	display: inline-block;
}

* html .clearfix { /* für IE6 */
	height: 1%;
}

/********************** WMM ************************/
div.klassisch {
	background-color: #b93e3f;
}
div.modern {
	background-color: #2b7183;
}
div.gewerblich {
	background-color: #a3b944;
}
div.stoffe {
	background-color: #ee813c;
}
div.landhaus {
	background-color: #b1a286;
}

h2.klassisch {
	border-bottom-color: #b93e3f;
}
h2.modern {
	border-bottom-color: #2b7183;
}
h2.gewerblich {
	border-bottom-color: #a3b944;
}
h2.stoffe {
	border-bottom-color: #ee813c;
}
h2.landhaus {
	border-bottom-color: #b1a286;
}

/********************** LAYOUT *****************************/
div#backgrounds {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-color: black;
	position: fixed;
	left: 0px;
	top: 0px;
}

div.background {
	width: 100%;
	height: 100%;
	background-image: url(../img/loading_black.gif); 
	background-repeat: no-repeat;
	background-position: center center;
	display: none;
	overflow: hidden;
	position: fixed;
	left: 0px;
	top: 0px;
}

div.galleryimage {
	width: 100%;
	height: 100%;
	display: none;
	overflow: hidden;
	position: fixed;
	left: 0px;
	top: 0px;
}

div#logo {
	position: absolute;
	top: 37px;
	left: 9px;
	width: 302px;
}

div#logotext {
	position: absolute;
	left: 120px;
	top: 0px;
}

div#logotext h2 {
	border: none;
}

div#logoline {
	position: absolute;
	left: 0px;
	top: 72px;
}
div#logoline div {
	float: left;
	width: 58px;
	height: 4px;
	margin-right: 3px;
}

div#logoline div:last-child {
	margin-right: 0px;
}

a#logo {
	display: block;
	width: 300px;
	height: 103px;
	margin-left: auto;
	margin-right: auto;
	background-image: url("../img/logo-wmm.png");
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	margin-bottom: 20px;
	position: absolute;
	z-index: 2;
}

div#info {
	position: fixed;
	top: 50px;
	right: 0px;
	width: 400px;
	height: 250px;
	background-image: url("../img/opacity_black.png");
}

div#menu {
	position: fixed;
	top: 0px;
	left: 50px;
	width: 320px;
	color: white;
	max-height: 100%;
	color: #fff;
	z-index: 1;
}

a.menupull {
	display: block;
	position: absolute;
	right: 5px;
	bottom: 0px;
	width: 30px;
	height: 30px;
	background-size: 30px 30px;
}
a.menupull_up {
	background-image: url("../img/menu_arrow_up.png");
}
a.menupull_down {
	background-image: url("../img/menu_arrow_down.png");
}

div.menucontent h2 {
	padding: 0px;
	border: none;
}
div.menucontent a {
	color: white;
}

div#menucontent {
	background-image: url("../img/opacity_black.png");
	position: relative;
	top: 0px;
	left: 0px;
	width: 320px;
	padding-top: 10px;
	border-radius: 0px 0px 10px 10px;
	min-height: 135px;
}

div.menucontent {
	padding-top: 10px;
	position: relative;
}

div.menucontent:last-child {
	border-radius: 0px 0px 10px 10px;
}

div.menucontent p {
	margin: 0px;
	padding: 0px; 
}

div.menupadding {
	padding-left: 25px;
	padding-right: 25px;
}

a.showroom {
	display: block;
	padding-left: 75px;
	padding-right: 25px;
	background-repeat: no-repeat;
	background-image: url("../img/eye.png");
	background-position: 25px center;
	background-size: 40px 40px;
	height: 40px;
	line-height: 40px;
	color: white;
	font-size: 1.0em;
	border-top: solid 1px transparent;
	border-bottom: solid 1px transparent;
}

a.showroom:hover {
	border-top: solid 1px #777;
	border-bottom: solid 1px #777;
	background-color: #eee;
	color: #444;
	background-image: url("../img/eye_grey.png");
}

div#menunano h2, div#menunano h3, div#menunano h4, div#menunano h5 {
	color: white;
	margin: 0px;
	font-size: 1.3em;
	font-family: 'UniversLTW01',Arial,Helvetica,Sans-Serif;
	letter-spacing: normal;
}

div#menunano {
	margin-top: 123px;
}

div#menu select, div#menu textarea, div#menu input.text {
	width: 250px;
}

div#caption {
	position: fixed;
	right: 20px;
	bottom: 20px;
	color: white;
	font-size: 1.5em;
	width: 120px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	background-image: url("../img/opacity_black.png");
	border-radius: 10px;
}

div.caption_price {
	position: fixed;
	left: 50px;
	bottom: 20px;
	color: white;
	font-size: 1.5em;
	width: 320px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	background-image: url("../img/opacity_black.png");
	border-radius: 10px;
}

div#caption_price p {
	margin: 0px;	
}

a.arrow_left {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 30px;
	height: 30px;
	background-size: 30px 30px;
	background-image: url("../img/arrow_left.png");
}

a.arrow_right {
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 30px;
	height: 30px;
	background-size: 30px 30px;
	background-image: url("../img/arrow_right.png");
}



div#nav ul {
	margin: 0px;
	padding: 0px;
}

div#nav ul.level1 li, div#nav ul.level1_mobile li {
	list-style-type: none;
	line-height: 40px;
	color: white;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	font-size: 1.5em;
	position: relative;
}

div#nav ul.level1 li a, div#nav ul.level1_mobile li a {
	display: block;
	padding-left: 25px;
	padding-right: 25px;
	color: white;
	border-top: solid 1px transparent;
	border-bottom: solid 1px transparent;
}

div#nav ul.level1 li a:hover, div#nav ul.level1 li.highlight a {
	border-top: solid 1px #777;
	border-bottom: solid 1px #777;
	background-color: #eee;
	color: #444;
}

/* Seconds level */

div#nav ul.level2 {
	padding: 0px;
	display: none;
	overflow: hidden;
}

div#nav ul.level2 li {
	float: none;
	background-color: transparent;
	padding: 0px;
	margin: 0px;
	font-size: 0.7em;
	text-transform: none;
	line-height: 27px;
	height: auto;
	letter-spacing: 0.02em;
	white-space: nowrap;
}

div#nav ul.level2 li a {
	display: block;
	padding-left: 25px;
	padding-right: 35px;
	color: #fff;
	background-color: transparent;
	border-top: solid 1px transparent;
	border-bottom: solid 1px transparent;
}

div#nav ul.level2 li a:hover, div#nav ul.level2 li.highlight a {
	border-top: solid 1px #777;
	border-bottom: solid 1px #777;
	background-color: #eee;
	color: #444;
}

div#nav ul.level2 li:hover ul {
}


/* Third level */
div#nav ul.level3 {
	display: none;
}

div#nav ul.level3 li {
	line-height: 27px !important;
	height: auto !important;
	background-color: #e9e4df !important;
	font-size: 1em;
	font-family: 'UniversLTW01', Arial, Helvetica, Sans-Serif;
	white-space: nowrap;
	font-weight: normal;
	letter-spacing: 0.02em;
}

div#nav ul.level3 li a {
	color: #939598;
}

div#content_container {
	position: relative;
}

div#content {
	position: relative;
	color: #fff;
	background-image: url("../img/opacity_black.png");
	margin: 0px 50px 50px 420px;
	max-width: 860px;
	border-radius: 0 0 10px 10px;
	padding: 35px;
	padding-top: 37px;
	overflow: hidden;

    -webkit-animation: fadein 2s; /* Safari and Chrome */
       -moz-animation: fadein 2s; /* Firefox */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera */
            animation: fadein 2s;	
}

div#footer {
	position: fixed;
	right: 46px;
	bottom: 0px;
	height: 20px;
	z-index: 10;
	width: 60px;
}

div#footer:hover {
	bottom: 0px !important;
}

div#footer ul {
	height: 20px;
	margin: 0px;
	padding: 0px;
}

div#footer ul li {
	list-style-type: none;
	float: left;
	height: 20px;
	line-height: 20px;
	padding-right: 42px;
	font-size: 0.8em;
	letter-spacing: 0.07em;
	background-image: url("../img/opacity_black.png");
	text-align: center;
}

div#footer ul li:first-child {
	padding-left: 6px;
	padding-right: 6px;
}

div#footer ul li:nth-child(2) {
	padding-left: 27px;
}

div#footer ul li a {
	color: #a7a9ac;
}

div#footer ul li a:hover, div#footer ul li.highlight a {
	color: white;
}

div#footer ul li:first-child a {
	color: white;
}

@keyframes fadein {
	0%   {opacity: 0;}
	25%  {opacity: 0;}
	100% {opacity: 1;}	
}

/* Firefox */
@-moz-keyframes fadein {
	0%   {opacity: 0;}
	25%  {opacity: 0;}
	100% {opacity: 1;}	
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
	0%   {opacity: 0;}
	25%  {opacity: 0;}
	100% {opacity: 1;}	
}

/* Internet Explorer */
@-ms-keyframes fadein {
	0%   {opacity: 0;}
	25%  {opacity: 0;}
	100% {opacity: 1;}	
}​

/* Opera */
@-o-keyframes fadein {
	0%   {opacity: 0;}
	25%  {opacity: 0;}
	100% {opacity: 1;}	
}​

div.caption {
	position: absolute;
	width: 450px;
}

div.caption h1 {
	font-family: 'TradeGothic', Arial, Helvetica, Sans-Serif;
	color: white;
	text-transform: uppercase;
	font-size: 3em;
	font-weight: normal;
	border: none;
	margin: 0px;
	padding: 0px;
}

div.caption h2 {
	color: white;
	font-size: 1.5em;
	font-weight: normal;
	text-transform: none;
	border: none;
	margin: 0px;
	padding: 0px;	
	letter-spacing: 0.02em;
}

div.caption h1 a, div.caption h2 a {
	color: white;
}

div#pagination {
	position: fixed;
	right: 15px;
	height: 18px;
	bottom: 15px;
	z-index: 5;
}

div#pagination ul {
	margin: 0px;
	padding: 0px;
}

div#pagination ul li {
	font-family: 'TradeGothic', Arial, Helvetica, Sans-Serif;
	float: left;
	list-style-type: none;
	font-size: 1.5em;
	letter-spacing: 0.15em;
	padding-left: 5px;
	padding-right: 5px;
}

div#pagination ul li a {
	color: #a7a9ac;
}
div#pagination ul li a.current {
	color: #e6e7df;
}
div#pagination ul li a:hover {
	color: white;
}

div.box {
	background-color: #fff;
	color: white;
	margin-bottom: 30px;
	font-size: 0.8em !important;
}

div.box img {
	display: block;
}

div.box h1, div.box h2, div.box h3, div.box h4, div.box h5 {
	font-family: 'TradeGothic', Arial, Helvetica, Sans-Serif;
	/*text-transform: uppercase;*/
}

div.box hr {
	border-top: solid 1px white;
}

div.box p, div.box h1, div.box h2, div.box h3, div.box h4, div.box h5, div.box a {
	color: white !important;
	border: none;
	margin: 0px;
	padding: 0px;
}

div.box p {
	font-size: 1.4em !important;
	line-height: 23px !important;
}

div.manager {
	height: 525px;
}

a.manager_image {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;		
}

div.manager_text {
	position: relative;
	width: 92%;
	padding: 4%;
	height: 92%;
}

div.manager_mail {
	position: absolute;
	bottom: 4%;
	left: 4%;
	right: 4%
}

a.manager_link {
	float: left;
	display: block;
	width: 	154px;
	height: 60px;
	margin-right: 10px;
	margin-top: 10px;
	padding: 5px;
	cursor: pointer;
	text-align: center;
}

a.vorstand_selected, a.partner_selected, a.manager_link:hover {
	color: white;
	background-color: #fff;
}

a.manager_link:nth-child(5) {
	margin-right: 0px;
}

div.manager_detail {
	position: relative;
	width: 100%;
	height: 475px;
	overflow: hidden;
}

div.manager_text_container {
	height: 350px;
	overflow: auto;
}
	
a.close {
	display: block;
	text-align: center;
	width: 25px;
	height: 25px;
	line-height: 25px;
	position: absolute;
	right: 10px;
	top: 19px;
	font-size: 1.6em;
	cursor: pointer;
}

a.phone, a.phone:hover {
	background-image: url("../img/phone.png");
	background-size: 15px 20px;
	background-repeat: no-repeat;
	background-position: 7px center;
	padding-left: 28px !important;
	margin-top: 5px !important;
}

/**** RESPONSIVE STYLES *****/
div#anfrage {
	display: none;
}

div.cover {
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}
div.twocol > div {
	float: left;
	width: 50%;
	height: 100%;
	overflow: hidden;
}

div.twocol .image {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}

div.list {
	margin-top: 25px;
	padding-top: 25px; 
	border-top: solid 1px #fff;
}

div.list:first-child {
	margin-top: 0px;
	border-top: none;
}

div.list_image {
	float: left;
	min-width: 150px;
	overflow: hidden;
}

div.download_image img {
	border: solid 1px #ccc;	
}

div.list_image img {
	display: block;
	margin-right: 30px;
}

div.list_desc {
	float: left;
	width: -webkit-calc(100% - 160px); 
	width: -moz-calc(100% - 160px); 
	width: -o-calc(100% - 160px);
	width: calc(100% - 160px); 
}

div.list_desc h5 {
	margin-top: 0px !important;
}

div.list_desc p {
	margin-bottom: 0px !important;
}

div.tabnavigation ul, div.tabnavigation ul li {
	margin: 0px;
	padding: 0px;
}

div.tabnavigation ul {
	margin-bottom: 0px !important;
}

div.tabnavigation ul li {
	list-style-image: none;
	list-style-type: none;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 12px;
	padding-left: 12px;
	font-family: 'UniversLTW01-Bold', Arial, Helvetica, Sans-Serif;
	font-size: 0.7em;
	cursor: pointer;
	color: white;
	height: 30px;
	line-height: 27px;
}

div.tabnavigation ul li.active {
	color: #fff;
	background-color: white;
}

div.tabnavigation select {
	display: block;
	margin-left: auto;
	margin-right: auto;
	font-family: 'UniversLTW01-Bold', Arial, Helvetica, Sans-Serif;
	font-size: 1.0em;
	margin-top: 5px;
	margin-bottom: 10px;
}

div.tabnavigation {
	border-top: solid 5px #fff;
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
	background-color: #fff;
	overflow: hidden;
}

div.tabs div.tabcontent {
	clear: both;
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
	border-bottom: solid 1px #fff;
	padding: 15px;
}

div.tabs div.tab {
	display: none;
}

div.tabs div.active {
	display: block;
}

/************** WAGNER ****************/
div.productline {
	height: 50px;
	line-height: 54px;
	margin-bottom: 20px;
	padding-left: 20px;
	cursor: pointer;
	position: relative;
}

div.productline h3 {
	margin: 0px;
	line-height: 54px !important;
}

div.productline p {
	margin: 0px !important;
	position: absolute;
	left: 30%;
	top: 0px;
	text-overflow: ellipsis;
	height: 50px;
	line-height: 54px !important;
	overflow: hidden;
}

div.article {
}

div.article div.text {
	float: left;
	width: -webkit-calc(100% - 280px); 
	width: -moz-calc(100% - 280px); 
	width: -o-calc(100% - 280px);
	width: calc(100% - 280px);
}

div.article div.images {
	float: right;
	width: 280px;
	text-align: right;
}

div.manager_teaser {
	float: left;
	width: 48%;
	min-height: 133px;
	margin-bottom: 4%;
	font-size: 0.9em;
}

div.image_background {
	background-repeat: no-repeat;
}


div.manager_teaser:nth-child(even) {
	margin-right: 4%;
}

div.manager_teaser p {
	padding-left: 140px;
	line-height: 28px !important;
}

ul.imagegallery {
	list-style-image: none !important;
	margin: 0px !important;
	padding: 0px !important;
}

ul.imagegallery li {
	float: left;
	margin: 5px;
	list-style-type: none !important;
}

ul.imagegallery li img {
	display: block;
}

/******************** FORM *******************/
table.form_errordata {
	margin-bottom: 15px;
}

table.form_errordata th {
	text-align: left;
	font-size: 1.2em;
	color: #ff0000 !important;
}

ul.form_errors {
	padding: 5px;
	padding-left: 30px;
	border: solid 2px #ff0000;
	margin-top: 5px;
}

ul.form_errors li {
	color: #ff0000 !important;
	font-size: 0.55em !important;
	line-height: 25px !important;
	list-style-image: none !important;
}

td.labels {
	width: 160px;
}

td.fields {
	font-size: 1.0em !important;
}

select, textarea, input.text {
	background-color: white;
	font-size: 9pt;
	border: solid 1px #999;
	font-family: Arial, Helvetica, Sans-Serif;
	width: 100%;
	margin: 2px;
	padding: 2px;
}

input {
	margin: 2px;
	padding: 2px;
}

input.text {
	width: 391px;
}

textarea.textarea {
	font-family: Arial, Helvetica, Sans-Serif;
	width: 391px;
	background-color: white;
	padding: 3px;
	font-size: 9pt;
	border: solid 1px #999;
}

a.button {
	border-radius: 3px;
	float: left;
	margin-bottom: 4px;
	margin-right: 4px;
	padding: 5px 10px;
	background-color: #666; 
	color: white;	
}

a.button:hover, a.selected {
	background-color: #eee !important;
	color: #444;
}

a.formbutton {
	padding-left: 5px;
	padding-right: 5px;
	color: #2e410d !important;
}

.formbutton {
	margin-top: 10px;
	cursor: pointer;
	font-family: 'UniversLTW01', Arial, Helvetica, Sans-Serif;
	-moz-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dce2c), color-stop(1, #8cb82b) );
	background:-moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b');
	background-color:#9dce2c;
	-webkit-border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	border-bottom-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	border-bottom-left-radius:5px;
	text-indent:0;
	border:1px solid #83c41a;
	display:inline-block;
	color:#2e410d;
	font-size:1.0em;
	font-weight:normal;
	font-style:normal;
	height:28px;
	line-height:28px;
	text-decoration:none;
	text-align:center;
}
.formbutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8cb82b), color-stop(1, #9dce2c) );
	background:-moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c');
	background-color:#8cb82b;
}.formbutton:active {
	position:relative;
	top:1px;
}
/* This button was generated using CSSButtonGenerator.com */


label {
	font-size: 0.8em;
}

label.required:after {
	content: "*";
}

table.info {
	font-size: 8pt;
	clear: both;
	border-collapse: collapse;
	border-spacing: 1px;
	width: 100%;
}

table.info th, table.info td {
	padding: 2px;
	line-height: 16px;
}

table.info li {
	line-height: 16px;
}

table.data {
	clear: both;
	border-collapse: collapse;
	border-spacing: 1px;
	width: 100%;
}

table.data th {
	padding: 4px;
	background-color: #0b0f10;
	font-weight: normal;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 8px;
	border: solid 1px black;
}

table.data td {
	border: solid 1px #9e9e9e;
	padding: 4px;
	text-align: center;
}

table.data td ul {
	margin-bottom: 0px !important;
}

table.data tbody tr {
	height: 24px;
}

table.data tbody tr.colored td {
	background-color: #6c2b2c;
	background-image: linear-gradient(bottom, rgb(71, 8, 12) 0%,
		rgb(108, 43, 44) 100% );
	background-image: -o-linear-gradient(bottom, rgb(71, 8, 12) 0%,
		rgb(108, 43, 44) 100% );
	background-image: -moz-linear-gradient(bottom, rgb(71, 8, 12) 0%,
		rgb(108, 43, 44) 100% );
	background-image: -webkit-linear-gradient(bottom, rgb(71, 8, 12) 0%,
		rgb(108, 43, 44) 100% );
	background-image: -ms-linear-gradient(bottom, rgb(71, 8, 12) 0%,
		rgb(108, 43, 44) 100% );
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(71, 8,
		12) ), color-stop(1, rgb(108, 43, 44) ) );
	color: white;
}

table.data tbody tr.separator td {
	background-color: #E0D9D5;
}

table.data tbody tr.tr1 td {
	background-color: #bdbec1;
	color: black;
}

table.data tbody tr.tr2 td {
	background-color: #a9a7a8;
	color: black;
}

tr.selectable:hover td {
	background-color: #fff7d1 !important;
}

tr.selected td,tr.selected:hover td, table.data tbody tr.tr1:hover td, table.data tbody tr.tr2:hover td {
	background-color: #EC008D !important;
	color: white;
	cursor: pointer;
	border: solid 1px #EC008D;
}

.desktop {
	display: block;
}

.mobile {
	display: none;
}

.animate {
	-webkit-transition: all 0.35s linear 0.1s;
	transition: all 0.35s linear 0.1s;
	-moz-transition: all 0.35s linear 0.1s;
	-ms-transition: all 0.35s linear 0.1s;
	-o-transition: all 0.35s linear 0.1s;
}

table.form th {
	text-align: left;
	padding-top: 25px;
	font-size: 1.2em;
}

input.formbutton {
	font-size: 16px;
}

div.partner {
	float: left;
	width: 179px;
	height: 122px;
	margin-right: 16px;
	margin-top: 8px;
	margin-bottom: 8px;
	background-color: white;
	box-shadow: 0 1px 1px white;
}

a.partner {
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
}

div.teammember {
	float: left;
	width: 200px;
	margin-right: 15px;
	margin-bottom: 15px;
}