/*
Theme Name: Prepaid
Theme URI: http://prepaidtarifvergleich.info/
Description: Minimalistic blueish theme for prepaidtarifvergleich.info
Version: 1.0
Author: Ulf Mayer
Author URI: http://prepaidtarifvergleich.info/
*/

/* ===============================
   = Undohtml
=============================== */

:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }
dl {margin: 0 0 0 .8em;}
dl dt {margin: 0 0 .5em 0;}
dl dd+dt {margin-top: 1.5em;}
dl dd {margin: 0 0 1em 2em;}
ol {list-style: decimal;}
ol li {margin: 0 0 1em 2.5em;}
ol li ol {margin: 1em 0 1em 1em;}
ol li ul {margin: 1em 0 1em 1em;}
p {margin-bottom: 1em;}
ul {list-style: circle;}
ul li {margin: 0 0 0 2em;}
ul li ul {margin: 1em 0 1em 1em; list-style: square;}
ul li ol {margin: 1em 0 1em 1em;}

.alignright {text-align: right;}
/* ===============================
   = General Styling
=============================== */

* { font-size: 1em; /* don't edit! */ }
html { font-size: 62.51%; /* don't edit */ }
body {
	font-size: 1.2em; /* edit here to change font size globaly 1em = 10px */
	background:#333 url(img/bg-body.gif) repeat-x;
	color:#303030;
	font-family: Arial, sans-serif;
}

.screenreader {display: none;}

h1 {font-size: 1.6em; margin: 0 0 10px 0;}
h2 {font-size: 1.4em; margin: 0 0 15px 0;}
h3 {font-size: 1.2em; margin: 0 0 16px 0;}
h4 {font-size: 1em; margin: 0 0 14px 0;}

fieldset {border: 0;margin: 0;padding: 0;}
legend {color: #aaa; font-size: .9em; display: inline; padding: 0; margin: 0;}

a {color: #5D7F27; font-weight: bold;}

.clear,
.clearBoth {clear: both;}

.alignleft {float: left;margin: 4px 10px 5px 0;}
.alignright {float: right;margin: 4px 0 5px 10px;}

body #contentwide div.post img.bordered {border: 1px solid #c1c1c1; padding: 2px; background: #fff;}

/* ===============================
   = DIV-Container
=============================== */

#wrap {background:#fff; color:#333; margin:0 auto; margin-bottom: 20px; padding: 30px 30px 20px 30px; width:870px; position: relative;}

/* Links */
a {color:#5D7F27; font-weight:normal; text-decoration:none;}
a:hover { color:#98BA61; font-weight:normal; text-decoration:underline;}
.post a {}
.post a img {border: 0px;}

/* Header */
#header {margin:0; padding: 0; color:#333; font-family: Georgia, serif; font-style: italic;}
#header h1 {font-weight: normal; font-size: 20px;}
.breadcrumb {margin: 10px 0 0 0; font-size: .95em; clear: both; color: #5B5C60; padding: 5px 0 33px 0; display: block;}
.breadcrumb a {color: #5B5C60;}
.textinhead {position: absolute; top: 0; left: 0;}
.textinhead h1,
.textinhead p {font-family: Georgia; visibility: hidden; font-size: 11px; display: block; width: 400px;}

.post em {background: #FEF7E7; padding: 0 2px;}


/* Sidebars */
#leftside {display: none; clear:left; float:left; line-height:1.4em; margin:0 0 5px; padding:0; width:190px;}
.adbox {float: right; border-left: 0px solid #ccc; padding: 0 0 0 10px; display: block; width: 120px;}
.infobox {float:left; line-height:1.4em; margin:0 0 5px 0; padding:10px; width:160px; background: #fff;}
.post ul,
.post ol,
#leftside ul {margin: 0; padding: 0;}
#leftside p, #leftside ul, #leftside div.textwidget, #extras p, #extras ul, #extras div.textwidget {font-size:0.9em; margin:0 0 18px;}
#leftside li, #extras li {line-height:1.2em; list-style:none; margin:0 0 6px;}
#leftside ul ul, #extras ul ul {margin:6px 0 0 10px;}
#leftside ul ul li, #extras ul ul li {margin:0 0 4px;}
#leftside ul ul li a, #extras ul ul li a {font-weight:normal;}
#leftside ul.linklist, #extras ul.linklist {font-size:1em;}
#leftside ul.linklist ul, #extras ul.linklist ul {margin:0 0 20px;}
#leftside ul.linklist ul li a, #extras ul.linklist ul li a {font-weight:bold;}
#leftside h2, #leftside ul.linklist li h2, #leftside h3, #extras h2, #extras ul.linklist li h2, #extras h3, 
table#wp-calendar caption {background-color:inherit; color:#505050; font-weight:normal; text-align:left; margin:0 0 6px;}
#leftside label, #extras label {display:none;}

/* Main menu */
ul.page {list-style:none; margin:0; position: absolute;  z-index: 100; top: 250px; left:410px; padding: 0; width: auto; text-align: right;}
ul.page li {display: block; float: left; margin: 0 0 0 1px;}
ul.page li a {float: left; padding: 8px 10px; display: block; font-size: 14px; font-weight: normal; background: url(img/trans.png) repeat; color: #312215;}
.current_page_item a,
.current_page_parent a {text-decoration: underline;}

body #contentwide ul.subpages {border-top: 1px solid #5D7F27;}
body #contentwide ul.subpages,
body #contentwide ul.subpages li {margin: 0; padding: 0; background: none;}
body #contentwide ul.subpages li a {display: block; padding: 3px 10px 3px 10px; color: #fff; background: #99B768; border-bottom: 1px solid #5D7F27;}

/* Content */
#content {line-height:1.6em; margin:0 0 5px; padding:0; position: relative;}
#contentwide {line-height:1.6em; margin:0 0 5px 0; padding:0 320px 0 0; width: 550px; position: relative;}
#wider {line-height:1.6em; margin:0 0 5px 0; padding:0; width: 870px; position: relative;}
#wider .post {width: 550px;}
h2 {font-family: Arial; font-size:1.7em; font-weight: normal; margin:0 0 10px; padding: 0 0 4px 0;}
h3 {font-size:1.6em; margin:0 0 8px;}
#content img,#contentwide img {border:0; margin:3px 10px 3px 0;}
#content ul,#contentwide ul,#content ol,#contentwide ol {margin:0 0 16px 20px;}
#content ul,#contentwide ul {list-style: none; margin: 0 0 20px 0!important; padding: 0;}
#content li,#contentwide li {padding:0 0 0 18px; background: url(img/bullet.gif) 0 4px no-repeat; margin: 0 0 0 10px;}
#content ul ul,#contentwide ul ul,#content ol ol,#contentwide ol ol {margin:0 0 0 16px;}

/* Footer */
#footer {border-top: 1px solid #EFF0F1; font-size:0.9em; clear:both; color:#777; font-weight:normal; line-height:1.4em; margin:0 auto; padding:10px 0; text-align:right; }
#footer p {margin:0; padding:0;}
#footer a {color:#777; font-weight:normal; text-decoration:none;}
#footer a:hover {color:#555; text-decoration:underline;}
#footer strong a {font-weight:bold;}
#footer span.credits {font-size:1.1em;}

a.wp-caption-dd {color: #68A0CE; background: url(img/more.gif) 0 4px no-repeat; padding: 0 0 0 8px;}

/* Tags */
p,ul,ol {margin:0 0 18px;}
blockquote {border-left:4px solid #e0e0e0; margin:20px; padding:8px 8px 8px 15px;}
blockquote p {background-color:inherit; color:#505050; font-size:0.9em; line-height:1.3em;}
label {color:#606060; font-size:0.9em; font-weight:normal; cursor: pointer;}

.labellike,
label span {font-size: 1.1em; color: #333; font-weight: bold;}

.labellike {font-size: 1em;}

table#wp-calendar {margin:0 0 20px; width:140px;}
code {font-size:1.2em; display:block; padding:5px 5px 5px 8px; background-color:#f4f4f4; margin:5px 0 15px 0;border-left:4px solid #cccccc;}

/* Forms */
#author,#email,#url,#comment {border:1px solid #cccccc; font:inherit; margin:0; padding:4px;}
#commentsection {margin:25px 0 0;}
#commentsection p {margin:0 0 6px;}
#comment {width: 98%;}

.name {font-weight: bold; padding-left: 20px; background: url(img/comment.gif) 0 1px no-repeat;}
.date {font-size: .9em; color: #aaa;}
.comment .highlight {background: #A0BF6E; border: 1px solid #5C7E26; margin: 5px 0 0 0; padding: 5px 8px; color: #fff; display: block;}

div.alignRight {width: 75%; float: right;}
div.alignLeft {width: 25%; float: left;}

/* Float fix */
.contenttext {overflow:hidden;}
* html .contenttext {height:1px; overflow:visible;}
* html .contenttext p {overflow:hidden; width:99%;}

/* Various classes */
.left {border:1px solid #cccccc; float:left; margin:10px 15px 10px 0;}
.right {border:1px solid #cccccc; float:right; margin:10px 0 5px 10px;}
.center {border:1px solid #aaaaaa; margin:5px auto 12px; text-align:center;}
.textright {text-align:right;}
.small {font-size:0.8em;}
.bold {font-weight:bold;}
.hide {display:none;}
.post {margin:0 0 25px;}
.postinfo {background-color:#f4f4f4; border-left:4px solid #cccccc; color:#606060; font-size:0.9em; font-weight:bold; line-height:1.5em; margin:1px 0 40px; padding:8px 5px 8px 8px;}

.comment {background-color:#fff; color:#606060; border: 1px dotted #ccc; margin:0 0 10px 0; padding: 10px;}
.comment p {margin: 0; padding: 0;}

.navigation {display:block; margin:10px 0; padding:0 0 15px; text-align:center;}
.navigation p {margin:0; padding:0;}
.prevlink {margin-right:20px;}
.nextlink {margin-left:20px;}

.dynside {clear: both; margin: 20px 0 0 0; padding: 10px;}
#extras h2 {font-weight: bold; font-size: 1em;}
#leftside .dynside h2 {font-weight: bold; font-size: 1em;}

.shopnav a,
.shopitem a,
.post a.noarrow {background: none; padding-left: 0;}

a.ordernow {color: #DB6205; font-size: 14px;}

.floatLeft {float: left; margin: 0 20px 0 0;}
.shopitem {border-bottom: 1px solid #ccc; width: 445px; padding: 0 0 20px 0;}

a.noborder {border: 0!important; padding: 0; color: #fff;}

sup {font-size: .8em;}
dt,
h3 {font-size: 16px; padding: 0 0 3px 0; font-weight: normal; color: #5D7F27; border-bottom: 1px solid #98BA61;}

dl {margin: 0;}
dl dd {margin: 0; padding: 0;}

#contentwide ol.faqlist,
#contentwide ol.faqlist li {list-style: none; margin: 0; padding: 0; background: none;}
#contentwide ol.faqlist li a {margin: 0; padding: 0 0 3px 0; font-size: 14px; font-weight: normal; display: block; color: #5D7F27;}

#contentwide ol.faqlist {margin-top: 30px;}
#contentwide ol.faqlist { border-top: 1px solid #98BA61; padding: 6px 0 0 0;}
small {font-size: .9em;}

.edit a {color: #555; font-size: .95em;}

.brands {width: 300px; position: absolute; top: 8px; right: 0;}
.umtsComparison,
#calculator {width: 280px; position: absolute; top: 0; right: 0; background: #f0f0f0; padding: 10px;}
#calculator form {width: 280px; position: relative;}

input.text {width: 30px; font: inherit;}

#comparison {border-collapse: collapse; width: 870px; background: #f0f0f0; border: 1px solid #fff; font: inherit;}
.widget td,
#comparison td { background: #f0f0f0; border: 1px solid #fff; font: inherit; padding: 5px; line-height: normal;}

caption {text-align: left; font-size: .9em; color: #aaa; margin: 0 0 3px 0;}
#comparison .even td {background: #e0e0e0}
.widget th,
#comparison th {vertical-align: middle; text-align: center; padding: 5px; border: 1px solid #fff; font: inherit; font-weight: bold; background: #c8c8c8 url(img/fade.gif) repeat-x; line-height: normal; }
#comparison .secondrow th {background: #c8c8c8;}
#comparison img {display: inline;}
#comparison .first img {display: block;}

.aligncenter {text-align: center;}

#highlight {width: 300px; position: absolute; top: 0; right: 0;}
#highlight div {width: 280px; background: #f0f0f0 url(img/fade-box.png) right bottom no-repeat;  margin: 0 0 10px 0; padding: 10px;}
#highlight div ul {margin: 0 0 5px 0; padding: 0; list-style: square;}

#submit,
.button,
.button:hover {clear: both; background: url(img/button.png) no-repeat; text-align: center; color: #fff; font-weight: bold; cursor: pointer; text-decoration: none; font-size: inherit; font-family: inherit; width: 147px; height: 25px; border: 0; line-height: normal; padding: 3px 0; display: block;}


body #calculator form ol,
body #calculator form ol li {margin: 0; padding: 0; list-style: none; background: none;}
body #calculator form ol li {margin: 0 0 5px 0;}

#comparison td.smaller {font-size: 1em; line-height: normal; width: 120px;}

.providerview {margin-top: 50px;}
.providerview h3 {color: #585858; font-size: .9em; border-color: #EFF0F1;}
.providerview .inner {text-align: center;}
.providerview .inner a span {left:-1000px;
overflow:hidden;
position:absolute;
top:-1000px;}

#comparison td.first {text-align: center; font-size: .9em; }

.subpage {display: block; width: 870px; border-bottom: 1px solid #ccc; height: 31px; margin: 0 0 5px 0;}
.subpage ul,
.subpage ul li {list-style: none; margin: 0; padding: 0; display: inline;}

.subpage ul li a,
.subpage ul li span {display: block; font-size: 14px; padding: 5px 10px 5px 10px; float: left; color: #585858; background: #f0f0f0; border: 1px solid #ccc; border-bottom: 0px; margin: 0 2px 0 0;}

.subpage ul li span,
.subpage ul li.current_page_item a {color: #585858; text-decoration: none; border-bottom: 1px solid #fff; background: #fff; margin-bottom: -1px!important; padding-bottom: 6px;}
.subpage ul li a {color: #aaa;}

.provider {display: block; float: left;padding: 5px 10px 5px 10px; border: 1px solid #ccc; border-bottom-color: #fff; margin: 0 2px -1px 0;}
a.tabbed {display: block; float: left; padding: 5px 10px 5px 10px; background: #F0F0F0; font-size: 1.7em; color: #aaaaaa; border: 1px solid #ccc; margin-right: 2px; border-bottom-width: 0; }
div.hr {border-top: 1px solid #ccc; padding-top: 10px;}
.questionform {width: 280px; position: absolute; top: 0; right: 0; background: #f0f0f0; padding: 10px;}
.questionform table th,
.questionform table td {text-align: left;}
.questionform small {line-height: normal; display: inline;}

.wp-caption {background: #f0f0f0; line-height: normal;}
.wp-caption img {margin: 5px!important;}
.wp-caption p {margin: 0 0 5px 5px; font-size: .9em; color: #585858; text-align: center;}

.pos {color: #008000;}
.neg {color: #A70E0F;}

.highlight td {background: #d5e8b5!important;}

#login {position: absolute; top: 10px; left: 25px;}
#login a {display: block; background: #f0f0f0; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; float: right; color: #333; padding: 0 6px 0 6px; margin: 0 0 0 5px; text-decoration: none;}

.link {text-align: center;}
.link a {font-weight: bold; text-align: center; /*color: #0000ff;*/}

ul.linklist a {display: block; font-weight: bold; font-family: Arial; font-size: 1em; background: none!important; padding: 0;}
ul.linklist {margin: 0; padding: 0; list-style: none;}
ul.linklist li {color: #5D7F27; background: none; margin: 0 0 20px 0; padding: 0;  font-weight: normal!important; font-size: 14px;}
ul.linklist li ul {list-style: none;}
ul.linklist ul li { color: #333; background: #f0f0f0; border-bottom: 1px solid #a0a0a0; margin: 0; padding: 5px; font-size: .85em;}
ul.linklist h4 {font-size: 16px; font-weight: normal; border-bottom: 1px solid #98BA61; padding: 0 0 3px 0;}

.error {padding: 10px; border: 2px solid #A70E0F; color: #A70E0F; font-weight: bold;}

.widget {border-collapse: collapse; background: #f0f0f0; border: 1px solid #fff; font: inherit; width: 100%;}
.speech {background: url(img/speechbubble.gif) no-repeat; padding: 20px 10px 10px 10px; margin: 0 0 8px 0;}

#highlight .steps div {background: none; width: auto;}

.steps ol,
.steps ol li {list-style: none; margin: 0; padding: 0;}
.steps ol li {display: block;}

#highlight .steps ol li div {background: none; margin: 0; padding: 0; height: 110px;}
#highlight .steps ol li div.inner {background: #f0f0f0; margin: 0; padding: 10px; height: auto;}

.head {display: block; cursor: pointer; font-size: 14px; font-weight: bold; padding: 0 0 20px 0; width: 300px;}
.head img {margin: 0 10px -18px 0;}

.asides,
.asides li {list-style: none; margin: 0; padding: 0; display: inline; text-align: left; float: left;}
.asides li a {display: block; float: left; margin: 0 10px 0 0; padding: 0 10px 0 0; background: url(img/trenner.gif) right 4px no-repeat;}
.asides li.last a {background: none; padding-right: 0;}

.asides {position: absolute; top: 8px; right: 20px;}
.checkboxlist li {width: 50%; float: left;}
.handyfinder select {width: 100%; padding: 1px;}

.news,
.news li {list-style: none; margin: 0; padding: 0;}
.news li {margin: 0 0 5px 0; border-bottom: 1px solid #EFF0F1;}
.news li span.title {display: block; font-weight: bold; background: url(img/prepaid-news.gif) 0 2px no-repeat; padding: 0 0 0 20px;}
.news li span.date {font-size: .9em; padding: 0 0 5px 0; display: block; color: #aaa;}

.newsall li{ cursor: pointer;}

.w3c {display: block; text-align: center; background: #333; padding: 5px; margin-bottom: 10px;}
a[rel="external"] em {display: none;}

.switzerland {position: absolute; top: 130px; right: 55px; background: #fff; width: 530px; padding: 0px; font-size: .9em; color: #333; font-family: Georgia; font-style: italic;}
.switzerland img {margin-left: 10px;}
.switzerland p {margin: 0; padding: 7px 0 7px 0;}

.newstext {background: none!important; padding: 0!important;}

.berater .wp-caption {margin: 0 60px 20px 0;}
.wp-caption strong {padding: 5px 5px 0 5px; display: block;}
.berater #attachment_382,
.berater #attachment_386 {margin-right: 0;}

.counter {text-align: center; text-indent: -2000px;}
.advisor {clear: both; margin-top: 10px;}

.gbutton {text-align: right; margin: 10px 0 0 0; display: block;}