/* F�r Umbruch f�r Alles unter 287px */
@media only screen and (max-width: 287px) {

	/*235*/
	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6,
	.col-8 {
		width: 100% !important;
	}

	.col-9 {
		width: 90% !important;
	}

	#KonverterContainer {
		margin-left: 0 !important;
	}

	#divTbxPlz,
	#tbxPlzNeu,
	#divTbxBzPlzNeu,
	#tbxStrasseNeu,
	#tbxBzStrasseNeu,
	#tbxStrasse {
		margin-bottom: 5px;
	}
}

@media only screen and (min-width: 288px) {

	#divTbxPlz,
	#divTbxPlzNeu,
	#divTbxBzPlzNeu {
		padding-right: 0;
	}

	#divHsNr,
	#divHsnrNeu,
	#divBzHsnrNeu {
		padding-left: 0;
	}
}

body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	text-align: left;
}

h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	font-weight: bold;
	position: relative;
	width: 100%;
	text-decoration: none;
	background-image: url('images/aufzaehlungszeichen_weiss.gif');
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-bottom: 5px;
	margin-top: -3px;
}

h1.infoLadylikeDKS {
	font-size: 16px;
	word-break: break-word;
}

h5 {
	font-size: 11px;
	color: #666;
	width: 100%;
	/*float: right;*/
	clear: both;
	padding-left: 20px;
	height: auto;
	padding-bottom: 5px;
	padding-top: 5px;
	font-weight: normal;
	top: 0px;
	display: inline !important;
	position: relative;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-right: 10px;
}

h4 {
	color: #666;
	font-size: 12px;
	font-weight: normal;
	/*float: right;*/
	margin-right: 10px;
	margin-top: 2px;
	margin-bottom: 2px;
	clear: right;
	position: relative;
	width: 300px;
	padding-top: 10px;
	padding-bottom: 10px;
}

h6 {
	font-family: Verdana, Geneva, sans-serif;
	position: relative;

	background-color: #6887be;
	color: #FFF;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 105px;
	margin: 0px;
	clear: both;
	padding-right: 5px;
	font-weight: normal;
	background-image: url(images/hintergrund_schrift.jpg);
	background-repeat: repeat-y;

}

h5 a {
	color: #666;
	text-decoration: none;
}

h6 a:hover {
	background-color: #ffffff;
	color: #6887be;

}

h5 a:hover {
	background-color: #6887be;
	color: #ffffff;
}

.row {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #6887BE;
}


#tbxGrund {
	margin-top: 0;
	width: 100%;
	max-width: 100%;
	height: 50px;
	max-height: 320px;
}

textarea {
	width: 200px;
	height: 150px;
	border: 1px solid #6887BE;
	margin-top: 25px;
	margin-bottom: 5px;
}

.geschlecht {
	width: 60px;
}

.titel {
	width: 100px;
	margin-left: 15px;
}

h3,
h2,
.aufzaehlung {
	display: inline;
	color: #666;
	font-size: 15px;
	position: relative;
	width: 450px;
	/*float: right;*/
	clear: right;
	background-position: bottom left;
	background-repeat: no-repeat;
	/*	padding-left: 10px;*/
	height: auto;
	top: 0px;
	margin-top: 2px;
	margin-bottom: 3px;
	padding-top: 5px;
	padding-bottom: 6px;
	margin-right: 10px;
	font-weight: bold;
	margin-top: 5px;
}

input,
select {
	font-size: 11px;
	width: 100%;
	/* 70% */
	border: 1px solid #6887BE;
}

.cbx input {
	border: 0px;
	width: 15px;
}

#btnAbschicken {
	color: White;
	background-color: #6887BE;
}

div #eingabe {
	color: #666;
	/* width: 450px;*/
	/*float: right;*/
	clear: both;
	padding-left: 20px;
	height: auto;
	padding-bottom: 5px;
	padding-top: 5px;
	font-weight: normal;
	top: 0px;
	display: block;
	position: relative;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-right: 10px;
}

div #bankdaten,
#adressdaten,
#neuernamedaten,
#versicherungsbestaetigungAndereSpracheDaten,
#sepadaten,
#ersatzpolicedaten,
#abwbzdaten,
#divrbtBankverbindungVariante,
#bic,
#div_img_iban,
#konverterbankdaten {
	display: none;
}

.ui-autocomplete {
	max-height: 100px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
}

/* IE 6 doesn't support max-height
	 * we use height instead, but this forces the menu to always be this tall
	 */
* html .ui-autocomplete {
	height: 100px;
}

input.error {
	border: 1px solid red;
}

label.error {
	color: red;
}

.hidden {
	display: none;
}

.visible {
	display: block;
}

.black_overlay {
	display: block;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: 1001;
	-moz-opacity: 0.8;
	opacity: .80;
	filter: alpha(opacity=80);
}

.white_content {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: small;
	display: block;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	padding: 16px;
	border: 2px solid #6887BE;
	background-color: white;
	z-index: 1002;
	overflow: auto;
}

#gewinnspiel ul {
	list-style: none;
}

#gewinnspiel input {
	width: 300px;
	margin: 5px 0;
	padding: 2px;
}

#gewinnspiel input.button {
	width: 100px;
	font-weight: bold;
	font-size: 14px;
	color: #6887BE;
}

/*#listVersBestaetigungAndereSprache {
	width: 100%;
	text-align: center;
}*/

#listVersBestaetigungAndereSprache input,
#divTbxErsatzPoliceVersandweg input {
	width: 20px;
}