/*
* @package  DIE WEBAGENTUR
* @author   Andreas Müller <info@die-webagentur.de>
* @date     2014/04/02
*/


/* Reset & Basics
-------------------------------------------------- */

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

body { line-height:1; }
html,body { height:100%; }
article,aside,details,figcaption,figure,footer,header,hgroup,img,menu,nav,section,svg { display:block; }
.ie img { -ms-interpolation-mode:bicubic; }
nav ul { list-style:none; }
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:''; content:none; }
a { background:transparent; font-size:100%; margin:0; padding:0; vertical-align:baseline; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration:line-through; }
abbr[title],dfn[title] { border-bottom:1px dotted inherit; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { border:0; border-top:1px solid #ccc; display:block; height:1px; margin:1em 0; padding:0; }
input,select { vertical-align:middle; }
input,select, button { overflow:visible; }


* {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    }





/* Basics
-------------------------------------------------- */

body {
    font-family:'Lato', Helvetica, Arial, sans-serif;
    font-size:16px;
    line-height:1.5em;
    color:#666;
    font-weight:normal;
    text-align:center;
    background-color:#fff;
    }

address,blockquote,caption,cite,code,dl,figcaption,h1,h2,h3,h4,h5,h6,label,legend,ol,p,pre,ul,table {
    display:block;
    list-style:none;
    text-rendering:optimizeLegibility;
    }

a { color:inherit; text-decoration:none; outline:0; }
a.active { font-weight:bold; }
a:hover, a:focus { text-decoration:none; }
a:visited { color:#333; }
p a, p a:visited { line-height:inherit; text-decoration:underline; }

h1, h2, h3, h4, h5, h6 { display:block; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight:inherit; color:inherit; }

img { width:100%; height:auto; }

em { font-style:italic; }
strong { font-weight:bold; color:#333; }
small { font-size:0.875rem; }

blockquote, blockquote p {
    font-size:1rem;
    line-height:1em;
    color:#777;
    font-style:italic;
    }

blockquote {
    margin:0 0 20px;
    padding:9px 20px 0 19px;
    border-left:1px solid #ddd;
    }

hr {
    height:0;
    margin:10px 0 30px;
    border:solid #ddd;
    border-width:1px 0 0;
    clear:both;
    }




/* Lists
-------------------------------------------------- */

ul.square, ul.circle, ul.disc { margin-left:30px; }
ul.square { list-style:square outside; }
ul.circle { list-style:circle outside; }
ul.disc { list-style:disc outside; }




/* Buttons
-------------------------------------------------- */

.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    padding:12px 16px;
    border:1px solid transparent;
    display:inline-block;
    font-size:0.875em;
    line-height:1em;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:1px;
    color:#fff;
    cursor:pointer;
    border:none;
    -webkit-border-radius:42px;
    -moz-border-radius:4px;
    border-radius:4px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color:#348C43;
    background:-moz-linear-gradient(top, #348C43 0%, #2C7739 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#348C43), color-stop(100%,#2C7739));
    background:-webkit-linear-gradient(top, #348C43 0%,#2C7739 100%);
    background:-o-linear-gradient(top, #348C43 0%,#2C7739 100%);
    background:-ms-linear-gradient(top, #348C43 0%,#2C7739 100%);
    background:linear-gradient(to bottom, #348C43 0%,#2C7739 100%);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#348C43', endColorstr='#2C7739', GradientType=0);
    filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
	-webkit-box-shadow:2px 2px 4px rgba(0,0,0,.3);
    -moz-box-shadow:2px 2px 4px rgba(0,0,0,.3);
    box-shadow:2px 2px 4px rgba(0,0,0,.3);
    }

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
    text-decoration:none;
    background-color:#5bb75b;
    background-image:-moz-linear-gradient(top, #737373, #585858);
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#737373), to(#585858));
    background-image:-webkit-linear-gradient(top, #737373, #585858);
    background-image:-o-linear-gradient(top, #737373, #585858);
    background-image:linear-gradient(to bottom, #737373, #585858);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#737373', endColorstr='#585858', GradientType=0);
    filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
    }

.button:focus
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
    text-decoration:none;
    background-color:#5bb75b;
    background-image:-moz-linear-gradient(top, #737373, #585858);
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#737373), to(#585858));
    background-image:-webkit-linear-gradient(top, #737373, #585858);
    background-image:-o-linear-gradient(top, #737373, #585858);
    background-image:linear-gradient(to bottom, #737373, #585858);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#737373', endColorstr='#585858', GradientType=0);
    filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
    }

.button:active
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
    text-decoration:none;
    background-color:#5bb75b;
    background-image:-moz-linear-gradient(top, #737373, #585858);
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#737373), to(#585858));
    background-image:-webkit-linear-gradient(top, #737373, #585858);
    background-image:-o-linear-gradient(top, #737373, #585858);
    background-image:linear-gradient(to bottom, #737373, #585858);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#737373', endColorstr='#585858', GradientType=0);
    filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
    }

.button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
    width:100%;
    padding-left:0 !important;
    padding-right:0 !important;
    text-align:center;
    }

/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border:0;
    padding:0;
    }






/* Tabs (activate in tabs.js)
-------------------------------------------------- */

ul.tabs {
    display:block;
    margin:0 0 20px 0;
    padding:0;
    border-bottom:solid 1px #ddd;
    }

ul.tabs li {
    display:block;
    width:auto;
    height:30px;
    padding:0;
    float:left;
    margin-bottom:0;
    }

ul.tabs li a {
    display:block;
    text-decoration:none;
    width:auto;
    height:29px;
    padding:0px 20px;
    font-size:1em;
    line-height:30px;
    border:solid 1px #ddd;
    border-width:1px 1px 0 0;
    margin:0;
    background:#f5f5f5;
    }

ul.tabs li a.active {
    background:#fff;
    height:30px;
    position:relative;
    top:-4px;
    padding-top:4px;
    border-left-width:1px;
    margin:0 0 0 -1px;
    color:#111;
    -moz-border-radius-topleft:2px;
    -webkit-border-top-left-radius:2px;
    border-top-left-radius:2px;
    -moz-border-radius-topright:2px;
    -webkit-border-top-right-radius:2px;
    border-top-right-radius:2px;
    }

ul.tabs li:first-child a.active { margin-left:0; }
ul.tabs li:first-child a { border-width:1px 1px 0 1px; -moz-border-radius-topleft:2px; -webkit-border-top-left-radius:2px; border-top-left-radius:2px; }
ul.tabs li:last-child a { -moz-border-radius-topright:2px; -webkit-border-top-right-radius:2px; border-top-right-radius:2px; }

ul.tabs-content { margin:0; display:block; }
ul.tabs-content > li { display:none; }
ul.tabs-content > li.active { display:block; }

ul.tabs:before,
ul.tabs:after { content:'\0020'; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
ul.tabs:after { clear:both; }
ul.tabs { zoom:1; }




/* Input Fields
-------------------------------------------------- */

form { margin-bottom:20px; }
fieldset { margin-bottom:20px; }

input[type="checkbox"],
input[type="radio"] {
    display:inline;
    margin-top:-1px;
    margin-right:7px;
    }

input[type="text"],
input[type="password"],
input[type="email"],
textarea {
    display:block;
    border:1px solid #ccc;
    padding:8px 16px;
    outline:none;
    font-size:1em;
    line-height:1em;
    color:#777;
    margin:0;
    width:210px;
    max-width:100%;
    background:#fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	box-sizing: border-box;
    }


input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
    border:1px solid #aaa;
    color:#444;
    }

textarea {
    min-height:60px;
    }





/* Select Boxes
-------------------------------------------------- */

.styled-select select {
	background: transparent;
	width: 106%;
	padding: 0 0 0 0;
	font-size: 1em;
	color:#777;
	line-height: 1;
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
	}
   
.styled-select {
	width: 100%;
	height: 30px;
	overflow: hidden;
	background: url('/images/bgd-select.gif') no-repeat right #FFFFFF;
	}

select option {
    padding-right:10px;
    }

select.multiselect option {
    border-bottom:1px solid #ccc;
    padding:1px 5px;
    }

select.multiselect option:last-child {
    border-bottom:0;
    }


/* Basic Form Elements
-------------------------------------------------- */

.fieldset {
    margin-bottom:10px;
    border-bottom:1px solid #ddd;
    }

.fieldset .formradio {
    display:inline;
    }

.fieldset .radio {
    display:inline-block;
    margin-right:10px;
    }

.fieldset .button,
.buttons-set .button {
    width:100%;
    }

.forminfo {
    margin:15px 0;
    color:#219d61;
    }

.fieldset .input-text {
    width:100%;
    padding:10px 18px;
    font-size:0.875em;
    border: 1px solid #DCDCDC;
    background-color:#FFFFFF;
	-webkit-box-shadow:2px 2px 4px rgba(0,0,0,.2);
    -moz-box-shadow:2px 2px 4px rgba(0,0,0,.2);
    box-shadow:2px 2px 4px rgba(0,0,0,.2);
    }

.checkbox-wrapper {
    margin-bottom:15px;
    }

.checkbox-wrapper label {
    display:inline;
    }




/* Misc
-------------------------------------------------- */

.remove-bottom { margin-bottom:0 !important; }
.half-bottom { margin-bottom:10px !important; }
.add-bottom { margin-bottom:20px !important; }





/* Global Clearfix
-------------------------------------------------- */

.form-list:after,
.form-list li:after {
    display:block;
    zoom:1;
    *zoom:1;
    content:"\0020";
    height:0;
    line-height:0;
    clear:both;
    visibility:hidden;
    overflow:hidden;
    }