/* MAIN ---> */

body { background: url(/tpl/img/body-bg.gif) repeat-x #fff; }
body, table	{ color:#000; margin:5; padding:5; font-size:14px; font-family:  Helvetica, Verdana, Arial, Trebuchet MS, MS Reference Sans Serif, Sans Serif;}
form, h1, h2, h3, h4, h5, h6	{ margin:0; padding:0; }

a, a:link,
a:visited,
a:active,
a:focus	{ color: #36F; text-decoration: none;}
a:hover	{color:#333; text-decoration:none;}

img {
	border: 0;
}

hr {
	clear: both;
	border: 0px solid;
	margin-bottom: 15px;
}

#wrapper {
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: -475px;
	width: 950px;
}

/* <--- MAIN */

/* HEADER ---> */

#head {
	width: 940px;
	background: url(/tpl/img/head-bg.gif) repeat-x;
}

#head .tab-ecke {
	float: left;
	font-size: 0px;
	width: 5px;
	height: 5px;
	padding: 0;
	margin-top: -5px;
	background: url(/tpl/img/head-tab-ecke.gif) 0 0 no-repeat;
}

#head .top {
	border: 0px;
	width: 100%;
	background-color: #36F;
	padding: 5px 0;
	height: 26px;
}

#head .logo {
	float: left;
	width: 350px;
	font-size: 19pt;
	font-family: Myriad Web, MS Reference Sans Serif, Trebuchet MS, Helvetica, Verdana, Arial, Sans Serif;
	font-weight: normal;
	margin-left: 11px;
}

#head .logo a {
	color: #FFF;
}

#head .teaser {
	float: right;
	list-style: none;
	padding: 5px 10px;
	margin: 0;
	color: #EEE;
}

#head li a {
	color: #EEE;
}

#head li a:hover {
	color: #AAA;
}

#navigation {
	clear: both;
	width: 100%;
}

#navigation ul {
	margin: 5px 0 0 0;
	padding: 0;
}

#navigation ul  li {
	display: inline;
	list-style: none;
	text-align: left;
	font-weight: bold;
}

#navigation li a {
	color: #333;
	padding: 5px 13px;
	background-color: #EEE;
}

#navigation li a:hover, #navigation li.active a  {
	background: #FFF;
}

/* <--- HEADER */

/* CONTENT---> */


#content {
	width: 940px;
	padding: 10px 0;
	margin-top: 13px;
}

#content .single {
	float: left;
	width: 600px;
	text-align: justify;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
	margin-bottom: 8px;
}

#content h1 { font-size: 18px; margin-top: 8px; }
#content h2 { font-size: 16px; }
#content h3 { font-size: 14px; }
#content h4 { font-size: 12px; }
#content h5 { font-size: 12px; }
#content h6 { font-size: 12px; }

#content iframe {
	text-align: right;
}

#content p {
	line-height: 150%;
	margin-bottom: 10px;
}

#content .teaser {
	font-weight: bold;
	margin-bottom: 20px;
}

#content .teaser-menue {
	font-weight: bold;
	font-size: 0.85em;
	color: #666;
	margin: 0;
	padding: 0;
}

#content .teaser-image {
	float: left;
	width: 150px;
	margin: 5px 10px 5px 0;
}

#content .kurztext {
	line-height: 150%;
	font-weight: normal;
}

#content .readmore {
	text-align: right;
}

#content .post-short {
	clear: both;
	font-size: 11px;
	padding: 4px;
	background: #F9F9F9;
	text-align: right;
}

#content .single img{
	margin: 5px;
}

#content li {
	line-height: 125%;
	margin-bottom: 7px;
}

#content ul {
	padding: 0 0 0 15px;
}

#content .pro li {
	list-style-image: url(/img/accept.gif);
}

#content .pro2 li {
	list-style-image: url(/tpl/img/list-pfeil.gif);
}

#content .contra li {
	list-style-image: url(/img/exclamation.gif);
}

#content .frame {
	position: relative;
	color: #333;
	float: left;
	width: 293px;
	height: 350px;
	margin: 8px 2px;
	padding: 8px;
	background: #F6F6F6;
}

#content .frame-h1 {
	margin: -8px -8px 3px;
	padding: 3px 8px;
	font-weight: bold;
	font-size: 16px;
	background: url(/tpl/img/head-tab-ecke.gif) top left no-repeat #E6E6E6;
}

#content .frame-img {
	float: right;
	margin-right: -8px;
	margin-top: -3px;
}

#content .frame .fazit {
	position: absolute;
	top: 170px;
	text-align: justify;
	margin-right: 8px;
}

#content .frame-c2a {
	position: absolute;
	bottom: 8px;
	width: 294px;
}

#content .frame .c2abutton {
	float: right;
	margin-top: 6px;
}

#content .c2abutton a {
	padding: 6px 21px;
	background: #36F;
	color: #FFF;
	font-weight: bold;
	font-size: 14px;
}

#content .c2abutton a:hover {
	color: #36F;
	background: #FFF;
	padding: 5px 20px;
	border: 1pt solid #36F;
}
/* <--- CONTENT */

#girokonto-tabelle {
}

#girokonto-tabelle table, #girokonto-tabelle tr, #girokonto-tabelle td {
	font-size: 12px;
	text-align: left !important;
	background: transparent;
	padding: 0;
	margin: 0;
}

#girokonto-tabelle .list-line, #girokonto-tabelle .list-line_start {
	position: relative;
	clear: both;
	width: 582px;
	height: 38px;
	margin-bottom: 0px;
	padding: 5px 8px;
	border-bottom: 1pt solid #CCC;
	border-top: 1pt solid #FFF;
}

#girokonto-tabelle .list-line_start {
	background: url(/tpl/img/head-tab-ecke.gif) top left no-repeat #36F;
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
	height: 25px !important;
}

#girokonto-tabelle .list-line_start span {
	padding-top: 5px !important;
}

#girokonto-tabelle .tr1 {
	background: #E9E9E9;
}

#girokonto-tabelle .tr2 {
	background: #F9F9F9;
}

#girokonto-tabelle .tr_active {
	position: relative;
	background: #FFFFFF !important;
	height: 133px !important;
}

#girokonto-tabelle .tr_active_info_out {
	clear: both;
	visibility: hidden;
	display: none;
	height: 83px;
	margin: 5px 5px 5px 153px;
	padding: 5px;
}

#girokonto-tabelle .tr_active_info {
	visibility: visible !important;
	display: block !important;
}

#girokonto-tabelle .zaehler {
	float: left; width: 17px; padding-top: 10px; padding-right: 8px; font-weight: bold;
	text-align: right;
}

#girokonto-tabelle .num1 {
	float: left; width: 135px;
}

#girokonto-tabelle .num1 img {
	width: 120px;
	height: 30px;
}

#girokonto-tabelle .num2 {
	float: left; width: 175px;
}

#girokonto-tabelle .num3 {
	float: left; width: 60px;
}

#girokonto-tabelle .num4 {
	float: left; width: 60px;
}

#girokonto-tabelle .num5 {
	float: left; width: 90px;
	padding-left: 15px;
}

#girokonto-tabelle .num3, #girokonto-tabelle .num4, #girokonto-tabelle .num5 {
	text-align: center;
}

#girokonto-tabelle .zum_angebot {
	float: left; width: 90px; padding: 8px; margin-left: 13px; text-align: center; background: #FFF; border: 1pt solid #36F; font-weight: bold;
}

#girokonto-tabelle .zum_angebot:hover {
	background: #36F; color: #FFF;
}

#girokonto-tabelle .jump_action {
	position: relative;
	bottom: -95px;
}

#girokonto-tabelle .jump_action_back {
	position: relative;
	top: 0;
}

/* SIDEBAR ---> */

#sidebar {
	float: right;
	width: 310px;
}

#sidebar ol{
	border-color: #f0f0f0 #F0F0F0 #909090 #f0f0f0;
	width: 95%;
	padding: 5px 0px;
}

#sidebar ol  li {
	background: #FEFEFE;
	border: 1px solid #F9F9F9;
	display: block;
	margin-left: -7px;
	list-style: none;
	text-align: left;
	font-weight: bold;
	padding: 5px 0px;
}

#sidebar li a {
	display: block;
	background-color: transparent;
	left: 0px;
	margin: 0px;
	padding: 0 10px;
	text-decoration: none;
}

#sidebar li a:hover, #sidebar .active {
	color: #000 !important;
}

#sidebar .box {
	border-bottom: 1pt dotted #CCC;
	padding: 5px;
	margin-bottom: 7px;
	text-align: justify;
}

#sidebar .box img{
	float:left;
	margin-right: 15px;
}
/* <--- SIDEBAR */

/* FOOTER ---> */

#footer {
	clear: both;
	text-align: center;
	font-size: 11px;
	color: #666;
	margin: 10px 0 20px 0;
	padding-top: 15px;
}

/* <--- FOOTER */

/* MISC ---> */

.zum-anbieter a {
	margin-left: 8px;
	display: block;
	background: url(/img/zum-anbieter2.gif) 0 0 no-repeat;
	width: 120px;
	height: 30px;
}

.zum-anbieter a:hover {
	background: url(/img/zum-anbieter2.gif) 100% 100% no-repeat;
	width: 120px;
	height: 30px;
}

.tr1 td, .tr2  td {
	padding: 3px;
}

.tr1 td {
	background: #F6F6F6;
	text-align: center;
}

.tr2 td {
	background: #E6E6E6;
	text-align: center;
}

.lefe {
	text-align: left !important;
	font-weight: bold;
}

#longAD {
	position: absolute;
	top: 285px;
	left: 50%;
	margin-left: 480px;
}

.mehr-abstand {
	padding: 5px 15px;
}

.w2yellow {
	color: #333;
	background: url(/tpl/img/bg-yellow.gif) repeat-x #FC0;
}

.yellow {
	color: #333;
	background: url(/tpl/img/bg-yellow-bottom.gif) bottom repeat-x #FC0;
}

.w2orange {
	background: url(/tpl/img/bg-orange.gif) repeat-x #F90;
}

.orange {
	background: url(/tpl/img/bg-orange-bottom.gif) bottom repeat-x #F90;
}

.w2lila {
	background: url(/tpl/img/bg-lila.gif) repeat-x #909;
}

.lila {
	background: url(/tpl/img/bg-lila-bottom.gif) bottom repeat-x #909;
}

.w2blue {
	background: url(/tpl/img/bg-blue.gif) repeat-x #069;
}

.blue {
	background: url(/tpl/img/bg-blue-bottom.gif) bottom repeat-x #069;
}

.w2red {
	background: url(/tpl/img/bg-red.gif) repeat-x #C30;
}

.red {
	background: url(/tpl/img/bg-red-bottom.gif) bottom repeat-x #C30;
}

.w2green {
	background: url(/tpl/img/bg-green.gif) repeat-x #390;
}

.green {
	background: url(/tpl/img/bg-green-bottom.gif) bottom repeat-x #390;
}

.top-logo {
	float: left;
	margin: -5px 0;
}

/* <--- MISC */

/* BASICS ---> */

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.link {
	cursor: pointer;
}

.highlight {
	color: #6699CC;
}

.imgleft {
	float: left;
	margin: 0 8px 5px 0;
}

.imgright {
	float: right;
	margin: 0 0 5px 8px;
}

.intext-ad {
	float: left;
	padding: 0 10px 2px 0;
	width: 300px;
}

/* <--- BASICS */