/*
Theme Name: VPNTrial.net
*/

body {
	background: #fff url('images/bg-header.jpg') no-repeat top center;
	font: normal 14px/22px 'Gudea', Arial, sans-serif;
	color: #4e4e4e;
}

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


.rc, .roundedcorners {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px; /* future proofing */
	-khtml-border-radius: 8px; /* for old Konqueror browsers */	
}


/* Headings */
h1, h2, h3, h4, h5, h6, .title, .titlerow { display: block; margin: 0 0 5px; font-size: 17.5px; line-height: 22px; color: #226399; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, a.title, .title a { text-decoration: none; }

/* Positionierung */
.clear { clear: both; }
.alignleft { float: left; }
img.alignleft { margin: 0 5px 5px 0; }
.alignright { float: right; }
img.alignright { margin: 0 0 5px 5px; }
.aligncenter { margin: auto; text-align: center; }

/* Hyperlinks */
a { color: #0b3d67; }
a:hover { color: #52a4ea; text-decoration: none; }
a img { border: none; }

a.button {
	display: block;
	padding: 10px 0; 
	font: bold 18.5px/24px Arial, sans-serif;
	color: #fff;
	text-decoration: none;
	text-align: center;
	
	/* gradient (generator: colorzilla.com/gradient-editor) */
	background: #e1d074; /* Old browsers */
	background: -moz-linear-gradient(top,  #e1d074 0%, #99802b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1d074), color-stop(100%,#99802b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e1d074 0%,#99802b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e1d074 0%,#99802b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e1d074 0%,#99802b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e1d074 0%,#99802b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1d074', endColorstr='#99802b',GradientType=0 ); /* IE6-9 */
	
	/* rounded corners */
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px; /* future proofing */
	-khtml-border-radius: 8px; /* for old Konqueror browsers */
}
a.button:hover { 
	background: #52a4ea;
	background: -moz-linear-gradient(top,  #52a4ea 0%, #2b6698 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#52a4ea), color-stop(100%,#2b6698));
	background: -webkit-linear-gradient(top,  #52a4ea 0%,#2b6698 100%);
	background: -o-linear-gradient(top,  #52a4ea 0%,#2b6698 100%);
	background: -ms-linear-gradient(top,  #52a4ea 0%,#2b6698 100%);
	background: linear-gradient(to bottom,  #52a4ea 0%,#2b6698 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52a4ea', endColorstr='#2b6698',GradientType=0 );
}



.laendertext32 li{
background: no-repeat scroll 0 0px transparent;
list-style: none outside none;
margin-top:3px;
padding: 5px 0 5px 45px; 
font-size:20px;
color:#666666;
line-height:normal;
text-decoration: none;
font-weight:bold;
}

.laendertext32 li a{
text-decoration: none;

}

/* Header */
div.logo, #wrap, header {
	width: 960px; 
	margin: 0 auto;	
}

div.logo { text-align: right; }

header { margin: 5px auto 0; }

/* Content */
#wrap { 
	background-color: #eff7fc;
	border: 1px solid #abd0ef;
}

#wrap .innerwrap { padding: 0 1%; }

#banner { margin-top: 20px; text-align: center; }

#main { margin: 15px auto 0; }
#main.single { float: left; width: 600px; margin: 15px 0 20px; }
#main .post { margin: 0 0 30px; padding: 10px 15px; background-color: #fff; border: 1px solid #c2def6; }
#main .postimg { float: right; width: 250px; max-width: 100%; height: auto; }

img { max-width: 100%; height: auto; }

#main.single .post { background: transparent; padding: 0; border: none; }
#main.single .post .content { padding-bottom: 20px; }
#main.single .screenshot { width: 600px; margin-bottom: 20px; }
#main.single span.title, #main.single h3 { padding: 3px 5px 0; font-size: 15.5px; font-weight: normal; color: #226399; background-color: #c2def6; }


/* Tabellen */
table { width: 100%; margin: 5px 0 10px; border-collapse: collapse; text-align: left; }
table th, table td { padding: 5px 10px; }
table th { background-color: #52a4ea; border: 1px solid #52a4ea; color: #fff; font-size: 15.5px; }
table td { background-color: #fff; border: 1px solid #c2def6; font-size: 13px; line-height: 18px; }

table#vergleich { width: 920px; margin: 15px auto; }
table#vergleich th { font-size: 13px; text-align: left; }
table#vergleich .c1 { width: 170px; }
table#vergleich .c1 img { max-width: 100%; }
table#vergleich td:hover { cursor: pointer; }
table#vergleich tr:hover td { background-color: #d7f0ff; }
table#vergleich .anbieterlogo { display: block; }
table#vergleich a.zumanbieter { display: block; margin: 5px 0; padding: 5px 10px; text-align:center;  background: #0b3d67; color: #fff; font-weight: bold; text-decoration: none; }
table#vergleich a.zumanbieter:hover { background: #52a4ea; }


/* Sidebar */
aside { float: right; width: 331px; padding-top: 21px; }
aside .title { font: bold 14.5px/20px Arial, sans-serif; color: #0b3d67; }
aside .boxwrap { 
	margin: 20px 0 0 0;
}
aside .box {
	padding: 5px; 
	background-color: #fff;
	border: 1px solid; 
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px; /* future proofing */
	-khtml-border-radius: 8px; /* for old Konqueror browsers */	
} 
aside hr { width: 98%; height: 1px; background: transparent; border: none; border-bottom: 1px solid; margin: 5px auto 8px; }
aside .box, aside hr { border-color: #abcfef; }
aside .box img.logo { display:block; margin: 15px auto 5px; }

aside .titlerow { 
	margin: 0;
	padding: 5px 10px 0;
	font-size: 15.5px;
	background-color: #c2def6;
	text-align: center;  
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
	-khtml-border-radius: 8px 8px 0 0;
}
aside .boxwrap .box {
	-moz-border-radius: 0 0 8px 8px;
	-webkit-border-radius: 0 0 8px 8px;
	border-radius: 0 0 8px 8px;
	-khtml-border-radius: 0 0 8px 8px;
}

ul.positiv, ul.negativ { padding: 0 0 10px 50px; background-repeat: no-repeat; background-position: top left; }
ul.positiv { background-image: url('images/icon_positive.png'); }
ul.negativ { background-image: url('images/icon_negative.png'); } 

aside ul.similar { list-style: none; padding: 0; margin: 0; }
aside ul.similar li { padding: 5px 0; border-bottom: 1px solid #c2def6; text-align: center; }
aside ul.similar li.last { padding-bottom: 0; border-bottom: none; }


/* Footer */
footer { clear: both; padding: 10px 20px; text-align: right; }


/* Responsive */
@media all and (max-width: 1040px) {	
	h1.logo, #wrap, header, table#vergleich { width: 100%; }	
	aside { width: 37%; }	
	#main.single { width: 60%; }			
	header .logo img, #main .content img, aside img, dl.caption { max-width: 100%; height: auto; }
	#banner { margin-top: 10px; }
} 
@media all and (max-width: 700px) {
	a.button { font-size: 14.5px; line-height: 20px; }	
}
@media all and (max-width: 635px) {
	table#vergleich .c4 { display: none; visibility: hidden; }	
}
@media all and (max-width: 550px) {
	table#vergleich .c1 { width: auto; }
	table#vergleich .c3 { display: none; visibility: hidden; }
}
@media all and (max-width: 450px) {
	table#vergleich .c5 { display: none; visibility: hidden; }
}
@media all and (max-width: 400px) {
	aside, #main.single { width: 100%; float: none; }
}