/* www.vogelundpiepmatz.de */
/* (c) Nicolai Schwarz, textformer mediendesign, April 2008 */

/* Ganz allgemein */

body, img, h1, h2, h3, h4, h5, p, li, a, ul, ol, input, textarea {
border: 0;
margin: 0;
padding: 0;
}

img.header {
margin: 0 0 20px 0;
}


ul {
margin: 0 10px 0 23px;
list-style: square;
}

input, textarea {
margin: 2px 0 8px 0;
border: 1px solid #B2CD3E;
}


hr {
display: none;
}


/* Die Hauptboxen */

body	{
color: #000;
font-family: Verdana, Helvetica, sans-serif;
font-size: 62.50%;
background: #fff url(background.gif) top left repeat;
text-align: center;
/* text-align sorgt dafür, dass der IE5/Win den Inhalt in die Mitte setzt */
}

div#wrap0 {
position: relative;
margin: 0 auto;
width: 1000px;
background: #fff url(wrap0_top.gif) 50px top no-repeat;
}

div#kopf {
width: 1000px;
height: 160px;
}

.skiplinks { display: none; }

#kopf h1 {
text-indent: -9999px;
background: transparent url(logo_vogel_und_piepmatz.gif) 50px 40px no-repeat;
width: 1000px;
height: 160px;
}

#navi1 {
margin: 0;
padding: 26px 0 0 70px;
background: #fff url(navi1_background.gif) 50px 0px no-repeat;
width: 930px;
height: 78px;
}

#navi1 li {
list-style: none;
float: left;
margin: 0 10px 0 0;
border-right: 1px solid #B2CD3E;
padding: 0 10px 0 0;
}

#navi1 li#impressum {
border-right: 0px solid #000;
}

#navi1 li a {
color: #000;
}


div#wrap1 {
margin: -20px 50px 10px 50px;
width: 900px;
}

div#spalte1 {
float: left;
width: 200px;
}

div#spalte1 ul {
margin: 0;
padding: 0;
width: 200px;
}

div#spalte1 ul li {
width: 160px;
margin: 0 0 5px 0;
list-style: none;
}

div#spalte1 ul li.abstand {
margin: 20px 0 5px 0;
}

div#spalte1 ul li a {
width: 140px;
height: 23px;
display: block;
padding: 7px 0 0 20px;
text-decoration: none;
color: #000;
}

div#spalte1 ul li ul li a {
height: 13px;
display: block;
padding: 0 0 0 5px;
overflow: show;
}

div#spalte1 ul ul {
margin: 0 0 0 15px;
padding: 0;
width: 185px;
}

div#spalte1 ul li a:hover { color: #000; text-decoration: underline; }

div#spalte1 ul#list-kissen, div#spalte1 ul#list-bekleidung, div#spalte1 ul#list-kuscheltiere, div#spalte1 ul#list-taschen { margin: 5px 0 10px 15px; display: none; }

body#Kissen div#spalte1 ul#list-kissen { margin: 5px 0 10px 15px; display: block; }
body#Bekleidung div#spalte1 ul#list-bekleidung { margin: 5px 0 10px 15px; display: block; }
body#Kuscheltiere div#spalte1 ul#list-kuscheltiere { margin: 5px 0 10px 15px; display: block; }
body#Taschen div#spalte1 ul#list-taschen { margin: 5px 0 10px 15px; display: block; }

div#spalte1 ul li.farbe1 a { background: transparent url(button_label.gif) 0 0 no-repeat; }
div#spalte1 ul li.farbe2 a { background: transparent url(button_label.gif) 0 -30px no-repeat; }
div#spalte1 ul li.farbe3 a { background: transparent url(button_label.gif) 0 -60px no-repeat; }
div#spalte1 ul li.farbe4 a { background: transparent url(button_label.gif) 0 -90px no-repeat; }
div#spalte1 ul li.farbe5 a { background: transparent url(button_label.gif) 0 -120px no-repeat; }
div#spalte1 ul li.farbe6 a { background: transparent url(button_label.gif) 0 -150px no-repeat; }
div#spalte1 ul li.farbe7 a { background: transparent url(button_label.gif) 0 -180px no-repeat; }
div#spalte1 ul li.farbe8 a { background: transparent url(button_label.gif) 0 -210px no-repeat; }

div#spalte1 ul li.farbe1 ul li a { background: transparent url() 0 0 no-repeat; }
div#spalte1 ul li.farbe2 ul li a { background: transparent url() 0 0 no-repeat; }
div#spalte1 ul li.farbe3 ul li a { background: transparent url() 0 0 no-repeat; }
div#spalte1 ul li.farbe4 ul li a { background: transparent url() 0 0 no-repeat; }
div#spalte1 ul li.farbe5 ul li a { background: transparent url() 0 0 no-repeat; }
div#spalte1 ul li.farbe6 ul li a { background: transparent url() 0 0 no-repeat; }
div#spalte1 ul li.farbe7 ul li a { background: transparent url() 0 0 no-repeat; }
div#spalte1 ul li.farbe8 ul li a { background: transparent url() 0 0 no-repeat; }

div#inhalt {
width: 480px;
margin: 0 40px 0 0;
float: left;
background-color: #fff;
}

div#nebeninfo {
width: 180px;
float: left;
background-color: #fff;
}

div#news {
width: 165px;
padding: 40px 15px 0 0;
background: transparent url(newsbox.gif) 0 0 no-repeat;
}

div#news p {
margin-bottom: 0px;
}

div#newsfuss {
width: 180px;
height: 15px;
padding: 0;
background: transparent url(newsbox.gif) left bottom no-repeat;
}

div#drei_schritte {
margin: 40px 0 0 0;
}

div#fuss {
position: relative;
clear: both;
margin: 0;
padding: 30px 0 30px 0;
border: 0;
width: 1000px;
background: #fff url(fuss_top.gif) center 20px no-repeat;
}

#fuss p {
text-align: center;
color: #000;
font-size: 0.9em;
line-height: 1.2em;
}

div#button {
position: absolute;
top: 0;
left: 780px;
width: 146px;
height: 127px;
}


/* Die Schriftinformationen */

h1, h2, h3, h4, h5, p, ul, li, a  {
text-align: left;
font-weight: normal;
font-family: Verdana, Helvetica, sans-serif;
background: transparent;
text-decoration: none;
}

h1, h2, h3, h4, h5 {
font-family: "Trebuchet MS", Verdana, Helvetica, sans-serif;
font-weight: bold;
}

h2 {
padding: 0;
margin: 0 0 0.5em 0;
font-size: 1.5em;
line-height: 1.5em;
color: #000;
}

h2.flash {
font-size: 1.6em;
line-height: 1.6em;
margin: 0 0 0.5em 0;
}

h3 {
margin: 0 0 1em 0;
padding: 0;
font-size: 1.3em;
line-height: 1.3em;
letter-spacing: 0.05em;
color: #000;
}

h3.flash {
font-size: 1.5em;
line-height: 1.5em;
margin: 0 0 0.5em 0;
}

p, li {
margin: 0 0 10px 0;
font-size: 1em;
line-height: 1.4em;
}

div#inhalt p, div#inhalt li {
font-size: 1.2em;
line-height: 1.6em;
}

a  {
text-decoration: underline;
color: #B2CD3E;
}

a:hover {
text-decoration: none;
color: #000;
}

ul li {
font-size: 1em;
line-height: 1.6em;
}

/* Kontaktformular */

form {
margin-top: 20px;
text-align: left;
}

form fieldset {
padding: 0;
border: 0;
}

form legend { font-size: 1.4em; color: #000; padding: 0; margin: 0 0 1em 0; }

form label {
margin: 15px 0 -10px 0;
display: block;
}

form hr {
clear: both;
color: #fff; background-color: #fff;
border: 0;
display: block;
}

form input.zemText {
padding: 4px;
width: 300px;
display: block;
border: 1px solid #585858;
}

form input.zemSubmit {
clear: left;
padding: 4px;
margin-top: 10px;
display: block;
border: 1px solid #585858;
background-color: #585858;
color: #fff;
}

form input.zemSubmit:hover {
border: 1px solid #B2CD3E;
background-color: #B2CD3E;
}

form input.zemText:hover, form textarea.zemTextarea:hover {
border: 1px solid #B2CD3E;
}

form #rueckruf, form #angebot, form #news { float: left; margin: 0 10px 25px 0; border: 0; }
form label.rueckruf, form label.angebot, form label.news { display: inline; padding: 0; margin: 0; }

/* Diese beiden Felder sind nur Spam-Honeypots */
form input#phone, form input#mail  {
width: 300px;
height: 1px;
display: inline;
float: left;
}

form textarea {
padding: 4px;
width: 300px;
height: 100px;
margin-bottom: 16px;
border: 1px solid #585858;
}

ul.zemError {
margin-top: 10px;
}

ul.zemError li {
color: #f00;
}

div#inhalt div.zemThanks p { font-size: 2em; color: #B2CD3E; }

/* This goes in the stylesheet to hide the browser text before it is replaced */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* txp-lightbox */

ul.lightbox {
margin: 15px 0 0 0;
border: 0;
padding: 0;
}

ul.lightbox li {
margin: 0;
border: 0;
padding: 0;
display: inline;
list-style: none;
}

ul.lightbox li img {
margin: 0 5px 5px 0;
border: 1px dashed #787878;
padding: 4px;
}

ul.lightbox li img:hover {
border: 1px solid #B2CD3E;
background-color: #B2CD3E;
}

div.einheit { clear: left; }
div.einheit ul.lightbox { float: left; margin: 5px 10px 10px 0;  }

ul.links { clear: left; float: left; margin: 5px 10px 10px 0;  } 

/* Wanda-Shop-Widget */
#wanda { height: 340px; text-align: left; }