/**
@author		Christoph Czepa <christoph.czepa@mindtake.com>
@company	mindtake.com
@date		2008-07-22
*/

body { 
	margin:0px 0px 0px 0px;
	background:#a0b7c3;
	font-family:Arial, Verdana;
}

img {
	border-width:0px;
	margin:0px;
	padding:0px;
}

table {
	table-layout:fixed;
	border-collapse:collapse;
}

ol, ul, li, form, td, h1, h2, h3, p {
	margin:0px;
	padding:0px;
}

small {
	line-height:10px; 
}
	
a {
	color:#00658e;
	/*font-weight:bold;*/
	text-decoration:none;
}

a:hover {
	color:#00658e;
	/* font-weight:bold; */
	text-decoration:underline;
}

.clear {
	clear:both;
	display:block;
}

/*
.field[disabled] {
	background-color:#EEEEEE;
}
*/

.field {
	font-size:12px;
	color:#4c4c4c;
	height:14px;
	line-height:14px;
	padding:3px 0px 0px 1px;
}

select.field {
	height:20px;
	border:1px solid #b9c1c3;
}

input.field {
	border:1px solid #b9c1c3;
}	
	

.button {
	background:#00658e;
	color:#ffffff;
	font-weight:bold;
	border:0px;
	font-size:12px;
}

.button:hover {
	background:#5AAFD9;
	color:#00658e;
	font-weight:bold;
	border:0px;
	font-size:12px;
	position:relative;
	top:1px;
	left:1px;
}

.buttonsmall {
	background:#00658e;
	color:#ffffff;
	font-weight:bold;
	border:0px;
	font-size:12px;
}
.buttonsmall:hover {
	background:#5AAFD9;
	color:#00658e;
	font-weight:bold;
	border:0px;
	font-size:12px;
	position:relative;
	top:1px;
	left:1px;
}


.WideSkyscraper {
	border:1px solid #dadada;
	width:160px;
	height:600px;
}

.WideSkyscraperVideomaut {
	border:1px solid #dadada;
	width:160px;
	height:481px;
}

.WideSkyscraperMicrosite {
	/*border:1px solid #dadada;*/
	width:160px;
	height:294px;
}

.WideSkyscraperMicrositeLeft {
	/*border:1px solid #dadada;*/
	width:180px;
	height:314px;
}

.WideSkyscraperNoBorder {
	border:1px solid #D4E5EC;
	width:160px;
	height:600px;
}


.container {
	width:974px;
	margin:0px auto 0px auto;
}

.page {
	width:974px;
	background:#ffffff;
}

.pagesmall {
	background:#ffffff;
}

.header {
	height:114px; /* 4 Pixel geh�ren schon zur table darunter! Diese Pixel befinden sich im Hintergrund des Menues */
	background:#d4e5ec;
}

.header h1 {
	float:left;
	/*	original
	width:181px;
	height:73px;
	*/
	width:181px;
	height:84px;

	background:url(logo.gif) no-repeat;
	text-indent:-999999px;
	position:relative;
	top:23px;
	left:17px;
}

.header h1 a {
	width:181px;
	height:73px;
	display:block;
}

.header ul {
	width:793px;
	float:left;
	list-style-type:none;
	position:relative;
	top:78px;
	left:32px;
}

.header ul li {
	float:left;
	text-indent:-999999px;
	height:40px;
}

.header ul li a {
	height:36px;
	display:block;
	margin-left:4px;
	margin-top:4px;
}

.header ul .active, .header ul a:hover {
	margin:0px;
	height:40px;
}

.header ul .li1 {
	width:114px;
}

.header ul .li1 a {
	width:106px;
	background:url(menu_parkeninfos.jpg) no-repeat;
}

.header ul .li1 .active, .header ul .li1 a:hover {
	width:114px;
	background:url(menu_parkeninfos_active.jpg) no-repeat;
}

.header ul .li2 {
	width:75px;
	position:relative;
	left:-4px;
}

.header ul .li2 a {
	width:67px;
	background:url(menu_staedte.jpg) no-repeat;
}

.header ul .li2 .active, .header ul .li2 a:hover {
	width:75px;
	background:url(menu_staedte_active.jpg) no-repeat;
}

.header ul .li3 {
	width:118px;
	position:relative;
	left:-8px;
}

.header ul .li3 a {
	width:110px;
	background:url(menu_parkgaragen.jpg) no-repeat;
}

.header ul .li3 .active, .header ul .li3 a:hover {
	width:118px;
	background:url(menu_parkgaragen_active.jpg) no-repeat;
}


.header ul .li4ng {
	left:-8px;
}

.header ul .li4g {
	left:-12px;
}

.header ul .li4 {
	width:91px;
	position:relative;
}

.header ul .li4 a {
	width:83px;
	background:url(menu_bezahlen.jpg) no-repeat;
}

.header ul .li4 .active, .header ul .li4 a:hover {
	width:91px;
	background:url(menu_bezahlen_active.jpg) no-repeat;
}


.header ul .li5ng {
	left:-12px;
}

.header ul .li5g {
	left:-16px;
}

.header ul .li5_1 {
	width:125px;
	position:relative;
}

.header ul .li5_1 a {
	width:117px;
	background:url(menu_registrierung.jpg) no-repeat;
}

.header ul .li5_1 .active, .header ul .li5_1 a:hover {
	width:125px;
	background:url(menu_registrierung_active.jpg) no-repeat;
}

.header ul .li5_2 {
	width:105px;
	position:relative;
}

.header ul .li5_2 a {
	width:97px;
	background:url(menu_meinkonto.jpg) no-repeat;
}

.header ul .li5_2 .active, .header ul .li5_2 a:hover {
	width:105px;
	background:url(menu_meinkonto_active.jpg) no-repeat;
}


.header ul .li6 {
	width:114px;
}

.header ul .li6 a {
	width:106px;
	background:url(menu_admin.jpg) no-repeat;
}

.header ul .li6 .active, .header ul .li6 a:hover {
	width:114px;
	background:url(menu_admin_active.jpg) no-repeat;
}


.nowrap { white-space:nowrap; }

.site {
	width:100%;
}


.site td {
	vertical-align:top;
}

.site .left {
	width:217px;
	background:#d4e5ec;
}

.site .left ul {
	margin-top:4px;
	background:#00658e;
	list-style-type:none;
	padding:9px 0px 19px 0px;
}

.site .left ul li {
	
}

.site .left ul li a, .site .left ul li span  {
	font-size:14px;
	color:#ffffff;
	font-weight:bold;
    width:185px;
	height:100%;
	display:block;
	text-decoration:none;
	margin-left:19px;
	margin-right:16px;
	padding:6px 0px 5px 3px;
	border-bottom:1px solid #3288ab;
}

.site .left ul li a:hover, .site .left ul li .active, .site .left ul li span.active {
	margin-left:0px;
	margin-right:1px;
        width:194px;
	background:#5aafd9;
	border-bottom:1px solid #3288ab;
	border-top:1px solid #3288ab;
	position:relative;
	top:-1px;
	padding:6px 0px 4px 22px;	
}


/* 2nd level of left menu */

.site .left ul li ul {
	margin:0px;
	padding:0px;
}

.site .left ul li ul li a {
	font-size:12px;
	color:#ffffff;
	font-weight:normal;
        width:154px;
	height:100%;
	display:block;
	text-decoration:none;
	margin-left:34px;
	margin-right:16px;
	padding:4px 0px 3px 19px;
	border-bottom:1px solid #3288ab;
}

.site .left ul li ul li a:hover {
	font-size:12px;
	color:#d4e5EC;
	/*font-weight:normal;*/
        width:154px;
	height:100%;
	display:block;
	text-decoration:none;
	margin-left:34px;
	margin-right:16px;
	padding:4px 0px 3px 19px;
	border-bottom:1px solid #3288ab;
	border-top:0px;
	/*font-weight:bold;*/
	position:relative;
	top:0px;
	background:#00658e;
}

.site .left ul li ul li .active {
	font-size:12px;
	color:#ffffff;
	font-weight:normal;
        width:154px;
	height:100%;
	display:block;
	text-decoration:none;
	margin-left:34px;
	margin-right:16px;
	padding:4px 0px 3px 19px;
	border-bottom:1px solid #3288ab;
	border-top:0px;
	font-weight:bold;
	position:relative;
	top:0px;
	background:#00658e;
}

/*
.site .left ul li ul li .active:hover {
	font-size:12px;
	color:#ffffff;
	font-weight:normal;
        width:154px;
	height:100%;
	display:block;
	text-decoration:none;
	margin-left:34px;
	margin-right:16px;
	padding:4px 0px 3px 19px;
	border-bottom:1px solid #3288ab;
	border-top:0px;
	font-weight:bold;
	position:relative;
	top:0px;
	background:#00658e;
}
*/

.site .left .WideSkyscraper, .site .left .WideSkyscraperNoBorder, .site .left .WideSkyscraperVideomaut {
	margin:25px 0px 25px 27px;
}

.site .left .WideSkyscraperMicrositeLeft {
	margin:13px 0px 20px 18px;
}

.site .middle {
	width:100%;
	background:url(bg_middle.jpg) repeat-x;
	padding-bottom:25px;
}

.site .middle .content {
	background:url(bg_middle_overlay.jpg) no-repeat top right;
	padding:24px 25px 0px 25px;
	color:#4c4c4c;
}



.breadcrumbs {
	list-style-type:none;
	border-bottom:1px solid #d4e5ec;
	font-size:11px;
	padding-bottom:6px;
}

.content .breadcrumbs li {
	display:inline;
	background:url(li_raquo.gif) no-repeat 0px 6px;
	margin-left:10px;
	padding-left:9px;
	position:relative;
	left:-10px;
}

.content .breadcrumbs li a {
	font-weight:normal;
}

.content .breadcrumbs li a:hover {
	font-weight:normal;
}

.content ol.register {
	list-style-type:none;
	height:40px;
	margin-top:27px;
}

.content ol.register li {
	height:40px;
	width:224px;
	float:left;
}

.content ol.register li a {
	display:block;
	width:224px;
	height:40px;
	text-indent:-999999px;
}

.content ol.register .li1 a {
	background:url(li_reg1.jpg) no-repeat;
}

.content ol.register .li2 a {
	background:url(li_reg2.jpg) no-repeat;
}

.content ol.register .li2 {
	margin-left:18px;
}

.content ol.register .li3 {
	margin-left:18px;
	width:223px;
}

.content ol.register .li3 a {
	background:url(li_reg3.jpg) no-repeat;
	width:223px;
}

.content .pic_content {
	margin-top:17px;
	margin-bottom:11px;
}


.content .logo {
	margin-top:10px;
	margin-right:2px;
	
		/*
	margin-top:17px;
	margin-bottom:11px;
	*/
 	float: right;
}

.logo + .pic_content {
	margin-top: 9px;
}

.logopiccontent {
	margin-top: 0px !important; 
}

.partnerlogo {
	margin-top:5px;
	display:block;
	margin-left:auto; 
	margin-right:auto;
}

.centerh {
	display:block;
	margin-left:auto; 
	margin-right:auto;
}


.content h2 {
	font-size:17px;
	color:#00658e;
	margin-top:18px;
	margin-bottom:19px;
}

.content h3 {
	font-size:14px;
	color:#00658e;
	font-weight:bold;
	margin-top:31px;
	margin-bottom:14px;
}

.content h4 {
	font-size:13px;
	color:#373737;
	font-weight:bold;
	margin-top:23px;
	margin-bottom:6px;
}


/* headline in form */

.content h5 {
	font-size:13px; 
	color:#00658e;
	font-weight:bold;
	margin-top:23px;
	margin-bottom:14px;
}

.content .table_1 h5 {
	margin-top:0px;
	margin-bottom:0px;
	
	margin-right:0px; 
}

.content p {
	font-size:12px;
	line-height:18px;
	/*width:500px;*/
	margin-bottom:17px;
}

.contentsmall p {
	font-size:11px !important;
	line-height:16px !important;
}


.content ul.box, .content .bulletlist ul.box {
	background:#f5f5f7;
	list-style-type:none;
	/* * margin-left:47px; * */
	margin-left:23px;
	margin-right:23px;
	
	/*width:469px;*/
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:13px; 
}

.content ul.box li, .content .bulletlist ul.box li {
	padding-left:48px;
	font-size:12px;
	line-height:18px;
	margin-right:10px;
}

.content ul.box .tip, .content .bulletlist ul.box .tip {
	background:url(icon_bsp.gif) no-repeat 17px 3px;
}

.content ul.box .tip_gap, .content .bulletlist ul.box .tip_gap {
	background:url(icon_bsp.gif) no-repeat 17px 3px;
	margin-top:21px;
}


.content ul.box .warning, .content .bulletlist ul.box .warning {
	background:url(icon_hand.gif) no-repeat 16px 0px;
}

.warning_gap
{
	background:url(icon_hand.gif) no-repeat 16px 0px;
	margin-top:21px;
}

.content .table_1 {
	width:656px;
}



/* same Size
.content .table_1 a {
	font-size:12px;
}
*/

.content .table_1 td {
	padding:10px 4px 10px 4px;
	font-size:11px;
	line-height:14px;
}

.content .table_1 .radios td {
	padding:0px 4px 4px 4px;
	font-size:11px;
	line-height:14px;
}

.content .table_1 td.headline {
	padding:0px 0px 0px 0px;
	width:310px;
}

.content .table_1 .col_1 {
	text-align:right;
	width:97px;
}

.content .table_1 .col_1l {
	text-align:left;
	width:97px;
	padding-left:0px;
}

.content .table_1 .col_2 {
	width:196px;
}

.content .table_1 .col_2a {
	width:86px;
}

.content .table_1 .col_2_1 {
	width:63px;
	padding-right:0px;
}

.content .table_1 .col_2_2 {
	width:133px;
}


.content .table_1 .col_3a {
	text-align:right;
	width:102px; 
}

.content .table_1 .field {
	width:187px;
	padding-left:3px;
	color:4c4c4c;
	size:12px;
}

.content .table_1 .time {
	width:30px;
	padding-left:3px;
	color:4c4c4c;
	size:12px;
}

.content .table_1 .tan {
	width:40px;
	padding-left:3px;
	color:4c4c4c;
	size:12px;
}

.content .table_1 .msisdn {
	width:100px;
	padding-left:3px;
	color:4c4c4c;
	size:12px;
}

.content .table_1 .plz {
	width:54px;
	padding-left:3px;
	color:4c4c4c;
	size:12px;
}

.content .table_1 .ort {
	width:120px;
	padding-left:3px;
	color:4c4c4c;
	size:12px;
}

.content .table_1 .col_2 select {
	/* width:194px; */
	color:#4c4c4c;
	size:12px;
}

.content .table_1 .col_3 {
	padding-left:11px;
}

.content .table_1 .row_bottom td {
	padding-bottom:24px;
	border-bottom:1px solid #bac1c3;
}

.content .table_1 .row_bottom .field td {
	padding-bottom: 0px;
	border-bottom: 0px;
}

.content .table_2 {
	width:300px;
}

.content .table_2 td {
	padding:10px 4px 10px 4px;	/* rap->jla: warum rausgenommen? */
	font-size:11px;
	line-height:14px;
}

.content form.register .button, .content div.register .button {
	margin:10px;
	line-height:28px;
	height:28px;
	float:right;
}

.content form.register .buttonsmall {
	margin:10px 0px 26px 0px;
	line-height:20px;
	height:20px;
	float:right;
	margin-top:12px;
}

.content form.register .left2button_text {
	width:500px;
	float:left;
	margin-top:60px;
	text-indent:15px;
	font-size:12px;
}

.site .content .left {
	width:321px;
	margin-left:18px;
	background:#ffffff;
	float:left;
}

.site .content .right {
	width:321px;
	margin-left:63px;
	background:#ffffff;
	float:left;
}

.site .content .right .pic_content, .site .content .left .pic_content {
	margin:0px;
}

.site .content .right h2, .site .content .left h2 {
	margin-bottom:15px;
}

.site .content .right h3, .site .content .left h3 {
	color:#4c4c4c;
	margin-top:15px;
}

.site .content .right h4, .site .content .left h4 {
	color:#4c4c4c;
	margin-top:15px;
}

.site .content .right p, .site .content .left p {
	width:100%;
}

.site .content .right .register_piclink {
	display:block;
	margin-top:30px;
	margin-bottom:20px;
}


.site .content .bulletlist {
	padding:0px;
	margin:0px;
	list-style-type:none;
	font-size:12px;
	line-height:18px;
	background:#ffffff;
}

.site .content .bulletlist li {
	padding:0px;
	margin:0px;
	margin-top:7px;
	padding-left:25px;
	background:url(icon_listbullet.gif) no-repeat 1px 5px;
}

.site .content .bllist {
	padding:0px;
	margin:0px;
	list-style-type:none;
	font-size:12px;
	line-height:10px;
	background:#ffffff;
	/*padding-left:30px;*/
}

.site .content .bllist li {
	padding:0px;
	margin:0px;
	margin-top:7px;
	padding-left:15px;
	/*background:url(icon_listbullet.gif) no-repeat 1px 5px;*/
}

.site .content .high li {
	margin-top:17px;
}	

.site .content .index {
	padding:0px;
	margin:0px;
	list-style-type:none;
	font-size:12px;
	line-height:17px;
	background:#ffffff;
}

.site .content ul.index {
	margin-top: 12px;
}

.site .content .index li {
	padding:0px;
	margin:0px;
	margin-top:6px;
	padding-left:0px;
	}

.site .content .linkbox_topbordered {
	border-top:1px solid #ddeaf0;
	font-size:12px;
	text-align:right;
	padding-top:8px;
	padding-bottom:8px;
	margin-top:24px;
}

.site .right {
	width:182px;
	background:url(bg_right.gif) repeat-y;
}

.site .right .header_extension {
	border-top:4px solid #d4e5ec;
}

.site .right .white_extension { 
	border-top:4px solid #ffffff;
}

.site .right .box {
	border-bottom:1px solid #dadada;
}
 
.site .right .box h2 {
	background:#00658e;
	font-size:15px;
	font-weight:bold;
	color:#ffffff;
	height:30px;
	line-height:30px;
	padding-left:15px;
}


.site .right .login {
	/*
	background:url(bg_right.gif) repeat-y #d4e5ec;
	*/
	font-size:11px;
	/*padding-bottom:22px;*/
}

/*
.site .right form.login {
	border-bottom:1px solid #dadada;
	border-left:1px solid #dadada;
	border-right:1px solid #dadada;
}
*/

.site .right .login h3 {
	color:#383838;
	font-size:12px;
	margin:15px 0px 2px 14px;
}

.site .right .login .field {
	margin-left:14px;
	padding-left:2px;
	width:146px;
}

.site .right .login p {
	/*text-indent:14px;*/
	margin-left:15px;
	margin-top:2px;
}

.site .right .login .button {
	margin:10px 16px 22px 0px;
	line-height:28px;
	height:28px;
	float:right;
}

.site .right .login a {
	margin:0px 14px 0px 14px;
}


/*
.site .right .quicktipps {
	
}
*/

.site .right .quicktipps h3 {
	background:#d4e5ec;
	font-size:12px;
	font-weight:normal;
	line-height:30px;
	padding-left:15px;	
	padding-top:10px;
	padding-bottom:10px;
}


.site .right .quicktipps ul {
	list-style-type:none;
	font-size:12px;
	margin-top:17px;
	color:#023f58;
}

.site .right .quicktipps ul li {
	margin:0px 11px 11px 10px;
    padding: 0px 0px 9px 5px;
	border-bottom:1px solid #d4e5ec;
	line-height:18px;
}

.site .right .quicktipps ul .last {
	border:0px;
}

.site .right .WideSkyscraper, .site .right .WideSkyscraperNoBorder, .site .right .WideSkyscraperMicrosite, .site .right .WideSkyscraperVideomaut {
	margin:14px 0px 14px 10px;
}

.footer {
	border:1px solid #e2e2e2;
	height:64px;
	background:#f5f5f7;
}

.footer ul {
	margin-left:376px;
	margin-top:28px;
	font-size:12px;
	list-style-type:none;
}

.footer ul li {
	float:left;
	line-height:15px;
	color:#3e3e3e;
	border-right:1px solid #3e3e3e;
}

.footer ul .last {
	border:0px;
}

.footer ul li a {
	padding:0px 8px 0px 8px;
	color:#3e3e3e;
	text-decoration:none;
	font-weight:normal;
}

.footer ul li a:hover {
	background-color:#3e3e3e;
	color:#f5f5f7;
	text-decoration:none;
	font-weight:normal;
}

/***********************************************/
/* Added 2008-08-04 ****************************/

.content div.box {
	background:url() #f5f5f7;
}

.content .contentmenu {
	background:url(bg_contentmenu.jpg) bottom repeat-x;
	height:31px;
	list-style-type:none;
	line-height:31px;
	padding-left:20px;
}

.content .contentmenu .active {
	float:left;
	background:url(bg_contentmenu_la.jpg) no-repeat;
	line-height:31px;
	padding-left:16px;
	position:relative;
	top:1px;
}

.content .contentmenu .active a {
	background:url(bg_contentmenu_ra.jpg) top right no-repeat;
	padding:5px 16px 0px 0px;
	color:#373737;
	font-size:13px;
	display:block;
	line-height:25px;
	text-decoration:none;
}

.content .contentmenu li {
	float:left;
	background:url(bg_contentmenu_l.jpg) bottom left no-repeat;
	line-height:31px;
	padding-left:13px;
	position:relative;
	top:1px;
	margin-left:1px;
	margin-right:2px;
}

.content .contentmenu li a {
	background:url(bg_contentmenu_r.jpg) bottom right no-repeat;
	padding:5px 13px 0px 0px;
	/* color:#f5f5f7; */
	color:#606060;
	font-size:13px;
	display:block;
	line-height:25px;
	text-decoration:none;
}

.content div.contentmenubody {
	background-color: #f5f5f7;
	padding:7px;
}

/***********************************************/
/* Added 2008-08-06 ****************************/

.content ol.register .li1 a.active {
	background:url(li_reg1_active.jpg) no-repeat;
}

.content ol.register .li2 a.active {
	background:url(li_reg2_active.jpg) no-repeat;
}

.content ol.register .li3 a.active {
	background:url(li_reg3_active.jpg) no-repeat;
}


.content ol.list {
	margin-left:28px;
	font-size:12px;
	line-height:18px;
	margin-bottom:8px;
}

.content ol.list li {
	margin-top:1px;
	margin-bottom:2px;
}

#daten {
    float:left;
    width:300px;
    }
    
#guthaben {
    float:right;
    width:300px;
    }

#transactions {
    clear:both;
    margin-top:20px;
}

/*
.invalidfield
{
	border:1px solid red;
	background-color:#ffeeee;
}
*/


/* form errors */

.invalidfield input, .invalidfield .field input
{
	/* border:1px solid red; */
	/* color:red; */
	background-color:#f9cdce;
}

.invalidfield select
{
	/* border:1px solid red; */
	background-color:#f9cdce;
}

.invalidfield label
{
	/* border:1px solid red; */
	color:red;
	background-color:#f9cdce;
}


/* form error messages */

.okbox
{
	font-size:12px;
	line-height:16px;
	font-weight:bold;
	background:#cdf9ce; 
	padding:20px; 
	margin:30px;
}

.okboxlight
{
	font-size:12px;
	line-height:16px;
	background:#cdf9ce; 
	padding:20px; 
	margin:30px;
}

.errorbox
{
	font-weight:bold;
	background:#f9cdce; 
	/* color:red; */ 
	padding:20px; 
	margin:30px;
}	

.errorbox ul {
	list-style-type:none;
	margin-left:23px;
	margin-right:23px;
	
	padding-top:10px;
	padding-bottom:5px;
}

.errorbox li {
	font-size:14px;
	font-weight:normal;
	line-height:18px;
	padding-left:20px;
	margin-right:10px;
}

.errorboxl
{
	font-weight:bold;
	background:#f9cdce; 
	border:2px solid #eeeeee;
	/* color:red; */ 
	padding:9px; 
	margin:13px; 
}	

.errorboxl ul {
	list-style-type:none;
	margin-left:5px;
	margin-right:5px;
	
	padding-top:2px;
	padding-bottom:2px;
}

.errorboxl li {
	font-size:11px;
	font-weight:bold;
	line-height:13px;
	padding-left:0px;
	margin-right:0px;
}

#list td.r {
	text-align:right;
}

/***********************************************/
/* Added 2008-08-13 ****************************/

.content .leftPic {
	float:left;
	padding-right:15px;
	padding-bottom:10px;
}

.content .map {
	float: left; 
	margin-left:22px; 
}

.checkbox {
  border: 0px;
}

th.imagelabel {
	vertical-align:bottom;border-top:1px solid #DADADA;
}