/** ====================== Allgemeine Typoscript Deklarationen ====================== **/

@import url(typostyle.css);


/** ========================= Allgemeine HTML Deklarationen ========================= **/
body {
	background: #214563 url('../images/body_bg.png') repeat-x ;
	margin:0;
	padding:0;
	font-family:Arial,Verdana,Tahoma;
	font-size:12px;
	color:#333333;
}

td, p, div { font-family:Arial,Verdana,Tahoma; }

a img { border:none; }

/** ========================= Allgemeine Kurz-Deklarationen ========================= **/
.fl { float:left; }
.fr { float:right; }
.cl { clear:both; font-size:0px; overflow:hidden; height:0px; }

.tal { text-align:left; }
.tac { text-align:center; }
.tar { text-align:right; }

.vat { vertical-align:top; }
.vam { vertical-align:middle; }
.vab { vertical-align:bottom; }

.rel { position:relative; }
.abs { position:absolute; }

.hand { cursor:pointer; }
.move { cursor:move; }
.help { cursor:help; }

.line { background-color:#79c; height:1px; font-size:0px; padding:0px; margin:0px; }

.line-through { text-decoration:line-through; }

.quarterSpace { height:2px; font-size:0px; overflow:hidden; }
.halfSpace { height:5px; font-size:0px; overflow:hidden; }
.fullSpace { height:10px; font-size:0px; overflow:hidden; }


/** ======================= Allgemeine Formular Deklarationen ======================= **/
form {
	padding:0px;
	margin:0px;
}

textarea {
	overflow:auto;
}

.tfield {
    font-family:Arial;
	font-size:12px;
	width:200px;
	border:1px solid #666666;
	background-color:#fff;
	padding:1px;
	margin:0px;
}

.err { background-color:#fcc; border:1px solid #666666; }
.errText { color:#990000; }
textarea { overflow:auto; }


/** ========================= Allgemeine Link Deklarationen ========================= **/
a:link, a:active, a:visited {
	color:#e77114;
	font-weight:normal;
	text-decoration:none;
	outline:none;
}

a:hover {
	color:#e77114;
	font-weight:normal;
	text-decoration:underline;
	outline:none;
}


/** ======================== Allgemeine Layout Deklarationen ======================== **/
#layout_basic {
	margin:0px auto;
	padding:20px 0px;
	width:1000px;
}

html>body #layout	{ background: transparent url('../images/layout_bg.png') repeat-y; }
*html #layout		{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/layout_bg.png', sizingMethod='scale'); }
#layout {
	margin:0px;
	padding:0px 5px;
	width:990px;
}

#header {
	margin:0px;
	padding:0px;
	width:990px;
}

.servicebanner {
	margin:0px;
	padding:0px;
	width:225px;
	height:90px;
	top:70px;
	left:16px;
	z-index:111;
}

#topheader {
	background: #ffffff url('../images/topheader_bg.gif') bottom repeat-x;
	margin:0px;
	padding:5px;
	width:980px;
	height:54px;
}

#topheader #logo {
	margin:0px;
	padding:12px 20px 0px 0px;
	width:243px;
}


/** ======================== Allgemeine Navigation Deklarationen ======================== **/
#topnavigation {
	margin:0px;
	padding:0px 0px 0px 6px;
	color:#ababab;
	font-size:11px;
	width:700px;
}

#topnavigation a:link,
#topnavigation a:visited,
#topnavigation a:active,
#topnavigation a:hover {
	margin:0px;
	padding:0px;
	font-size:11px;
	font-weight:normal;
	color:#ababab;
}

#topnavigation a:hover {
	color:#777777;
}

#navigation {
	background: #235a96 url('../images/navigation_bg.png') repeat-x;
	margin:0px;
	padding:0px;
}

.servicebanner {
	margin:0px;
	padding:0px;
	width:225px;
	height:90px;
	top:36px;
	left:16px;
	z-index:101;
}

#navigation td { padding:0px; }

#navigation td a:link, 
#navigation td a:active, 
#navigation td a:visited, 
#navigation td a:hover {
	background:url('../images/navigation_trenner_bg.png') no-repeat left center;
	margin:0px;
	padding:8px 25px 8px 25px;
	display:block;
	font-size:11px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}

#navigation td a:hover, 
#navigation td a.on:link, 
#navigation td a.on:active, 
#navigation td a.on:visited, 
#navigation td a.on:hover {
	background:url('../images/navigation_trenner_bg.png') no-repeat left center;
	margin:0px;
	padding:8px 25px 8px 25px;
	display:block;
	font-size:11px;
	color:#91bbeb;
	font-weight:bold;
	text-decoration:none;
}


/** ======================== Allgemeine Headerimg Deklarationen ======================== **/
#headerimg {
	background:#ffffff;
	margin:0px;
	padding:0px;
	width:990px;
	height:210px;
}

.headerimg_shaddow {
	margin:0px;
	padding:0px;
	width:990px;
	height:4px;
	top:0px;
	left:0px;
	z-index:100;
}

.headerimg_link {
	padding:0px;
	width:990px;
	height:210px;
	z-index:99;
}

html>body .headerimg_navi { background: transparent url('../images/subnavigation_top_bg.png') no-repeat; }
*html .headerimg_navi { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/subnavigation_top_bg.png', sizingMethod='image'); }
.headerimg_navi {
	margin:0px;
	padding:18px 13px 0px 22px;
	width:190px;
	height:29px;
	top:163px;
	left:16px;
	z-index:101;
	color:#ffffff;
	font-weight:bold;
	font-size:16px;
}

.bonusbutton {
	padding:0px;
	width:135px;
	height:145px;
	top:85px;
	right:0px;
	z-index:102;
}



/** ======================== Allgemeine Maincontainer Deklarationen ======================== **/
#maincontainer {
	background:#ffffff;
	margin:0px;
	padding:0px 34px 0px 16px;
	width:940px;
}


/** ======================== Allgemeine Leftbar Deklarationen ======================== **/
#leftbar {
	margin:0px;
	padding:0px 40px 0px 0px;
	width:225px;
}

#leftbar #leftcontent {
	width:215px;
	margin:0px auto;
}

#subnavigation {
	background:url('../images/subnavigation_bg.gif') repeat-y;
	padding:0px 5px 0px 5px;
	width:215px;
}

#subnavigation .subnavigation_gradient {
	background:url('../images/subnavigation_gradient_bg.gif') repeat-x;
	padding:10px 17px 10px 17px;
	width:181px;
}

#subnavigation .subnavigation_gradient ul, 
#subnavigation .subnavigation_gradient ul li, 
#subnavigation .subnavigation_gradient ul li ul, 
#subnavigation .subnavigation_gradient ul li ul li {
	margin:0px;
	padding:0px;
	list-style:none;
	display:block;
}

#subnavigation .subnavigation_gradient ul li { padding:2px 0px 2px 0px; }
#subnavigation .subnavigation_gradient ul li a:link, 
#subnavigation .subnavigation_gradient ul li a:visited, 
#subnavigation .subnavigation_gradient ul li a:active {
	padding:4px 0px 4px 0px;
	font-size:12px;
	color:#ffffff;
	font-weight:normal;
	display:block;	
}

#subnavigation .subnavigation_gradient ul li a:hover,
#subnavigation .subnavigation_gradient ul li a.on:link,
#subnavigation .subnavigation_gradient ul li a.on:visited,
#subnavigation .subnavigation_gradient ul li a.on:active,
#subnavigation .subnavigation_gradient ul li a:hover {
	padding:4px 0px 4px 0px;
	font-size:12px;
	color:#91BBEB;
	font-weight:normal;
	display:block;
}

#subnavigation .subnavigation_gradient ul li ul { padding:0px 0px 0px 5px; }

#subnavigation .subnavigation_gradient ul li ul li a:link, 
#subnavigation .subnavigation_gradient ul li ul li a:visited, 
#subnavigation .subnavigation_gradient ul li ul li a:active, 
#subnavigation .subnavigation_gradient ul li ul li a:hover {
	background: url('../images/subnavigation_subicon.gif') no-repeat 0px 7px;
	padding:4px 0px 4px 18px;
	font-size:12px;
	color:#ffffff;
	font-weight:normal;
	display:block;	
}

#subnavigation .subnavigation_gradient ul li ul li a:hover,
#subnavigation .subnavigation_gradient ul li ul li a.on:link,
#subnavigation .subnavigation_gradient ul li ul li a.on:visited,
#subnavigation .subnavigation_gradient ul li ul li a.on:active,
#subnavigation .subnavigation_gradient ul li ul li a.on:hover {
	background: url('../images/subnavigation_subicon.gif') no-repeat 0px 7px;
	padding:4px 0px 4px 18px;
	font-size:12px;
	color:#91BBEB;
	font-weight:normal;
	display:block;
}

.subnavigation_button {
	position:absolute;
	top:-10px;
	background:url('../images/subnavigation_buttom_bg.png') no-repeat;
	padding:0px;
	width:225px;
	height:10px;
	font-size:0px;
	overflow:hidden;
}

#subnavigation_none {
	background:url('../images/subnavigation_gradient_bg.gif') repeat-x;
	width:225px;
	height:10px;
}

.subnavigation_button_none {
	background:url('../images/subnavigation_buttom_bg.png') no-repeat bottom;
	padding:0px;
	width:225px;
	height:10px;
	font-size:0px;
	overflow:hidden;
}


/** ======================== Allgemeine Maincontent Deklarationen ======================== **/
#maintcontent {
	margin:0px;
	padding:40px 0px 0px 0px;
	width:670px;
}


/** ======================== Promotion Inhalte ======================== **/

.promo {
	border:1px #6f6f6f solid;
}

.promo_title {
	background:#e46713 url('../images/bg_promo_title.gif') repeat-x;
	color:white;
	font-size:13px;
	padding:8px;
	text-align:center;
	margin:0px;
	border-bottom:1px #6f6f6f solid;
}

.promo_title a:link, .promo_title a:active, .promo_title a:visited, .promo_title a:hover {
	display:block;
	color:white;
}

.promo_text {
	padding:10px;
	margin:0px;
}


/** ======================== Kalender ======================== **/

#calendar {}

#calendar th {
	background:#E46713 url('../images/bg_promo_title.gif') repeat-x;
	margin:0px;
	padding:2px 3px;
	font-size:13px;
	color:white;
}

#calendar a:link, 
#calendar a:visited, 
#calendar a:active, 
#calendar a:Hover{
	color:white;
	text-decoration:none;
	font-weight:normal;
}

#calendar td.cal_date {
	background:#E46713 url('../images/bg_promo_title.gif') repeat-x;
}

#calendar td.cal_date a:link, 
#calendar td.cal_date a:visited, 
#calendar td.cal_date a:active {
	display:block;
	background-color:transparent;
	padding:2px 3px;
	color:white;
	text-decoration:none;
	text-align:right;
}

#calendar td.cal_date a:hover {
	display:block;
	background-color:#015198;
	padding:2px 3px;
	color:white;
	text-decoration:none;
	text-align:right;
}

#calendar td.cal_day_act {
	padding:2px 3px;
	text-align:right;
	background-color:#84C5FF;
}

#calendar td.cal_day_sunday {
	padding:2px 3px;
	text-align:right;
	background-color:#cccccc;
}

#calendar td.cal_day {
	padding:2px 3px;
	text-align:right;
	background-color:#dddddd;
}

#calendar td.cal_weekday {
    background-color:#ffffff;
	border:1px #999999 solid;
	padding:2px 3px;
	font-size:12px;
	width:14px;
}

#calendar td.cal_sunday {
	background-color:#eeeeee;
	border:1px #999999 solid;
	padding:2px 3px;
	font-size:12px;
	width:14px;
}



/** ======================== Allgemeine Footer Deklarationen ======================== **/
#footer {
	background:url('../images/footer_bg.png') no-repeat;
	margin:0px;
	padding:0px;
	width:1000px;
	height:26px;
}

.bankdata {
	background:#ffffff;
	margin:0px;
	padding:50px 20px 0px 20px;	
}

.bankdata .content {
	margin:0px;
	padding:10px 0px 0px 0px;
	border-top:1px #cccccc solid;	
}