/*
*   Reset & Base for Contao
*   Inspired by E. Meyer's Reset Reloaded + HTML5 baseline
*   1.9
*/

/*  Reset & Base
================================================== */

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 {
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
margin: 0;
padding: 0 }

html { overflow-y: scroll } 

body.ie7 img { -ms-interpolation-mode: bicubic }


/*  Contao
================================================== */

#left { float: left }

#right { float: right }

#main { width: auto; position: relative }

.inside { position: relative; text-align: left }

.block { overflow: hidden }

.clear, #clear { height: 0.1px; font-size: 0.1px; line-height: 0.1px; clear: both }

.invisible { width: 0; height: 0; left: -1000px; top: -1000px; position: absolute; overflow: hidden; display: inline }

.custom { display: block; text-align: left }

.custom:after { content:"."; display: block; height: 0; clear: both; visibility: hidden }

body.ie7 #main { position: static }

header, footer, nav, section, aside, article, figure, figcaption { display:block } 


/*  Links
================================================== */

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent }

	a:focus { outline: thin dotted }
	a:hover, a:active { outline: 0; border: none }
	a img, a img:hover { border: none; text-decoration: none }


/*  Typography
================================================== */

body {
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
-webkit-text-size-adjust: 100% }

small { font-size: 85% }

ol, ul { list-style: none }

blockquote, q { quotes: none }
	
	blockquote:before, blockquote:after, 
	q:before, q:after { content: none }

del { text-decoration: line-through }

sub, sup { font-size: 75%; line-height: 0; position: relative }

	sup { top: -0.5em }
	sub { bottom: -0.25em }

abbr, acronym { font-variant: normal; border-bottom: 1px dotted #666; cursor: help }

b, strong { font-weight: bold }

italic, em, dfn { font-style: italic }


/*  Table
================================================== */

table { border-collapse: collapse; border-spacing: 0 }

	caption, th, td { vertical-align: top }

	
/*  Form
================================================== */

label { cursor: pointer }

button, input, 
select, textarea { 
font:99% sans-serif; margin: 0; vertical-align: baseline; *vertical-align: middle }

textarea { overflow: auto; vertical-align: top; resize: vertical }

input[type="search"] { 
-webkit-appearance: textfield; 
-moz-box-sizing: content-box; 
-webkit-box-sizing: content-box; 
box-sizing: content-box }

	input[type="search"]::-webkit-search-decoration, 
	input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none }


/*  Button, Radio and Checkbox
================================================== */

button, input[type="button"],
input[type="reset"], 
input[type="submit"] {
cursor: pointer; -webkit-appearance: button; *overflow: visible }

	button[disabled], input[disabled] { cursor: default }
	button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 }

input[type="checkbox"], 
input[type="radio"] { 
box-sizing: border-box; padding: 0; *width: 13px; *height: 13px }

input[type="radio"] { vertical-align: text-bottom }

input[type="checkbox"], label { vertical-align: middle }