/*

custom.css is used for css styling.

Defaults come from the blueprint-css framework and can be overridden in this css file.

ATTENTION
    Never make changes to the original Blueprint CSS files.
    Overwrite them in this custom.css file.

    Not all of the css classes are listed in this file.
    Since Blueprint has great default classes, only overwrites and additions are listed.

For more information on BluePrint CSS, visit: http://code.google.com/p/blueprintcss/

Good luck!
*/


/*
**	         Body
*/

body {
   background: #000000;
   color: #ffffff;
}

#main { background: #2E2E2E;}
.box {background: #414141; margin: 10px;}

.index img
{
float: left;
padding:0px;
margin: 0px;
border:1px solid #B2B1B2;
width: 15%;
height: auto;
}
.entry {
	color: #ffffff;
	line-height: 1.6em;
	text-align: justify;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 0px 0px;}

	.entry a {color: #ffffff;}

.post h2 { margin-left: 0px; padding-left: 0px; font-size: 1.4em; font-weight: bold; }
.post h2 a { color: #F5E1EC; }
/*
**               Typography
*/
/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px)
***************************************/

body {
   font-size: 75%;
   font-family: Verdana, Arial, sans-serif;
}

h1,h2,h3,h4,h5,h6 {
  color: #ffffff;
}



/* SlipFire created typography classes
***************************************/

.medium { font-size: 1em; line-height: 2.1875em;}

.center {text-align:center;}

.byline{ font-size: 0.8em; line-height: 1.2em;}

.timestamp{ font-size: .8em; line-height: 1.2em;}

.commentnum{ font-size: .8em; line-height: 1.2em;}

.incategory{ font-size: 1em; line-height: 1.2em;background: url(images/category.gif) no-repeat top left transparent;}

.tags {
	clear: left;
	color: #B4966D;
	font-size: 11px;
	font-style: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 4px 0px;
	border-bottom: 1px solid #B4966D;}

	.tags a {color: #B4966D; border:none;}


/********************************************************************************
               Text Elements
********************************************************************************/

a { color: #faa; border-bottom: 1px dashed #B2B1B2;  text-decoration: none;  }

/* Removes unwanted link decoration
***************************************/
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a, p a {border-bottom: none;}

a:focus, a:hover { background: #a2a2a2;}
/********************************************************************************
                Sidebar
********************************************************************************/

#right h2{   font-size: 1em;   font-weight: bold;   margin-bottom: .2em; }
#sidebar h2 {   font-size: 1em;   font-weight: bold;   margin-bottom: .2em; }

#sidebar a, #right a {border-bottom: none; /*text-decoration: underline;*/ color: #DBA7BE;  }

#sidebar {background:#272727 ;padding-top:3px;}


/* ---------------------------------------------------------------------------------- */
/*	Sidebar List Styling */

h2.cart  {background: transparent url(images/z1.gif) no-repeat scroll 0 5px; height:25px;padding-left:20px;}

/* #shop und #einkauf sind schon in der sidebar verwendet -> formatierung fehlt hier noch */

#einkauf ul {list-style-type: none; color: #fff; background:transparent; margin: 0px 0px 0px 10px;padding: 0px 0px 0px 0px;}
#einkauf ul li {list-style-type: none;color: #fff;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px; border-bottom: 1px dotted #5d5d5d;}
    #einkauf ul li {padding-bottom: 10px;margin-bottom:10px;}
	#einkauf ul li a {text-align: left; color: #B56A89;text-transform:uppercase; }
	#einkauf ul li a:hover {color: #FFf;background:transparent;}
    #einkauf ul li ul li {margin-left:4px;line-height:1em; border:none; background: transparent url(images/bg_list.gif) no-repeat scroll 0 5px; padding-left:7px;}
	#einkauf ul li ul li a {text-align: left; color: #DBA7BE; font-size: 90%; text-transform: none; }
	#einkauf ul li ul li a:hover {color: #FFf;background:transparent;}
    #einkauf li.break ul li {padding: 0px 0px 10px 0px;}
	#einkauf li.break ul li a {text-align: left; color: #fff;}
	#einkauf li.break ul li a:hover {color: #DBA7BE;background:transparent;}
#einkauf ul ul li {color: #fff;line-height: 1.6em;margin: 0px 0px 0px 0px;padding: 0px 0px 2px 0px;/*border-bottom: 1px dotted #9E9878;*/}
#einkauf ul ul ul li {border: none;}

#shop ul li { margin-left: 4px;}
/* ---------------------------------------------------------------------------------- */

li { list-style-type: square; color: #fff; font-size: 1.0em;}
li img {border: 1px #8a8a8a solid; padding: 1px}

.nosquare { list-style-type: none; }

/********************************************************************************
                            SLIPFIRE CREATED CLASSES
********************************************************************************/


/********************************************************************************
                Borders
********************************************************************************/

.borderbox {
  margin: 5px 5px 20px 5px;

}


/********************************************************************************
                Misc
********************************************************************************/

/* Use a .box(Blueprint default) or .box2 to create a padded box inside a column.
***************************************/
.boxleft {
   background: #ffd5ee;
   padding: 3;
   border: 1px solid #f09;
   margin: 10px 0px 10px 220px;
   width: 225px;
   position: absolute;
   top: 200px;
   left: 0;
   }

.boxright {
   background: #fff7d5;
   padding: 3;
   border: 1px solid #fc0;
   margin: 10px 220px 10px 0px;
   width: 225px;
   position: absolute;
   top: 200px;
   right: 0;
   }

.boxul {
   background-color: #eed5ff;
   padding: 3;
   border: none;
   width: 225px;
	 height: auto;
   }
	 .boxur {
   background-color: #eed5ff;
   padding: 3;
   border: none;
   width: 225px;
	 height: auto;
   }


.box2 {
  padding: .5em;
  margin-bottom: .5em;
  background: #eee;
  border: 1px solid #CFCECE;
}


/* Use to push down a div (adds vertical space between divs)
***************************************/

.pushdown-1 {padding-top:10px;}
.pushdown-2 {padding-top:20px;}
.pushdown-3 {padding-top:30px;}
.pushdown-4 {padding-top:40px;}
.pushdown-5 {padding-top:50px;}



/********************************************************************************
                Lines
********************************************************************************/

/* Lines: add "class=" to HR to control color and height
     example: <hr class=thick> for a thick line
***************************************/

.thick {
  background: #5b5b5b;
  color: #5b5b5b;
  height: 3px;
  margin: 0 0 1.4em 0;
}

.thin{
  background: #5b5b5b;
  color: #5b5b5b;
  height: 2px;
  margin: 0 0 0 0;
}




/********************************************************************************
                          SLIPFIRE CREATED FOR WORDPRESS
********************************************************************************/


/********************************************************************************
                Navbar
********************************************************************************/

#navbar { margin: 0px auto 0px; padding: 5px 0px 5px 0px; background: #6F1C3B url(images/lilabg.png); height: 41px;  }

#navbar li {display: inline; list-style-type: none; font-weight: bold; margin: 0px; padding: 0px;}

#navbar ul {  margin: 10px;  padding: 0px;}

#navbar ul li a { background:transparent url(images/marker10x10-45.gif) no-repeat scroll left center; color: #fff; margin:0 5px 0 10px; padding:0 10px 0 20px; text-decoration: none; border-bottom: none;}

#navbar ul li a:hover, a:active { text-decoration: underline; background: transparent;}

#current_page_item a { text-decoration: underline;}

#nav { margin:-40px 0pt; padding:0pt 0pt 10px 0px;}

#nav li { display:block; float:left; list-style-type:none; margin:0pt; padding:0pt;}

#nav a:link, #nav a:visited {
        color:red;
        display:block;
        float:left;
        font-size:11px;
        font-weight:bold;
        padding:0pt 10px 8px;
        text-decoration:none;
        text-transform:uppercase;
        border-bottom:medium none;
}

#nav li.current_page_item, #nav a:hover {
        background:transparent url(images/tab.gif) no-repeat scroll 50% 100%;
        border-bottom:medium none;
        color:#1B42FE;
}
#header1 { height:0px;position:relative;text-align:right;top:224px;}
#header1 h1 {top:-500px;position:relative;}






/********************************************************************************
                Footer
********************************************************************************/

#footer {
   text-align: left;
   font-weight: normal;
}

.footing {background: #444;}
/********************************************************************************
                Produkte
********************************************************************************/
#produkt
{
border: 1px solid #B56A89;
margin: 10px 10px 10px 5px;
padding: 10px;
width: 95%;
height: 100%;}

.bild img
{
float: left;
padding:0px;
margin: 0px;
border:1px solid #B2B1B2;
width: 125px;
height: auto;
}
.inhaltoben
{
width: 72%;
height: auto;
padding: 3px;
float:right;
line-height:1.5em;

}

.name
{
border: 1px solid #B56A89;
padding:3px;
background: #B56A89;
color:#CFCECE;
font-weight: bold;
}
.artnr
{
border: 1px solid #B56A89;
padding: 3px;
background: #CFCECE;
color:#B56A89;
font-weight: bold;
}

.details1
{

width: 100%;
margin: 10px 0px;
padding:3px;

}
.details2
{
width: 100%;
clear: both;
padding:20px 3px;
height: auto;
}
.pdetails
{
color:#B56A89;
font-weight: bold;
margin: 10px 0px;
}
.post-meta
{
font-size: 10px;
}


#rosabalken {width: 950px; background: #DBB9C9; height: 20px;}
#searchform {width: 240px; right: 10px; position:absolute;}


/*form - muss noch breiter werden */

#mailform dt, dl.labels dt { color: white; }
#mailform input,textarea { background-color: #F5E1EC; border: 1px solid #6E1B3A; }
#mailform input:submit { background-color: #AA768A; border: 2px solid #F5E1EC;}
.post textarea {width:325px;}
.long { width: 333px; }
.middle { width: 273px; }
.half { width: 163px; }
.short { width: 53px; }
.los { border: 0px; }

.searchfield { background-color: #F5E1EC; border: 1px solid #6E1B3A;}
#searchsubmit { background-color: #AA768A; border: 2px solid #F5E1EC;}

/* Formulare Bestellung */

.permail { color: #F5E1EC; background: #DBA7BE;}
.performular {color: #F5E1EC; background: #A67386; }
.perpaypal { color: #F5E1EC; background: #7F5968;}
.nopaypal {margin: 10px 0 10px 0;}
.boxlink { margin: 0 10px 0 10px; padding:0;}
.boxlink:hover { background: transparent; }
.order
{
font-size:10px; padding: 3px; line-height: 2.5em;
}
/* Header-Datei zur Ausgabe der Seiten */
#angebot { width: 200px;padding:30px 15px 2px 7px;float:right; }
#angebot h3 {text-align:center;color:#F5E1EC;font-size: 24px;font-family: Verdana, Times, serif;font-weight: bold;}
#angebot p {text-align:center;color:#F5E1EC;font-size: 14px;line-height:1.6em;padding-top: 14px;font-weight: bold;}

/* PayPal-Hinweis Content-Download */
.pcontent
{
font-size: 11px;
background-color: #7F5968;
color: #F5E1EC
margin: 5px;
padding:2px;
}

/* edit */

	.edit {color: #F5E1EC; font-size: 10px;}

	.edit a {color: #F5E1EC;}