/*
Theme Name: kostenloses-konto.net
Version: 1
Author: 3task.de (...-2014) / lacazz (2014-...)
Author URI: http://lacazz.net
*/

/* web-starter-kit */
/*@import 'css/_h5bp.css';

 * Visual Style Guide styles
 * Remove if you prefer to use a CSS library, like Bootstrap
 
@import 'css/components/components.css';*/
/* web-starter-kit-END + @end of this file */


@import url('css/reset.css'); 
@import url('css/tools.css'); 
@import url('css/tagesgeld.css'); 
@import url('css/girokonto.css'); 
@import url('css/mietkautionsrechner.css'); 
@import url('fancybox/jquery.fancybox.css'); 
@import url('projekt.style.css');



/* base
------------------------------------------------------------------ */
html { background-color: #ffffff; background-image:url('images/bg_html.png'); background-repeat:repeat-x; text-align: center; overflow-y: scroll; }
html, body { height:100%; }
img { width:100%; }


/* container
------------------------------------------------------------------ */
#wrapper { width:100%; min-height:100%; overflow:hidden; display: block; } 
.w1 { margin: 0 auto; width: 1120px; } 
.w2 { position:relative; width: 970px; padding:0 150px 0 0; text-align: left; background: url(images/bg_header.png) 0 14px no-repeat; } 
.ad { position:absolute; right:-170px; top: 170px; text-align: left; } 
#contentbox { padding: 170px 5px 0 5px; width: 960px; }

.flex-container {display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
	}
	
.flex-container-center {
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
	div[class*="flex-item-"] {
		-webkit-box-ordinal-group: 1;
		-moz-box-ordinal-group: 1;
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
		-webkit-box-flex: 0;
		-moz-box-flex: 0;
		-webkit-align-self: stretch;
		-ms-flex-item-align: stretch;
		align-self: stretch; }
	.flex-item {-webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;}
	.flex-item-25 {-webkit-flex: 0 1 25%;
    -ms-flex: 0 1 25%;
    flex: 0 1 25%;}
	.flex-item-30 {-webkit-flex: 1 1 30%;
    -ms-flex: 1 1 30%;
    flex: 1 1 30%;}
	.flex-item-50 {-webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;}
	.flex-item-70 {-webkit-flex: 1 1 70%;
    -ms-flex: 1 1 70%;
    flex: 1 1 70%;}
	.flex-item-75 {-webkit-flex: 0 1 75%;
    -ms-flex: 1 1 75%;
    flex: 0 1 75%;}
	.flex-item-100 {-webkit-flex: 0 1 100%;
    -ms-flex: 1 1 100%;
    flex: 0 1 100%;}
	
	
	
	/* Bild-Container common */
	.width-25{ width:25%; }
	.width-50{ width:50%; }
	.width-75{ width:75%; }
	

/* breadcrumb
------------------------------------------------------------------ */
#breadcrumbs { position: absolute; top: 170px; left: 245px; height: 28px; line-height: 28px; color: #555555; background: url(images/bg_breadcrumbs_right.png) right top no-repeat; }
#breadcrumbs .left { background: url(images/bg_breadcrumbs_left.png) no-repeat; position: absolute; left: 0; top: 0; width: 2px; height: 28px; }
#breadcrumbs span {  }

#breadcrumbs span.home a { background: url(images/bg_breadcrumbs_home_a.png) top right no-repeat; color: #fff; }
#breadcrumbs a { background: url(images/bg_breadcrumbs_a.png) top right no-repeat; }
#breadcrumbs span.current_page, #breadcrumbs a { padding: 0 17px 0 12px; }
#breadcrumbs span.home_current_page { padding: 0 17px 0 12px; background: url(images/bg_breadcrumbs_home_a.png) top right no-repeat; color: #fff; height: 28px; line-height: 28px; display: inline-block; }

#breadcrumbs a { text-decoration: none; color: #555555; font-weight: 700; height: 28px; line-height: 28px; display: inline-block;  }
#breadcrumbs a:hover { text-decoration: underline; }


/* div#content
------------------------------------------------------------------ */
#content { width: 688px; text-align: justify; float: right; padding: 45px 15px 15px 15px; background: #fff url(images/bg_breadcrumb.png) 0 -1px repeat-x; border: 1px solid #dfdfdf; }

.entry { margin: 20px 0 0 0; }

#content ol { padding-left:15px; margin: 10px 0 10px 15px; }
#content ul { margin: 0; }
#content ol li,#content ul li { padding: 5px 0; line-height: 1.3em; }
#content ul li { background: url(images/bg_li.png) 5px 8px no-repeat; padding-left: 20px; }
#content ol li { list-style: decimal; }

#content hr { background: none; border: none; height:1px; border-top: 1px solid #dbd9d6; clear: both; padding:0 0 5px 0; margin: 20px 0 0 0; }

/* Lexikon */
#content div.AlphabeticList { padding: 5px 0; margin: 15px 0; border-bottom: 1px solid #dbd9d6; }

/* Paging Blog */
div.wp-pagenavi { padding: 10px 0 10px 0; margin: 5px 0 0 0; width: 450px; float: right; text-align: right; }
div.wp-pagenavi a { padding: 4px 6px 4px 6px; margin: 2px; border: 1px solid #e0e0e0; }
div.wp-pagenavi span { position: static!important; display: inline!important; }
div.wp-pagenavi span.pages { padding: 4px 6px 4px 6px; margin: 2px 2px 2px 0; border: 1px solid #e0e0e0; }
div.wp-pagenavi span.current, div.wp-pagenavi a:hover { border: 1px solid #2ec2dd; padding: 4px 6px 4px 6px; margin: 2px; color: #2ec2dd; background-color: #f4f4f4; }

/* FAQ */
#faqbox { clear: both; position: relative; display:block; margin: 30px 0 15px 0; padding: 0 0 15px 0; text-align: left; }
#faqbox h2.comments-header {  background: url(images/bg_shortcode_h3.png) repeat-x; color: #FFFFFF; font-size: 15px; font-weight: 700; height: 28px; line-height: 28px; margin: 0; padding: 0 10px; }
#faqbox p.info { background: #f7f7f7; border: 1px solid #dcdcdc; font-size: 12px; font-weight: 700; padding: 8px 9px; }
#faqbox p { padding: 8px 10px; }
#faqbox ol.commentlist { margin: 20px 0!important; padding: 0!important; }
#faqbox ol.commentlist li { position: relative; list-style: none!important; padding: 0!important; margin: 10px 0px!important; background: #f7f7f7; border: 1px solid #dcdcdc; }
#faqbox ol.commentlist li div.comment-content { font-size: 11px; }
#faqbox ol.commentlist li div.comment-author { padding: 5px 10px; background: url(images/bg_th.png) left bottom; border-bottom: 1px solid #e5e5e5; }
#faqbox ol.commentlist li div.comment-author .fn { font-weight: 700; }
#faqbox ol.commentlist li div.comment-count { display: none; }
#faqbox ol.commentlist li span.link { position: absolute; top: 5px; right: 10px; }
#faqbox ol.commentlist li .comment-awaiting-moderation {  padding: 8px 10px 0 10px; color: red; font-weight: 700; display: block; }

#faqbox ol.commentlist li ul.children, #faqbox ol.commentlist li ul.children li { margin: 0!important; padding: 0!important; list-style: none!important; background: none!important; }
#faqbox ol.commentlist li ul.children li { border: none; border-top: 2px dashed #e5e5e5; margin: 10px 0 0 0!important; padding: 5px!important; background: #ffffef!important; }
#faqbox ol.commentlist li ul.children li div.comment-author { background: none; padding: 2px 10px 0 10px; margin: 0; border: none; }

#faqbox #comments-form { background: #f7f7f7; border: 1px solid #dcdcdc; position: relative; padding: 10px 0; }
#faqbox #comments-form #reply-title { padding: 0 10px; font-weight: 700; margin: 3px 0 5px 0; }
#faqbox #comments-form p.comment-notes { font-size: 11px; }
#faqbox #comments-form label { float: left; width: 80px; display:block; }
#faqbox #comments-form p.form-submit { width: 120px; padding: 30px 0 3px 90px; }
#faqbox #comments-form p.comment_mail_notify { position: absolute; bottom: 35px; left: 80px; }
#faqbox #comments-form p.comment_mail_notify label { float: none; width: auto; display: inline; font-size: 11px; }
#faqbox #comments-form p.comment_mail_notify input { float: left; margin: 2px 5px 0 0; }

#faqbox #comments-form input#submit {
	background: #36cce3;
	background: linear-gradient(top, #36cce3, #1eadd1);
	background: -moz-linear-gradient( top, #36cce3, #1eadd1); 
	background: -webkit-gradient (linear, left top, left bottom, from(#36cce3), to(#1eadd1)); 
 	background: -o-linear-gradient(top, #36cce3 0%,#1eadd1 100%);
    background: -ms-linear-gradient(top, #36cce3 0%,#1eadd1 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient (startColorstr=#36cce3, endColorstr=#1eadd1); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (startColorstr=#36cce3, endColorstr=#1eadd1)";	  
	border: 1px solid #0B82B5;
}


#faqbox #comments-form input#submit:hover {
	background: #1eadd1;
	background: linear-gradient(top, #1eadd1, #36cce3);
	background: -moz-linear-gradient( top, #1eadd1, #36cce3); 
	background: -webkit-gradient (linear, left top, left bottom, from(#1eadd1), to(#36cce3)); 
 	background: -o-linear-gradient(top, #1eadd1 0%,#36cce3 100%);
    background: -ms-linear-gradient(top, #1eadd1 0%,#36cce3 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient (startColorstr=#1eadd1, endColorstr=#36cce3); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (startColorstr=#1eadd1, endColorstr=#36cce3)";	 
}

/* lacazz add ons - 2017-05-08 */
#content > dl dt { font-weight:600; }
#content > dl dd { padding-left:50px; }
.width25 { width:25%; }
.width33 { width:33%; }
.width50 { width:50%; }
.width66 { width:66%; }
.width75 { width:75%; }
.width100 { width:100%; }


/* bspw. Tabellen-Header drehen */
/*.rotate90cc { transform: rotate(270deg); }*/
.rotate90cc > div { transform: rotate(270deg) translate(-35px,51px); width: 20px; height: 120px; white-space: nowrap; }


/* Tabellen */
table tbody th { text-align:left; }
table tbody th[colspan] { font-weight: 700;
font-size: 13px;
color: #fff;
text-align: center;
background: #4dd9f2;
/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRkZDlmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU5JSIgc3RvcC1jb2xvcj0iIzMyYzVlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc0JSIgc3RvcC1jb2xvcj0iIzJlYzJkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZWMyZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
background: -moz-linear-gradient(top, #4dd9f2 0%, #32c5e0 59%, #2ec2dd 74%, #2ec2dd 100%);
background: -webkit-linear-gradient(top, #4dd9f2 0%,#32c5e0 59%,#2ec2dd 74%,#2ec2dd 100%);
background: linear-gradient(to bottom, #4dd9f2 0%,#32c5e0 59%,#2ec2dd 74%,#2ec2dd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dd9f2', endColorstr='#2ec2dd',GradientType=0 ); }
table.tdCentered td { vertical-align:middle; text-align:center; }



/* div#header
------------------------------------------------------------------ */
#header { position:absolute; top:0px; left:0px; }
#header a#logo { margin: 0 0 0 22px; }
#header a#logo img { margin-top: 45px; }


/* div#nav
------------------------------------------------------------------ */
button.menu { display: none; }

#nav { position:absolute; top: 105px; left: 5px; width: 960px; height: 45px; }

#nav ul li { float: left; padding-left: 2px; background: url(images/bg_nav_li.png) 0 0 no-repeat; }
#nav ul li.first_item { background: none!important; padding-left: 1px; }

#nav ul li a { line-height: 42px; height: 42px; display: block; color: #fff; text-shadow: 1px 1px 0px #0f0f0f; text-decoration: none; font-weight: 700; font-size: 14px; padding: 0 15px; position: relative; }
#nav ul li a:hover { background: url(images/bg_nav_li_a.png) left bottom repeat-x; background-size:contain; }

#nav ul li.current_page_item a, #nav ul li.current_page_parent a, #nav ul li.current-page-ancestor a { background: url(images/bg_nav_li_a.png) left top repeat-x; background-size:contain; color: #2ec2dd; }


/* div#search
------------------------------------------------------------------ */
#search { position:absolute; top: 45px; left: 654px; background: url(images/bg_search.png) no-repeat; width: 290px; height: 33px; text-align: left; }
#search input#srch_fld { width: 180px; height: 17px; line-height: 17px; padding: 8px 10px; background: none; color: #555555; border: 0; position:absolute; top: 0px; left: 0px; }
#search input.submit_btn { background: none; border: 0; text-indent: -100000px; height: 33px; width: 90px; cursor: pointer; position:absolute; top: 0px; right: 0px; }


/* div#sidebar
------------------------------------------------------------------ */
#sidebar { width: 225px; float: left; padding: 0 11px 0 0; }

#sidebar h3 { margin: 0; background: url(images/bg_sidebar_h3.png) no-repeat; line-height: 41px; width: 195px; height: 41px; padding: 0 15px; margin: 0; color: #fff; font-weight: 700; font-size: 20px; text-shadow: 1px 1px 0 #0b82b5; }

#sidebar ul.menu { background: #fff; border-bottom: 1px solid #dfdfdf; overflow:hidden; }

#sidebar ul.menu ul { display: none; background: #c0c3c5; }
#sidebar ul.menu li.current_page_item ul, #sidebar ul.menu  li.current_page_parent ul, #sidebar ul.menu li.current-page-ancestor ul { display: block; }
#sidebar ul.menu li.current_page_item ul ul, #sidebar ul.menu li.current_page_parent ul ul, #sidebar ul.menu li.current-page-ancestor ul ul { display: none; }
#sidebar ul.menu ul li.current_page_item ul, #sidebar ul.menu ul li.current_page_parent ul, #sidebar ul.menu ul li.current-page-ancestor ul { display: block; }

#sidebar ul.menu li { }
#sidebar ul.menu li a { white-space: nowrap; font-weight: 700; color: #fff; line-height: 30px; height: 30px; padding: 0 5px 0 15px; background: url(images/bg_sidebar_ul_li_a.png) no-repeat; display: block; text-decoration: none; }
#sidebar ul.menu li a:hover, #sidebar ul.menu li.current_page_item a, #sidebar ul.menu li.current_page_parent a, #sidebar ul.menu li.current-page-ancestor a { color: #4dd9f2; background: url(images/bg_sidebar_ul_li_a.png) left bottom no-repeat;  }

#sidebar ul.menu li ul.sub-menu li { margin-bottom: 1px; color: #2ec2dd; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; }
#sidebar ul.menu li ul.sub-menu li a:before{ content: "- "; }
#sidebar ul.menu li ul.sub-menu li a { font-size: 11px; font-weight: normal; color: #555555; background: #f2f2f2; }
#sidebar ul.menu li ul.sub-menu li a:hover, #sidebar ul.menu li ul.sub-menu li.current_page_item a, #sidebar ul.menu li ul.sub-menu li.current_page_parent a, #sidebar ul.menu li ul.sub-menu li.current-page-ancestor a { color: #15a8c2; background: #fff; }

#sidebar ul.menu li ul.sub-menu li ul.sub-menu li a:before{ content: "- "; }
#sidebar ul.menu li ul.sub-menu li ul.sub-menu li a { font-size: 11px; font-weight: normal; color: #555555; background: #fff; padding-left: 25px; }
#sidebar ul.menu li ul.sub-menu li ul.sub-menu li a:hover, #sidebar ul.menu li ul.sub-menu li ul.sub-menu li.current_page_item a, #sidebar ul.menu li ul.sub-menu li ul.sub-menu li.current_page_parent a, #sidebar ul.menu li ul.sub-menu li ul.sub-menu li.current-page-ancestor a { color: #15a8c2; background: #ececec; }

#sidebar div.box ul.news { margin-top: -10px; }
#sidebar div.box ul.news li { border-top: 1px solid #d9d9d9; padding-top: 10px; line-height: 1.3em; }
#sidebar div.box ul.news li:first-child { border-top: none!important; }
#sidebar div.box ul.news li a { text-decoration: none; }
#sidebar div.box ul.news li a:hover { text-decoration: underline; }
#sidebar div.box ul.news li strong { font-size: 13px; }
#sidebar div.box ul.news li small { background: url(images/icon_date.png) left center no-repeat; padding-left: 15px; display: block; margin-bottom: 5px; }

#sidebar div.box { margin: 20px 0; }
#sidebar div.box div.bg { padding: 10px; width: 203px; background: #f2f2f2; border: 1px solid #dfdfdf; border-top: none; }

#sidebar div.box img { max-width: 205px; }

#sidebar div.box div.search  p { padding: 5px 0; }
#sidebar div.box div.search input#srch_fld { background: url(images/bg_newsletter_input.png) no-repeat; border: none; padding: 5px; height: 19px; line-height: 19px; color: #68767d; width: 187px; }
#sidebar div.box div.search input.submit_btn { background: url(images/bg_search_submit.png) no-repeat; text-indent: -100000px; width: 90px; height: 33px; border: none; cursor: pointer; }


/* form
------------------------------------------------------------------ */
#newsletter-div { font-size: 11px; position:absolute; top: 20px; right: 170px; width: 400px; color: #fff; }
#newsletter-div h3 { color: #fff; padding: 0 0 5px 109px; }
#newsletter-div .email { display: none; }
#newsletter-div form { padding: 0 94px 0 109px; width: 197px; position: relative; }
#newsletter-div form .error { color: #e74f50!important; }
#newsletter-div form p.text label, form p.select label { display: none; }
#newsletter-div form input#un_email { background: url(images/bg_newsletter_input.png) no-repeat; border: none; padding: 5px; height: 19px; line-height: 19px; color: #68767d; width: 187px; }
#newsletter-div form select { width: 90px; }
#newsletter-div form p { padding: 0; }
#newsletter-div form #submit { background: url(images/bg_newsletter_submit.png) no-repeat; text-indent: -100000px; width: 95px; height: 29px; border: none; cursor: pointer; position: absolute; top: 0px; right: 0px; }
#newsletter-div form #submit:hover, form #submit:active { background-position: left bottom; }
#newsletter-div .success, #newsletter-div .verified { font-weight: 700; width: 400px; height: 60px; position: absolute; top: 0px; right: 0px; background: url("images/bg_header.png") -30px -6px no-repeat; }


/* div#footer
------------------------------------------------------------------ */
#footer { width: 960px; padding: 0 5px; position: relative; text-align: left; font-size: 12px; height: 45px; color: #555555; }

#footer p.copy { position: absolute; top: 10px; left: 261px; padding: 0; }

#footer ul.menu { position: absolute; right: 22px; top: 10px; }
#footer ul.menu li { float: left; padding-left: 20px; }
#footer a { text-decoration: underline; }
#footer a:hover { text-decoration: none; }
#footer ul.menu li.current_page_item a, #footer ul.menu li.current_page_parent a, #footer ul.menu li.current-page-ancestor a { font-weight: 700; }


/* typography
------------------------------------------------------------------ */
body,input,select,th,td { font: 13px/1.5 Arial, Helvetica, sans-serif; color: #000000; }

h1,h2,h3,h4,h5,h6 { font-family: Arial, Helvetica, sans-serif; line-height:1.2em; font-weight: normal; color: #313342; }

h1 { font-size: 23px; }
h2 { font-size: 20px; color: #2ec2dd; margin: 20px 0 0 0; }
h3 { font-size: 16px; margin: 15px 0 0 0; }
h4 { font-size: 14px; margin-bottom: 5px; }

small { font-size: 11px; }

p { padding: 7px 0; }


table.newsTable {
	width:100%;
	border-top: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
	border-collapse: collapse;
	margin:7px 0;
}
table.newsTable th {
	color: #fff;
	font-weight: 700;
	background: #5C5C5C;
	background: linear-gradient(top, #5C5C5C, #363636);
	background: -moz-linear-gradient( top, #5C5C5C, #363636);
	background: -webkit-gradient(linear, left top, left bottom, from(#5C5C5C), to(#363636));
	background: -o-linear-gradient(top, #5C5C5C 0%,#363636 100%);
	background: -ms-linear-gradient(top, #5C5C5C 0%,#363636 100%);
	filter: progid:DXImageTransform.Microsoft.gradient (startColorstr=#5C5C5C, endColorstr=#363636);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (startColorstr=#5C5C5C, endColorstr=#363636)";    
}
table.newsTable td,
table.newsTable th {  	
	border-left: 1px solid #DFDFDF;	
	border-bottom: 1px solid #DFDFDF;	
	padding: 10px;
	font-size: 13px !important;
	font-size: 11px;
	text-align:left;
}
table.newsTable td p,
table.newsTable th p {
	text-align:left !important; 
}
/* links
------------------------------------------------------------------ */
a { color: #2ec2dd; }
a:hover { text-decoration:none; }


/* misc
------------------------------------------------------------------ */
#facebook { position: absolute; top: 175px; right: 176px; }
#facebook #___plusone_0 { position: absolute; top: 0px; right: 120px; }
#facebook iframe.facebook { position: absolute; top: -1px; right: 0px; }
#tooltip { text-align: left; padding: 5px 10px; display: none; background: #fff; border: 1px solid #cacaca; position: absolute; width: 300px; font-size: 11px; line-height: 1.5em; box-shadow: 0 0 8px #b6b7b8; -webkit-box-shadow: 0 0 8px #b6b7b8; -moz-box-shadow: 0 0 8px #b6b7b8; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

/* Infobox
*******************************************/	
.infoBoxRatgeber { 
	padding:14px 30px 30px 30px; position:relative; 
	min-height:50px; 
	margin-top:20px; 
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	-webkit-box-shadow: 0 2px 2px 0 rgba(191,195,199,1);
	box-shadow:  0 2px 2px 0 rgba(191,195,199,1);
	background-color:#F1F4F8;	
}
.infoBoxRatgeber .infoBoxGrafik { 
	position:absolute; width:50px; height:60px; background:url(https://www.kostenloses-konto.net/wp-content/themes/kostenloses-konto/images/bubble-infobox.png) no-repeat;
	top:-15px; left:-15px;
}	









@media screen and (max-width:768px) {

/*
 * Web Starter Kit
 *
 * Multi-screen layout styles for your page. Brought to you by the
 * Web Starter Kit team.
 *
 */
html, body {   width: 100%;  height: 100%;  margin: 0;  padding: 0; }

body {
  position: relative;
  font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
  font-weight: 300;
  background-color: #fff;
  box-sizing: border-box;
  min-height: 100%;
}

body.open {   overflow: hidden; }

.app-bar {
  display: block;
  width: 100%; max-height:75px;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #575756;
  overflow: hidden;
  z-index: 1;
}

.app-bar svg#hamburger path {
	fill:white;
}

.app-bar-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  position: relative;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 0 auto;
}

.app-bar.open,
.app-bar.open ~ main {
  -webkit-transform: translate(-250px, 0);
          transform: translate(-250px, 0);
}

.app-bar .logo {
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 2em;
  /* line-height: 60px; */
  margin: 0 16px;
  padding: 0;
  color: #fefefe;
  float: none;
  max-width: none;
  font-weight: 300;
  display: initial;
}

.app-bar .logo a {
  text-decoration: none;
  color: inherit;
  font-weight: normal;
}

.app-bar-actions {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  z-index: 2;
}

.app-bar button {
  width: 60px;  /* set width absolute, cause of the svg hack */
  height: 100%;
  background-image: none;
  background-color: transparent;
  border: none;
  padding: 0;
  display: inline-block;
  -webkit-transition: background-color 0.2s ease-out;
          transition: background-color 0.2s ease-out;
  -webkit-tap-highlight-color: transparent;
  margin:auto 20px auto auto;
  text-align:right;
}

.app-bar button img {
  height: 100%;
  width: auto;
}

 .app-bar button:hover {
  /* background-color: rgba(255, 255, 255, 0.1);*/
  cursor:pointer;
}
/*
.app-bar button:focus {
  background-color: rgba(255, 255, 255, 0.2);
  outline: 0;
}

.app-bar button:active {
  background-color: rgba(255, 255, 255, 0.4);
} */

.promote-layer {
  /*
  This may promote the layer to a composited
  layer.

  Replace with will-change when available

  #perfmatters
  */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.base, p,ul,ol { font-size: 1.1em; }

.navdrawer-container {
  z-index: 1;
  position: fixed;
  top: 0;
  right:0;
  bottom: 0;
  width: 250px;
  height: 100%;
  background-color: #575756;
  color: #fefefe;
  -webkit-transform: translate(250px, 0);
          transform: translate(250px, 0);
  overflow-y: auto;
}

.navdrawer-container.open {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.app-bar,
.navdrawer-container.opened,
main {
  -webkit-transition: -webkit-transform 0.3s ease-out;
          transition: transform 0.3s ease-out;
}

.navdrawer-container h4,
.navdrawer-container div div ul li a {
  height: 60px;
  padding: 17px 20px;
  line-height: 1.4;
}

.navdrawer-container h4 {
  background-color: white;
  color: #3367D6;
}

.navdrawer-container div div ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.navdrawer-container div div ul li a {
  display: block;
  text-decoration: none;
  color: white;
  -webkit-transition: background-color 0.2s ease-out;
          transition: background-color 0.2s ease-out;
  white-space: nowrap;
}

.navdrawer-container div div ul li {
  border-bottom-style: solid;
  border-width: 1px;
  border-color: white;
  padding: 0;
}

.navdrawer-container ul li::before {
  content: none;
}

.navdrawer-container ul li a:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.navdrawer-container div div ul li a:focus {
  background-color: rgba(255, 255, 255, 0.3);
  outline: 0;
}

.navdrawer-container div div ul li a:active {
  background-color: rgba(255, 255, 255, 0.4);
}

main {
  margin: 0 auto;
  /* Height of the header 
  padding: 60px 16px 16px 16px;*/
  min-height: 100%;
}

/*.award*/.flex-container {
	-webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


figure.box_testsiegel img { width:auto !important; max-width:150px; max-height:150px; }


/** Larger Screens - desktops and tablets **/



/***********************/

/* Web-Starter-Kit END */

/***********************/
	
	.w1, .w2, div#contentbox{ width:100%; padding:0; }
	.w2 { background:none; }
	div#footer { width:100%; }
	#footer p.copy, .page-footer-container, #footer ul.menu { position:relative; top:auto; left:auto; right:auto; text-align:center;}
	#header { position:relative; }
	div#contentbox { margin-top:50px; }
	div#content { width:auto; float:none; overflow:hidden; padding:45px; background-image:none; border:none; }
	/* div#header, */ 
	div#newsletter-div, div#sidebar, .w2 div.ad, div#breadcrumbs { display:none; }
	
	/* div#nav { position:fixed; width:100%; z-index:999; }*/
	div#nav div {}
	#header a#logo img { margin:15px; width:calc(100% - 40px); }
	#nav { position:relative; top:0; left:0; }
	#nav ul li { background-image:none; float:none; }
	#nav ul li a { padding:15px; font-weight:normal; font-size:auto; height:auto; line-height:3em; font-size:1.3em;  }
}

@media screen and (max-width:768px){
	div.box1_ds_testsiegel, div.aInfoTooltip {display:none;}
	div.box2_ds {width:100%; min-height:auto; margin-bottom:20px; max-width:50%; }
	div.box_ds_produktcheck {float:right; margin:auto; }
	div.box_tipp_tagesgeld, div.box_tipp { height:auto;}
	figure.box_testsiegel { margin:10px auto; }

}

@media screen and (max-width:710px) {
	div.box1_ds_logo, div.box1_ds_ranking { float:none; margin:auto;}
	div.box_top3 { float:none; margin:0 auto 20px;}
}

@media screen and (max-width:550px) {
	figure { margin:auto; }
	img { width:100%; height:auto; }
	.div_kategorie { margin:0 auto; float:none; padding:0; text-align:left; width:100%; }
	div.box1_ds { text-align:center; }
	div.box1_ds_logo { float: initial; }
	div.box1_ds_ranking {    display: inline-block;   float: none;    margin: auto;}
	div.box2_ds { text-align:center; max-width:none; }
	div.box2_ds ul {     text-align: left;    margin: 0 40px; }
	div.box_ds_produktcheck {float:none; }

	table.table_kategorie { margin:0 auto;}
}

@media screen and (max-width:440px) {
	div#content { padding:10px; }
	figure.box_testsiegel:nth-child(n+2){display:none;}
}

/*

@media all and (min-width: 990px) {
  .app-bar {
    position: relative;
  }

  .app-bar.open,
  .app-bar.open ~ main {
    -webkit-transform: translate(0px, 0);
            transform: translate(0px, 0);
  }

  .app-bar-container {
    display: block;
    height: 130px;
    max-width: 864px;
    padding: 0 16px;
    box-sizing: border-box;
    background-color: #4285f4;
  }

  .app-bar .logo {
    float: left;
    margin: 0;
    padding: 0;
    line-height: 130px;
    font-size: 46px;
  }

  .app-bar-actions {
    float: right;
  }

  .app-bar::after {
    content: ' ';
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;
  }

  button.menu {
    display: none;
  }

  .navdrawer-container {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 0;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    -webkit-transition: none;
            transition: none;
    overflow-y: auto;
  }

  .navdrawer-container h4 {
    display: none;
  }

  .navdrawer-container div div ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 864px;
    margin: 0 auto;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }

  .navdrawer-container div div ul li {
    border: none;
  }

  main {
    max-width: 864px;
    padding-top: 0;
    min-height: initial;
  }

  body {
    overflow-y: scroll;
  }
}
*/