@charset "utf-8";
/* CSS Document */

* {
	font-family: Tahoma, Arial, sans-serif;
	font-size: 14px;
	line-height:20px;
	color: #707172;
    box-sizing: border-box;
}

body{
	background-color:#ffffff;
	margin:12px;
    margin:0;
    padding:0;
}

/* .pagination {
    height:5px;
    border:1px solid #dcdcdc;
    text-align:left;
	font-size:11px;
	color:#999999;
	margin-top:-1px;
} */


.msg {
	background-color:#ef7e05;
    opacity: 0.8;
}

.msg_error  {
	font-size:16px;
	color:#ffffff;
    margin: 0 auto;
	padding:10px 0;
	min-width:800px;
    width: 80%;

	}

#all{
	background-color:#FFF;
	padding:10px 0 20px;
	margin: 0px auto;
	vertical-align:middle;	
    max-width: 1280px;
    width: 80%;
	}

#header {
	background:url(https://pk.dzbank.de/public/a_2257_cHWk1/webspace/2016/DZBANK_Logo_nat_pos_RGB_03.jpg) top left no-repeat;
    background-size: 200px;
    width: 100%;
	text-align:left;
	margin:20px auto;
	padding:0;	
	display:block;
}

#header h1 {
    padding:70px 0px 0px 0px;
	font-size:38px;
	line-height:48px;
    color: #f08200;
    margin:0px;
}

.questions {
        width: 100%;

}

.question {
    width:100%;
    overflow: auto;
	padding: 25px 30px;
    background-color: #f0f0f0;
}

div[class="question html"] {
	padding:15px 0;
        background-color: #ffffff;
}

h1, .head label {
        font-size:17px;
	font-weight:normal;
	margin:0px;
        color: #0066B3;
	}

input[type=text], textarea, select {
	background-color:#ffffff;
	font-size: 14px;
	color:#999999;
	border:1px solid #d0d0d0;
	padding:5px;
        box-shadow: 0px 0px 7px #cccccc;
}

option {
	background-color:#ffffff;
	font-size: 14px;
	color:#999999;
        padding: 3px;
        min-width: 200px;
}

input[type=text], textarea {
        width:98%;
}


.abstand { height:25px;	}

.head {	padding-bottom: 15px; }

.body div { padding: 0 0 15px 0;}


table {	width:100%; }

td {
	text-align: center;
	/* vertical-align:top; */
}

td.question {
	text-align:left;
	padding: 10px 0;
	width:40% !important;
}

td.answer {
	min-width: 80px;
        white-space: nowrap;
        padding: 10px;
        vertical-align: top;
}
.polarity_matrix td.question {
	text-align:center;
	padding: 10px 0;
	width:0px !important;
}

.date div.body input {
        width: 120px;
}


.html {
	/* border: 1px dotted #dcdcdc;
	padding:20px; */
        margin:20px 0;
}
.html .head {
	padding:0;

}

html .body {
        color: #666666;
        font-size: 14px;
}
input[type="checkbox"],input[type="radio"]{
    width:18px;
    height:18px;
}
.radiobutton_group input[type=text] {
	margin-top: 5px;
}
	
.radiobutton_matrix input[type=radio], .checkbox_matrix input[type=radio]{
	margin: 10px 0;
	}
.radiobutton_matrix td, .checkbox_matrix td, .polarity_matrix td{
	border-bottom: 1px dotted #d0d0d0;
}
.gauge td {
	min-width:100px;
	padding:0 10px;
}

.gauge table {
	width:auto;
	margin:0;
}

/*
.polarity_matrix td {
   width: 120px !important;
   text-align: center;
}
.polarity_matrix td, .polarity_matrix td.question, .polarity_matrix td input[type="radio"]  {
	padding-top:0px;
	padding-bottom:0px;
	margin:0 auto;
    text-align: center;
}*/

.pflicht {
	text-align:right;
	font-size:11px;
	float:right;
	color:#999999;
	}


.actions { padding:15px 0; }


input[type=submit], .submit {
        text-decoration: none;
	font-size:14px;
	padding: 5px 35px 5px 35px;
        margin-top: 10px;
	border:0;
	cursor: pointer;
	color:#ffffff;
        width: 200px;
        height:30px;
}
input[class=start], input[class=next], input[class=finish] {
	background-color:#0e3c8a;
        background:url(https://pk.dzbank.de/public/a_2257_cHWk1/webspace/2016/next2.png) top right #0e3c8a no-repeat;
	padding: 5px 55px 5px 35px !important;
        background-size: auto 30px;
}
input[class=start]:hover, input[class=next]:hover {
	background-color:#192d46;
}

input[class=back] {
        width: 150px;
	background-color: #f08200;
}

input[class=back]:hover {
	background-color: #de6d11;
}

input[class=finish] {
        text-transform: uppercase;
}


 @media only screen and (max-width:1050px) {

    #all{
        width: 90%;
    }
     
     .checkbox_matrix td.answer, .radiobutton_matrix  td.answer {
         padding: 10px 5px;
     }
     
     .checkbox_matrix td, .radiobutton_matrix td {
         font-size: 11px;
         line-height: 15px;
     }
}

 @media only screen and (max-width:640px) {

    td.answer {
        min-width: 60px;
    }
}



/***************************/

div.date input{
	cursor:pointer;
}

#datepicker{
	position:absolute;
	width:175px;
	padding:5px;
	background-color:#fff;
	border:solid 1px #000;
	z-index:9999;
	font-family:arial;
	font-size:12px;
}

#datepicker p{
	margin:0px;
	padding:0px;
}

#datepicker a{
	color:#999;
	text-decoration:none;
}
#datepicker a:hover, #datepicker a.weekend:hover{
	color:#000;
}

#datepicker a.active{
	color:#F56E01 !important;
	font-weight:bold;
}

#datepicker a.today{
	color:#F56E01;
}

#datepicker a.weekend{
	color:#666666;
}

#datepicker ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#datepicker ul li{
	float:left;
	width:21px;
	margin:2px;
	padding:0px;
	list-style-type:none;
	text-align:right;
}

#datepicker ul li a{
	padding:2px;
}

#datepicker p{
	text-align:center;
}

#datepicker_year_month{
	font-weight:bold;
}

#datepicker_weekdays{
	margin-top:3px;
}