/*
Theme Name: Der Schokoladenes Blog
Theme URI: http://www.schokoladenes.de/
Description: Theme für den Blog "Schokoladenes".
Version: 1.6
Author: Marc Metz
Author URI: http://www.schokoladenes.de/
Tags: schokolade
*/

/* 
################### CSS contents ###################
* 1 Layout
* 2 Typography
* 3 Links
* 4 Bilder
* 5.1 Layout von der Kategorieseite
* 5.2 Typography von der Kategorieseite
* 5.3 Links von der Kategorieseite
* 5.4 Bilder von der Kategorieseite
* 6.1 Layout von der Artikelseite
* 6.2 Links von der Artikelseite
* 6.3 Typography von der Artikelseite
* 6.4 Bilder von der Artikelseite
* 6.5 Forms von der Artikelseite
* 7.1 Layout von der Artikelnavigation
* 7.2 Links von der Artikelnavigation
* 8.1 Layout von der Navigation
* 8.2 Links von der Navigation
* 8.3 Typography von der Navigation
* 9.1 Layout von der Seitennavigation
* 9.2 Links von der Seitennavigation
* 10.1 Layout von der Suchergebnisse-Seite
* 11 Seitenzahlen
*/

/* 
################### Colour reference ###################

#000000 Schwarz
#ffffff Weiß
#cc0000 Rot
#f10ac9 Pink
#3d7c40 Grün
#fe7d00 Orangeton
#c65707 Orangeton
#0040b6 Blauton
#9AAFE5 Blauton
#2a78d1 Blauton
#f6f6f6 Grauton
#444444 Grauton
#5e5e5e Grauton
#e0e0e0 Grauton
#ededed Grauton
#cecece Grauton
#5e0e01 Braunton

*/

/*
################### Layout ################### 
*/

body {margin:0; padding:0;}
.container {margin:0 auto;width:1000px; height:100%;}
.logo {background:url(images/landschaft.jpg) 358px 0 no-repeat;height:136px;left:50%;margin-left:-500px;position:absolute;width:1000px;}
.logo p.slogan {left:133px;position:absolute;text-align:left;top:75px;width:273px;}
.logo p.abonnenten {left:889px;position:absolute;top:9px;width:58px;}
.backgroundwrapper {background:url(images/trennstrich.jpg) 548px repeat-y;float:left;width:100%;}
.contentwrapper, .detailswrapper {margin-top:136px;padding-bottom:8px;}
.contentwrapper {float:left;width:554px;}
.contentcontainer {background:url(images/trennstrich_oben.jpg) right top no-repeat;width:100%;}
.content {padding:21px 0 0 20px;width:519px;}
.content p.datum {margin-bottom:6px;}
.content .contenttext {margin-bottom:-12px;}
.contenttext ul li {list-style-type:square;}
.more {margin:28px 0 7px 0;}
.detailswrapper {float:right;margin-left:18px;width:428px;}
.search {background:url(images/suche_hintergrund.gif) right 7px repeat-x;height:58px;margin-left:0;width:355px;}
.search .suchbox {background:url(images/suche.gif) right no-repeat;height:58px;width:100%;}
.suchbox .google {padding:22px 0 0 17px;}
.sponsorenwrapper {width:100%;}
.sponsoren_links, .sponsoren_rechts {float:left;}
.sponsoren_links {margin:0 7px 14px 0;}
.sponsoren_rechts {margin:0 0 14px 7px;}
.sponsoren_clear {clear:both;margin:0;}
.ueber, .e-mail {background-color:#f6f6f6;padding:7px;}
.mehr_oder_weniger_informationen {background:url(images/mehr_oder_weniger_informationen.jpg) no-repeat bottom;display:inline-block;height:13px;outline:none;padding-left:14px;width:18px;}
.e-mail-form {padding-top:3px;}
.e-mail {height:50px;}
.e-mail p {line-height:0.8;margin:0 0 7px 0;padding:0;}
.footer {background:url(images/footer.jpg) 358px top no-repeat;clear:both;width:100%;}
.footer p {margin-bottom:0px;padding:21px 0 0 0;}

/*
################### Typography ################### 
*/

body {color:#000000;font-family:Arial, Helvetica, sans-serif;font-size:0.88em;}
h1 {color:#c65707;font-size:2.00em;line-height:33px;margin-bottom:2px;}
h2, h3 {color:#c65707;font-size:1.07em;font-weight:bold;margin:23px 0 0 0;padding:0;}
h2.ueber_diesen_blog {margin:12px 0 0 0;}
h3 {text-decoration:underline;margin-bottom:14px;}
.logo p.slogan {color:#5e0e01;font-size:15px;font-style:italic;}
.ueber span, .e-mail {font-size:0.86em;}
.content p.datum {color:#939393;font-size:0.86em;}
.content span {font-weight:bold;}
.contenttext span {font-weight:normal;}
.more {font-size:12px;text-align:center;}
.footer {color:#cecece;font-size:1.14em;font-weight:bold;}

/*
################### Links ################### 
*/

a {color:#0040b6;}
a:focus, a:hover {color:#cc0000;}
.logo p.abonnenten a {color:#ffffff;display:block;font-size:0.79em;line-height:1.0;outline:none;text-align:center;text-decoration:none;}
.logo p.abonnenten a span {font-weight:bold;}
h1 a {color:#c65707;text-decoration:none;}
h1 a:focus, h1 a:hover {color:#c65707;}
.footer a {text-decoration:none;}

/*
################### Bilder  ################### 
*/

p img {margin:0;padding:0;}
img.alignnone, img.alignleft  {border-bottom:15px solid #ffffff;border-right:10px solid #ffffff;border-top:15px solid #ffffff;}
img.alignnone {float:none;}
img.alignleft {float:left;}
img.alignright  {border-bottom:10px solid #ffffff;border-left:10px solid #ffffff;border-top:10px solid #ffffff;float:right;}
img.wp-smiley {border:none;float:none;margin:0;padding:0;}
img#schokoladenes {float:left;}
img#abonnenten {float:right;}
.e-mail img {float:left;}

/*
################### Forms  ################### 
*/

.google .google-suche {width:100px;}


/*
################### Layout von der Kategorieseite ################### 
*/

.kategorie {list-style-type:none;margin:0;}
.kategorie h2 {margin:0 0 6px;}
.kategorie li {float:left;margin-top:35px;}

/*
################### Typography von der Kategorieseite ################### 
*/

h1.kategorie {color:#c65707;font-size:30px;}
.kategorie h2 {margin:0;}
.kategorie li span {color:#c9c9c9;}

/*
################### Links von der Kategorieseite ################### 
*/

.kategorie h2 a {color:#c65707;font-size:20px;line-height:1.2;text-decoration:none;}
.kategorie h2 a:hover {color:#c65707;}
.kategorie li span a {font-size:12px;text-decoration:none;}

/*
################### Bilder von der Kategorieseite ################### 
*/

.kategorie li img {border:1px solid #c9c9c9;float:left;margin:0 7px 0 0;}

/*
################### Layout von der Artikelseite ################### 
*/

h4 {border-bottom:1px #000 solid;margin:21px 0 7px 0;border-bottom:1px #000 solid;}
.content p.datum span {float:right;}
.content p.datum a.fontsize_minus, .content p.datum a.fontsize_plus {display:block;float:right;height:13px;margin:2px 2px 0 2px;width:16px;}
.content p.datum a.fontsize_minus {background:url(images/fontsize_minus.jpg) no-repeat bottom;}
.content p.datum a.fontsize_plus {background:url(images/fontsize_plus.jpg) no-repeat top;}
.seiten_vorherige, .seiten, .seiten_naechste {margin-top:14px;}
.seiten_vorherige {float:left;width:20%;}
.seiten {float:left;width:60%;}
.seiten_naechste {float:right;width:20%;}
.tags {background-color:#e0e0e0;line-height:22px;margin-top:34px;padding-left:7px;}
.options-1 {height:29px;line-height:1.2;margin-top:29px;}
.options-1 .rss {float:left;width:277px;}
.options-1 .socialbookmarking {float:right;width:165px;}
.options-1 .socialbookmarking p {margin:0;}
.options-2 {height:23px;margin-top:7px;}
.options_clear {clear:both;}
.artikelwrapper {margin:35px 0 0 0;}
.artikelwrapper p {margin-top:21px;}
.kommentarwrapper {display:block;margin:0 0 21px 0;}
.trackbackwrapper {display:none;margin:0 0 21px 0;}
.kommentarcontainer {background:url(images/kommentar_hintergrund.gif) repeat-x;}
.kommentartitel {background:url(images/kommentar_oben.gif) no-repeat;height:30px;line-height:30px;padding:0 7px;}
.kommentarcontainer p {background:url(images/kommentar_unten.jpg) top no-repeat;height:19px;margin:0;}
.kommentarcontent {margin:0 0 -1.5em;}
.kommentarcontent {background:url(images/kommentar_linksrechts.gif) repeat-y;padding:3px 7px;}
.kommentarcontent p {background:none;height:100%;margin:0 0 1.5em;}
.kommentarbox {background-color:#ededed;padding:14px 7px;}
.kommentarbox p {margin:0 0 7px 0;}

/*
################### Links von der Artikelseite ################### 
*/

.options-1 .rss a {display:block;text-decoration:none;}
.options-1 .rss span {color:#444444;}
.options-1 .rss a span.link {color:#0040b6;text-decoration:underline;}
.options-1 .rss a:focus span.link, .options-1 .rss a:hover span.link {color:#cc0000;}
.options-2 {color:#444444;}
.artikelwrapper a.kommentarlink {color:#0040b6;font-weight:bold;}
.artikelwrapper a:hover.kommentarlink {color:#cc0000;}
.kommentartitel a {color:#ffffff;font-weight:bold;text-decoration:none;}
.kommentartitel a:focus,.kommentartitel a:hover {color:#ffffff;font-weight:bold;text-decoration:none;}

/*
################### Typography von der Artikelseite ################### 
*/

h4 {font-size:1.29em;}
.content p.datum span {font-weight:normal;}
.seiten {text-align:center;}
.tags {color:#444444;font-size:0.79em;font-weight:bold;}
.options-1, .options-2 {font-size:11px;font-weight:bold;}
.options-1 .socialbookmarking {color:#444444;}
.options-2 .e-mail-adresse {height:14px;width:140px;}
.opions-2 .abonnieren {font-size:12px;}
.trackbackwrapper {color:#444444;}
.kommentarcontent {font-size:0.86em;}
.kommentartitel {color:#ffffff;}
.kommentarbox {font-size:0.86em;}

/*
################### Bilder von der Artikelseite ################### 
*/

.options-1 .rss img {float:left;}
.options-1 .socialbookmarking img {float:right;}
.options-1 .socialbookmarking img {float:right;}
.options-2 img {float:left;padding-top:17px;}

/*
################### Forms von der Artikelseite ################### 
*/

.kommentarbox label {font-weight:normal;}
.kommentarbox input {font-size:1.70em;height:28px;width:300px;}
.kommentarbox input.submit {height:32px;width:163px;}
.kommentarbox textarea {border:1px solid #7f9db9;margin:0;width:450px;}

/*
################### Layout von der Artikelnavigation ################### 
*/

.artikelnavigation {border-bottom:1px solid #e0e0e0;height:37px;list-style-type:none;margin:0;}
.artikelnavigation li {float:left;}

/*
################### Links von der Artikelnavigation ################### 
*/

.artikelnavigation li a {color:#444444;font-size:1.14em;display:block;font-weight:bold;height:37px;line-height:37px;padding:0 0 0 7px;text-decoration:none;}
.artikelnavigation li.kommentare a {background:url(images/kommentare.jpg) no-repeat;width:130px;}
.artikelnavigation li.trackbacks a {background:url(images/trackbacks.jpg) left bottom no-repeat;width:186px;}
.artikelnavigation li.trackbacks a.active {background:url(images/trackbacks.jpg) left top no-repeat;}

/*
################### Layout von der Navigation ################### 
*/

.navigationwrapper {background-color:#444444;border-bottom:3px solid #5e0e01;border-top:4px solid #5e5e5e;height:30px;}
.navigationposition {left:0px;position:absolute;top:4px;width:100%;}
.navigationcontainer {background:url(images/landschaft_navigation.jpg) 720px 19px no-repeat;left:50%;margin-left:-500px;position:absolute;width:1000px;}
.navigation {list-style-type:none;margin:0 0 0 77px;}
.navigation li {float:left;width:148px;}
.navigation li.home {border-bottom:3px solid #2a78d1;}
.navigation li.wissen {border-bottom:3px solid #3d7c40;}
.navigation li.nuetzlich {border-bottom:3px solid #f10ac9;}
.navigation li.merken {border-bottom:3px solid #fe7d00;}

/*
################### Links von der Navigation ################### 
*/

.navigation li a {color:#ffffff;display:block;font-size:1.14em;font-weight:bold;height:30px;line-height:30px;text-decoration:none;}
.navigation li.home a.active {background-color:#2a78d1;}
.navigation li.wissen a.active {background-color:#3d7c40;}
.navigation li.nuetzlich a.active {background-color:#f10ac9;}
.navigation li.merken a.active {background-color:#fe7d00;}
.navigation li a:hover {background-color:#5e5e5e;color:#ffffff;}
.navigation li.home a:hover.active {background-color:#2a78d1;}
.navigation li.wissen a:hover.active {background-color:#3d7c40;}
.navigation li.nuetzlich a:hover.active {background-color:#f10ac9;}
.navigation li.merken a:hover.active {background-color:#fe7d00;}

/*
################### Typography von der Navigation ################### 
*/

.navigation li {text-align:center;}

/*
################### Layout von der Seitennavigation ################### 
*/

h2.schokoladenseite {margin:22px 0 14px 0;}
h2.seitennavigation_h2_rechts {margin:22px 0 7px 14px;}
h2.seitennavigation_h2_links {margin:22px 0 7px 0;}
.seitennavigationwrapper_schokoladenseite {background:url(images/schokoladenseite.jpg) left 46px no-repeat;float:left;width:200px;}
.seitennavigationwrapper_rechts, .seitennavigationwrapper_links {float:left;width:214px;}
.seitennavigationwrapper_rechts {background:url(images/seitennavigation_oben.jpg) 14px 46px no-repeat;}
.seitennavigationwrapper_links {background:url(images/seitennavigation_oben.jpg) left 46px no-repeat;}
.seitennavigation_schokoladenseite, .seitennavigation_rechts, .seitennavigation_links {list-style-type:none;width:200px; background:url(images/seitennavigation_unten.jpg) bottom no-repeat; padding:0 0 6px 0;}
.seitennavigation_schokoladenseite, .seitennavigation_links {margin:0;}
.seitennavigation_rechts {margin:0 0 0 14px;}
.seitennavigation_schokoladenseite li, .seitennavigation_rechts li, .seitennavigation_links li {border-left:1px solid #cecece;border-right:1px solid #cecece;border-bottom:1px solid #cecece;overflow:hidden;}

/*
################### Links von der Seitennavigation ################### 
*/

.seitennavigation_schokoladenseite li a, .seitennavigation_rechts li a, .seitennavigation_links li a {color:#444444;display:block;font-size:0.86em;height:25px;line-height:25px;padding-left:7px;text-decoration:none;}
.seitennavigation_schokoladenseite li.current_page_item a {font-weight:bold;}
.seitennavigation_schokoladenseite li a:hover, .seitennavigation_rechts li a:hover, .seitennavigation_links li a:hover {color:#444444;text-decoration:underline;}

/*
################### Layout von der Suchergebnisse-Seite ################### 
*/

.suchergebnisse {overflow:hidden;}

/*
################### Seitenzahlen ################### 
*/

.pagebar {font-weight:bold;}
.pagebar span {background-color:#0040b6;border:1px solid #0040b6;color:#ffffff;line-height:14px;margin-right:10px;padding:2px 4px;}
.pagebar a, .pageList .this-page {border:1px solid #9AAFE5;text-decoration:none;padding:2px 4px;}
.pagebar a:visited {border:1px solid #9AAFE5;text-decoration:none;}
.pagebar .break {background:#fff;border:none;padding:2px 4px;text-decoration:none;}

.pagebar .this-page {background-color:#0040b6;border:1px solid #0040b6;color:#fff;margin:0;padding:2px 4px;}
.pagebar a:hover,.pagebar a:focus {background-color:#004edf;border-color:#0040b6;color:#ffffff;}
.pagebar .inactive {border:1px solid #cccccc;color:#ccc;text-decoration:none;padding:2px 4px;}