/* KPT Reise- und Ferienversicherung */

/* YUI CSS Tools
Copyright (c) 2009, Yahoo! Inc. All rights reserved. Version: 2.7.0.
Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:bold;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
h1{font-size:138.5%;}h2{font-size:138.5%;}h3{font-size:100%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong,dt{font-weight:bold;}optgroup{font-weight:normal;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}del{text-decoration:line-through;}blockquote{margin-left:2em;}ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}sup{vertical-align:super;}sub{vertical-align:sub;}p,fieldset,table,pre{margin-bottom:1em;}input[type="checkbox"],input[type="radio"]{padding:1px;}
body{font:13px/1.231 Arial, Helvetica, sans-serif;}select,input,button,textarea,button{font:99% Arial, Helvetica, sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/* end YUI */

html { overflow-y: scroll; }
h3, h4 { margin-bottom: 0.5em; }
a { color:#505050; text-decoration:underline; cursor: pointer; }
a:focus, a:hover { color:#d8321e; }
a.disabled { color:#888; cursor: default }
span.disabledLink { color:#888; cursor: default; text-decoration:underline; }
noscript { color: #d8321e; font-size: 12px; margin-bottom: 10px; }
label { font-size: 12px; font-weight: bold; }
*:focus { outline: none; }

ul { padding-left: 16px; }
ol { list-style-type: decimal; padding-left: 20px; }
li { padding-top: 3px; padding-bottom: 3px; }
ul li { padding-left: 0px; list-style-position: outside; }
ol li { list-style-position: outside; padding-left: 0; }

table {
	border-collapse: collapse;
	border: 0;
	margin: 0;
	padding: 0;
}
td, th {
	border: 0;
	margin: 0;
	padding: 0;
}
td strong, th strong, td b, th b {
	font-weight: bold;
	color: #000;
}
hr {
	display: block;
	clear: both;
	padding: 0;
	border: 0;
	margin: 6px 0px 7px 0px;
	height: 1px;
	color: #888;
	background-color: #888;
}
input, select, textarea {
	width: 85%;
	padding: 2px 2px 2px 2px;
	font-size: 95%;
	border-left: #9f9f9f solid 1px;
	border-right: #d6d6d6 solid 1px;
	border-top: #9f9f9f solid 1px;
	border-bottom: #d6d6d6 solid 1px;
}
select[readonly], input[readonly], textarea[readonly] {
	color: #000;
	background-color: #eee;
}
select[disabled], input[disabled], textarea[disabled] {
	color: #888;
	background-color: #eee;
	cursor: default;
}
textarea {
	overflow-x: hidden;
	overflow-y: auto;
}
select { width: 89%; padding: 0px; }

/* static areas */

#center {
	width: 776px;
	margin-right: auto;
	margin-left: auto;
}
#layout {
	margin: 7px 20px 20px 20px;
}
#main {
	float: left;
	width: 736px;
	min-height: 400px;
}
.logo {
	height: 45px;
    margin-top: 14px;
	margin-bottom: 25px;
	cursor: pointer;
	background: url("../images/logo-de.png") 0 0 no-repeat;
}
.de {
	background: url("../images/logo-de.png") 0 0 no-repeat;
}
.fr {
	background: url("../images/logo-fr.png") 0 0 no-repeat;
}
.it {
	background: url("../images/logo-it.png") 0 0 no-repeat;
}
.en {
	background: url("../images/logo-en.png") 0 0 no-repeat;
}
#logo h2 {
	text-indent: -99999px;
	margin: 0;
}
#bigbar {
	height: 17px;
	background-color: #d8321e;
	padding: 1px 0 2px 6px;
	margin-bottom: 23px;
}
#bigbar h3 {
	float: left;
	color: #fff;
	font-size: 108%;
	margin: 0;
}
#sprachwahl {
	float: right;
	color: #fff;
	padding: 1px 4px 0 0;
	cursor: default;
}
#sprachwahl a {
	color: #fff;
	padding: 0 2px 0 2px;
	text-decoration: none;
}
#sprachwahl span {
	color: #fff;
	padding: 0 2px 0 2px;
	font-weight: bold;
}
#sprachwahl a:hover, #sprachwahl a:focus {
	text-decoration: underline;
}
#content {
	padding-bottom: 16px;
}
#fusszeile {
	clear: both;
	color: #888;
	width: 736px;
	margin-left: 0;
	padding-top: 6px;
	border-top: 1px dotted #555;
	font-size: 77%;
}
#fusszeile br { display: none; }
#fusszeile a { color: #888; }
#fusszeile a:focus, #fusszeile a:hover { color:#d8321e; }

/* tabellen */

.tabelle {
	border: 0;
	font-size: 95%;
	border-left: 1px solid #aaa;
	border-top: 1px solid #aaa;
	background-color: #fff;
}
.tabelle th {
	color: #555555;
	background-color: #eaeaea;
	border-bottom: 1px solid #aaa !important;
	border-right: 1px solid #aaa !important;
	vertical-align: middle;
	text-align: left;
	font-weight: bold;
}
.tabelle td {
	border-bottom: 1px solid #aaa !important;
	border-right: 1px solid #aaa !important;
	vertical-align: middle;
}
.tabelle td.bottom {
	vertical-align: bottom;
}
.tabelle th, .tabelle td  {
	border: 0;
	padding: 10px 10px;
}
.tabelle p {
	margin-bottom: 0.6em;
}
.tabelle.middle th, .tabelle.middle td {
	vertical-align: middle;
}
.tabelle ul, .tabelle ol, .tabelle dl {
	margin: 0 0 0 12px;
}
.tabelle-no-right-border {
	border-left: 0;
}
th.no-right-border, td.no-right-border {
	border-right: 0 !important;
}

/* rubriken */

.rubrikbar {
	clear: both;
}
.rubrikbar h3, .rubrikbar h4 {
	height: 17px;
	color: #fff;
	background-color: #7a7a7a;
	padding: 3px 0 0px 5px;
	margin: 0;
}
.rubrikbar h4 {
	background-color: #9a9a9a;
}
.rubrikbar.hell h4 {
	color: #555555;
	background-color: #eaeaea;
}
.rubrikbox {
	clear: both;
	border-left: 1px solid #9a9a9a;
	border-right: 1px solid #9a9a9a;
	border-bottom: 1px solid #9a9a9a;
}

/* formulare */

.formularwrapper {
	padding: 7px 0 5px 0;
	background-color: #fff;
}
table.formular  {
	font-size: 13px;
	empty-cells: show;
}
table.formular td, table.formular th {
	height: 16px;
	border: 0 !important;
	padding: 5px 10px;
	text-align: left;
	vertical-align: top;
}
.formular.middle th, .formular.middle td {
	vertical-align: middle;
}
table.formular th {
	color: #555555;
	background-color: #eaeaea;
}
table.tabelle-layout td, table.tabelle-layout th {
	border-left: 0;
	border-bottom: 0 !important;
	border-top: 0;
	border-right: 0 !important;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
.borderBottom {
	border-bottom: 1px solid #c9c9c9 !important;
}
.borderTopBottom {
	border-top: 1px solid #c9c9c9 !important;
	border-bottom: 1px solid #c9c9c9 !important;
}
.borderTop {
	border-top: 1px solid #c9c9c9 !important;
}
.borderBottomLight {
	border-bottom: 1px solid #ddd !important;
}
.borderBottomDark {
	border-bottom: 1px solid #aaa !important;
}
.borderTopNone {
	border-top: 0 !important;
}

/* formatting */

.clear {
	clear: both;
}
.noclear {
	clear: none !important;
}
.floatleft {
	float: left !important;
}
.floatright {
	float: right !important;
}
.bold {
	font-weight: bold !important;
}
.plain {
	font-weight: normal !important;
}
.capitalize {
	text-transform: capitalize;
}
.smallest {
	font-size: 9px;
}
.smaller {
	font-size: 10px !important;
}
.small {
	font-size: 11px !important;
}
.bigger {
	font-size: 100% !important;
}
.normal {
	font-size: 93%;
}
.big {
	line-height: 19px !important;
	font-size: 16px !important;
}
.center {
	text-align: center !important;
}
.middle {
	vertical-align: middle !important;
}
.left {
	text-align: left !important;
}
.right {
	text-align: right !important;
}
.cursor {
	cursor: pointer !important;
}
.nocursor {
	cursor: default !important;
}
.nofloat {
	clear: both;
	float: none !important;
}
.activateable {
	cursor: pointer;
	color: #000;
}
.activateable:hover {
	border-top: 1px solid #f0d848 !important;
	border-right: 1px solid #fff3aa !important;
	border-bottom: 1px solid #fff3aa !important;
	border-left: 1px solid #f0d848 !important;
	background-color: #fbf9ee !important;
}

/* jQuery UI */

.ui-state-error, .ui-state-highlight, .ui-state-ok, .ui-state-ok-bold, .ui-state-info { padding: 8px 10px 8px 10px; margin-bottom: 20px; }
.ui-state-error { border: 1px solid #d8321e; background: #fff; color: #d8321e; }
.ui-state-error * { color: #d8321e; }
.ui-icon { width: 16px; height: 16px; float:left; }
.ui-icon-alert { background-image: url(../images/icons/exclamation-error.png); background-position: 0 -144px; }
.ui-label { min-width: 14px; padding-right: 5px; white-space: nowrap; vertical-align: top; }
.ui-state-error strong, .ui-state-error b { color: #d8321e; }
.ui-box { margin-bottom: 1em; }
.ui-box table tr td { vertical-align: top !important; }
.ui-message { padding-left: 5px; }
.ui-message ul { margin: 0.6em 0.5em 0.2em 0px; padding-left: 10px; }
.ui-message ul li { padding-left: 0px; list-style-position: none; }

/* workflow */

.workflow {
	width: 100%;
}
.workflow a, .workflow span {
	display: block;
	float: left;
	width: 88px;
	text-align: center;
	font-size: 12px;
}
.workflow span {
	cursor: default;
}
.workflow span.steptext {
	color: #000;
}
.workflow span.steptext-off {
	color: #888;
}
.workflow .trenner, .workflow .trenner-off, .workflow .trenner-pfeil, .workflow .trenner-pfeil-off {
	float: left;
	width: 38px;
	height: 40px;
	background: url("../images/trenner.png") no-repeat 0 -40px;
	margin: 0 6px;
}
.workflow .trenner-off {
	background: url("../images/trenner.png") no-repeat 0px 0px;
}
.workflow .trenner-pfeil {
	background: url("../images/trenner-pfeil.png") no-repeat 0px -40px;
}
.workflow .trenner-pfeil-off {
	background: url("../images/trenner-pfeil.png") no-repeat 0px 0px;
}
.workflow-nav {
	float: right;
	height: 100%;
	vertical-align: top;
	margin-top: 1em;
}
.workflow-nav .left, .workflow-nav.left {
	float: left;
}
a.step1, a.step2, a.step3, a.step4, a.step5, a.step6,
span.step1, span.step2, span.step3, span.step4, span.step5, span.step6,
span.step1off, span.step2off, span.step3off, span.step4off, span.step5off, span.step6off,
span.step1err, span.step2err, span.step3err, span.step4err, span.step5err, span.step6err,
a.step1err, a.step2err, a.step3err, a.step4err, a.step5err, a.step6err {
	width: 40px;
	height: 40px;
	margin: 0 0 0 10px;
}
a.step1, span.step1 { background: url("../images/wizard_dots_v2.png") no-repeat 0px -40px; }
a.step2, span.step2 { background: url("../images/wizard_dots_v2.png") no-repeat -45px -40px; }
a.step3, span.step3 { background: url("../images/wizard_dots_v2.png") no-repeat -90px -40px; }
a.step4, span.step4 { background: url("../images/wizard_dots_v2.png") no-repeat -135px -40px; }
a.step5, span.step5 { background: url("../images/wizard_dots_v2.png") no-repeat -180px -40px; }
a.step6, span.step6 { background: url("../images/wizard_dots_v2.png") no-repeat -225px -40px; }
span.step1off { background: url("../images/wizard_dots_v2.png") no-repeat 0px 0px; }
span.step2off { background: url("../images/wizard_dots_v2.png") no-repeat -45px 0px; }
span.step3off { background: url("../images/wizard_dots_v2.png") no-repeat -90px 0px; }
span.step4off { background: url("../images/wizard_dots_v2.png") no-repeat -135px 0px; }
span.step5off { background: url("../images/wizard_dots_v2.png") no-repeat -180px 0px; }
span.step6off { background: url("../images/wizard_dots_v2.png") no-repeat -225px 0px; }
a.step1err, span.step1err { background: url("../images/wizard_dots_v2.png") no-repeat 0px -80px; }
a.step2err, span.step2err { background: url("../images/wizard_dots_v2.png") no-repeat -45px -80px; }
a.step3err, span.step3err { background: url("../images/wizard_dots_v2.png") no-repeat -90px -80px; }
a.step4err, span.step4err { background: url("../images/wizard_dots_v2.png") no-repeat -135px -80px; }
a.step5err, span.step5err { background: url("../images/wizard_dots_v2.png") no-repeat -180px -80px; }
a.step6err, span.step6err { background: url("../images/wizard_dots_v2.png") no-repeat -225px -80px; }
a.step1, span.step1, span.step1off, span.step1err, a.step1err {
	margin-left: 28px;
}
a.step1text, span.step1text {
	text-align: left;
	width: 70px;
}
a.step-done, span.step-done { background: url("../images/wizard_dots_v2.png") no-repeat 0px -120px; }

/* overwrites online abschluss reiseversicherung */

.workflow a.step1text, .workflow span.step1text {
	text-align: center;
	width: 90px;
	margin: 0 6px 0 0;
}
.workflow .steptext, .workflow .steptext-off {
	margin: 0 6px;
}
.byline {
	clear: both;
	padding-top: 5px;
}

/* buttons */

.button, input[type=button], input[type=submit] {
	width: auto;
	cursor: pointer;
	font-weight: bold;
	font-size: 11px;
	line-height: 14px;
	height: 24px;
	padding: 0 8px 0 8px;
	color: #f7f7f7;
	border-top: 2px solid #dddddd;
	border-left: 2px solid #dddddd;
	border-right: 2px solid #484848;
	border-bottom: 2px solid #484848;
	background-color: #9a9a9a;
}
.button .primary, .button.primary, input[type=submit], a.button.primary {
	color: #f4f4f4;
	border-top: 2px solid #c8c8c8;
	border-left: 2px solid #c8c8c8;
	border-right: 2px solid #1e1e1e;
	border-bottom: 2px solid #1e1e1e;
	background-color: #6c6c6c;
}
a.button {
	float: left;
	display: block;
	text-decoration: none;
	line-height: 20px;
	height: 19px;
	padding: 1px 11px 0 11px;
}
.button:hover, input[type=button]:hover, a.button:hover {
	color: #fff;
	background-color: #aaa;
}
.button .primary:hover, input[type=submit]:hover, a.button.primary:hover {
	color: #fff;
	background-color: #888;
}
.button[disabled], .button[disabled]:hover, a.button.disabled, a.button.disabled:hover {
	color: #b1b1b1;
	border-top: 2px solid #f0f0f0;
	border-left: 2px solid #f0f0f0;
	border-right: 2px solid #9e9e9e;
	border-bottom: 2px solid #9e9e9e;
	background-color: #cfcfcf;
	cursor: default;
}
.button+.button {
	margin-left: 5px !important;
}
a.button+a.button {
	margin-left: 5px;
}

/* jQuery scripting classes */

.hidden { display: none; }
.hideable { display: none; }
.hideable-visible {}
.hideableOverride { display: table-row; }
.hideoverflow { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.shadow { background-color: #fff; }

/* jQuery autocomplete */

.ac_results {
	padding: 0px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #fff;
	overflow: hidden;
}
.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
	overflow-x: hidden;
}
.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}
.ac_results li {
	margin: 0px;
	padding: 2px 3px;
	cursor: pointer;
	display: block;
	width: 100%;
	font-size: 12px;
	overflow: hidden;
	border-bottom: 1px solid #ddd;
	white-space: nowrap;
}
.ac_loading {
	background : Window url('./indicator.gif') right center no-repeat;
}
.ac_over {
	background-color: #fff6d9;
}

/* checkboxes and radios */

.checkbox {
	float: left;
	width: 14px;
	height: 15px;
	margin-right: 3px;
	cursor: pointer;
	border: 0;
}
.radio {
	float: left;
	cursor: pointer;
	width: 15px;
	height: 15px;
	margin-right: 3px;
	border: 0;
}
.formular .radio {
	margin-top: -1px;
}
.formular .checkbox {
	margin-top: 1px;
}
.radiolabel {
	float: left;
	padding: 0 12px 0 0;
	cursor: pointer;
}
.checkbox + label {
	float: left;
	padding: 1px 8px 0 3px;
	font-weight: normal;
	cursor: pointer;
}

input[readonly].checkbox, input[readonly].radio {
	cursor: default;
}
input[type='text'].error, input[type='password'].error, textarea.error, select.error {
	background: #fff7f8;
	border-left: #a65555 solid 1px;
	border-right: #eca2a2 solid 1px;
	border-top: #a65555 solid 1px;
	border-bottom: #eca2a2 solid 1px;
}
label.error {
	color: #d8321e;
}