/*
Theme Name: Prepaid-Kreditkarte
Version: 1.0
Author: 3task
Author URI: http://www.3task.de
*/

/* base
------------------------------------------------------------------ */
body { margin:0; font:13px/1.3 Trebuchet MS, Arial, Helvetica, sans-serif; color:#000; background:#fff; }
img { border:0; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }

.holder-wrapper { height:1%; overflow:hidden; position:relative; }
#wrapper { width:959px; margin: 0 auto; background:url(images/bg-border-wrapper.gif) repeat-y 100% 0; padding:224px 3px 0 0; position:relative; }
#main { height:1%; overflow:hidden; background:url(images/bg-main.gif) repeat-y; }
#main .holder { height:1%; float:left; }
#main .holder .wrapper { width:839px; overflow:hidden; }
#main .holder .full {width:959px;}

/* header
------------------------------------------------------------------ */
#header { height:224px; overflow:hidden; position:absolute; top:0; left:0; width:959px; background:url(images/bg-header-top.gif) no-repeat; }
#header .wrap { width:100%; overflow:hidden; background:url(images/header-image.jpg) no-repeat 100% 51px; padding:52px 0 3px; }
.logo {margin:0; width:314px; height:47px; overflow:hidden; position:absolute; top:0; left:17px; z-index:1000;}
.logo a {display:block; height:100%;}
#header .holder { width:759px; float:right; display:inline; margin:28px 0 0 -7px; }
#aktion {float: right;padding-right: 55px;font-size: 11px;line-height: 14px;}
#aktion a {text-decoration: underline;color: #FFCC00;}
#aktion a:hover {color: #FFFFFF;}
#aktion img a:hover {background-color: #9999CC;}

/* nav
------------------------------------------------------------------ */
.extra-nav { width:199px; float:left; display:inline; padding:4px 5px 10px 2px; background:url(images/bg-extra-nav.gif) no-repeat; font-family:Tahoma, Helvetica, sans-serif; }
.extra-nav .heading { display:block; color:#fff; font-size:11px; line-height:14px; padding:4px 0 9px 17px; margin:0 -7px 0 0; font-weight:normal; position:relative; z-index:100; background:url(images/bg-heading-extra-nav.gif) no-repeat; }
.extra-nav ul { margin:0; padding:0 5px 0 3px; list-style:none; height:1%; overflow:hidden; }
.extra-nav ul li { font-size:13px; line-height:16px; padding:2px 0 2px; overflow:hidden; vertical-align:top; background:url(images/separator1.gif) repeat-x; }
.extra-nav ul li:first-child { background:none; }
.extra-nav ul li a { display:block; color:#646464; font-weight:bold; padding:4px 3px 4px 5px; line-height:16px; }
.extra-nav ul li a:hover, .extra-nav ul .current_page_item a { background:#ab9100; color:#fff; text-decoration:none;}

.extra-nav ul li.page-item-111 a {font-weight: 700;}

.main-nav {margin:0; padding:7px 0 0 18px; list-style:none; width:741px; overflow:hidden; background:url(images/bg-main-nav.png) no-repeat; font-family:Tahoma, Helvetica, sans-serif; font-size:12px;}
.main-nav li {float:left; padding:0 49px 0 0; font-weight:bold;}
.main-nav li a {color:#fff; text-decoration: underline; float:left; position:relative; z-index:100; line-height:25px; height:25px; padding:0 7px 0 9px; cursor:pointer;}
.main-nav li a:hover, .main-nav .current_page_item a {border-left:1px solid #ab9100; border-right:1px solid #ab9100; margin:0 -1px; padding:0 7px 1px 9px; text-decoration:none;}
.main-nav li a:hover, .main-nav .current_page_item a {background:#ab9100 url(images/bg-main-nav-rollover.gif) repeat-x; line-height:25px; padding:0 7px 0 9px; margin:0 -1px;}

.holder h4 { margin:0 0 4px 209px; line-height:18px; }
.holder h4 a { display:block; }
.holder h4 img { display:block; }
.heading-nav { margin:0; padding:0 0 12px 286px; list-style:none; width:200px; overflow:hidden; font-family:Tahoma, Helvetica, sans-serif; }
.heading-nav li { overflow:hidden; width:191px; float:left; padding:0 0 4px 9px; background:url(images/bullet3.gif) no-repeat 0 50%; }
.heading-nav li a { display:block; height:19px; }
.heading-nav li img { display:block; }

.sidebar { width:198px; float:left; padding:2px 5px 0 0; border-left:1px solid #606060; }
.sub-nav { margin:0; padding:0; list-style:none; }
.sidebar .heading { display:block; color:#fcec8b; margin:0 -5px 0 0; padding:0 0 3px 23px; font-size:12px; line-height:23px; font-family:Tahoma, Helvetica, sans-serif; background:url(images/bg-heading-sub-nav.gif) no-repeat; }
.sub-nav li ul { margin:-2px 0 0; padding:0 4px 4px; list-style:none; overflow:hidden; width:190px; font-family:Tahoma, Helvetica, sans-serif; font-weight:normal;}
.sub-nav li ul  li { padding:1px 0; margin:3px 0 -3px 0; width:100%; overflow:hidden; border-bottom:1px solid #818181; }
.sub-nav li ul  li a { color:#646464; display:block; line-height:26px; padding:0 0 0 19px; background:url(images/bullet1.gif) no-repeat 6px 50%; text-decoration:none;}
.sub-nav li ul li a:hover, .sub-nav li ul .current_page_item a { background:#ab9100; color:#fff;}
.question { margin:0; padding:6px 4px 0; list-style:none; font-family:Tahoma, Helvetica, sans-serif; }
.question li { padding:5px 11px 6px 7px; font-size:10px; border-bottom:1px solid #818181; }
.sidebar .question li a { color:#646464; line-height:12px; display:block; padding:5px 0 5px 7px; background:none; }
.sidebar .question li a:hover { color:#fff; background:none; font-weight:normal; text-decoration:underline; }

/* content
------------------------------------------------------------------ */
#content { width:602px; float:right; padding:7px 20px 0 13px;}
.fullview {width:722px!important;}

#content .zentriert {display: block;padding: 0;}

#content h1, #content h2, #content h3 {margin:0; padding: 0;}
#content h1 {color:#333333; font-size:16px;}
#content h2 {color:#333333; font-size:15px; margin-top: 15px;}
#content h3 {color:#202020; font-size:13px;}

#content p {margin:0 0 10px; line-height:18px; text-align: justify;}
#content .shutter,.more-link {isplay:block;	background:url(images/bullet2.gif) no-repeat 0 50%;	color:#0033cc;	text-decoration:underline;	padding:0 0 0 9px;}
#content .shutter:hover,.more-link:hover { text-decoration:none; background-color: #009700;color: #FFFFFF;}


#content a { color: #000000; text-decoration:underline;}
#content a:hover { text-decoration:none;}

#content ul {padding: 0;margin-left: 55px;margin-top: 3px;margin-right: 0px;margin-bottom: 15px;}
#content ul.faq li a{color: #0033CC; text-decoration:none;}
#content ul.faq li a:hover {text-decoration:underline;}
#content .info {font-size: 11px;	color: #666666;	margin-top: 30px;}
#start {	background-attachment: fixed;background:url(images/start.gif);background-repeat: no-repeat;	background-position: left top;height: 125px;width: 575px;display: block;padding: 0;	margin: 0 0 10px 80px;}
#start .karte {margin-left: 4px;	margin-top: 12px;	margin-right: 4px;	margin-bottom: 0px;}
#start p {text-align: center;padding: 0;	margin: 0;line-height: 0;}
#respond {}
.post { padding: 5px 0 15px 0; }

.visual { height:1%; overflow:hidden; padding:2px 0 0 9px; margin:0 0 22px; }
.visual img { display:block; }
.wrap-text { height:1%; overflow:hidden; padding:0 0 0 5px; margin:0 0 -9px; }
.wrap-text p { color:#3c3d41; }

/* banner
------------------------------------------------------------------ */
.banner { width:120px; float:right; }
.banner img { display:block; }

/* footer
------------------------------------------------------------------ */
#footer { height:1%; overflow:hidden; padding:24px 0; color:#606060; background:url(images/bg-footer.gif) repeat-x; }
#footer p { margin:7px 0 0 25px; font-weight:bold; }
#footer em { font-style:normal; font-weight:normal; }
#footer ul { margin:0; padding:0 37px 0 0; list-style:none; float:right; overflow:hidden; font-family:Tahoma, Helvetica, sans-serif; }
#footer ul li { float:left; padding:0 7px 0 11px; margin:0 7px 0 -7px; overflow:hidden; background:url(images/separator2.gif) no-repeat 0 16px; }
#footer ul li a { display:block; color:#606060; padding:0 0 0 2px; text-decoration:underline; font-weight:bold; }
#footer ul li a span { display:block; line-height:32px; padding:0 4px 7px 7px; margin:0 0 7px; }
#footer ul li a:hover, #footer ul .current_page_item a { color:#fff; text-decoration:none; background:url(images/bg-footer-nav-rollover-left.gif) no-repeat; }
#footer ul li a:hover span, #footer ul .current_page_item a span { background:url(images/bg-footer-nav-rollover-right.gif) no-repeat 100% 0; }

/* Tabelle - Vergleich */
#content table.vergleich {border-collapse: collapse; margin: 1px 0; position: relative;}
#content table.vergleich thead tr {border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
#content table.vergleich thead tr th {border-left:1px solid #ccc; border-right:1px solid #ccc; color: #000; font-weight: 700; padding:2px; text-align: center;}
#content table.vergleich thead tr th.first {border-left:1px solid #ccc;}
#content table.vergleich thead tr th.last {border-right:1px solid #ccc;}
#content table.vergleich tr {border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
#content table.vergleich tr td {padding: 2px; margin: 0; text-align: center; font-size: 11px; vertical-align: middle;}
#content table.vergleich tr td.first {border-left:1px solid #ccc;}
#content table.vergleich tr td.last {border-right:1px solid #ccc;}
#content table.vergleich tr td img {display:block; margin: 0 0 0 7px; padding: 0 0 0px 0; }
#content table.vergleich tr td ul {padding:0; margin: 0 0 0 15px;}
#content table.vergleich tr td ul li {padding:0; margin:0; line-height: 1.2em; }
#content table.vergleich tr td.smaller {}
#content table.vergleich tr td.left {text-align: left;}
#content table.vergleich tr td.right {text-align: right; padding-right: 4px;}
#content table.vergleich tr td a.kartenantrag {margin: 7px 0 2px 0px; background: url(images/bg_kartenantrag.png) left top no-repeat; display: block; width: 126px; height: 27px; border: none; padding: 3px 0 0px 0; text-align: center; text-decoration: underline; font-weight: 600; color: #000000;}
#content table.vergleich tr td a.kartenantrag:hover {background-position: 0px -100px;text-decoration: none;}
#content table.vergleich tr td a.mehrinfo {font-size: 11px;color: #0033CC;font-weight: normal;text-decoration: underline;font-family: Verdana, Arial, Helvetica, sans-serif;}
#content table.vergleich tr td a.mehrinfo:hover {color: #FFFFFF;	background-color: #009700;}

/* weitere formatierung
------------------------------------------------------------------ */
#content table.vergleichslider {margin: 0; padding: 0; border-collapse: collapse; color: #333333;font-size: 12px;}
#content table.vergleichslider thead td {background: url(images/tablehead-bg.gif);background-repeat: repeat-x;background-position: left top;}
#content table.vergleichslider thead td img {margin-top: 5px;}
#content table.vergleichslider tr {margin: 0; padding: 0;}
#content table.vergleichslider tr td {margin: 0; padding: 2px 1px; border: 1px solid #CCCCCC; text-align: center; }
#content table.vergleichslider tr td.left {text-align: left; padding-left: 3px;}
#content table.vergleichslider tr td.strong {font-weight: 600; }
#content table.vergleichslider tr td.colored {color: #000;}
#content table.vergleichslider tr td.morespace {padding: 4px 1px;}
#content table.vergleichslider tr td span.strong {font-weight: 600;}
#content table.vergleichslider tr td span.green {color: #006600;}
#content table.vergleichslider tr td a.kartenantrag {margin: 7px auto 2px auto; background: url(images/bg_kartenantrag.png) left top no-repeat; display: block; width: 126px; height: 27px; border: none; padding: 3px 0 0px 0; text-align: center; text-decoration: underline; font-weight: 600; color: #000000;}
#content table.vergleichslider tr td a.kartenantrag:hover {background-position: 0px -100px;text-decoration: none;}
#content table.vergleichslider tr td a.jetztbestellen {margin: 5px 0 0px 0px; background: url(images/bg_kartenantrag.png) left top no-repeat; display: block; width: 126px; height: 27px; border: none; padding: 4px 0 0px 0; text-align: center;	text-decoration: underline;	font-weight: 700;	color: #000000;	}
#content table.vergleichslider tr td a.jetztbestellen:hover {background-position: 0px -100px;text-decoration: none;}
#content table.vergleichslider tr td a.mehrinfo {font-size: 12px; color: #0033CC; font-weight: normal; text-decoration: underline;}
#content table.vergleichslider tr td a.mehrinfo:hover {color: #FFFFFF;	background-color: #009700;}

#content .ttl {font-size: 12px; color: #0033CC; font-weight: normal; text-decoration: underline;}
#content .ttl:hover {color: #FFFFFF;	background-color: #009700;}
#content .ttl2 {font-size: 11px; color: #0033CC; text-decoration: underline;}
#content .ttl2:hover {text-decoration: none;}
#content .tabt1fs {	font-weight: bold;}
#content .tabt1fb {	font-weight: bold;color: #003399;	padding-left: 3px;	font-size: 12px;	background-color: #FEFCF3;}
#content .tabt1fg {	font-weight: bold;color: #006600;	font-size: 12px;}
#content .tabt1r {	font-size: 11px;color: #990000;}
#content .tabbg1 {	background-color: #FDF1C8;}
#content .tabbg1 .tabt1fb {background-color: #FDF1C8;}

#content .seite {
	font-weight: bold;
	color: #8D5632;
	text-align: right;
	padding-right: 7px;
}
#content .seitel {
	font-weight: bold;
	color: #8D5632;
    padding: 0 3px 0 3px;
	text-decoration: underline;
}
#content .seitel:hover {
	text-decoration: none;
	color: #FFFFFF;
	background-color: #924D1F;
}
#content .link1 {
	font-size: 13px;
	line-height: normal;
	color: #0033CC;
	text-decoration: underline;
	font-weight: normal;
}
#content .link1:hover {
	color: #FFFFFF;
	background-color: #009700;
}
.rahm1 {
	border: 1px solid #993300;
}
.bt1 {
	float: left;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-top: 0px;
}
#columnleft {
	float: left;
	padding: 0 0 0 50px;
	margin: 0px;
	height: auto;
	display: block;
	width: 120px;
}

#columnright {
	float: left;
	width: 550px;
	height: auto;
	margin: 0px;
	padding: 0 0 10px 0;
	display: block;
}

#columnright ul {
	padding: 0;
	margin-left: 20px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 10px;
}


/* formulare
------------------------------------------------------------------ */
#respond label {	display: block;	float: left; width: auto; margin: 0;}
form br {
	clear: left;
}
form p {
	margin: 0px 0px 3px;
	padding: 0px;
	clear: left;
	vertical-align: top;
}
form {
	margin: 0;
	padding: 0;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}

fieldset {
	border: none;
}
legend {
	margin: 0;
	padding: 0 5px;
}
textarea {
	vertical-align: top;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

input {
	padding: 0 0 0 0;
	display: block;
	white-space: normal;
}
input#agb, input#newsletter {
	float: left;
	margin: 0px 4px 0px 0px;
	padding: 0px;
}
input#anfragesenden, input#newssend {
         padding:0 15px 0 15px;
}
select {
	margin: 0;
	padding: 0;
}
label {
	display: block;
	float: left;
	width: 90px;
	margin-left: 60px;
}
#error, #message {
	margin-bottom: 15px;
	margin-left: 60px;
}
#error {color: #FF0000;}
#message {color: #009900;}

/* wp-caption
------------------------------------------------------------------ */
.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f2f2f2;
padding-top: 2px;
margin: 5px 15px 0 5px;
}

.wp-caption img {
border: 0 none;
}

#content p.wp-caption-text {
text-align: center;
color: #666666;
margin: 0 0 3px 0;
padding: 0;
}

.wp-caption-text {
text-align:center;}



/*---- SLIDER SECTION ----*/
#slider {}
#slider ul, #slider li {
	padding: 0;
	margin: 0;
	list-style: none;
}

#slider li { 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width: 720px;
	height: auto;
	/* height: 500px; */
	overflow: hidden;
}

/* numeric controls */
ol#controls {
	margin: 3px 0;
	padding: 0;

	float: right;
}

ol#controls li {
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
	list-style: none;
}

ol#controls li a {
	float: left;
	line-height: 20px;
	background: #F2CE00;
	font-weight: bold;
	color: #ffffff;
    padding: 2px 8px 2px 8px;
	text-decoration: underline;
	border: solid 1px #C1A500;
}

ol#controls li a:hover {
	background: #ab9100;
	text-decoration: underline;
}

ol#controls li.current a {
	background: #ab9100;
}