/* ********** ********** HeadLines ********** ********** */
h1, h2     { font-weight: normal; font-family: "Times New Roman", serif; }
h2, h3, h4 { margin-bottom: 10px; }
h3, h4     { font-weight: bold; }
h1 {
	font-size: 1.4em;
	margin-bottom: 20px;
}
h2 {
	font-size: 1.4em;
	color: #003F5B;
}
h3 {
	font-size: 1.2em;
	color: #333;
}
h4 { font-size: 1.1em; }
h5 { font-size: 1em; font-weight: bold; color: #003F5B; }
.box h2, .box h3, .box h4 { padding: 0px 10px; }

/* ********** ********** TEXT ********** ********** */
p { line-height: 1.4em; margin-bottom: 10px; }
.box p { padding: 0px 10px 0px 10px; }
strong { font-weight: bold; }
small { font-size: 0.8em; }
.fontBig 	{ font-size: 1.3em; }
.fontMedium { font-size: 1.2em; }
.fontSmall 	{ font-size: 0.8em; }

/* ********** ********** LISTEN ********** ********** */
/* in Default*/

/* ********** Listen In Boxen ********** */
.box ul { padding: 0px 10px 0px 10px; }
.box ul li { padding: 5px 0px; }
ul.mitIcon li { 
	margin-left: 20px;
	list-style: disc;
}
/*#aside .box ul li { padding: 0.3em 0em; }*/

/* in Default*/
/* ********** FragenBox ********** */

/* ********** ********** LINKS ********** ********** */
a {
	color: #86171E;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: none;
}

a.pfeilBold, a.pfeil {
	padding-left: 12px;
	background-position: 0px 2px;
}
a.pfeilBold { font-weight: bold; }
a:hover.pfeilBold, a:hover.pfeil {	background-position: 0px -17px; }

/* ********** ********** Bilder ********** ********** */
img { color: #b0b0b0; text-decoration: none; }

/* ********** ********** COLORS ********** ********** */
/*
rot:               c10066   86171E
blau:              005dad   003F5B
grau-mittel:       726e70
*/
.redFont 		{ color: #86171E; }
.blueFont 		{ color: #003F5B; }
.greyFont 		{ color: #333; }
.greyLightFont 	{ color: #666; }
.blackFont 		{ color: #000; }
                                                    												
/* ********** ********** ALIGNMENT ********** ********** */
.left 	{ text-align: left; }
.right 	{ text-align: right; }
.center { text-align: center; }
                                        
/* ********** ********** FLOATS ********** ********** */
.floatLeft { float: left; }
.floatRight { float: right; }
.floatNone { float: none; }

/* ********** ********** Display ********** ********** */
.displayNone 	{ display: none; }
.displayBlock 	{ display: block; }
.displayInline 	{ display: inline; }

/* ********** ********** Borders ********** ********** */
.bB2 { border-bottom: 2px solid #d2d2d2; }
.bB1 { border-bottom: 1px solid #d2d2d2; }

/* ********** ********** Froms ********** ********** */
form { background-color: #fff; }
form.rightInline {
	float: right;
	margin: 0px 0px 20px 0px;
	padding-left: 20px;
	clear: right;
}
fieldset {
	background-color: #fff;
	border: 1px solid #d2d2d2;
	padding: 0px 0px 5px 0px;
	webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
fieldset.noBorder { border: 0; }
legend {
	margin: 5px;
	padding: 0px 2px;
	font-size: 1.1em;
	color: #003F5B;
}
/* Labels */
label {
	width: 128px;
	height: auto;
	padding: 0px;
	margin: 5px 10px 0px 0px;
	color: #000;
	float: left;
	cursor: pointer;
}
label.labelCheckbox {
	width: auto;
	display: inline;
	margin-left: 0px;
}
label.zweiZeilig { margin-top: 0px; }
input + label { float: none; }

/* Felder */
input, textarea, select {
	width: 294px;
	padding: 4px;
	margin: 0px 0px 0px 0px;
	background-color: #fff;
	color: #4d4d4d;
	border: 1px solid #c4c4c4;
	float: left;
	
	webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;

	-webkit-box-shadow: inset 2px 2px 5px #e2e2e2;
	-moz-box-shadow: inset 2px 2px 5px #e2e2e2;
	box-shadow: inset 2px 2px 5px #e2e2e2;

	/*filter:progid:DXImageTransform.Microsoft.Shadow
	(color=#e2e2e2, Direction=135, Strength=5);
	-ms-filter:"progid:DXImageTransform.Microsoft.Shadow
	(color=#e2e2e2, Direction=135, Strength=5)";*/
}
input:hover, textarea:hover,
input:focus, textarea:focus { border: 1px solid #347db8; }

input.fullLenght 		{ width: 450px; }
input.half 				{ width: 132px; }
input.plz 				{ width: 50px; }
input.ort 				{ width: 214px; }

textarea.fullLenght 	{ width: 448px; }

input[type="checkbox"], input[type="radio"],
input.checkbox, input.radio {
	width: auto;
	margin: 0px 5px 0px 0px;
	padding: 1px;
	float: none;
}
input[type="checkbox"], input[type="radio"],
input[type="checkbox"]:hover, input[type="radio"]:hover,
input.checkbox:hover, input.radio:hover  {
	border: 0px solid #000;
}

input + input	{ margin-left: 20px;}

select { 
	height: 24px;
	padding: 0px 0px 0px 2px;
	font-size: 0.9em;
}

/* Buttons */
.buttonListe {  }

.buttonListe .button {
	display: block;
	width: 120px;
	margin: 5px 10px;
	float: left;
	text-align: center;
	font-size: 1.2em;
}

.buttonListe .button.long { width:220px; }

input[type="submit"], input.button, button, .button {
	width: auto;
	margin: 0px;
	padding: 1px 0px 1px 16px;
	color: #86171E;
	font-weight: bold;
	text-align: left;
	cursor: pointer;
	font-size: 0.9em;
	
	background-color: #fff;
	border: 1px solid #d7dab8;
	
	background: transparent url(../bzo-images/button_bg.gif) left center no-repeat;
	-webkit-box-shadow: 1px 1px 0px #949494;
	-moz-box-shadow: 1px 1px 0px #949494;
	box-shadow: 1px 1px 0px #949494;
}
input[type="submit"]:hover, input.button:hover, button:hover, .button:hover {
	color: #000;
}

button[type="button"].disabled, button.button.disabled,
button[type="button"].disabled:hover, button.button.disabled:hover {
	width: auto;
	margin: 0px;
	padding: 1px 0px 1px 16px;
	color: #999;
	font-weight: bold;
	text-align: left;
	cursor: default;
	font-size: 0.9em;
	
	background-color: #fff;
	border: 1px solid #999;
	
	background: transparent url(../bzo-images/button_bg_disabel.gif) left center no-repeat;
	-webkit-box-shadow: 1px 1px 0px #f2f2f2;
	-moz-box-shadow: 1px 1px 0px #f2f2f2;
	box-shadow: 1px 1px 0px #f2f2f2;
}
/* --------------------
    AJAX Loader
---------------------- */
input[type="submit"].ajaxFormElementLoader, input.button.ajaxFormElementLoader, button.ajaxFormElementLoader {
   height: 18px;
   width: 30px;
   margin: 0px;
   padding: 0px;
   display: block;
   border:0;
   box-shadow: none;
   background: none;
   background:transparent url(../../../loading.gif) center center no-repeat;
}
.ajaxFormElementLoader span, .ajaxFormElementLoader em {display:none;}

/* Grund LI Design */
form fieldset ol li {
	padding: 5px 10px;
	margin: 5px 0px;
	float: left;
}
form fieldset ol li.buttonArea {
	float: none;
	clear: both;
	text-align: right;
}

form fieldset .col2 {
	width: 50%;
	margin: 0px;
	float: left;
}

/* Error & Pflicht */
label.error { color: #86171e; }
label sub { color: #86171e; }
input.pflicht { background: #fff url(../images/pflicht.jpg) center right no-repeat; }
.pflicht { background-color: #f2f2f2; }
input.error, textarea.error {
	background-color: #f3c7ca;
	color: #86171e;
	border: 1px solid #86171e;

	-webkit-box-shadow: inset 2px 2px 5px #eb8c92;
	-moz-box-shadow: inset 0px 0px 10px #eb8c92;
	box-shadow: inset 2px 2px 5px #eb8c92;
}

/* Sonder */
li.hinweisTxt {
	margin-top: 0px;
	padding-top: 0px;
}
li.hinweisTxt p { margin-left: 138px; }
                                    
/* ++++++++++++++++++++++++++ Weiten/Width ++++++++++++++++++++++++ */
.w100 { width: 100px;}

/* ++++++++++++++++++++++++++ Abstände/Margin ++++++++++++++++++++++++ */
.t5 { margin-top: 5px;}
.mt20 { margin-top: 20px;}
.mt60 { margin-top: 60px;}
.mt350 { margin-top: 350px;}
.mb10 { margin-bottom: 10px;}
.mb20 { margin-8: 20px;}
.ml0 { margin-left: 0 !important; }
.pb0 { padding-bottom: 0 !important; }
.pt0 { padding-top: 0 !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }

/* ++++++++++++++++++++++++++ Display ++++++++++++++++++++++++ */
.block { display: block; }