/* ######################################################################################################
** # "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.yaml.de) #############################
** ######################################################################################################
**
**  YAML Version: 2.5.2
**  Dateiversion: 01.11.06
**  Datei       : content.css
**  Funktion    : Formatierung der Inhalte (Texte, Grafiken, Links, Listen, Tabellen usw.)
**
*/

@media screen, handheld, projection
{

/* ### �berschriften, Flie�texte, Links ############################################################### */

body, textarea { color: #1E1E1E; font-family: Arial, Helvetica, sans-serif }
body {
	/*font-size: 68.75%;   1em = 11px */
	font-size: 75%; /* 1em = 12px */
}
h1,h2,h3,h4 { font-family:  Arial, Helvetica, sans-serif; font-weight:bold;}

h1 {font-size: 1.25em; color: #333333; margin:0px 25px; padding: 0; }
h2 {font-size: 1em; margin:0px 10px 2px 25px;}
h3 {background-color:#646567;color:#1E1E1E;font-size:1em;padding: 4px 25px;margin:0;}

.infoteaser {
	margin: 10px 4px 0px 17px;
	padding: 3px 8px;
	background-color: #d9d9d9; 
}

.help h2 {
	margin: 0;
	padding: 0.3em 20px 0.3em 20px;
	background-color: #d9d9d9; 
	color: #3e3d40; 
	font-size: 1.42em;
}
.help h3 {
	margin: 0.65em 0 0 0;
	padding: 0px 20px;
	background: none transparent;
}
.faq p {
	margin-left: 0;
}
	
p {margin: 0px 25px 1.5em;}
p.left {margin-left:10px;}
p.grey {
	color:#8F8F8F;
	margin: 0px;
	padding:5px 5px 0px 5px;
	background-color: #fff;
}
img.float_left {
	float: left;
	padding: 0.2em 8px 0.3em 25px;
}	

address {
	font-style: normal;
}
a, a:visited {
	color:#3e3d40;
}
a.arrow, .show_data a, .formContainer a, .directLinks a, p a {
	background:url(../../layout/pfeil3.gif) 0px 0.2em no-repeat;
	text-decoration:none;
	font-weight:bold;
	color:#646567;
	padding:2px 0px 0px 14px;
}

a.arrow2, a.arrow2:link, a.arrow2:visited 
{
	background:url("../../layout/pinkarrow.gif") no-repeat scroll 0 0.3em transparent;
    color:#3e3d40;
    padding-left:12px;
    text-decoration:none;

}

a.arrow2:hover{
	text-decoration:underline;
}

.directLinks a {
	display: block;
}

a.arrow:hover, .show_data a:hover, .formContainer a:hover, .directLinks a:hover  {
	text-decoration:underline;
}

a.button_link {
	text-decoration: none;
	padding-left: 0;
	background: none transparent;
}
a.button_link img {
	vertical-align: bottom;
	padding-top: 2px;
}
a.okLink {
	color:#006633;
}
a, button {
	cursor: pointer;
}
button {
	width:auto;
	overflow:visible;
	border: 0;
	background-color: transparent;
	cursor: pointer;
}
.top_link {text-align: right;}
.top_link a {
	background: url("../../layout/arrow_top.png") right 0.2em no-repeat; 
	padding:2px 17px 0px 0px;
	text-decoration: none;
	color: #1E1E1E;
}

#topnav a {color:#fff; text-decoration:none; padding-left:1em;}
#topnav a:hover {text-decoration:underline;}

a.mp {
	display: block;
	padding: 0.5em 0 0.5em 14px;
	background-position: 0 0.5em;
}
a.simpleLink {
	color: #fff;
	background: none;
	padding-left: 0;
}
.inner ul {
	margin: 0;
	list-style-image: url("../../layout/pfeil_gruen.gif");
}
.inner ul li {
	margin-left: 1.75em;
}
ul.directLinks {
	margin-left: 0;
	list-style-type: none;
}
ul.directLinks li {
	margin-left: 0;
}
ul.directLinks li a {
	/*display: block;*/
	padding-top: 0;
}

.invisible {
	visibility: hidden;
}
	
.center_align {text-align: center;}
.right_align {text-align: right;}

/* ### Login Boxes ###################################################################### */

div.loginbox_header {
	background-color:#3e3d40;
	color:#fff;
	font-weight:bold;
	padding: 4px 0px 4px 22px;
}

div.loginbox {
	background-color:#646567;
	margin-bottom:40px;
	padding: 8px 7px 20px 22px;
}

div.loginbox input {
	width:100%;
	margin-bottom: 6px;
	border: 1px solid #7F9DB9;
	padding: 3px 0px;
}

div.softbox_header {
	background-color:#646567;
	color:#fff;
	font-weight:bold;
	padding: 4px 0px 4px 22px;
}
	
div.softbox_headerS {
	background-color:#646567;
	color:#fff;
	font-weight:bold;
	font-size: 0.75em;
	padding: 4px 0px 4px 22px;
}

div.softbox {
	background-color:#d9d9d9;
	padding: 8px 5px 20px 22px;
/*	padding: 8px 5px 20px 22px;*/
}
.bt_login, .bt_register {position: absolute;}
.bt_login {margin-left: 38px;margin-top: 6px;}
.bt_register {margin-left: 90px;margin-top: 10px;}

/* ### Content Boxes ###################################################################### */

div.boxes {
	background: url("../../layout/bg_boxes.png") repeat-y center;
	margin-bottom: 1em;
	width: 510px;
}
div.left_inactive {
	background: url("../../layout/bg_boxes_left_inactive.png") repeat-y center;
}
div.right_inactive {
	background: url("../../layout/bg_boxes_right_inactive.png") repeat-y center;
}
div.both_inactive {
	background: url("../../layout/bg_boxes_both_inactive.png") repeat-y center;
}
div.box_wide {
	background: none #E3EFFA;
}
div.single_box_right {
	width: 252px;
	background-position:right;
	padding-bottom: 1px;
}
div.single_box_left {
	background-position:left; 
	padding-bottom: 1px;
}
h2.boxHeader {
	margin: 0 0 0.5em 0;
	padding: 3px 10px 3px 5px;
	background-color:#3e3d40;
	color:#fff;
	cursor:pointer;
}
.left_inactive .subcl h2.boxHeader,
.right_inactive .subcr h2.boxHeader,
.both_inactive h2.boxHeader {
	background-color: #d8d8d8;
	color: #1e1e1e;
}
h2.boxHeader_contract {
	margin-bottom: 0;
	padding: 4px 10px;
	background-color: #646567;
	color: #1E1E1E;
}
h2.boxHeader img {
	padding-right: 4px;
	vertical-align: bottom;
}
div.boxes p {
	margin: 0px 10px 1em;
}
div.boxes p, div.boxes ul, div.boxes div.text {
	margin-left: 25px;
}
div.linkarea {
	margin:8px 0px 2px 0px;
}
.faq div.boxes p {
	margin-left: 10px;
}

table.infoTable {
	margin-bottom: 1em;
	border-collapse: collapse;
}
.infoTable th, .infoTable td {
	border: 1px solid #fff;
	padding: 5px;
	vertical-align: top;
}
.infoTable th {
	background-color: #d8d8d8;
}
.infoTable td {
	background-color: #F0F0F0;
}
.box_wide dl {
	margin: 0;
	padding: 0 10px 1em 10px;
}
.box_wide dt.next_closed, .box_wide dt.next_opened {
	margin: 0.5em 0em;
	padding: 0;
	padding-left: 13px;
	background: url("../../layout/list_plus.png") 0 0.2em no-repeat;
	cursor: pointer;
	color: #3e3d40;
}
.box_wide dt.next_opened {
	background: url("../../layout/list_minus.png") 0 0.2em no-repeat;
}
.box_wide dd {
	display: none;
	margin: 0;padding: 0;
	margin-bottom: 1em;
	padding-left: 13px;
}
.faq div.boxes dd p {
	margin-left: 0;
}

/* ### Vertragslisten Tabelle ###################################################################### */

table.contract, table.list {
	width:100%;
	border-collapse: collapse;
	margin-bottom: 1em;
}
table.list, .box_wide table.contract {
	margin-bottom: 0em;
}
table.contract th {
	background-color:#646567;
	border:1px solid #fff;
	font-weight:bold;
	padding:5px;
}
table.contract th, table.contract td {
	vertical-align: top;
}
/*.box_wide table.contract th {
	padding:5px 10px;
}*/
tr.color1 {
	background-color:#fff;
	vertical-align:top;
}
tr.color2 {
	background-color:#d9d9d9;
	vertical-align:top;
}
tr.color3 {
	background-color:#d9d9d9;
	vertical-align:bottom;
}
tr.selected, tr.selected2 {
	background-color: #646567;
}
tr.hovered {
	background-color: #FCB815;
}
.color1 td, .color2 td, .box_wide td {
	padding:5px;
	border:1px solid #fff;
}
table.list .color2 td .inner td {
	border:0;
	vertical-align: bottom;
	padding-left: 0;
}
table.list .color1 td, table.list .color2 td {
	padding:5px;
	border-width: 0px 0px 1px 0px;
}
.saldo {
	text-align: right;
}
.negativ {
	color: #A00020;
	font-weight: bold;
}

/* ### MP News ###################################################################### */

div.newsHeader {
	background-color:#646567;
	font-weight:bold;
	padding: 4px 0px 4px 15px;
}

div.news {
	background-color:#d9d9d9;
	/*padding: 3px 10px 3px 6px;*/
	width: 100%;
	padding: 0 1px 0 1px; 
	margin: 0 -1px 0 -1px; 
	overflow:hidden;
	font-size: 90%;
}

div.news a {
	background-color:#d9d9d9;
	padding-bottom: 2px;
}

div.news a:hover {
	background-color:#d9d9d9;
	padding-bottom: 2px;
}

div.news p {
	margin:0px 0px 10px 14px;
}

div.newsDate {
	font-size:0.9em;
	margin-left:14px;
}



/* ### Formulare ###################################################################### */
label {
	font-size: 0.9em;
}
div.formContainer {
	background-color:#d9d9d9;
}
div.formContainerSeperator {
	height: 2em;
}

div.formPadding {
	padding:5px 5px 5px 20px;
}
.field input, .field select, .field textarea {
	width:100%;
	font-size:1.25em;
	border: 1px solid #7F9DB9;
	line-height:1.25em;
}
.field input {
	padding: 1px 0px;
}
.field textarea {
	height: 12em;
	overflow: auto;
}

.field input.active, .field select.active, .field textarea.active {
	border: 1px solid #0047B5;
}

/* Fehler */
.field input.error, .field select.error, .field textarea.error, .loginbox input.error {
	border: 1px solid red;
}
label.error {
	color: red;
}
label.error img {
	position: absolute;
	margin-left: -18px;
	margin-top: 1.75em;
}

.formRow {margin-bottom:10px;}
.formRow p {margin: 0.3em 5px 0.5em 5px;}

.btnRow {margin-top:10px;}

.addRow {border-top:1px solid #fff;text-align:right;}
.addRow img {margin-top:5px;}

.formColL {
	padding:0px 10px 0px 5px;
}
.c100l .formColL { padding-right: 5px;}
.formColR {
	padding:0px 5px 0px 10px;
}
.formColM {
	padding:0px 10px 0px 10px;
}
.formBtnL {padding:3px 0px 0px 0px;}

.formBtnR {padding:0px 0px 0px 0px;text-align:right;}

.bt_back {
	width: 90px;
	height: 25px;
	margin: 0;
	border: 0;
	padding: 0;
	background: none transparent;
}
.bt_go {
	width: 190px;
	height: 32px;
	margin: 0;
	border: 0;
	padding: 0;
	background: none transparent;
	text-align: right;
}
.bt_go_xl {
	width: 245px;
	height: 32px;
	margin: 0;
	border: 0;
	padding: 0;
	background: none transparent;
	text-align: right;
}

.helpLayer, .errorLayer {
	position:absolute;
	display:none;
	margin-top:-1.5em;
	left:520px;
	width:240px;
	color: #3e3d40;
}
.errorLayer {
	display: inline;
	color: red;
}
.loginbox .errorLayer {margin-top: -2em;}
.helpLayer img, .errorLayer img {
	padding-right:2px;
}

.radiolabel, .checkboxlabel {
	display:block;
	padding:3px 0 0 18px;
	text-indent: -15px;
}

.radio, .checkbox {
	/*position:relative;
	top:2px;
	left:-2px;*/
	margin-top: 2px;
	margin-left: -2px;
	padding:0px;
}
td.radio {
	margin: 0;
	padding: 0;
	width: 30px;
	text-align: right;
}
.contract td.radio {
	padding: 0px 5px;
	width: 10px;
}
.radio_simple {
	position: relative;
	top: 3px;
}

.create_new {

}
	
.readonly, .field input.readonly, .field select.readonly, .field textarea.readonly {
	background-color: #f4f4f4;
	color: #000;
	border-color: #cdcdcd;
}


/* ### Ablauf Table ###################################################################### */

table.ablauf {
	width:100%;
	margin-bottom:20px;
	margin-top: 3px;
	font-size: 95%;
}

td.step, td.fill, td.spacer, td.spacer2 {
	height:50px;
	vertical-align:top;
	background-color:#646567;
	border-bottom:6px solid #3e3d40;
	border-top:6px solid #646567;

}
td.fill {width: 100%;}
	
td.spacer {
	width:10px;
	border-top:6px solid #FFFFFF;
	background-color:#FFFFFF;
}

td.empty div {
	width:2px;
	height: 25px;
}
td.spacer2 {
	width:6px;
}

td.active {
	background-color:#FFFFFF;
	border-bottom: 0;
	padding-bottom: 6px;
	background-image:url(../../layout/ablauf_ecke.gif);
	background-position: right bottom;
	background-repeat:no-repeat;
}

td.step div {
	background-repeat:no-repeat;
	padding:2px 2px 0 22px;
	margin:3px 0 0 3px;
}
td.step div {
	padding-right: 12px;
}

/* ### Meldungen ###################################################################### */

p.ok {
	margin-bottom: 1em;
	padding-left:25px;
	padding-top:2px;
	color:#006633;
	background-image: url(../../layout/ic-ok.png);
	background-repeat: no-repeat;
}
p.ok2 {
	padding-left: 25px;
}
.show_data {
	padding-left: 25px;
}
.show_data p {
	margin-bottom: 1em;
}
/* Weiter-/Zur�ck-Buttons auf Best�tigungsseiten */
.next_action {
	text-align: right;
}

p.error {
	color:red;
	background-image: url(../../layout/ic-error.png);
	background-repeat: no-repeat;
	padding-left:25px;
	padding-top:2px;
	display:none;
}

/* Drucken-Link */
.printLink {
	float: left;
	padding: 0px 20px;
}
.printLink img {
	vertical-align: middle;
}
.footer a, .footer a.simpleLink,
.footer a:hover, .footer a.simpleLink:hover,
.footer a:visited, .footer a.simpleLink:visited {
	color: #fff;
	font-weight: bold;
	font-size: 95%;
	text-decoration: none;
}


table.tab {
	width:100%;
	border-collapse: collapse;
	margin-bottom: 0em;
}
table.tab th {
	vertical-align: top;
	background-color:#646567;
	border:1px solid #fff;
	font-weight:bold;
	padding:5px;
}
table.tab td {
	vertical-align: top;
	background-color:#d9d9d9;
	border:1px solid #fff;
	padding:5px;
}
}