/*  
Theme Name: Homepage Kompakt
Theme URI: http://www.skribbels.de
Description: Standardtheme für Homepage Kompakt Seiten
Author: Anja Hume
Author URI: http://www.skribbels.de
*/

/* ALLGEMEINGÜLTIGE AUSZEICHNUNGEN*/

body {
background: #a5b960; /*Seitenhintergrund; wenn mit Bild dann background: #a5b960 url(images/hintergrund.gif) repeat-x; */
margin: 70px 0 0 0; /*den gesamten Inhalt etwas nach unten verschieben*/
padding: 0 0 50px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
color:#565656;}

p{
margin: 0px;
padding: 0px;
}

a {color:#3c3c3c;}

h1 {
margin: 0 0 10px 0;
padding: 0px;
font-size: 12pt;
font-weight: bold;
text-align: left;}

h2 {
margin: 15px 0 7px 0;
padding: 0px;
font-size: 10pt;
font-weight: bold;
text-align: left;}

h3 {
margin: 0px 0 7px 0;
padding: 0px;
font-size: 10pt;
font-weight: bold;}

/*um das Layout mittig zu stellen???*/
#wrapper {
width: 906px;
height:100%;
margin: 0 auto;
}

#bg {
float: left;
width: 906px;
height: 100%;
background: url(images/texthintergrund.gif) repeat-y;
padding:0px;
margin:0px;}

/*Hack für IE6 zur Darstellung transparenter Gifs*/
img, div { behavior: url(/wordpress/wp-content/themes/homepage-kompakt/iepngfix.htc)}


/* HEADER */

.header {
width: 906px;
height: 302px;
padding-top: 0px;
margin:0 0 40px 0;}

#standard {background: url(images/header_home.jpg) no-repeat;}
#home {background: url(images/header_home.jpg) no-repeat;}
#baby-und-kind {background: url(images/header_baby-und-kind.jpg) no-repeat;}
#fuer-die-grossen {background: url(images/header_fuer-die-grossen.jpg) no-repeat;}
#haus-und-heim {background: url(images/header_haus-und-heim.jpg) no-repeat;}
#weihnachten {background: url(images/header_weihnachten.jpg) no-repeat;}
#ostern {background: url(images/header_ostern.jpg) no-repeat;}
#besondere-anlaesse {background: url(images/header_besondere-anlaesse.jpg) no-repeat;}
#ueber-uns {background: url(images/header_ueber-uns.jpg) no-repeat;}
#sommerliches {background: url(images/header_sommerliches.jpg) no-repeat;}

/*Auszeichnung, wenn das Logo als img dargestellt wird*/
#logo {
height:173px;
width:565px;
position:relative;
top:-65px;
left:-32px;
}

/*Auszeichnung, wenn das Logo als Hintergrundbild dargestellt wird*/
/*#logo {
background:transparent url(images/paletten-verpackungen-logo.png) no-repeat scroll center top;
float:left;
height:65px;
width:170px;
margin:0;
padding:0;
position:relative;
top:16px;
left:32px;
}*/


/* HORIZONTALER NAVIGATIONSBALKEN MIT HAUPTNAVIGATION */

#navbar {
margin-top: 0px;
width: 906px;/*Breite der horizontalen Navigation*/
position:relative;
top:98px; /*hängt ab von der Positionierung des Logos*/
}

.menu * {
padding: 0;
margin: 0;}

.menu {
width: 907px; /*Breite der horizontalen Navigation*/
padding: 0;
margin: 0;}

.menu ul {
margin: 0;
position: relative;
list-style: none; 
list-style-type: none; 
padding-top: 0px; /*Abstand nach oben*/
padding-left: 35px;}/*Abstand nach links*/

.menu ul li {
float: left;
display: inline;
padding-right: 40px;
list-style: none;}

.menu li a {
float: left;
display: inline;
/*font-variant:small-caps;*/
font-weight: bold;
font-size:11pt;
/*letter-spacing:0.01em;*/
text-align: center;
padding: 0;
text-decoration: none;
color: #ffffff;}

.menu li.current_page_item a {
color: #3c3c3c;
font-weight: bold;}

.menu li a:hover {
text-decoration: none;
color: #3c3c3c;}

/* SIDEBAR MIT SUBNAVIGATION*/

#sidebar {
float: right;
width: 150px; /*Breite der Sidebar*/
/*margin: 0px 100px 0 0;*/
margin:0px;
padding:0 50px 0 0;
/*border:#d5d5d5 solid thin;*/}

.navigationsbox {
background: url(images/seitennavigation_hintergrund.gif) no-repeat;
height:166px;
width:134px;}

.navigationsbox * {
padding: 0;
margin: 0;}

.navigationsbox h2 {
clear: both;
font: bold 9pt Verdana, arial;
text-indent: 5px; /*Zeileneinzug*/
margin: 0px;
padding: 7px 0 7px 0;}

.navigationsbox ul {
padding: 18px 0 10px 0;}

.navigationsbox li {
list-style: none;
border-top:#e3efb9 1px solid;
border-bottom:#e3efb9 1px solid;} /*Zufall: durch Eingabe von border gibt es keine fehlerhaften Abstände zwischen den Links in IE6*/


.navigationsbox li a {
display: block;
padding: 5px 0;
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-indent: 20px;
text-decoration: none;}

.navigationsbox ul.nav li.current_page_item a{
font-weight:bold;}

.navigationsbox li a:hover {
font-weight:bold;
}

/* MAIN */

#main {
float: left;
margin: 0px; /* u.a. Abstand zur Headergrafik*/
padding:0px 30px 10px 35px;
line-height: 140%;
text-align: left;
width: 525px; /*Spaltenbreite*/}

/* FOOTER */

#footer {
clear: both;
margin: 0 auto; /*für mittige Platzierung im Browserfenster wie bei "wrapper"*/
width: 906px; 
height: 22px;
padding: 25px 0 0 0;
text-align: center;
font-size: 8pt;
letter-spacing:1px;
color: #ffffff;
background: url(images/texthintergrund_unten.gif) no-repeat top;
}

#footer a {
font-size: 8pt;
text-align: left;
text-decoration: none;
color: #707070;}

/*Klassen für den Editor TinyMCE Advanced*/
.bild {
float:left;
margin:0 15px 5px 0;
padding:0px;
border: 1px solid #a1a1a1;
}

.bildbeschreibung {
line-height:130%;
}

.absatz-mit-abstand-oben{
margin:10px 0 0 0;
}

.post {
margin:0 0 20px 0;
padding:0px;
/*min-height:130px;*/
}