@font-face {
	font-family: DINWebRegular;
	src: url(http://girokonten-report.zieltraffic.de/css/DINWeb-Regular.eot);
}
@font-face {
	font-family: DINWebLight;
	src: url(http://girokonten-report.zieltraffic.de/css/DINWeb-Light.eot);
}
@font-face {
	font-family: DINWebMedium;
	src: url(http://girokonten-report.zieltraffic.de/css/DINWeb-Medium.eot);
}
@font-face {
	font-family: DINWebRegular;
	src: url(http://girokonten-report.zieltraffic.de/css/DINWeb-Regular.woff) format('woff');
}
@font-face {
	font-family: DINWebLight;
	src: url(http://girokonten-report.zieltraffic.de/css/DINWeb-Light.woff) format('woff');
}
@font-face {
	font-family: DINWebMedium;
	src: url(http://girokonten-report.zieltraffic.de/css/DINWeb-Medium.woff) format('woff');
}

/**************************************************
 * global elements
 **************************************************/
body {
    text-align: center;
    font-family: DINWebLight,"Trebuchet MS",Helvetica,Jamrul,sans-serif;
    line-height: 1.4;
    font-size: 20px;
    color: #245c61;
    background: url(http://girokonten-report.zieltraffic.de/images/bg-main.jpg) center top no-repeat;
}
.page {
    width: 960px;
    margin: 0 auto;
    text-align: left;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
hr {
    border: none;
    margin: 40px 0;
    padding: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    border-bottom: 1px solid #d9d9d9;
}
a {
    color: inherit;
    font-size: inherit;
    text-decoration: none;
}
b {
    font-family: DINWebMedium,"Trebuchet MS",Helvetica,Jamrul,sans-serif;
    font-weight: normal;
}
p a, ul li a {
    text-decoration: underline;
}

/**************************************************
 * header
 **************************************************/
.head {
    height: 770px;
    position: relative;
}
.logo {
    position: absolute;
    top: 0;
    right: 0;
    width: 188px;
    height: 153px;
}
.logo.zt {
    background: url(http://girokonten-report.zieltraffic.de/images/logo-zieltraffic.png) 0 0 no-repeat;
}
.logo.mf {
    background: url(http://girokonten-report.zieltraffic.de/images/logo-mindfacts.png) 0 0 no-repeat;
    right: 193px;
}
.text-preview {
    position: absolute;
    width: 500px;
    top: 194px;
    right: 65px;
    font-family: DINWebLight,"Trebuchet MS",Helvetica,Jamrul,sans-serif;
    line-height: 1.3;
    font-size: 20px;
}
.text-preview p {
    margin: 0 0 20px 0;
}
.text-preview h1 {
    font-size: 30px;
    color: #255c61;
    text-transform: uppercase;
    margin: 0 0 20px 0;
}
.text-preview h1 b {
    font-size: 38px;
}
a.btn-anfordern {
    display: block;
    width: 322px;
    height: 72px;
    background: url(http://girokonten-report.zieltraffic.de/images/btn-anfordern.png) 0 0 no-repeat;
    text-indent: -9999px;
}
a.btn-anfordern:hover {
    background-position: 0 -72px;
}
a.btn-anfordern:focus {
    outline: none;
}
div.btn-anfordern-wrapper {
    padding: 0 0 53px 0;
    background: url(http://girokonten-report.zieltraffic.de/images/btn-anfordern-shadow.png) left bottom no-repeat;
    position: relative;
}
a.btn-preview {
    font-size: 14px;
    font-family: DINWebMedium,"Trebuchet MS",Helvetica,Jamrul,sans-serif;
    padding: 2px 0 2px 20px;
    background: url(http://girokonten-report.zieltraffic.de/images/icon-preview.png) left center no-repeat;
    position: absolute;
    top: 90px;
    left: 20px;
}
a.btn-preview span {
    text-decoration: underline;
}

/**************************************************
 * content elements
 **************************************************/
p.initiation {
    color: #c40303;
}
h2 {
    font-size: 28px;
    margin: 0 0 10px 0;
}
ul.institute-list {
    padding: 0 0  5px 0;
}
ul.institute-list li {
    float: left;
    border: 1px solid #d9d9d9;
    margin: 0 11px 0 0;
    -webkit-box-shadow: 0px 0px 3px 3px #f5f4f4;
    -moz-box-shadow: 0px 0px 3px 3px #f5f4f4;
    box-shadow: 0px 0px 3px 3px #f5f4f4; 
}
ul.institute-list li img {
    display: block;
}
ul.institute-list li.last {
    margin: 0;
}
ul.thanks-list {
    margin: 20px 0 20px 20px;
}
ul.thanks-list li {
    list-style-type: disc;
    
}
/**************************************************
 * contact form
 **************************************************/
.contact-form {
    margin: 30px 0;
}
.contact-form li {
    float: left;
    width: 300px;
    margin: 0 30px 20px 0;
}
.contact-form li.last {
    margin-right: 0;
}
.contact-form li label {
    display: block;
}
.contact-form li input {
    font-family: DINWebMedium,"Trebuchet MS",Helvetica,Jamrul,sans-serif;
    font-size: 20px;
    background-color: #e8f1f2;
    border: 3px solid #e8f1f2;
    color: #245c61;
    padding: 0 5px;
    width: 290px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: block;
    height: 39px;
}
.contact-form li input:focus {
    border-color: #91adb0;
}
.contact-form li select {
    width: 300px;
    height: 45px;
    cursor: pointer;
}
.contact-form li.error label {
    color: #c40303;    
}
.contact-form li.error input {
    color: #c40303;
    background: #e8f1f2 url(http://girokonten-report.zieltraffic.de/images/bg-input-error.png) right center no-repeat;
}
.contact-form li.error div.selector span {
    color: #c40303;
}
.checkbox-table {
    margin: 35px 0;
}
input.submit {
    display: block;
    width: 269px;
    height: 78px;
    background: url(http://girokonten-report.zieltraffic.de/images/bg_submit.png) 0 0 no-repeat;
    border: none;
    cursor: pointer;
}
input.submit:hover {
    background-position: 0 -78px;
}
p.error-msg {
    padding: 0 0 0 20px;
    margin: 30px 0 0 0;
    color: #c40303;
    font-family: DINWebMedium,"Trebuchet MS",Helvetica,Jamrul,sans-serif;
    background: url(http://girokonten-report.zieltraffic.de/images/bg-msg-error.png) left center no-repeat;
}
p.error {
    color: #c40303;
}
/**************************************************
 * footer
 **************************************************/
ul.footer-list li {
    width: 300px;
    margin: 0 30px 0 0;
    float: left;
    font-size: 14px;
}
ul.footer-list li a {
    text-decoration: underline;
}
ul.footer-list li.last {
    margin-right: 0;
}

/**************************************************
 * St�rer
 **************************************************/
#stoerer {
	display:none;
	position:absolute;
	width:170px;
	height:170px;
	top:235px;
	left:-207px;
	background:url(http://girokonten-report.zieltraffic.de/images/stoerer.png) no-repeat;
	text-indent:-8932px;
}
#stoerer:hover {
	background-position:0 -200px;
}
.privacy{
    width: 850px;
    text-align: left;
    font-size: 16px;
}
.privacy p {
    margin-bottom: 15px;
}