/*
Theme Name: wechsel.org
Theme URI: http://wordpress.org/
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: the WordPress team
Version: 1.0
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {

	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

div {
    line-height:18px;
}

/* =Layout
-------------------------------------------------------------- */

body {
    background:#ebebeb;
    font-family:Arial, Verdana, Tahoma;
    font-size:12px;
    color:#000;
}

#wrapper {
    margin:16px auto;
    width:996px;
}

#main {
    margin:0;
    width:996px;
    background:#fff url(images/bg_body.gif) top center;
}

#main-space {
    padding:10px 0;
}

#main-top {
    margin:0;
    padding:0;
    height:29px;
    width:996px;
    background:#fff url(images/bg_top.gif) top center no-repeat;
}

#main-bottom {
    margin:0;
    padding:0;
    height:29px;
    width:996px;
    background:#fff url(images/bg_bottom.gif) top center no-repeat;
}

/*** HEADER ***/

div#header {
    position:relative;
    padding:0 35px;
}

div#header img { margin-left:0;}

/*** SIDEBAR ***/

div#sidebar {
    float:left;
    width:223px;
    margin:2px 0 0 30px;
    padding:0;
}

ul.box {
    background:transparent url(images/sidebar_bg_body.gif) center repeat-y;
}

ul.box li.top {
    background:transparent url(images/sidebar_bg_top.gif) center top no-repeat;
}

ul.box li.bottom {
    background:transparent url(images/sidebar_bg_bottom.gif) center bottom no-repeat;
    padding-bottom:0;
}

ul.box li.bottom a {
    border-bottom:none;
    font-weight:bold;
}

ul.box li a {
    display:block;
    margin:0 18px 2px 20px;
    padding:4px 0 2px 15px;
    border-bottom:dotted 1px #c6c6c6;
    color:#454545;
    text-decoration:none;
    background:transparent url(images/bullet.gif) left 8px no-repeat;
}

ul.box li.headline {
    padding:0;
    margin:0;
}

ul.box li.headline a {
    margin:2px 18px 2px 20px;
    padding:4px 0 0px 15px;
    background:none;
    font-size:14px;
    font-weight:bold;
}

ul.box li.headline span {
    background:none;
    font-size:14px;
    font-weight:bold;
    padding-left:35px;
}

.main, a.main { color:#5A5A5A! important; }
.strom, a.strom { color:#FC7A01! important; }
.gas, a.gas { color:#72A71B! important; }
.kfz-versicherung, a.kfz-versicherung { color:#00508F! important; }
.internet, a.internet { color:#008BC6! important; }
.geld, a.geld { color:#D44000! important; }
.versicherungen, a.versicherungen { color:#6F5731! important; }


/*** RECHNER ***/

div.rechner {
    border-bottom:solid 1px #CFCFCF;
    background:transparent url(images/rechner_bg.gif) bottom repeat-x;
    position:absolute;
    top:268px;
    width:690px;
    clear:both;
}

div.rechner div#tabs {
    clear:both;
    border-right:solid 1px #CFCFCF;
    border-left:solid 1px #CFCFCF;
    position:relative;
    z-index:1;
}

div.rechner span.headline {
    width:240px;
    float:left;
    margin-top:10px;
}

div.rechner ul {
    height:34px;
    display:block;
    border-bottom:solid 1px #CFCFCF;
    overflow: visible;
}

div.rechner ul li {
    height:34px;
    float:left;
    margin-right:5px;
    background:#fff;
}

div.rechner ul li.on {
    height:35px;
    float:left;
    margin-right:5px;
    border-bottom:solid 1px #fff;
    background:#fff;
}

div.rechner ul li.on a {
    margin-top:0;
    display:block;
    padding:8px 14px;
    text-decoration:none;
    color:#3D3D3D;
    font-weight:bold;
    border-left:solid 1px #CFCFCF;
    border-top:solid 1px #CFCFCF;
    border-right:solid 1px #CFCFCF;
}

div.rechner ul li a, div.rechner ul li span {
    margin-top:5px;
    display:block;
    padding:5px 10px;
    text-decoration:none;
    color:#999;
    font-size:11px;
    font-weight:bold;
    border-left:solid 1px #CFCFCF;
    border-top:solid 1px #CFCFCF;
    border-right:solid 1px #CFCFCF;
}

div.rechner div.tab {
    padding:15px 15px 0 15px;
    margin-right:5px;
    display:none;
}

div.rechner div#tab-1 {
    display:block;
}

/*** CONTENT ***/

div#content {
    width:690px;
    padding-top:0;
    margin-right:40px;
    float:right;
    clear:right;
}

div#content p {

    margin:15px 0;
}

.contentbox {
    margin:650px 0 10px 0;
    padding:15px 5px;
    clear:both;
}

/*** NAVIGATION ***/

div#navigation {
    clear:both;
    width:924px;
    height:38px;
    margin:35px 0 10px 0;
    padding:0 0 17px 0;
    background:#fff url(images/nav_main_bg.gif) bottom center no-repeat;
}

div#navigation ul {
}

div#navigation ul li {
    margin:0 2px 0 0;
    padding:0;
    float:left;
    text-align:right;
}

div#navigation ul li.last {
    margin-right:0;
}

div#navigation ul li a, div#navigation ul li span {
    color:#fff;
    display:block;
    margin:10px 13px 10px 15px;
    font-weight:bold;
    font-size:14px;
    text-decoration:none;
    text-shadow: #000000 1px 1px 1px;
}

div#navigation ul li.main {
    height:38px;
    width:149px;
    background:#fff url(images/nav_button_main.gif) top left no-repeat;
    text-transform:lowercase;
}

div#navigation ul li.main a {
     text-shadow: none;
     color:#000;
}

div#navigation ul li.main a {
    text-transform:lowercase;
}

div#navigation ul li.strom {
    height:38px;
    width:126px;
    background:#FC6804 url(images/nav_button_strom.gif) top left no-repeat;
    text-transform:uppercase;
}

div#navigation ul li.gas {
    height:38px;
    width:102px;
    background:#6A9C19 url(images/nav_button_gas.gif) top left no-repeat;
    text-transform:uppercase;
}

div#navigation ul li.kfz {
    height:38px;
    width:96px;
    background:#01487E url(images/nav_button_kfz.gif) top left no-repeat;
    text-transform:uppercase;
}

div#navigation ul li.internet {
    height:38px;
    width:135px;
    background:#006993 url(images/nav_button_internet.gif) top left no-repeat;
    text-transform:uppercase;
}

div#navigation ul li.geld {
    height:38px;
    width:103px;
    background:#BF3800 url(images/nav_button_geld.gif) top left no-repeat;
    text-transform:uppercase;
}

div#navigation ul li.versicherungen {
    height:38px;
    width:201px;
    background:#fff url(images/nav_button_versicherungen.gif) top left no-repeat;
    text-transform:uppercase;
}

div#navigation ul li.strom a, div#navigation ul li.gas a, div#navigation ul li.kfz a, div#navigation ul li.internet a, div#navigation ul li.geld a, div#navigation ul li.versicherungen a {
    text-transform:uppercase;
    margin-right:18px;
}

div#footer {
    margin:0 40px;
    padding:15px 0;
    background:#fff;
    clear:both;
    color:#999;
    font-size:11px;
    font-weight:bold;
}

/*** BOXES ***/

.box_areas {
    height:320px;
    width:690px;
    margin:20px 0 30px 0;
    position:absolute;
    top:555px;
}

.box_areas li {
    width:49%;
    height:155px;
    width:345px;
    margin-bottom:15px;
    float:left;
    position:relative;
}

.box_areas li.box_gas {
    background:#fff url(images/box_gas.gif) top right no-repeat;
    float:right;
}

.box_areas li.box_strom {
    background:#fff url(images/box_strom.gif) top left  no-repeat;
}

.box_areas li.box_geld {
    background:#fff url(images/box_geld.gif) top right no-repeat;
    float:right;
}

.box_areas li.box_kfz {
    background:#fff url(images/box_kfz.gif) top right no-repeat;
    float:right;
}

.box_areas li.box_internet {
    background:#fff url(images/box_internet.gif) top left no-repeat;
}

.box_areas li h6 { text-shadow: #000000 1px 1px 1px; }

.box_areas li div.boxspace {
    padding:20px 125px 20px 10px;
    color:#fff;
}

.box_areas li.box_gas div.boxspace, .box_areas li.box_geld div.boxspace, .box_areas li.box_kfz div.boxspace {
    padding-left:35px;
}

.box_areas li.box_strom div.boxspace, .box_areas li.box_internet div.boxspace {
    padding-left:20px;
}

/*** MISC ***/

div.ad_lb {
    position:absolute;
    right:35px;
    top:0;
}

div#infobar {

}

div#social {
    float:right;
    clear:right;
    margin-right:5px;
}

div#social img {
    margin-left:5px;
}

div#breadcrumb {
    font-size:11px;
    margin:15px 0 10px 12px;
}

div#breadcrumb a {
    color:#000;
}

div#breadcrumb a:hover {
    text-decoration:none;
}

.cb {
    clear:both;
}

/*** HEADLINES ***/

h1 {
    margin-bottom:15px;
}

h6 {
    font-size:14px;
    font-weight:bold;
    padding-bottom:8px;
}

h5 {
    font-size:12px;
    font-weight:bold;
    display:inline;
}

span.entry-title {
    font-size:14px;
    font-weight:normal;
    padding-bottom:8px;
    font-size:26px;
}

/*** Anbieter ***/

div.chars {
    border:solid 1px #ccc;
    text-align:center;
    margin:15px 0;
}

div.chars div.space {
    padding:5px 15px;
}

div.chars div a.char {
    text-decoration: none;
    color:#000;
    margin:3px 5px;
}

ul.listing {
    float:left;
}

ul.listing li {
    padding:2px 0;
}

ul.listing h6  {
    margin-top:10px;
}

ul.listing li a {
    text-decoration:underline;
    color:#000;
}

img.anbieter_logo {
    float:right;
    margin:0 25px 25px 25px;
}

.anschrift {
    width:300px;
}

/*** FOOTER ***/

ul.footlinks {
   position:relative;
   right:0;
   bottom:35px;
   float:right;
   margin-right:35px;
}

ul.footlinks li {
    display:inline;
    padding:3px 6px 30px 6px;
}

ul.footlinks li a {
    color:#999;
    font-size:11px;
    font-weight:bold;
    text-decoration: none;
}

ul.footlinks li a:hover {
    text-decoration: underline;
}


ul.subsites_main a, .headline_main { color:#5A5A5A! important; }
ul.subsites_strom a, .headline_strom { color:#FC7A01! important; }
ul.subsites_gas a, .headline_gas { color:#72A71B! important; }
ul.subsites_kfz a, .headline_kfz { color:#00508F! important; }
ul.subsites_internet a, .headline_internet { color:#008BC6! important; }
ul.subsites_geld a, .headline_geld { color:#D44000! important; }
ul.subsites_versicherungen a, .headline_versicherungen { color:#6F5731! important; }

.page h2 {
    font-weight:bold;
    font-size:14px;
    margin-bottom:5px;
    padding-bottom:0;
}

li.sidebar_toggle {

}

li.sidebar_toggle ul.nav_toggle {
    display:block;
}

ul.subsites_main li.current_page_item { border:solid 1px #5A5A5A; background:#5A5A5A; }
ul.subsites_strom li.current_page_item { border:solid 1px #FC7A01; background:#FC7A01; }
ul.subsites_internet li.current_page_item { border:solid 1px #008BC6; background:#008BC6; }
ul.subsites_kfz li.current_page_item { border:solid 1px #00508F; background:#00508F; }
ul.subsites_gas li.current_page_item { border:solid 1px #72A71B; background:#72A71B; }
ul.subsites_geld li.current_page_item { border:solid 1px #D44000; background:#D44000; }
ul.subsites_versicherungen li.current_page_item { border:solid 1px #6F5731; background:#6F5731; }

li.current_page_item a { color:#fff! important; }

.news_headline, .news_headline a {
    color:#000;
    font-size:13px;
    text-decoration:none;
    margin-top:8px;
    margin-bottom:0;
    padding:0;
    font-weight:bold;
}

.news_headline:hover, .more:hover, .morex:hover {
    cursor:pointer;
    text-decoration: underline;
}

.contentbox small, .news_subheadline {
    font-size:11px;
    color:#999;
    margin-top:10px;
}

.contentbox a, .news_subheadline a {
    color:#999;
    text-decoration:none;
}

/*** TARIFRECHNER ***/

div.tarifrechner {
    width:300px;
    padding-top:15px;
}

div.tarifrechner_space {
    padding:15px;
    border:solid 1px #ccc;
}

div.tarifrechner label {
    font-weight:bold;
    clear:both;
    padding:5px 0;
    display:inline;
    width:150px;
    clear:left;
}

div.tarifrechner input.text {
    border:solid 1px #b7b7b7;
    clear:both;
    width:240px;
    padding:2px;
    margin:10px 0;
}

div.tarifrechner select.select {
    border:solid 1px #b7b7b7;
    clear:both;
    width:246px;
    padding:2px;
    margin:10px 0;
}

div.tarifrechner form {
    position:relative;
    display:block;
}

div.tarifrechner input.submit {
    position:absolute;
    top:120px;
    left:0;
}

p.cb {
    clear:both;
}

input.submit {
    margin-top:20px;
}

/*** HELPCENTER ***/

.helpcenter {
    position:relative;
    top:0;
    right:0;
    margin-top:25px;
    width:320px;
    height:220px;
    float:right;
    margin-bottom:0;
 /***   background:transparent url(images/callgirl.gif) bottom right no-repeat; ***/
}

.helpcenter_headline {
    font-size:26px;
    display:block;
    margin-bottom:10px;
    margin-top:0;
}

.helpcenter_number {
    font-size:16px;
    font-weight:bold;
    color:#f78811;
    display:block;
    margin-top:20px;
    margin-bottom:30px;
}

.helpcenter_time {
     display:block;
}

h2 a {
    font-weight:bold;
    font-size:16px;
    margin-bottom:5px;
    padding-bottom:0;
    padding-top:15px;
    color:#000;
    text-decoration: none;
    display:block;
}

p.date {
    font-size:12px;
    padding-top:5px;
}

#content a:hover, #sidebar a:hover {
    text-decoration: underline;
}

.box_areas a {
    text-decoration: none;
}

a.more {
    clear:left;
}

a.more:hover {
    cursor:pointer;
}

.button {
    border:none;
    position:absolute;
    left:20px;
    bottom:10px;
    margin-left:0;
}

.box_gas .button, .box_kfz .button {
    left:35px;
}

.box_areas a {
    color:#fff;
    text-decoration: none;
}

.box_areas a:hover {
    text-decoration:none! important;
}

.subsites {
    margin-top:2px! important;
    padding-top:0;
}

ul.subsites li a {
    border-bottom:none;
    border-top:dotted 1px #c6c6c6;
}

li.headline a {
    border-bottom:none! important;
}

div#navigation.tab_strom {
background:#fff url(images/nav_strom_bg.gif) bottom center no-repeat;
}

div#navigation.tab_gas {
background:#fff url(images/nav_gas_bg.gif) bottom center no-repeat;
}

div#navigation.tab_kfz {
background:#fff url(images/nav_kfz_bg.gif) bottom center no-repeat;
}

div#navigation.tab_internet {
background:#fff url(images/nav_internet_bg.gif) bottom center no-repeat;
}

div#navigation.tab_geld {
background:#fff url(images/nav_geld_bg.gif) bottom center no-repeat;
}

div#navigation.tab_versicherung {
background:#fff url(images/nav_versicherung_bg.gif) bottom center no-repeat;
}

.pages {
    padding:15px 5px;
    position:relative;
    top:660px;
}

.pages h2 {
    margin:15px 0;
    font-size:16px;
    font-weight:bold;
}

img.caticon {
    position:relative;
    top:3px;
    margin-left:10px;
}

.teaser_strom:hover, .teaser_gas:hover, .teaser_internet:hover, .teaser_kfz:hover {
    cursor:pointer;
}

.tab span.hl, span.hl {
    font-size:14px;
    font-weight:bold;
}

.notop p {
    margin-top:5px! important;
}

.boxspace span.headline {
    color:#fff;
    font-size:14px;
    font-weight:bold;
    display:block;
    text-shadow:2px 2px 2px #000;
    margin:0 0 6px 0;
    padding:0;
}


.tkl:hover, .tklid:hover {
    cursor:pointer;
}
.hentry { padding-top:15px;}

.ad_right {
    float:right;
    margin:15px 0 15px 15px;
}

.ad_left {
    float:left;
    margin:15px 15px 15px 0;
}

.entry-content h2 {

    margin-bottom:12px;
    clear:left;
    display:inline;
    line-height:20px;
}

.entry-content p {

}