/*
Theme Name: HTV
Description: Handytarife-Vergleich.com
Version: 1.0
Author: Luskan Consulting | www.luskan.de

*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

.entry {
margin:0 !important;
}

body {
background-image:url(http://handytarife-vergleich.com/wp-content/themes/htv/images/handytarife-vergleich-bg5.jpg);
background-repeat:repeat-x;
background-color:#fff;
font-size:12px;
font-family: Helvetica, Arial, sans-serif;
color:#3d3d3d;
}

.container {
width:1000px;
background:#fff;
padding-bottom:20px;
position:absolute;

left:50%;
margin-left:-500px;
}

#logo h1, #logo h2{
width:318px;
height:52px;
margin:20px 0 5px 15px;
}

ol, ul {
list-style:none;
}

.entry ul {
list-style-image: url(http://handytarife-vergleich.com/wp-content/themes/htv/images/arrow.gif);
margin:10px 25px;
}

.sociable ul li{ 
list-style-image:none !important;
float:left; 
}

blockquote, q {
quotes:none;
}

blockquote:before, blockquote:after, q:before, q:after {
content:'';
content:none;
}

:focus {
outline:0
}

ins {
text-decoration:none;
}

del {
text-decoration:line-through;
}

table {
border-collapse:collapse;
}


a:link, a:visited,  #sidebar_menu ul li a:link, #sidebar_menu ul li a:visited, .link a {
color:#10448c;
/*color:#a40a4e;*/ 
font-weight:bold;
text-decoration:none;
}

a:hover, #sidebar_menu ul li a:hover{
color:#de7724;
}


.navi_bg{ 
height:33px;
padding-top:3px;
position:absolute;
margin:-46px 0 0 350px;
}


#main_navi {
height:30px;
width:620px;
background-repeat:repeat-x;
text-transform:uppercase;
}

#main_navi a:link, #main_navi a:visited, #main_navi a:hover {
padding:8px 30px 8px 30px;
position:relative;
}



#main_navi ul {
padding-left:10px;
}

#main_navi ul li {
list-style:none;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
padding:8px 0px 0px 0px;
}

#main_navi ul li a:link, #main_navi ul li a:visited {
color:#001d46;
text-decoration:none;
/*border-right:1px solid #c3c3c3;*/
border-right:1px solid #e8e8e8;
}

#main_navi ul li a:hover, #main_navi ul li a:active {
text-decoration:none;
background:#f3f3f3;
background-position:center;
}

#content{
width:710px;
padding:10px 10px;
background-color:#FFFFFF;
float:left;
position:static;
min-height:500px;
margin:5px 0px 0px 175px;
}

#footer {
color:#fff;
padding:0px;
margin:15px 0px;
clear: both;
float:left;
width:100%;
}

#footer a{color:#555; font-weight:normal;}

#footer p {
padding: 20px 0;
text-align: center;
}

.categories {
height:250px;
width:300px;
margin-left:128px;
float:left;
background-image:url(pics/categories.jpg);
margin-left:5px;
margin-bottom:5px;
}

.categories ul li, .categories ul li a:link, .categories ul li a:visited {
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#272727;
list-style:circle;
text-decoration:none;
}

.categories ul li a:hover {
color:#ec008c;
}

.alt {
background-color: #f8f8f8;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}

small {
font-family: Arial, Helvetica, Sans-Serif;
font-size: 0.9em;
line-height: 1.5em;
}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
text-decoration: none;
}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
color: #333;
}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
text-decoration: none;
}



.commentlist li, #commentform input, #commentform textarea {
font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentlist li {
font-weight: bold;
}

.commentlist li .avatar {
float: right;
border: 1px solid #eee;
padding: 2px;
background: #fff;
}

.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 1.1em;
}

.commentlist p {
font-weight: normal;
line-height: 1.5em;
text-transform: none;
}

#commentform p {
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentmetadata {
font-weight: normal;
}

#sidebar {
font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
color: #777;
}

code {
font: 1.1em 'Courier New', Courier, Fixed;
}

/* End Typography & Colors */

/* Begin Structure */

#header {
background-color: #73a0c5;
padding: 0;
height: 100px;
width: 1000px;
}

#headerimg {
margin: 0;
height: 200px;
width: 100%;
}

.narrowcolumn {
float: left;
padding: 0 20px 20px 25px;
margin: 0px 0 0;
width: 650px;
}

.widecolumn {
padding: 10px 0 20px 0;
margin: 5px 0 0 150px;
width: 450px;
}

.post {
margin: 0 0 40px;
text-align: left;
}

.postmetadata {
clear: both;
}

.clear {
clear: both;
}


/* End Structure */



/*      Begin Headers */
#content h1, #content h1 a{
margin:10px auto;
position:static;
font-size:16px !important;
text-align:left;
color:#00204f !important;
font-weight:bold;
padding:0;
}


h2 {
margin: 30px 0 0;
font-size:1.2em;
}

h2.pagetitle {
margin-top: 30px;
text-align: center;
}

#sidebar h2 {
margin: 5px 0 0;
padding: 0;
}

h3.comments {
padding: 0;
margin: 40px auto 20px;
}

/* End Headers */





/* Begin Form Elements */
#searchform {
margin: 200px auto;
padding: 5px 3px;
text-align: center;
}

#sidebar #searchform #s {
width: 300px;
padding: 0px;
background-color:#ffffff;
}

#sidebar #searchsubmit {
padding: 1px;
}

.entry form { /* This is mainly for password protected posts, makes them look better. */
text-align:center;
}

select {
width: 130px;
}

#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
}

#commentform textarea {
width: 100%;
padding: 2px;
}

#commentform #submit {
margin: 0;
float: right;
}



.alt {
margin: 0;
padding: 10px;
}

.commentlist {
padding: 0;
text-align: justify;
}

.commentlist li {
margin: 15px 0 3px;
padding: 5px 10px 3px;
list-style: none;
}

.commentlist p {
margin: 10px 5px 10px 0;
}

#commentform p {
margin: 5px 0;
}

.nocomments {
text-align: center;
margin: 0;
padding: 0;
}

.commentmetadata {
margin: 0;
display: block;
}

/* Begin Sidebar */

#sidebar form {
margin: 0;
}

#sidebar{
margin: 10px 5px 0px 0px;
position:absolute;
float:left;
width: 160px;
text-align:center;
min-height:500px;
}

/* End Sidebar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
cursor: help;
}

acronym, abbr {
border-bottom: 1px dashed #999;
}

blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #ddd;
}

blockquote cite {
margin: 5px 0 0;
display: block;
}

.center {
text-align: center;
}

.hidden {
display: none;
}

hr {
display: none;
}

a img {
border: none;
}

.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 60px;
}

/* End Various Tags & Classes*/




/* Captions */
.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
/*-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;*/
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

#newsletterwidget {
background-image:url(images/newsletter_bg.jpg);
background-repeat:no-repeat;
height:100px;
padding-left:15px;
padding-top:3px;
color:#fff;
}



.searchbox{
height:25px;
width:755px;
text-align:center;
background-color:#e8ecf0;
float:left;
margin-top:-18px;
}

.searchbox form{
width:300px;
}

.picbox, .contentad{ 
background:#cfd3d4;
padding:6px;
text-align:center;
}

.contentad {
height:90px;
float:left;
margin-lef:-20px;
width:728px;
}

.untermenu {
background-color:#e1e1e1;
border:2px solid #d4d4d4;
float:left;
width:628px;
margin-bottom:15px;
padding:5px 10px 5px 10px;
color:#a1a1a1;
}

.untermenu ul li {
float:left;
padding-right:15px;
padding-left:15px;
list-style-type:none;
}

.hidden {
visibility:hidden;
}

/* End captions */

#footer {text-align:center;}

#footer ul {
	margin-left:0;
	padding-left:0;
	display: inline;

	} 

#footer ul li {
	margin-left: 0;
	padding: 3px 15px;
	list-style: none;
	display: inline;
	}


.news h3 {font-size:15px !important; font-weight:normal;}
.news h4 {font-size:13px !important;}

.news {
margin:10px 0px;
border:2px solid rgb(236, 236, 236);
float:left;
}


.newsletter-box {
height:137px;
width:220px;
padding:90px 5px 0px 15px;
background:url(http://handytarife-vergleich.com/wp-content/themes/htv/images/newsletter-bg.jpg) no-repeat;
font-size:11px;
font-weight:900;
color:#7e8284;
position:absolute;
margin:-220px 0 0 760px;
}

.entry table {
margin:15px 0px;
background:#f1f1f1;
font-size:12px;
}

.entry td{ vertical-align: middle;}

.entry td { padding:5px 10px; border:1px solid #fff;}

.table-headlines{ font-size:11px; font-weight:bold; background:#cad0d6; margin:0; padding:0;}

.no { background:url(http://handytarife-vergleich.com/images/no.png) no-repeat center; }


.platz{ 
font-size:25px;
font-weight:bold; 
height:15px; 
color:#B9BFC4;
}

.platz1, .platz2, .platz3{ color:#f7f7f7; text-align:left; height:38px; }


.platz1{ 
background:url(http://handytarife-vergleich.com/images/no1.gif) no-repeat center;
}
.platz2{ 
background:url(http://handytarife-vergleich.com/images/no2.gif) no-repeat center;
color:#e9ecef;
}
.platz3{ 
background:url(http://handytarife-vergleich.com/images/no3.gif) no-repeat center;
}

.tarif { color:#10448c; }

.besonderheiten{
color:#c7610e;
}

.besonderheiten li, .besonderheiten ul{
margin:0;
padding:0;
}

.besonderheiten ul{ margin-left:10px; }

.secondrow {
background-color:#e9ecef;	
}

/* SIDEBAR MENU  Anfang*/

 .rahmen { border:1px solid #dbdbdb; margin-bottom:10px; float:left;}

/*
#sidebar_menu{
width:128px;
position:absolute;
float:left;
font-size:11px;
}
*/

#sidebar_menu{ 
text-align:left;
}

#anbieter-logos{ 
width:100px;
position:absolute;
margin:15px 0px 0px 900px;
padding-top:20px;
background:url(http://handytarife-vergleich.com/images/direktzumanbieter.gif) no-repeat;
}

#sidebar_menu ul { 
padding:2px 2px; 
/*border-bottom:1px solid #f2f2f2;*/
float:left;
}

#sidebar_menu ul li a{
font-weight:normal !important;
padding:2px;
}

#sidebar_menu ul li{ 
width:125px;
padding:2px 10px;
border-bottom:1px solid #f2f2f2;
margin-left:10px;
font-size:11px;
background:url(http://handytarife-vergleich.com/images/arrow-1.gif) no-repeat left;
}

#sidebar_menu ul li:hover{ 
background:url(http://handytarife-vergleich.com/images/arrow-2.gif) no-repeat left; 
}

#sidebar_menu b{text-transform:uppercase;}

.abstand {margin-bottom:8px;}

.sidebar_menu_button {
padding:8px 80px;
margin:2px;
float:left;
}


#tarife { 
background: 0px 0px url(http://www.handytarife-vergleich.com/images/sidebar-menu.gif) no-repeat;
}

#handys {
background: 0px -28px url(http://www.handytarife-vergleich.com/images/sidebar-menu.gif) no-repeat;
}

#bundles {
background: 0px -56px url(http://www.handytarife-vergleich.com/images/sidebar-menu.gif) no-repeat;
}

#umts {
background: 0px -84px url(http://www.handytarife-vergleich.com/images/sidebar-menu.gif) no-repeat;
}

/* SIDEBAR MENU  Ende*/
.handy table td{ background-position:center !important; }

.handy table{ 
background:#fff; 
margin:0; 
height:230px; 
}

.handy { border:1px solid #ccc; height:230px; }

.entry .rahmen { border:1px solid #ccc; float:left; width:100%;}

.handybundle { border:1px solid #ccc; }

.handybundle table{ 
background:#fff; 
width:685px;
margin:0; padding:0;
height:230px; 
}

.preis { font-size:22px; font-weight:bold; white-space:nowrap; color:#10448c;}

.handy2 {margin-top:20px; }
td.handy2-details { vertical-align:top; }
.handy2 h2 { margin:0; }

.novideo { background: url(http://www.handytarife-vergleich.com/images/novideo.gif) no-repeat center;}

.buttons { margin:1px 0px; }

.handy-details { visibility:visible !important;}
.handy-details2 { visibility:hidden !important;}

.vodafone-td {
background:#dde7ee;
}

.htv-empfehlung
