/*
 Theme Name: bestsmartdns.net
 Description: VPN Anbieter Theme
 Version: 2.0
*/

body {
	padding: 0;
	margin: 0;
	font: normal normal normal 80%/170% Arial, sans-serif;
	background-color: #f0f0f0;
	color: #333;		
}

body.image {	 
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	background-size: cover;
}


.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; }
.sticky { position: fixed; width: 100%; left: 0; top: 0; z-index: 100; border-top: 0; margin: auto; }

a { color: #008bb8; }
a img { border: none; }
a:hover { text-decoration: none; color: #36cdff; }

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

small { font-size: 12px; }

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

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

h1, h2, h3, h4, h5, h6, .title { display: block; font: normal normal normal 20px/150% 'Open Sans', Arial, sans-serif; margin: 0 0 10px; }
.title.small { font-size: 16px; margin: 0 0 5px; }

/* Suche */
input#s, input#searchsubmit { border: 1px solid #008bb8; 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% 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: 1200px; margin: 10px auto; padding: 10px 0; background: #fff; }

@media all and (max-width: 1230px) {
    #wrap { width: 95%; }
}

h1#logo { text-align: center; margin: 15px 0; }
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 32px 0 0; padding: 3px 20px; width: 510px; position: relative; z-index: 2; } 
header .faqbox .title { text-indent: -9999.99em; width: 139px; height: 40px; float: right; position: relative; z-index: 3; top: 6px; right: -48px; overflow: hidden; }

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: 15px 35px; 
}

a.anchor { display: block; position: relative; top: -80px; }
.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: 0 0 0 40px; background: #f5f5f5 url('images/icon_anbieter.png') no-repeat 7px 17px; }
.titlerow .title { margin: 12px 5px; text-shadow: 1px 1px 0 #fff; }
img.screenshot { width: 305px; margin: 0 auto 5px; }

a.button { 
	display: block;	
	margin: 0; 
	padding: 16px 0; 
	overflow: hidden;	
	text-decoration: none; 
	font-size: 16px; 
	font-weight: bold; 
	text-align: center; 
	color: #fff;
	border: 1px solid #d26300;
	text-shadow: 1px 1px 0 #d26300;	
	background-color: #f27001;
}
a.button:hover {
	color: #333;
	text-shadow: none;
	border-color: #d29e00;
	background-color: #fec001;	 
}


a.textbutton_right { display:block; width:200px; float:right; margin: 0 0 10px 10px; padding: 4px 8px; text-align:center;  background: #32B3DB; color: #fff; font-size: 102%; font-weight: bold; text-decoration: none; border: none; }
a.textbutton_right:hover  { background: #F6921F; cursor: pointer; }


.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; }

#sidebar { padding: 8px 20px; width: 300px; float: right; }

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


.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; }

.table { display: table; border-collapse: collapse; }
.table .row { display: table-row; }
.table .cell { display: table-cell; }


#preisvergleich { width: 100%; position: relative; z-index: 1; font-size: 12px; font-weight: bold; margin: 0 auto; padding: 0; }
#preisvergleich hgroup, #preisvergleich .title { margin-bottom: 10px; }
#preisvergleich hgroup .title { margin-bottom: 0; }
#preisvergleich small a, #preisvergleich small a:hover { font-size: 12px; font-weight: normal; }
#preisvergleich small { display: block; margin-top: -11px; }
#preisvergleich a { text-decoration: none; font-family: Arial, sans-serif; }
#preisvergleich a.button, #preisvergleich a.button:hover { font-size: 16px; font-family: Arial, sans-serif; margin: 5px 3px; padding: 12px 0 0; height: 31px; }
#preisvergleich a.button.small { height: auto; font-size: 14px; padding: 6px 3px; }
#preisvergleich a.post-edit-link, #preisvergleich a.post-edit-link:hover { font-size: 30px; font-weight: normal; position: relative; top: 13px; left: 5px; float: left; }

#preisvergleich .table { margin: 0 auto 20px; border-collapse: collapse; border: 1px solid #555; }
#preisvergleich .cell.td { padding: 5px; border: 1px solid; border-color: #555; font: normal 12px/16px Arial, sans-serif; text-align: left; vertical-align: top; }
#preisvergleich .cell.td.c1 { background: none; height: 50px; line-height: 220%; padding: 10px; width: 130px; text-align: center; }
#preisvergleich .row.tbody:hover .cell.td { cursor: pointer; background-color: #e4f8ff; }
#preisvergleich .row.tbody:hover .cell.td img { box-shadow: 2px 2px 28px #fff; }
#preisvergleich .table, #preisvergleich .cell.td.c1 { background-color: #fff; }
#preisvergleich .row.thead { background-color: #666; color: #fff; height: 22px; vertical-align: middle; font-family: Arial, sans-serif; font-size: 12px; line-height: 110%; }
#preisvergleich .cell.th { font-weight: bold; padding: 5px 10px; }
#preisvergleich .cell.th.offers { width: 150px; }

#preisvergleich .cell.td .title { display: none; margin: 10px 0 5px; font-size: 14px; line-height: 16px; font-weight: bold; }

@media all and (max-width: 590px) {
    #preisvergleich .cell.td { display: block; width: auto !important; height: auto !important; border: none; float: none; font-size: 13px; line-height: 16px; }
    #preisvergleich .cell.td .title { display: block; }
    #preisvergleich .row.thead { display: none; }
    #preisvergleich .row.body { display: block; margin-bottom: 15px; }    
}


#preisvergleich ul.offers { margin: 0 0 6px; }
#preisvergleich ul.devices, table#details ul.devices { list-style-type: none; padding: 0; margin: 0; }
#preisvergleich ul.devices li, table#details ul.devices li { float: left; margin-right: 5px; }

table#details { width: 615px; float: right; margin: 0 0 15px 10px; border-collapse: collapse; border: 1px solid #ccc; font-size: 12px; line-height: 150%; }
table#details td { padding: 5px 10px; }
table#details td.c1 { width: 200px; font-weight: bold; }
table#details td.c1 small { font-size: 11px; font-weight: normal; }
table#details td.dauer { background: url('images/icon_dauer.png') no-repeat bottom right; }
table#details td.server { background: url('images/icon_server.png') no-repeat bottom right; }
table#details td.ips { background: url('images/icon_server.png') no-repeat bottom right; }
table#details td.p2p { background: url('images/icon_p2p.png') no-repeat bottom right; }
table#details td.logs { background: url('images/icon_providerlogs.png') no-repeat bottom right; }
table#details td.maxspeed { background: url('images/icon_maxspeed.png') no-repeat bottom right; }
table#details td.verschluesselung { background: url('images/icon_verschluesselung.png') no-repeat bottom right; }
table#details td.clients { background: url('images/icon_clients.png') no-repeat bottom right; }
table#details td.reconnects { background: url('images/icon_reconnects.png') no-repeat bottom right; }
table#details td.downloadlimit { background: url('images/icon_download.png') no-repeat bottom right; }
table#details td.geldzurueck { background: url('images/icon_geldzurueck.png') no-repeat bottom right; }
table#details td.protokolle { background: url('images/icon_protokolle.png') no-repeat bottom right; }
table#details td.versand { background: url('images/icon_versand.png') no-repeat bottom right; }
table#details td.zahlung { background: url('images/icon_zahlung.png') no-repeat bottom right; }
table#details td.voraussetzungen { background: url('images/icon_voraussetzungen.png') no-repeat bottom right; }
table#details td.formate { background: url('images/icon_formate.png') no-repeat bottom right; }
table#details td.hilfe { background: url('images/icon_hilfe.png') no-repeat bottom right; }
table#details tr.alt { background-color: #f0f0f0; }
table#details ul { margin: 0; }
table.versand { border: 1px solid #ccc; padding: 0; margin: 5px 0; border-collapse: collapse; } 
table#details td table.versand tbody tr td { background-color: #fefefe; border: 1px solid #ccc; padding: 3px 7px; margin: 0; }
table#details td table.versand tbody tr.alt td { background-color: #e6e6e6; }


/* Responsive */
@media all and (max-width: 630px) {
a.textbutton_right { width:94%; text-align:center; margin:10px 0 0 0;}

}