/*
Theme Name: kostenloses-konto.net (2013)
Version: 1.0
Author: Franke Media
Author URI: http: //www.franke-media.net
*/

/********************************************
*** BASE
********************************************/
html {
background: #ffffff url("/wp-content/themes/kostenloses-konto/images/bg_html.png") repeat-x;
text-align: center;
overflow-y: scroll;
}
html,body { font-family: 'Open Sans', sans-serif !important; }

/********************************************
*** Typography
********************************************/
body,input,select,textarea,th,td { color: #333333; font-size: 14px; font-family: "Open Sans", Arial, Helvetica, sans-serif; margin-top:0; }
body { background:none;}

h1,h2,h3,h4,h5,h6 { 
	font-weight: bold; 
	text-align: left; 
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	border:0;
}

h1 { font-size: 34px; color:#333; margin:30px 0 0 0; line-height: 40px; }
h2 { font-size: 30px; padding: 30px 0; margin:20px 0; color:#2ec2dd; 	
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-color: #dfdfdf;
	font-weight:normal; }
#stage h2 { color:#333333; padding:10px 0 0 0; font-weight:normal; border:0; margin:0; }
.center { text-align:center; }

h3 { font-size: 16px; padding: 30px 0 0px 0; margin:0; color:#333333; }
h4 { font-size: 14px; padding: 16px 0 0px 0; color:#333333; } 
p { text-align:left; margin: 20px 0 0 0; padding:0; line-height: 22px; font-size:16px; color:#333333;}
span.umbruch { word-wrap:break-word; }
i { font-style:italic; }
hr { margin:20px 0 0 0; padding:0; }
small { font-size: 85%; }
a { color: #2d6eb0; text-decoration:none; }
a:hover { text-decoration: none; color:#900900; }
em { font-style:italic; }

ul { margin-left:0px; list-style-type:disc; list-style-position:outside; margin-top:20px; padding:0; }
ul li { text-align:left; padding-left:0px; line-height:30px; font-size:15px; color:#333333; }

table td { font-size:15px; }

ul.greenHook { list-style:none; margin-left:0px; list-style-position:inside; }
ul.greenHook li { text-align:left; padding-left:30px; background: url('../images/lp-01/green_arrow.png') 0px 5px no-repeat; }

ul.redArrows { list-style:none; margin-left:0px; list-style-position:inside; }
ul.redArrows li { text-align:left; padding-left:30px; background: url('../images/lp-01/red_hook.png') 0px 5px no-repeat; }

/********************************************
*** CONTAINER
********************************************/
.maxWidthWrap {
	max-width:1200px;
	background:white;
}
/********************************************
*** HEADER
********************************************/
div#headerWrapper {
	max-width: 100%;
}
div#header {
	border:1px solid #616161;
	padding-top:20px;
	padding-bottom:20px;
	background: #626262; /* Old browsers */
	background: -moz-linear-gradient(top,  #626262 1%, #444444 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#626262), color-stop(99%,#444444)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #626262 1%,#444444 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #626262 1%,#444444 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #626262 1%,#444444 99%); /* IE10+ */
	background: linear-gradient(to bottom,  #626262 1%,#444444 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#626262', endColorstr='#444444',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,1);
	box-shadow:inset 0 0 0 1px rgba(255,255,255,0.3);
	margin-top:20px;
}
div#productsWrapper, div#comparisonWrapper {
	max-width: 100%;
  padding-bottom:40px;
}	

div#stageWrapper, div#depotChangeWrapper {
  max-width: 100%;
  padding-bottom:40px;
}
#stage { border-top:1px solid #dfdfdf; margin-top:20px; }
#stageRow img { padding-top:30px; }

#productsRow { margin-top:10px; }
#productsRow ul { min-height:150px !important; display:inline-block; }

#productsRow p 
.container { width: 100% \9; }
/* div#footer
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
div#footer { color: #a8a8a8; text-align: left;}


/******************************************
*** Buttons
*******************************************/
a.button {
	text-decoration:none;
	padding: 5px 15px;
	font-size:13px;
	display:inline-block;
	cursor: pointer;	
	line-height: normal;
	height: auto;
	text-align: center;
	-webkit-border-radius: 3px;    
  border-radius: 3px;
	-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5);       
	box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5);
}
a.button span { font-size:14px; }
a.button.big {
	padding: 10px 30px;
	font-size:15px;
}
/*** Grey Button ****/
a.button.grey {
	color:#333333;
	border: 1px solid #bfbfbf;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 5px;    
  border-radius: 5px;
	text-shadow: 1px 1px 1px #ffffff;
  filter: dropshadow(color=#ffffff, offx=1, offy=1);
}
a.button.grey:hover {
	background: #e5e5e5; /* Old browsers */
	background: -moz-linear-gradient(top,  #e5e5e5 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e5e5e5 0%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e5e5e5 0%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
a.button.grey span { font-size: 16px; }

/*** Grey Button ****/
a.button.green {
	color:white;
	border: 1px solid #72c182;
	background: #72c377; /* Old browsers */
	background: -moz-linear-gradient(top,  #72c377 0%, #48a562 75%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#72c377), color-stop(75%,#48a562)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #72c377 0%,#48a562 75%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #72c377 0%,#48a562 75%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #72c377 0%,#48a562 75%); /* IE10+ */
	background: linear-gradient(to bottom,  #72c377 0%,#48a562 75%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72c377', endColorstr='#48a562',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 5px;    
  border-radius: 5px;
	text-shadow: 1px 1px 1px #000;
  filter: dropshadow(color=#000, offx=1, offy=1);
}
a.button.green:hover {
	background: #48a562; /* Old browsers */
	background: -moz-linear-gradient(top,  #48a562 25%, #72c377 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#48a562), color-stop(100%,#72c377)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #48a562 25%,#72c377 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #48a562 25%,#72c377 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #48a562 25%,#72c377 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #48a562 25%,#72c377 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#48a562', endColorstr='#72c377',GradientType=0 ); /* IE6-9 */

}
a.button.green span { font-size: 16px; }

/*** Red-Button ****/
a.button.red {
	color:white !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	filter: dropshadow(color=#000, offx=1, offy=1);
	border: 1px solid black;	
	background: #a90329; /* Old browsers */
	background: -moz-linear-gradient(top,  #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
}
a.button.red:hover {
	color:white !important;
	background: #6d0019; /* Old browsers */
	background: -moz-linear-gradient(top,  #6d0019 0%, #8f0222 56%, #a90329 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6d0019), color-stop(56%,#8f0222), color-stop(100%,#a90329)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #6d0019 0%,#8f0222 56%,#a90329 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #6d0019 0%,#8f0222 56%,#a90329 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #6d0019 0%,#8f0222 56%,#a90329 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #6d0019 0%,#8f0222 56%,#a90329 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d0019', endColorstr='#a90329',GradientType=0 ); /* IE6-9 */
}



div.GirokontorechnerVergleich, div.GirokontorechnerVergleich * {
	margin: 0;
	padding: 0;
}

div.GirokontorechnerVergleich {
	width: 100%;
	font-size: 11px;	
	text-align: left;
}

div.GirokontorechnerVergleich table {
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid #DFDFDF;
	border-left: none;
	width: 100%;
}

div.GirokontorechnerVergleich table tr.trOdd td { 
	background: #f8f8f8; 
}

div.GirokontorechnerVergleich table tr.trAlt td { 
	background: #fff; 
}

div.GirokontorechnerVergleich table th {
	color: #fff;
	vertical-align: middle; 
	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)";	
}

div.GirokontorechnerVergleich table th.thDispobereich, div.GirokontorechnerVergleich table th.thGeduldet {
	font-weight: normal;
}

div.GirokontorechnerVergleich table th, div.GirokontorechnerVergleich table td { 
	border-left: 1px solid #DFDFDF;	
	border-bottom: 1px solid #DFDFDF;	
	padding: 5px;
	font-size: 15px;
	vertical-align: middle; 
	font-size: 15px;
}

div.GirokontorechnerVergleich table th, div.GirokontorechnerVergleich table td { 
	text-align: center;
	vertical-align: middle; 
		font-size: 13px;
}	

div.GirokontorechnerVergleich table td.tdComparisonsInfo {
	text-align: left;
	
	vertical-align: middle; 
	background: #e1fbff;
}

div.GirokontorechnerVergleich table td.tdComparisonsInfo span { 
	display: inline-block;
	padding-top: 4px;
	padding-left: 23px;
	text-shadow: 1px 1px #fff;
	background: url('../images/icon_girokontovergleich_pfeil.png') left bottom no-repeat;
}

div.GirokontorechnerVergleich table td.tdComparisonsInfo a.tdComparisonsInfoButton {
	background: #f0f0f0;
	background: linear-gradient(top, #f0f0f0, #dbdbdb);
	background: -moz-linear-gradient( top, #f0f0f0, #dbdbdb); 
	background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#dbdbdb)); 
 	background: -o-linear-gradient(top, #f0f0f0 0%,#dbdbdb 100%);
    background: -ms-linear-gradient(top, #f0f0f0 0%,#dbdbdb 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient (startColorstr=#f0f0f0, endColorstr=#dbdbdb); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (startColorstr=#f0f0f0, endColorstr=#dbdbdb)";	  
	border: 1px solid #c8c8c8;    
	border-radius: 3px 3px 3px 3px;
    color: #909090;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    padding: 2px 5px;
    text-align: center;
    text-decoration: none;
    float: right;
    cursor: default;
}

div.GirokontorechnerVergleich table td.tdComparisonsInfo a.tdComparisonsInfoButtonActive {
	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;    
	border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 12px;
    font-weight: 700;
    padding: 2px 5px;
    text-align: center;
    text-decoration: none;
    float: right;
    cursor: pointer;
}

div.GirokontorechnerVergleich table td.tdComparisonsInfo a.tdComparisonsInfoButtonActive: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)";	
}

div.GirokontorechnerVergleich table td.tdBesonderes {
	color: #6b6b6b;
	text-align: left;
	border-top: 1px dotted #DCDCDC;
}
	
div.GirokontorechnerVergleich table td.tdComparisons {
	vertical-align: top;
	padding-top: 6px;
}	
	
div.GirokontorechnerVergleich table td div.divGesamtkosten div.divGesamtkostenResults, div.GirokontorechnerVergleich table td.tdInfos div.aInfoTooltip div.divInfoTooltip {
	text-align: left; 
	padding: 5px 10px; 
	display: none; 
	background: #383838; 
	border: 4px solid #FFFFFF; 
	position: absolute; 
	font-size: 13px; 
	margin-left: 15px;
	max-width: 400px;
	color: #FFFFFF;
	box-shadow: 0 0 4px #b6b7b8; 
	-webkit-box-shadow: 0 0 4px #b6b7b8; 
	-moz-box-shadow: 0 0 4px #b6b7b8; 
	border-radius: 2px; 
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px;
	z-index: 10;
}
	
div.GirokontorechnerVergleich table td div.divGesamtkosten div.divGesamtkostenResults ul, div.GirokontorechnerVergleich table td.tdInfos div.aInfoTooltipp div.divInfoTooltip ul {
	padding-left: 15px;
	margin: 0!important;
}
		
div.GirokontorechnerVergleich table td div.divGesamtkosten, div.GirokontorechnerVergleich table td.tdInfos div.aInfoTooltip {
	padding: 4px 5px;
}

div.GirokontorechnerVergleich table td.tdGesamtkosten1, div.GirokontorechnerVergleich table td.tdGesamtkosten2, div.GirokontorechnerVergleich table td.tdInfos {
	padding: 0;
}
	
div.GirokontorechnerVergleich table td div.divGesamtkosten:hover div.divGesamtkostenResults, div.GirokontorechnerVergleich table td.tdInfos div.aInfoTooltip:hover div.divInfoTooltip {
	display: block;
}
	
div.GirokontorechnerVergleich tbody td.tdZurBank a.tdZurBankApplication {
	background: #89CF85;
	background: linear-gradient(top, #89CF85, #419C4E);
	background: -moz-linear-gradient( top, #89CF85, #419C4E); 
	background: -webkit-gradient(linear, left top, left bottom, from(#89CF85), to(#419C4E)); 
 	background: -o-linear-gradient(top, #89CF85 0%,#419C4E 100%);
    background: -ms-linear-gradient(top, #89CF85 0%,#419C4E 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient (startColorstr=#89CF85, endColorstr=#419C4E); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (startColorstr=#89CF85, endColorstr=#419C4E)";	    
    border: 1px solid #42AE64;
    border-radius: 2px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3) !important;  
	display: inline-block; 
	padding: 2px 5px; 
	color: #fff; 
	font-weight: 700;
	font-size: 1.1em;
	text-decoration: none;
	white-space: nowrap;
}

div.GirokontorechnerVergleich tbody td.tdZurBank a.tdZurBankApplication:hover { 
	color: #fff; 
	background: #419C4E;
	background: linear-gradient(top, #419C4E, #89CF85);
	background: -moz-linear-gradient( top, #419C4E, #89CF85); 
	background: -webkit-gradient(linear, left top, left bottom, from(#419C4E), to(#89CF85)); 
 	background: -o-linear-gradient(top, #419C4E 0%,#89CF85 100%);
    background: -ms-linear-gradient(top, #419C4E 0%,#89CF85 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient (startColorstr=#419C4E, endColorstr=#89CF85); 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient (startColorstr=#419C4E, endColorstr=#89CF85)";	
}

div.GirokontorechnerVergleich tbody tr td.tdAnbieter {
	width: 80px;
}

div.GirokontorechnerVergleich tbody tr td.tdTops {
	text-align: center;
	background: #DCDCDC;
}		
	
div.GirokontorechnerVergleich tbody tr.trColspan td, div.GirokontorechnerVergleich tbody tr td.tdAnbieter, div.GirokontorechnerVergleich tbody tr td.tdZurBank {
	border-bottom: 1px dotted #ccc;
}
.trAO { display:none; }
.tdComparisons input { display:none}
.aInfoTooltip { display:none; }

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

		#productsRow ul { min-height:209px !important; }	
}
@media screen and (max-width: 767px) {

	#productsRow ul { min-height:0 !important; }
	#productsRow { margin-top:0; }
	#productsRow img { display:inline; margin-top:10px; }

	.productBox { border-right:0 !important;  }
	#productsRow .productBox:last-child { margin-top:40px; border-top: 1px solid grey; }
	table.table, table.vergleichsTables { margin-top:0 !important; }
}
@media screen and (max-width: 360px) { 

}