/*
 Theme Name: bestusenetprovider.net
 Description: bestusenetprovider.net
 */

body {
	padding: 0;
	margin: 0;
	font: normal normal normal 110%/170% 'Source Sans Pro', Arial, sans-serif;
	color: #444;
	background: #f0f0f0 url('images/bg.png') repeat-x top left;	
}

.alignleft { float: left; }
img.alignleft, .wp-caption.alignleft  { margin: 5px 10px 5px 0; text-align: left; }
.alignright { float: right; }
img.alignright, .wp-caption.alignright { margin: 5px 0 5px 10px; text-align: right; }
.aligncenter, .center { margin: auto; text-align: center; }
.clear { clear: both; }

a { color: #0b6286; }
a img { border: none; }
a:hover { text-decoration: none; color: #3399ff; }

.edit-link { position: relative; top: 18px; font-size: 30px; text-decoration: none; }

ul { padding: 0 0 0 15px; list-style-type: square; }
ul, ol, p { margin: 0 0 25px; }

.b, .bold { font-weight: bold; }
.pointer:hover { cursor: pointer; }

hr { margin: 10px 0 25px; height: 1px; background: transparent; border: none; border-top: 5px solid #ccc; clear: both; }

h1, h2, h3, h4, h5, h6, .title { display: block; margin: 0 0 10px; font-family: 'Open Sans', Arial, sans-serif; font-weight: normal; }
h1, h1.title { font-size: 26px; line-height: 30px; font-weight: 700; }
h2 { font-size: 24px; line-height: 28px; font-weight: 600; }
h3 { font-size: 20px; line-height: 26px; }
h4 { font-size: 18px; line-height: 24px; }
h5 { font-size: 16px; line-height: 22px; }
h6 { font-size: 14px; line-height: 20px; }


.title.small { font-size: 16px; margin: 0 0 5px; }

/* Suche */
input#s, input#searchsubmit { border: 1px solid #0b6286; margin: 0 2px; }
input#s { width: 230px; float: left; padding: 3px 1px; font-family: "Courier New", serif; }
input#searchsubmit { float: left; padding: 4px 5px 2px; font: bold 12px/150% 'Source Sans Pro', Arial; text-transform: uppercase; }
input#s:focus, input#s:hover, input#searchsubmit:focus, input#searchsubmit:hover { border-color: #3399ff; }
input#searchsubmit:hover { cursor: pointer; background-color: #3399ff; color: #fff; }


/* Aufbau */
#wrap {	width: 95%; margin: 10px auto 0; padding: 0 0 10px; background-color: #fff; box-shadow: 2px 2px 8px #ccc; }
#logo { float: left; display: inline; margin: 15px 10px 0 13px; }
header .info { width: 240px; float: left; margin: 75px 0 0; }
header .faqbox { background-color: #f0f0f0; box-shadow: 0 3px 2px #ddd; float: right; height: 100px; margin: 10px 15px 0 0; padding: 3px 20px; width: 510px; position: relative; z-index: 2; font-size: 80%; line-height: 120%; } 
header .faqbox .title { text-indent: -9999.99em; width: 139px; height: 40px; float: right; position: relative; z-index: 3; top: 6px; right: -48px; overflow: hidden; background: transparent url('images/faq-arrow.png') no-repeat; }
.de-DE header .faqbox .title { background: transparent url('images/faq-arrow-de.png') no-repeat; }
.es-ES header .faqbox .title { background: transparent url('images/faq-arrow-es.png') no-repeat; }
.fr-FR header .faqbox .title { background: transparent url('images/faq-arrow-fr.png') no-repeat; }

header .dropdown { width: 530px; }
header .dropdown .children { background-color: #f0f0f0; height: 70px; margin: 0 0 0 -20px; overflow: hidden; padding: 0 18px; position: relative; top: -20px; width: 516px; z-index: 2; }
header .dropdown:hover .children, header .faqbox .title:hover .children { height: auto; overflow: auto; box-shadow: 0 4px 4px #ccc; }


#content { padding: 20px; /* width: 600px; float: left; */ }

article#details { float: left; width: 65%; }
aside#sidebar { float: right; width: 33%; padding: 8px 0; }

#tarife .tarif { width: 32%; float: left; margin-right: 1%; line-height: 120%; }
#tarife p { margin: 0 0 5px; }

.teaser { margin: 0 0 15px; font-weight: bold; }
.post-edit-link { margin: 0 5px; font-size: 25px; }
a.post-edit-link { text-decoration: none; }
h2 .post-edit-link, .titlerow .post-edit-link, #faq .post-edit-link { float: right; }
.titlerow { margin: 0 0 14px; padding: 5px 10px; background-color: #f0f0f0; color: #444; }
.titlerow .title { float: left; margin: 12px 5px; }
.titlerow img { float: right; margin: 5px 0; }
img.screenshot { float: right; width: auto; margin: 0 0 15px 15px; }
a.button { display: block; height: 30px; margin: 0; padding: 13px 0 0; overflow: hidden; border: 1px solid #777; border-top: none; border-bottom: none; color: #fff; text-decoration: none; font-size: 16px; font-weight: bold; text-align: center; text-shadow: 1px 1px 2px #000; background: url('images/button.png') repeat-x top left; }
a.button:hover { background-position: bottom left; }

.post.overview {
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	box-shadow: 2px 2px 8px #f0f0f0;
	margin: 0 0 20px;
	padding: 15px;	
}

.navigation.pagination {
	margin-top: 20px auto 15px;
}
.navigation.pagination .page-numbers {
	padding: 10px;
	background-color: #f0f0f0;
	color: #333;
}
.navigation.pagination .page-numbers.current {
	background-color: #3d4a58;
	color: #7ac5ff;
}
.navigation.pagination .page-numbers:hover {
	background-color: #333;
	color: #fff;
}
.navigation.pagination .page-numbers.current:hover {
	background-color: #3d4a58;
	color: #7ac5ff;
}

.icon { padding-left: 20px; }
.icon.maus { background: url('images/icon_maus.png') no-repeat center left; }
.icon.faq { background: url('images/icon_faq.png') no-repeat center left; }


#footer { width: 95%; margin: 0 auto; text-align: right; font-size: 11px; }
#footer a { text-decoration: none; }


hgroup { padding: 10px; margin: 0 0 20px; background-color: #f0f0f0; }
hgroup .title { float: left; }
hgroup .anbieterlogo { float: right; }


.gutschein_desc, .gutschein_desc a:link{font-size:13px; line-height:normal; text-decoration:none;}
.gutschein_headline, .gutschein_headline a:link{font-size:23px; font-weight:bold; line-height:normal; text-decoration:none; }

.panel-wrapper { overflow: hidden; }

table#vergleich, table.accountdetails { width: 100%; margin-bottom: 20px; border-collapse: collapse; }
table#vergleich td, table#vergleich th, table.accountdetails td, table.accountdetails th { padding: 5px; text-align: left; overflow: hidden; }
table#vergleich thead tr, table.accountdetails thead tr { background-color: #ccc; }
table#vergleich tbody tr.alt, table.accountdetails tbody tr.alt { background-color: #e4e4e4; }

span.accountdetails { display: none; }
table.accountdetails { border: 1px solid #f0f0f0; border-bottom: 2px solid #ccc; margin-top: 10px; }
table.accountdetails thead th.c1 { text-transform: uppercase; width: 15%; }
table.accountdetails tbody td { border: 1px solid #f0f0f0; }

table.anbieterdetails { width: 100%; margin: 0 0 30px 0; border-collapse: collapse; border: 1px solid #ccc; border-bottom: 2px solid #bbb; }
table.anbieterdetails td { padding: 5px 10px; border-bottom: 1px solid #f0f0f0; }
table.anbieterdetails td.c1 { width: 50%; font-weight: bold; }
table.anbieterdetails td.c1 small { font-size: 11px; font-weight: normal; }
table.anbieterdetails tr.alt { background-color: #f0f0f0; }
table.anbieterdetails tr.flatrate, table.accountdetails thead tr.flatrate { background-color: #dedded; }
table.anbieterdetails tr.volumen, table.accountdetails thead tr.volumen { background-color: #ded; }
table.anbieterdetails tr.block, table.accountdetails thead tr.block { background-color: #edecdd; }
table.anbieterdetails ul { margin: 0; }
table.versand { border: 1px solid #ccc; padding: 0; margin: 5px 0; border-collapse: collapse; } 
table.anbieterdetails td table.versand tbody tr td { background-color: #fefefe; border: 1px solid #ccc; padding: 3px 7px; margin: 0; }
table.anbieterdetails td table.versand tbody tr.alt td { background-color: #e6e6e6; }


/* Responsive */
@media all and (min-width: 1600px) {
	#wrap { width: 75%; }
}
@media all and (max-width: 1350px) {
	table.anbieterdetails { width: 50%; }
	img.screenshot { width: 45%; }
}
@media all and (max-width: 1290px) {
    #vergleich .c6 { display: none; }
}
@media all and (max-width: 1240px) {
    #vergleich .c13 { display: none; }
}
@media all and (max-width: 1140px) {
    header .logo img { width: 40%; height: auto; margin-top: 20px;}
    #vergleich .c12 { display: none; }    
}
@media all and (max-width: 1080px) {
    #vergleich .c9 { display: none; }
}
@media all and (max-width: 1000px) {
    header .faqbox .title { display: none; }
    header .logo img { width: 30%; }
    #vergleich .c7, #vergleich .c10 { display: none; }
}
@media all and (max-width: 900px) {    
    header .logo img { width: 25%; }
}
@media all and (max-width: 870px) {
    #vergleich .c8 { display: none; }
}
@media all and (max-width: 800px) {
    header .logo img { width: auto; max-width: 100%; }
	header .faqbox { display: none; }
	#vergleich .c11 { display: none; }
	img.screenshot { float: none; width: 100%; margin: 0 auto 10px; }		
	table.anbieterdetails { width: 100%; }	
	table.accountdetails {
		font-size: 11px;
		line-height: 150%;
	}
}
@media all and (max-width: 720px) {
    #vergleich .c14, #vergleich .c15, #vergleich .c16 { display: none; }
    aside#sidebar, article#details { float: none; display: block; width: 100%; }
}
@media all and (max-width: 500px) {
	span.accountdetails { display: block; font-weight: bold; font-size: 11px; text-transform: uppercase; margin: 10px 0 -5px; }
	#vergleich .c5 { display: none; }
}
@media all and (max-width: 470px) {  
    #vergleich .c4 { display: none; }
}
@media all and (max-width: 380px) {  
    #vergleich .c3 { display: none; }
}