/* Contao Open Source CMS, (c) 2005-2015 Leo Feyer, LGPL license */
body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:bold}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
/* Contao Open Source CMS, (c) 2005-2015 Leo Feyer, LGPL license */
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
/* Contao Open Source CMS, (c) 2005-2015 Leo Feyer, LGPL license */
@media(max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.ie7 img{-ms-interpolation-mode:bicubic}.ie8 img{width:auto}
@import url("http://fonts.googleapis.com/css?family=Lato:100,300,400,700");


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	outline: none;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*,
*:after,
*:before {
	-webkit-tap-highlight-color: transparent;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

html,
body {
	background-color: #fff;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	font-weight: 500;
}


/** * Helpers */

.center {
	margin: 0 auto;
	text-align: center;
}


/** * Logo */

.logo-start {
	margin-top: 80px;
}


/** * Text */

strong, b {
	font-weight: 600 !important;
}

em, i {
	font-style: italic;
}


/** * Links */

a {
	background: transparent;
}

a:active,
a:hover {
	outline: 0
}


/** * Headlines */

h2 {
  font-size: 60px;
  text-transform: uppercase;
  font-weight: 600;
}



/** * Fonts */

.light-link {
	padding: 5px;
}

.light-link a {
	color: #bbb;
	text-decoration: none;
	text-transform: uppercase;
}

.light-link a:hover {
	color: #666;
}


/** * LPWord Hacks */

#__lpform_mail,
#__lpform_username,
#__lpform_password {
	display: none;
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {

  background-color: #eee !important;
  color: rgb(0, 0, 0);

}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	transition: background-color 5000s ease-in-out 0s;
}


/** * Forms */

.mod_login,
.mod_lostPassword,
.mod_registration {
	width: 100%;
	margin: 0 auto;
}

form {
	display: block;
	overflow: hidden;
	background: #fff;
	border: 1px solid #bebebe;
	border-radius: 5px;
	font-size: 0px;
}

p.error {
	font-size: 13px;
	color: #cc0000;
	padding: 20px;
	padding-bottom: 10px;
}

.formbody {
	font-size: 13px;
	width: 100%;
}

.widget {
	box-shadow: 1px 1px #bebebe;
	display: block;
	padding: 10px 10px 5px;
	vertical-align: top;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	color: #999;
	cursor: pointer;
}

.widget label {
	display: block;
}

form > div > label {
	display: block;
	padding: 10px 10px 5px;
	vertical-align: top;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	color: #999;
	cursor: pointer;
}

form > div.switch > label {
	padding: 16px 20px 13px;
}

.col-2, .col-3, .col-4 {
	border-bottom: 1px solid #bebebe;
}

form > div > .col-4 {
	height: 86px;
}

label > input,
.widget input {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 27px;
	line-height: 27px;
	margin: 5px -5px 0;
	padding: 7px 5px 3px;
	border: none;
	outline: none;
	font-weight: bold;
	opacity: .6;
	transition: all linear .3s;
	background-image: none !important;
	font-size: 13px;
}

label > select {
	display: block;
	width: 100%;
	padding: 0;
	color: #555;
	margin: 16px 0 6px;
	font-weight: 500;
	background: transparent;
	border: none;
	outline: none;
	opacity: .4;
	transition: all linear .3s;
}

label > input:focus, label > select:focus {
	opacity: 1;
}

.submit_container {
	text-align: center;
	padding: 1px;
}

button,
input.submit {
	width: 100%;
	height: 44px;
	border: none;
	margin: 0;
	font-weight: bold;
	overflow: hidden;
	outline: none;
	font-size: 13px;
	text-transform: uppercase;
	color: #555;
	-webkit-appearance: none;
}

button.submit,
input.submit {
	background-color: #fafafa;
	cursor: pointer;
	color: #999;
	text-align: center;
	-webkit-appearance: none;
}

button.submit:hover,
input.submit:hover {
	background-color: #f5f5f5;
}

button.submit:active,
input.submit:active {
}


/** * Lightbox */

#cboxTitle {
	display: none;
}

#footer {
	text-align: center;
	margin-top: 60px;
}

#footer a,
#footer p {
	color: #bbb;
	text-decoration: none;
	padding-bottom: 20px;
}





@media(max-width: 768px) {

	#container {
		margin-left: 30px;
		margin-right: 30px;
	}
}



@media(min-width: 768px) {

	.mod_login,
	.mod_lostPassword,
	.mod_registration {
		width: 70%;
	}

	form > div {
		display: inline-block;
	}

	.submit_container {
		display: block;
	}

	.col-2, .col-3, .col-4 {
		box-shadow: 1px 1px #bebebe;
		border: none;
	}

	.col-2 {
		width: 50%
	}

	.col-3 {
		width: 33.3333333333%
	}

	.col-4 {
		width: 25%
	}

	.submit_container button,
	.submit_container input.submit {
	}

}

@media(min-width: 979px) {

	.mod_login,
	.mod_lostPassword,
	.mod_registration {
		width: 47%;
	}

}

@media(min-width: 1300px) {

	.mod_login,
	.mod_lostPassword,
	.mod_registration {
		width: 36%;
	}

}

@media(min-width: 1500px) {

	.mod_login,
	.mod_lostPassword,
	.mod_registration {
		width: 30%;
	}

}