/*
Theme Name: DKonto
Theme URI: http://www.deutscheskonto.org/
Description: Design für www.deutscheskonto.org.
Author: DKonto-Team
Author URI:
Version: 0.1
Tags: dkonto

License: All rights reserved.
License URI:
*//*
Standard Width: 980px;
*/

/* global */

html {
}
body {
	background-color:#dff3f9;
	color:#333;
	font-family:Tahoma;
	font-size:11pt;
	min-width:320px;
	max-width:980px;
	margin:1ex auto;
	position:relative;
}


/* #head */

#head {
	background-color:white;
	padding:10px;
}
#lang {
	font-size:9pt;
	margin-bottom:-10px;
	text-align:right;
	position:relative;
	z-index:11;
}
#lang a {
	color:#888;
	text-decoration:none;
	padding-left:.8em;
}
#lang span {
	color:#888;
	padding-left:.8em;
}
#lang a:hover {
	color:#000;
}
#brand {
	background-image:url(img/srg.png);
	background-repeat:no-repeat;
	background-position:0 -1px;
	margin-top:1px;
	min-height:94px;
	padding-left:45px;
	position:relative;
}
#brand .name, #brand .name a {
	color:#00b0f0;
	font-size:29.5pt;
	font-weight:bold;
	line-height:20pt;
	text-decoration:none;
}
#brand .description {
	color:#595959;
	font-size:13.5pt;
	padding-top:11pt;
	padding-left:1.33pt;
}

/* menu */	

#menu {
	background-color:#eee;
	background-image:linear-gradient(to bottom,#fafafa,#dddddd);
	border:1px solid #ccc;
	color:#00b0f0;
	display:block;
	font-size:10.5pt;
	line-height:12pt;
	list-style-type:none;
	min-height:18pt;
	margin:.5em 0 0 0;
	padding:0 8px;
	position:relative;
	z-index:20;
}
#menu.search {
}
#menu li {
	position:relative;
	white-space:nowrap;
}
#menu > li {
	display:inline-block;
	margin:0;
	padding:4px 5px;
}
#menu > li > a {
	padding:0 0;
}
#menu > li:hover {
	background-color:#eee;
	background:linear-gradient(#fff,#eee);
}
#menu > li#searchbox {
	background:none;
	float:right;
	max-width:330px;
	padding-top:3px;
	padding-bottom:1px;
}
#menu input {
	border:1px solid #ccc !important;
	box-sizing:content-box;
	font-family:Tahoma,sans-serif;
	font-size:12px;
	line-height:100%;
	height:15px;
	margin:0 !important;
	vertical-align:baseline;
}
#menu input[type=text] {
	background:#fff !important;
	padding:1px 3px;
}
#menu input[type=submit] {
	background:#f6f6f6 !important;
	padding:1px 6px;
}

/* sub-menu */

#menu > li > ul {
	background-color:#fff;
	border:1px solid #ccc;
	display:none;
	list-style-position:inside;
	list-style-type:none;
	margin:0;
	padding:0;
	position:absolute;
		left:0;
		top:100%;
	z-index:100;
}
#menu ul li {
	padding:3pt 1em;
}
#menu ul li:first-child {
	padding-top:6pt;
}
#menu ul li:last-child {
	padding-bottom:6pt;
}
#menu ul li:hover {
	background-color:#eee;
}
#menu li:hover > ul {
	display:block;
}
#menu a {
	color:#00b0f0;
	text-decoration:none;
}

/* sub-sub-menu */

#menu > li > ul > li > ul {
	background-color:#fff;
	border:1px solid #ccc;
	display:none;
	list-style-position:inside;
	list-style-type:none;
	margin-top:-1px;
	padding:0;
	position:absolute;
		left:100%;
		top:0;
	z-index:100;
}

@media screen and (max-width: 915px) {
	#lang {
		margin-bottom:10px;
	}
}
@media screen and (max-width: 480px) {
	#brand .name, #brand .name a {
		font-size:19.5pt;
		line-height:18pt;
	}
	#brand .description {
		color:#595959;
		font-size:11pt;
		padding-top:3pt;
		padding-left:1pt;
	}
	#brand .description img {
		max-width:100px;
		max-height:72px;
		height:auto;
		top:-10px !important;
	}
}

/* #body */

#body {
	background-color:#fff;
	font-family:Arial;
	line-height:16pt;
	margin:10px 0;
	z-index:10;
}
#main, #widemain {
	border-bottom:10px solid #dff3f9;
}
#content {
	padding:1em 0 0 0;
}
#content > *, .teaser > * {
	margin-left:10px;
	margin-right:10px;
}
#content .teaser {
	margin-left:0;
	margin-right:0;
}
#content > hr.full {
	background-color:#dff3f9;
	border-style:none;
	color:#dff3f9;
	height:10px;
	margin:2em 0;
	width:100%;
}
.teaser {
	border-bottom:10px solid #dff3f9;
	border-top:10px solid #dff3f9;
	padding:1em 0;
}
.teaser + .teaser {
	border-top-style:none;
}
.teaser:first-child {
	border-top-style:none;
}
.teaser:last-child {
	border-bottom-style:none;
}
.teaser a.preview {
	display:block;
	float:left;
	margin-bottom:5px;
	margin-right:10px;
}
.teaser h2 {
	font-size:14pt;
	margin-top:0;
}
.teaser h2 a {
	color:#000;
	text-decoration:none;
}
#side, #wideside {
	padding:0;
	text-align:center;
}
#side .widget, #wideside .widget {
	color:#777;
	display:inline-block;
	max-width:350px;
	margin-bottom:50px;
}
#wideside .widget {
	vertical-align:middle;
	margin:20px 5px 30px 5px;
}
#refs {
	border-top:10px solid #DFF3F9;
	padding:10px;
	clear:both;
	text-align:center;
}
#refs .textwidget img {
	background-repeat:no-repeat !important;
	margin:2px .5em 2px .5em;
	vertical-align:middle;
}
@media screen and (max-width: 999px) {
	#side .widget {
		vertical-align:middle;
		margin:20px 5px 30px 5px;
	}
}
@media screen and (min-width: 1000px) {
	#main {
		width:620px;
		float:left;
		border-right:10px solid #dff3f9;
		border-bottom-style:none;
	}
	#side {
		border-left:10px solid #dff3f9;
		margin-left:-10px;
		width:350px;
		float:right;
		padding:1em 0;
	}
}

/* #foot */

#foot {
	background-color:#00b7ef;
	color:white;
	clear:both;
	font-size:9pt;
	line-height:15pt;
	position:relative;
}
#foot .blocks {
	float:left;
	padding:10px;
}
#foot .block {
	float:left;
	max-width:20em;
	padding:1ex 1em;
}
#legal {
	float:right;
	margin:10px;
	padding:1ex 1em;
}
#legal ul {
	margin:0;
}
#legal li {
	list-style-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJAQMAAADaX5RTAAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAAB1JREFUCB0FwTEBAAAIAyCiL6oxdqkgDGW5WMoQD3H1CCyqjB8MAAAAAElFTkSuQmCC);
}
#legal a {
	color:white;
	text-decoration:none;
}
#legal a:hover {
	text-decoration:underline;
}

/* social media */

#social-media {
	background:#FFF;
	padding:8px;
	position:fixed;
	left:10px;
	line-height:0;
	top:200px;
	width:32px;
	min-height:10px;
}
@media screen and (max-width: 1080px) {
	#social-media {
		display:none;
	}
}

/* servicewelt */

.servicewelt .welt {
	background-image:url(img/welt.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	font-size:11pt;
	line-height:11pt;
	position:relative;
	padding:0;
	height:200px;
	width:350px;
}
.servicewelt .welt a {
	color:#00B0F0;
	display:inline-block;
	position:absolute;
	text-decoration:none;
}
.servicewelt .welt a:hover {
	text-decoration:underline;
}

/* podium, headerwidget */

@media screen and (min-width: 800px) {
	#side .podium.widget, #wideside .podium.widget, .podium.widget,
	#side .headerwidget, #wideside .headerwidget, .headerwidget {
		margin:0;
		position:absolute;
		right:10px;
		top:28px;
	}
	ol.podium {
		margin:0;
	}
}

ol.podium {
	background-image:url(img/pokal.png);
	background-position:center;
	background-repeat:no-repeat;
	height:88px;
	padding:0;
	position:relative;
	width:264px;
	margin:0 auto;
}
ol.podium li {
	bottom:0px;
	display:inline-block;
	list-style-type:none;
	line-height:0;
	margin:0;
	padding:0;
	position:absolute;
	width:88px;
}
ol.podium li:first-child {
	left:88px;
	padding-bottom:15px;
}
ol.podium li:first-child + li {
	left:0;
}
ol.podium li:last-child {
	right:0;
}
ol.podium img {
	border:none;
	width:88px;
}
.headerwidget img {
	background:none;
	border:none;
}

/* ranking widget */

ol.ranking {
	text-align:left;
    counter-reset:ranking;
    margin-left:0;
    padding-left:0;
}
ol.ranking li {
	list-style:none;
	margin-bottom:.5ex;
	min-height:3.3em;
	padding-left:3.4em;
	position:relative;
}
ol.ranking a {
	display:block;
 	color:#777;
	font-weight:bold;
 	text-decoration:none;
}
ol.ranking a::before {
	border:3px solid #C00;
 	color:#C00;
	content:counter(ranking);
    counter-increment:ranking;
	display:block;
	font-size:xx-large;
	padding:6px 8px;
	position:absolute;
		top:3px;
		left:0px;
}
ol.ranking a:hover {
	color:#C00;
}
ol.ranking a:hover::before {
	background-color:#C00;
	color:#FFF;
}

/* sortable tables */

body table td.sort, body table th.sort {
	background-repeat:no-repeat;
	background-image:url(./sort/oben.png);
	background-position:center bottom 5px;
	cursor:pointer;
	padding-bottom:16px;
	text-align:center;
	vertical-align:middle;
}

body table td.sort ~ *, body table th.sort ~ * {
	padding-bottom:16px;
}

thead .sort:hover {
	background-color:#fff;
	background-image:url(./sort/oben_schwarz.png);
}

thead .sort.descending {
	background-image:url(./sort/unten.png);
}

thead .sort.descending:hover {
	background-image:url(./sort/unten_schwarz.png);
}

/* comments */

#respond {
	background-color:rgb(248,248,248);
	margin:0;
	padding:10px;
}
#respond > *:first-child {
	margin-top:10px;
}

textarea#comment {
	max-width:100%;
}

.commentlist {
	list-style-type:none;
	padding:0;
}
.commentlist .children {
	list-style-type:none;
	padding:0;
}
.commentlist li.comment .comment-meta {
	color: #666;
	margin-left: 50px;
}
.commentlist li.comment .comment-author {
	color: #666;
	margin-left: 50px;
}
.commentlist li.comment {
	background-image:url(img/grey.png);
	border: 1px solid #DDD;
	border-radius: 5px;
	margin: 1em 0 0;
	padding: 1em;
	position:relative;
}
.commentlist .avatar {
	background: none;
	border-radius: 3px;
	left: 1em;
	padding: 0;
	position:absolute;
	top: 1em;
}

.rtexthumb {
	font-size:11pt;
	font-weight:bold;
	margin-left:30px;
	padding-top:2pt;		
}

/* class that hides the option to subscribe */

.keinabo #commentform .comment-form-subscriptions {
	display:none;
}

/* general */

header {
	margin-bottom:0;
	position:relative;
}
h1 {
	color:#C00;
	line-height:1.1em;
	margin-top:.3em;
}
h2, h3, h4 {
	line-height:1.3em;
	margin-top:2.2em;
	margin-bottom:.5em;
}
h2:first-child {
	margin-top:1em;
}
header time {
	color:#aaa;
	position:absolute;
	right:0;
	top:0;
}
hr:not(.full) {
	background:none;
	border-top:1px solid #AAA;
	color:transparent;
	height:0;
	margin:1.5em auto !important;
	padding:0;
	width:50%;
}
#content blockquote {
	border-left: #00B0F0 solid 5px;
	background-color: #FFF4EA;
	font-family:Tahoma;
	font-size: 1.3em;
	line-height:1.6em;
	margin: 28px 10px;
	overflow: hidden;
	padding: 15px;
	text-align: center;
}
#content blockquote p {
	margin:0;
}
.clear, footer, .ratingblock, #respond, #comments {
	clear:both;
}
#author-avatar {
	display:block;
	float:left;
	margin:0 10px 5px 0;
}
#author-avatar img {
	border-radius: 3px;
	box-shadow: 0 1px 2px #BBB;
}

/* images */

img {
	border:none;
}
#content .wp-caption {
	background-color:#eee;
	margin-left:auto;
	margin-right:auto;
	max-width:100%;
	padding:5px 0 0 0;
}
#content img {
	display:inline-block;
	height:auto !important;
	max-width:100%;
}
#content .wp-caption img {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
#content .alignright {
	float:right;
	margin-left:10px;
	margin-right:5px;
}
#content .alignleft {
	float:left;
	margin-left:5px;
	margin-right:10px;
}
#content .aligncenter {
	clear:both;
	display:block;
	margin-left:auto;
	margin-right:auto;
}
#content .alignnone {
	clear:both;
}
.wp-caption-text {
	font-size:smaller;
	padding:5px 10px;
	margin:0;
}
img.vgwort {
	background:none;
	border:none;
	height:1px !important;
	position:absolute;
		left:1px;
		top:1px;
	width:1px !important;	
}

.link-button {
	padding:30px 10px;
	margin:0 !important;
	text-align:center;
}
#respond + .link-button {
	background-color:#F8F8F8;
}
.link-button a {
	background-color:#f7dd9f;
	background-image:linear-gradient(#f7dd9f,#f1c451);
	box-shadow:0 0 2px 2px #93762c;
	border-radius:3px;
	color:#1f497d;
	font-size:18pt;
	line-height:100%;
	display:block;
	margin:0 auto;
	max-width:418px;
	padding:16px 26px;
	text-decoration:none;
}

/* iframes */

/* http://avexdesigns.com/responsive-youtube-embed/ */
.youtube {
	position:relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.youtube > * {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* tables */

table.text-align-left td {text-align:left}
table.col-1-center td:first-child {text-align:center}
table.col-2-center td:nth-child(2) {text-align:center}
table.col-3-center td:nth-child(3) {text-align:center}
table.col-4-center td:nth-child(4) {text-align:center}
table.col-5-center td:nth-child(5) {text-align:center}
table.col-6-center td:nth-child(6) {text-align:center}
table.borders {border-collapse:collapse}
table.borders th, table.borders td {border:1px solid black}

/* inhaltsverzeichnis */

.inhaltsverzeichnis {background:#F9F9F9;border:1px solid #AAA;display:table;float:left;font-size:95%;line-height:1.6;margin-bottom:1em;padding:0 7px}
.inhaltsverzeichnis a {text-decoration:none}
.inhaltsverzeichnis a:hover {text-decoration:underline}
.inhaltsverzeichnis h2 {font-size:1em;margin:0;padding:7px 0;text-align:center}
.inhaltsverzeichnis ol, .inhaltsverzeichnis ul {margin-left:0;margin-top:4px;padding-left:1.5em}
.inhaltsverzeichnis.aus ol, .inhaltsverzeichnis.aus ul {display:none}
.inhaltsverzeichnis.aus :not(h2) {display:none}
.inhaltsverzeichnis.aus h2::after {content:' [anzeigen]'; font-weight:normal}
.inhaltsverzeichnis.an h2::after {content:' [verbergen]'; font-weight:normal}

/* introbox */

.introbox {border-collapse:collapse;float:right;font-size:95%;margin-left:5px !important;margin-bottom:5px}
.introbox th, .introbox td {border:1px solid #AAA;font-weight:normal;padding:6px;text-align:left;}

/* Währungsrechner */

.currency-calculator {
	background-color:#EEE;
	max-width:600px;
	margin-left:auto !important;
	margin-right:auto !important;
	padding:5px;
	text-align:center;
}
.currency-calculator input {text-align:right}

/* Ratings */

.hreview-aggregate {display:none}

/* Comment-Form */

.form-submit #submit {font-size:13px}

.newsletterabo-form,
.comment-form-subscriptions {position:relative;padding-left:2em}
#newsletterabo, #subscribe-reloaded {position:absolute;top:0;left:0}
#subscribe-reloaded {width:auto !important}