/*
**	CSS-File für
**	pet-interiors.de
**	by cs@clicksports.de
*/

body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #FFFFFF;
	line-height: normal;
}
p { padding: 0px; margin: 0px 0px 3px 0px; }
p.last { margin-bottom: 0px !important; }

a:link { text-decoration: none; color:  #009134; }/*FF6600*/
a:visited { text-decoration: none; color: #009134; }
a:hover { text-decoration: underline; }
a:active { text-decoration: none; }
a img { border: 0px; }

h1 { font-weight: bold; font-size: 16px; padding: 0px; margin: 0px 0px 5px 0px; }
h1.inline { display: inline; }
h2 { font-weight: bold; font-size: 14px; padding: 0px; margin: 0px 0px 3px 0px; }

ul { padding: 0px; margin: 0px 0px 0px 15px; list-style-position: outside; }

/*
** Der Wrapper beinhaltet
** den kompletten Content
*/

div#wrapper {
	width: 824px;
	margin: 45px auto;
}

/*
** Navigationsleiste und Logo
*/

img#redPreise {
	/*padding: 0px 10px 0px 10px;*/
	width: 70px;
	display: inline;
	float: left;
}

img#logo {
	width: 280px;
	display: inline;
	float: right;
}

div#menu { width: 824px; margin-bottom: 30px; padding-top: 15px; text-transform: uppercase; }
#menu ul { margin: 0px; padding: 0px; list-style: none; font-size: 10px; line-height: 11px; float: left; }
#menu a { width: auto; color: #575452; text-decoration: none; display: block; }
#menu a:hover, #menu ul li.active { color: #FF2700; }
#menu ul li { width: auto; margin-right: 30px; float: left; }
#menu ul li:hover ul,
#menu ul li.active ul,
#menu ul li.sfhover ul { left: auto; }
#menu ul li ul { width: auto; left: -999em; position: absolute; }
#menu ul li ul li { margin: 0px; padding: 0px; display: block; }
#menu ul li ul li a { margin-right: 10px; }

div.produkt { width: 200px; height: 370px; position: relative; padding: 2px; border-right: 1px dotted #999; border-bottom: 1px dotted #999; float: left; font-size: 9px; margin: 0px 0px 2px 0px; line-height: 10px; }
div.produkte { width: 200px; height: 255px; position: relative; padding: 2px; border-right: 1px dotted #999; border-bottom: 1px dotted #999; float: left; font-size: 9px; margin: 0px 0px 2px 0px; line-height: 10px; }
div.produkt h1, div.produkte h1 { font-size: 10px; line-height: 11px; }
div.produkt h2, div.produkte h2 { font-size: 9px; font-weight: normal; line-height: 10px; }
div.produkt img, div.produkte img { margin-bottom: 5px; }
div.produkt div.preis { width: 100%; text-align: right; position: absolute; bottom: 0px; }
div.produkt div.kaufmich { width: 100%; text-align: right; position: absolute; bottom: 5px; }
div.produkt div.kaufmich a { font-weight: bold; color: #009134; text-decoration: none; padding-right: 10px; margin: 0px 10px 0px 0px; background: url(../img/mehrpfeil.gif) no-repeat right; }
div.produkte div.links { position: absolute; bottom: 4px; width: 196px; }
div.produkte div.links a.textlink { font-size: 15px; font-weight: bold; float: left;  }
div.produkte div.links a.mehrlink { float: right; padding-right: 10px; background: url(../img/mehrpfeil.gif) no-repeat right; }

a#designprice { margin: 17px; float: left; }

/*
** Die Sprachwahl wird
** unter dem Content angezeigt
*/
div#language { margin: 5px 0px 0px 0px; padding: 0px; display: block; float: right; }
div#language ul { list-style: none; margin: 0px; padding: 0px; font-size: 10px; }
div#language li { margin: 0px 0px 0px 15px; float: left; }
div#language img { margin-right: 3px; }

div#freeshipping { margin: 40px 0px 0px 0px; padding: 0px 0px 0px 0px; float: right; text-align: right; }

/*
** Der Content-Bereich ist auf
** den Unterseiten zweispaltig
** aufgebaut.
*/
div#content_site { }

/* Unterseite zweispaltig */

div#content_left { width: 380px; min-height: 400px; margin: 0px 10px 0px 0px; padding: 0px 15px 0px 0px; color: #575452; float: left; }
/*div#content_left h1 { font-size: 15px; color: #575452; }
div#content_left h2 { font-size: 14px; color: #575452; }
*/div#content_left p { margin: 5px 0px; line-height: 15px; font-size: 12px; }

div#content_right { width: 405px; min-height: 400px; border: 1px solid #DEDEDE; background-color: #FFFFFF; float: right; }

/* Unterseite zweispaltig Artikel */

div#content_left_2 { width: 494px; min-height: 400px; margin: 0px 0px 0px 0px; padding: 0px 15px 0px 0px; color: #575452; float: left; }
/*div#content_left_2 h1 { font-size: 15px; color: #575452; }
div#content_left_2 h2 { font-size: 14px; color: #575452; }*/
div#content_left_2 p { margin: 5px 0px; line-height: 15px; font-size: 12px; }

div#content_right_2 { width: 315px; min-height: 400px; border: 0px none #DEDEDE; background-color: #FFFFFF; float: right; }

/* Unterseite einspaltig */

div#content_single { width: 794px; min-height: 400px; margin: 15px 0px 15px 0px; padding: 15px 15px 0px 15px; color: #575452; border: 1px dotted #999; }
div.content_single_box { width: 794px; margin: 15px 0px 15px 0px; padding: 15px 15px 15px 15px; color: #575452; border: 1px dotted #999; }

div#content_single_nopad { width: 820px; min-height: 400px; margin: 15px 0px 15px 0px; padding: 0px; color: #575452; border: 1px dotted #999; border-right: 0px none; border-bottom: 0px none; }

/*div#content_single h1 { font-size: 15px; color: #575452; }
div#content_single h2 { font-size: 14px; color: #575452; }*/
div#content_single p { margin: 5px 0px; line-height: 15px; font-size: 12px; }


/*
** Definitionen für Slideshows
*/
div#content_left_nopad { float: left; }
div#content_right_nopad { float: right; }
div#content_left_nopad, div#content_right_nopad { width: 405px; }

div#textbox { padding: 10px 12px 12px 12px; background-color: #fff; color: #333; width: 801px; margin-top: 10px; font-size: 11px; border: 1px dashed #333; }
div#textbox .leer { display: none; }
div#textbox p { margin: 0px 0px 5px 0px; font-size: 11px; }
div#textbox h1 { font-size: 11px; font-weight: normal; }
div#textbox h2 { font-size: 11px; font-weight: normal; display: inline; }

/*
** Footer-Navigation
*/
ul#footer_navigation { margin: 20px 0px 0px 0px; padding: 0px; list-style: none; }
ul#footer_navigation li { margin-right: 35px; text-transform: uppercase; float: left; }
ul#footer_navigation li a { color: #575452; font-size: 10px; }
ul#footer_navigation li a:hover { text-decoration: none; color: #FF2700; }

/*
** Der Link zum Impressum
** wird an den äußeren rechten
** Rand des Layouts gefloatet
*/
a#footer_navigation_lastlink { color: #575452; text-transform: uppercase; float: right; font-size: 10px; }
a:hover#footer_navigation_lastlink { text-decoration: none; color: #FF2700; }

div#wobinich { color:#CCCCCC; font-size:10px; }
div#wobinich a { color:#CCCCCC; text-decoration: none; }
div#wobinich a:hover { text-decoration: underline; }



/*
** Diverse Klassen und Definitionen
*/
.clearer { clear: both; }

table#produkte, table#produkte tr, table#produkte td  {
	border: 0px none;
	margin: 0px;
	padding: 0px;
}
table#produkte td {
	padding-bottom: 0px;
	padding-right: 12px;
	text-align: left;
	vertical-align: top;
}
table#produkte td img {
	border: 1px solid #FFFFFF;
}

.hervorheben, .fehler { color: red }

.klein { font-size: 9px }