/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/
/* Table of Content
==================================================
	#Reset & Basics
	#Basic Styles
	#Site Styles
	#Typography
	#Links
	#Lists
	#Images
	#Buttons
	#Tabs
	#Forms
	#Misc 
*/

/*



/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
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:inherit; font-size:100%; margin:0; padding:0; vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display:block; }
body{ line-height:1;}
ol,ul{ list-style:none;}
blockquote,q{ quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none;}
table{ border-collapse:collapse; border-spacing:0; width:100%;}

iframe{width:100%;}
/* #Basic Styles================================================== */
body{
/*-webkit-font-smoothing:antialiased; 
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%; */
color: #ffffff; 
font-family: 'Droid Sans', sans-serif;
font-size: 12px;
line-height: 24px;
}

/* #Typography================================================== */
@font-face {
    font-family: 'GothamCondensedMedium';
    src: url('gothamcondensed-medium-webfont.eot');
    src: url('gothamcondensed-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('gothamcondensed-medium-webfont.woff') format('woff'),
         url('gothamcondensed-medium-webfont.ttf') format('truetype'),
         url('gothamcondensed-medium-webfont.svg#GothamCondensedMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GothamCondensedBold';
    src: url('gothamcondensed-bold-webfont.eot');
    src: url('gothamcondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('gothamcondensed-bold-webfont.woff') format('woff'),
         url('gothamcondensed-bold-webfont.ttf') format('truetype'),
         url('gothamcondensed-bold-webfont.svg#GothamCondensedBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1,h2,h3,h4,h5,h6{ font-weight:500; color:#fff; margin-bottom:10px;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{ font-weight:inherit;}
h2{ font-size:20px;}
h3{ font-size: 13px; line-height: 22px;}
h2 em{ font-size:20px; display:block; font-style:normal; font-weight:normal; }
h4{ font-size:20px; }
h5{ font-size:16px;}
h6{ font-size:14px;}

.top-10 {padding-top:10px;}
.top-20 {padding-top:20px;}
.top-30 {padding-top:30px;}
.top-50 {padding-top:50px;}
.top-300 {padding-top:300px;}

.top-minus20 {margin-top:-45px;}

a:focus {
  outline: none;
}

.subheader{ color:#777;}
p{ margin:0 0 10px 0;}
p img{ margin:0;}
p.lead{ color:#777; font-size:21px; line-height:27px;}
em{ font-style:italic;}
strong{ color:#ccc; font-weight:bold;}
small{ font-size:80%;}

.einzugaussen{
padding-left: 15px;
}

.news{
padding-left: 0px;
}


li:hover {color:#C4CACA; cursor: default;}

.einzug {
list-style-type:square;
list-style-position:outside;
line-height: 22px;
}

.einzugnumeric {
list-style-type:decimal;
list-style-position:outside;
line-height: 22px;
}


blockquote,blockquote p{ color:#777; font-size:17px; font-style:italic; line-height:24px;}
blockquote{ border-left:1px solid #ddd; margin:0 0 20px; padding:9px 20px 0 19px;}
blockquote cite{ color:#555; display:block; font-size:12px;}
blockquote cite:before{ content:"\2014 \0020";}
blockquote cite a,blockquote cite a:visited,blockquote cite a:visited{ color:#555;}

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

/* #Links================================================== */
a {color:#ffffff; text-decoration:none;  -webkit-transition: color 0.3s ease-in-out;-o-transition: color 0.3s ease-in-out;-moz-transition: color 0.3s ease-in-out;transition: color 0.3s ease-in-out;}
a:hover {color: #cccccc;}

a.rotlinks {color:#ff0000; font-weight: normal; text-decoration :none; text-align: left; -webkit-transition: color 0.3s ease-in-out;-o-transition: color 0.3s ease-in-out;-moz-transition: color 0.3s ease-in-out;transition: color 0.3s ease-in-out;}
a.rotlinks:visited {color:#ff0000; font-weight: normal; text-decoration:none; text-align: left; -webkit-transition: color 0.3s ease-in-out;-o-transition: color 0.3s ease-in-out;-moz-transition: color 0.3s ease-in-out;transition: color 0.3s ease-in-out;}
a.rotlinks:hover {color:#ff0000; font-weight: normal; text-decoration:underline; text-align: left; -webkit-transition: color 0.3s ease-in-out;-o-transition: color 0.3s ease-in-out;-moz-transition: color 0.3s ease-in-out;transition: color 0.3s ease-in-out;}
a.rotlinks:active {color:#ff0000; font-weight: normal; text-decoration:none; text-align: left; -webkit-transition: color 0.3s ease-in-out;-o-transition: color 0.3s ease-in-out;-moz-transition: color 0.3s ease-in-out;transition: color 0.3s ease-in-out;}

a.hlinks {color:#a6d3d8; font-weight: normal; text-decoration :none; text-align: left; -webkit-transition: color 0.3s ease-in-out;-o-transition: color 0.3s ease-in-out;-moz-transition: color 0.3s ease-in-out;transition: color 0.3s ease-in-out;}
a.hlinks:visited {color:#a6d3d8; font-weight: normal; text-decoration:none; text-align: left; -webkit-transition: color 0.3s ease-in-out;-o-transition: color 0.3s ease-in-out;-moz-transition: color 0.3s ease-in-out;transition: color 0.3s ease-in-out;}
a.hlinks:hover {color:#ffffff; font-weight: normal; text-decoration:none; text-align: left; -webkit-transition: color 0.3s ease-in-out;-o-transition: color 0.3s ease-in-out;-moz-transition: color 0.3s ease-in-out;transition: color 0.3s ease-in-out;}
a.hlinks:active {color:#a6d3d8; font-weight: normal; text-decoration:none; text-align: left; -webkit-transition: color 0.3s ease-in-out;-o-transition: color 0.3s ease-in-out;-moz-transition: color 0.3s ease-in-out;transition: color 0.3s ease-in-out;}

a.wlinks {color:#ffffff; font-weight: normal; text-decoration :none; text-align: left; -webkit-transition: color 0.3s ease-in-out;-o-transition: color 0.3s ease-in-out;-moz-transition: color 0.3s ease-in-out;transition: color 0.3s ease-in-out;}
a.wlinks:visited {color:#ffffff; font-weight: normal; text-decoration:none; text-align: left; -webkit-transition: color 0.3s ease-in-out;-o-transition: color 0.3s ease-in-out;-moz-transition: color 0.3s ease-in-out;transition: color 0.3s ease-in-out;}
a.wlinks:hover {color:#016D79; font-weight: normal; text-decoration:none; text-align: left; -webkit-transition: color 0.3s ease-in-out;-o-transition: color 0.3s ease-in-out;-moz-transition: color 0.3s ease-in-out;transition: color 0.3s ease-in-out;}
a.wlinks:active {color:#ffffff; font-weight: normal; text-decoration:none; text-align: left; -webkit-transition: color 0.3s ease-in-out;-o-transition: color 0.3s ease-in-out;-moz-transition: color 0.3s ease-in-out;transition: color 0.3s ease-in-out;}

a.flinks {color:#222222; font-weight: normal; text-decoration :none; text-align: left; -webkit-transition: color 0.3s ease-in-out;-o-transition: color 0.3s ease-in-out;-moz-transition: color 0.3s ease-in-out;transition: color 0.3s ease-in-out;}
a.flinks:visited {color:#222222; font-weight: normal; text-decoration:none; text-align: left; -webkit-transition: color 0.3s ease-in-out;-o-transition: color 0.3s ease-in-out;-moz-transition: color 0.3s ease-in-out;transition: color 0.3s ease-in-out;}
a.flinks:hover {color:#016D79; font-weight: normal; text-decoration:none; text-align: left; -webkit-transition: color 0.3s ease-in-out;-o-transition: color 0.3s ease-in-out;-moz-transition: color 0.3s ease-in-out;transition: color 0.3s ease-in-out;}
a.flinks:active {color:#222222; font-weight: normal; text-decoration:none; text-align: left; -webkit-transition: color 0.3s ease-in-out;-o-transition: color 0.3s ease-in-out;-moz-transition: color 0.3s ease-in-out;transition: color 0.3s ease-in-out;}

a.glinks {color:#016D79; font-weight: normal; text-decoration :none; text-align: left; -webkit-transition: color 0.3s ease-in-out;-o-transition: color 0.3s ease-in-out;-moz-transition: color 0.3s ease-in-out;transition: color 0.3s ease-in-out;}
a.glinks:visited {color:#016D79; font-weight: normal; text-decoration:none; text-align: left; -webkit-transition: color 0.3s ease-in-out;-o-transition: color 0.3s ease-in-out;-moz-transition: color 0.3s ease-in-out;transition: color 0.3s ease-in-out;}
a.glinks:hover {color:#016D79; font-weight: normal; text-decoration:none; text-align: left; -webkit-transition: color 0.3s ease-in-out;-o-transition: color 0.3s ease-in-out;-moz-transition: color 0.3s ease-in-out;transition: color 0.3s ease-in-out;}
a.glinks:active {color:#016D79; font-weight: normal; text-decoration:none; text-align: left; -webkit-transition: color 0.3s ease-in-out;-o-transition: color 0.3s ease-in-out;-moz-transition: color 0.3s ease-in-out;transition: color 0.3s ease-in-out;}


/* #Lists
================================================== */
ul.square{ list-style:square outside;}
ul.circle{ list-style:circle outside;}
ul.disc{ list-style:disc outside;}
ul.large li{ line-height:21px;}

/* #Images================================================== */
img.scale-with-grid {
	max-width:96%;
	height: auto;
	border:6px solid #1d1d1d;
}

img.scale-with-grid-fff {
	max-width:95%;
	height: auto;
	padding: 2px;
	border:1px solid #777;
	margin-bottom: 4px;
}

img.scale-with-grid-ccc {
	max-width:96%;
	height: auto;
	border:1px solid #cccccc;
	margin-bottom: 10px;
	outline-style:none;
	outline-width: 0;
	}
	
	

/* #Buttons================================================== */
.button, button, input[type=submit], input[type=reset], input[type=button] {
		background: #eee; /* Old browsers */
		background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
		background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
		background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
		background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
		background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
		background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
		border:none;
	  padding: 4px 20px;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	  border-radius: 3px;
	  color: #222;
	  display: inline-block;
	  font-size: 12px;
	  font-weight: bold;
	  text-decoration: none;
	  text-shadow: 0 1px rgba(255, 255, 255, .75);
	  cursor: pointer;
	  margin-bottom: 10px;
	  line-height: normal;
	  padding: 8px 20px;
	  font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

	.button:hover, button:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover {
		color: #222;
		border:none;
		background: #6dcff6; /* Old browsers */
		background: #6dcff6 -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
		background: #6dcff6-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
		background: #6dcff6 -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
		background: #6dcff6 -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
		background: #6dcff6 -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
		background: #6dcff6 linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
	}

	.button:active, button:active, input[type=submit]:active, input[type=reset]:active, input[type=button]:active {
		bborder:none;
		background: #6dcff6; /* Old browsers */
		background: #6dcff6 -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
		background: #6dcff6 -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
		background: #6dcff6-webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
		background: #6dcff6 -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
		background: #6dcff6 -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
		background: #6dcff6 linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */ }

	.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;
	}

/* #Forms================================================== */
fieldset{ margin-bottom:10px;}
input[type=text], input[type=password], input[type=email], textarea, select{ background:#dcdcdc; border: none; color:#111; display:block; font:13px Oswald, Arial,sans-serif; margin:0; margin-bottom:20px; border-radius:3px; -moz-border-radius:3px;  -webkit-border-radius:3px; outline:none; padding:8px 8px  8px 40px ;  width:260px; }
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, textarea:focus {box-shadow:0 0 8px rgba(109,207,246,1); color:#444; -moz-border-radius:3px; -moz-box-shadow:0 0 8px rgba(109,207,246,1); -webkit-border-radius:3px; border-radius:3px; -webkit-box-shadow:0 0 8px rgba(109,207,246,1); background:#fff; }

input[type=text].name{ background:#dcdcdc url(../img/name.png) no-repeat -3px center; }
input[type=text].name:focus{ background:#fff url(../img/name.png) no-repeat -3px center; }

input[type=email].email{ background:#dcdcdc url(../img/email.png) no-repeat -3px center; }
input[type=email].email:focus{ background:#fff url(../img/email.png) no-repeat -3px center; }

input[type=text].phone{ background:#dcdcdc url(../img/phone.png) no-repeat -3px center; }
input[type=text].phone:focus{ background:#fff url(../img/phone.png) no-repeat -3px center; }

select{ padding:7px;}


textarea{ min-height:60px; max-width:95%; padding:8px;}
label,legend{ display:block;}
.verify_txt {float:left; width:180px; margin-top:8px }
input.verify_form {width: 30px; float:left; padding:8px; }
label {color:#fff; font-weight: normal; margin-bottom:3px}
span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

.error_message { display: block; height: 22px; line-height: 22px; background: #ed1c24 url(../img/allert.png) no-repeat 10px center; padding: 3px 10px 3px 35px; color:#fff;border: 1px solid #f26c4f; }
.loader { padding: 0 10px; }
#success_page h1 { background: url('../img/success.png') left no-repeat; padding-left:40px; color:#fff; line-height:30px; font-size:30px; }

/* #Misc================================================== */
.remove-bottom{ margin-bottom:0 !important;}
.half-bottom{ margin-bottom:10px !important;}
.add-bottom{ margin-bottom:20px !important;}
.add-bottom50{ margin-bottom:50px !important;}
.add-bottom10{ margin-bottom:10px !important;}
.add-bottom20{ margin-bottom:20px !important;}
.add-bottom_2{ margin-bottom:35px !important;}
.add-bottom_3{ margin-bottom:40px !important;}
.add-top-bottom{ padding: 60px 0px 30px 0;}

/* Table ====================================== */ 
tr:nth-of-type(odd){ background:#1e1e1e;}
th{ background: url(../img/pattern.png) repeat; color:white; font-weight:bold; border-bottom:1px solid #000;}
td,th{ padding:8px; text-align:left;}
td strong{ color:#fff;}

/* #Tabs (activate in tabs.js)
================================================== */
	ul.tabs {
		display: block;
		margin: 0 0 20px 0;
		padding: 0;
		border-bottom: solid 1px #1e1e1e; }
	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;
		line-height: 30px;
		border: solid 1px #1e1e1e;
		border-width: 1px 1px 0 0;
		margin: 0;
		background: #333;
		font-size: 13px; }
	ul.tabs li a.active {
		background: #3cacba;
		height: 30px;
		position: relative;
		top: -4px;
		padding-top: 4px;
		border-left-width: 1px;
		margin: 0 0 0 -1px;
		color: #fff;
		-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;l}
	ul.tabs-content > li.active { display: block; }

	/* Clearfixing tabs for beautiful stacking */
	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; }
	  
/* Acccordion */	  
#accordion-container {
	
}
.accordion-header {
	margin: 10px 0 0 0;
	padding: 5px 15px;
	cursor: pointer;
	color: #111;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-shadow: 0 -1px 0 rgba(255,255,255,0.9);
}

.active-header {
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	background: url(../img/active-header.gif)  #fcc000;
	background-repeat: no-repeat;
	background-position: right 50%;
}

.active-header:hover {
	background: url(../img/active-header.gif) #6dcff6;
	background-repeat: no-repeat;
	background-position: right 50%;
}

.inactive-header {
	background: url(../img/inactive-header.gif) #fcc000;
	background-repeat: no-repeat;
	background-position: right 50%;
}

.inactive-header:hover {
	background: url(../img/inactive-header.gif)  #6dcff6;
	background-repeat: no-repeat;
	background-position: right 50%;
}

.accordion-content {
	display: none;
	padding: 15px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	background-color:#1d1d1d;
	
	text-align:center;
}