/*
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 1px 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 10px; list-style:none; height:1%; overflow:hidden; }
.extra-nav ul li { font-size:13px; line-height:16px; text-transform:uppercase; padding:3px 0 3px; 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 11px; line-height:16px; }
.extra-nav ul li a:hover, .extra-nav ul .current_page_item a { background:#606060; color:#fff; text-decoration:none; }

.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 #fad400; border-right:1px solid #fad400; margin:0 -1px; padding:0 7px 1px 9px; text-decoration:none;}
.main-nav li a:hover, .main-nav .current_page_item a {background:#fad400 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:#606060; 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; }
.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:#fff; 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:#fad400; 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:#fff; 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 {display: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;}

#content a { color: #4989c6; 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 .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; }

/* weitere formatierung
------------------------------------------------------------------ */
table {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	color: #333333;
	font-size: 12px;
}
thead {
}
thead td {
	background: url(images/tablehead-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
thead td img {
	margin-top: 5px;
}
tr {
	margin: 0;
	padding: 0;
}
td {
	margin: 0;
	padding: 1px;
	border: 1px solid #CCCCCC;
}
#content .ttl {
	font-size: 12px;
	color: #0033CC;
	font-weight: normal;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#content .ttl:hover {
	color: #FFFFFF;
	background-color: #EAC155;
}
#content .ttl2 {
	font-size: 11px;
	color: #0033CC;
	text-decoration: underline;
}
#content .ttl2:hover {
	text-decoration: none;
}
.tabt1fs {
	font-weight: bold;
}
.tabt1fb {
	font-weight: bold;
	color: #003399;
	padding-left: 3px;
	font-size: 12px;
	background-color: #FEFCF3;
}
.tabt1fg {
	font-weight: bold;
	color: #006600;
	font-size: 12px;
}
.tabt1r {
	font-size: 11px;
	color: #990000;
}
.tabbg1 {
	background-color: #FDF1C8;
}
.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: #EAC155;
}
.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;}