@charset "utf-8";
/*
-------------------------------------------------------------------------
 basic stylesheet for screen media | Other styles imported when necessary
 url(s)		 : www.lesemaus.info
 written 	 : 03.12.2008
 changed	 : 04.12.2008
 CSS + XHTML : mon-duesseldorf.de | Alexander Boeck
-------------------------------------------------------------------------
 (c) 2008 mon-duesseldorf.de
-------------------------------------------------------------------------*/


/* Clear defaults (global resets) - see http://developer.yahoo.com/yui/reset/
-------------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,pre,form,
fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* Global Styles (common tags etc.)
 ------------------------------------------ */
body {
	color:#8d6741;
	background:#ffb449 url(../img/mousetile4.gif) repeat; 
	font-family:"Trebuchet MS","Lucida Sans Unicode","Lucida Sans","Helvetica Neue",Arial,sans-serif;    /* "Comic Sans MS",sans-serif;  */
	font-size:76%;
	text-align:center;
	}
strong {
	font-weight:bold;
	color:#ce6b00;
	}
.bold {
	font-weight:bold;
	}	
.left {
	float:left;
	display:inline;
	margin-right:18px;
	}
.right {
	float:right;
	display:inline;
	}
p {
	font-size:1.1em;
	line-height:1.35em;
	margin:0 0 0.6em 0;  /* wird 3px von links eingerueckt wegen der icons in der h2; h3 kriegt auch 3px rechts */
	}
#content-inner p:first-letter {
	color:#ce6b00;
	font-size:1.4em;
	}				
		
/* Links Standard
-----------------------------------------*/
a:link, a:visited {
	color:#0057a9;				/* vorher: 6c9301 */
	text-decoration:underline;	
	}
a:hover, a:active {
	color:#d5710d;
	text-decoration:underline;
	}
	
/* Weitere Links
-----------------------------------------*/
a.h1:link, a.h1:visited {
	color:#f87c00;
	text-decoration:none;
	}
a.h1:hover, a.h1:active {
	color:#2071bc;
	text-decoration:none;
	}
	
/* Layout
------------------------------------------- */
#wrapper {
	background:#fff url(../img/wrapper-top-bgr.gif) no-repeat left top;
	margin:50px auto 0;
	width:999px;
	text-align:left;
	}
#header {
	background:url(../img/header-bot.jpg) no-repeat center bottom;
	height:130px;
	padding:0 0 30px 0;
	position:relative;    /* text-align:center wohl vererbt */
	text-align:left;
	}
#content {
	background:#fff;
	width:999px;
	margin:0;
	padding:0;
	text-align:left;
	position:relative;
	}
#content-inner {
	padding:0 0 10px 20px;
	position:relative;
	text-align:left;
	overflow:hidden;
	}
#intro {
	margin:0 0 20px 0;
	padding:0 70px 0 0;
	text-align:center;
	}	
#spalte1 {
	display: inline;
	float:left;
	margin:0;
	width:250px;
	}
#spalte2 {
	float:left;
	margin:0;
	width:258px;
	display: inline;
	}
#spalte2n {
	float:left;
	margin:0;
	width:745px;
	display: inline;
	}
#spalte3 {
	display: inline;
	float:left;
	margin:0 0 0 5px;
	width:230px;
	}
#affiliates {
	position:absolute;
	top:75px;
	right:2px;
	width:232px;
	}
#affiliatesn {
	position:absolute;
	top:0px;
	right:2px;
	width:200px;
	}
#amazon {
	border:1px solid #ffb449;
	width:210px;
	}
#zooplus {
	margin:30px 0 0 0;
	}										
#footer {
	background:#fff url(../img/wrapper-bot-bgr.gif) no-repeat left bottom;
	margin:0 auto;
	text-align:center;
	width:999px;
	}
#links_header {
	color:#af340a;
	background-color:orange;
	padding-left:5px;
	font-weight:bold;
	border: 1px solid orange;
	margin-right:15px;
	}
#links_content {
	padding-top:15px;
	padding-left:10px;
	border: 1px solid orange;
	margin-right:15px;
	}
	
#links_content #navlist li{
	background-image: url(../img/arrow.jpg);
	font-size: 11px;
	padding-left:30px;
	}
#links_img {
		text-align:center;
	}
#links_img img {
	padding-top:35px;
	padding-left:0px;
	margin-right:0px;
	width: 130px;

	}	

/* BUTTON Angebot einholen (im Moment nicht im Gebrauch)
------------------------------------------------------------------------------------*/
a.but-angebot:link, a.but-angebot:visited {    
	margin: 22px 0 20px 30px;
	height: 89px;
	width:280px;
	display: block;
	overflow: hidden;
	cursor: pointer;
	background: url(../img/but-testen.gif) no-repeat 0px -89px;
	}
a.but-angebot:hover {
	background: url(../img/but-testen.gif) no-repeat 0px 0px;
	}
a.but-angebot:active {
	background: url(../img/but-testen.gif) no-repeat 0px -89px;
	}	
			
/* --------- Logo-h1 wird mit Bild von Logo ersetzt | Methode: Dwyer | Grund: Logo wird nicht verlinkt (home-Button ausreichend) ------------- */	
#logo_replace {
	width:600px;
	position:absolute;
	left:200px;
	top:40px;
	}
#logo_replace {
	background: url(../img/logo.gif) no-repeat 0% 0%;
	color:#f5c700;
	font-size:1.6em;
	height:72px;
	width:554px;
	}		

		
/* --------- Content Styles | Typo and Elements ------------- */
h1 {
	color:#f87c00;
	font-size:2.6em;
	font-family:"Comic Sans MS", "Comic Sans", sans-serif;
	margin:0;
	}		

h2 {
	background:url(../img/icon_gug.gif) no-repeat 0 50%;
	color:#af340a;         /* vorher: a42b01 */
	font-size:1.5em;
	line-height:1.4em;
	font-weight:normal;
	margin:0 0 0.1em 0;
	padding:0 0 0 22px;
	}
h3 {
	color:#af340a;
	font-size:1.15em;
	font-family:verdana,sans-serif;
	line-height:1.4em;
	margin:0 0 0.1em 3px;
	font-weight:normal;
	text-transform:uppercase;
	}
.adresse {
	background:#fbf0d4;			/* ffeec2 */
	border-left:#edcc78 1px solid;
	border-top:#edcc78 1px solid;
	border-right:#a17c0e 1px solid;
	border-bottom:#a17c0e 1px solid;
	margin:10px 5px 0 20px;				/* 20px links die ohne das div den einzelnen Elementen gegeben werden muessten! */
	padding:8px 0 10px 12px;
	}				
.bold {
	font-weight:bold;
	}
.hidden {
	display:none;
	text-decoration:none;
	}		
#content-inner ul {
	font-size:1.15em;
	margin:0 0 0 3px;
	}
#content-inner ul li {
	padding:0 0 0.2em 15px;
	line-height:1.4em;
	background:url(../img/bullet.gif) no-repeat 2px 0.5em;
	}
img {
	background:url(../img/stripe_1.gif) repeat 0% 0%;
	/* border-left:#edcc78 1px solid;
	border-top:#edcc78 1px solid;
	border-right:#a17c0e 1px solid;
	border-bottom:#a17c0e 1px solid; */
	margin:0;
	padding:0;
	}
#spalte1 img {
	margin:15px 0 0 0;
	}
#spalte3 img {
	margin:15px 0 0 15px;
	}		
.animation {
	margin:0 0 10px 20px;
	}															
/* --------- Footer Styles ------------- */
#footertext {
	clear:both;
	width:100%;
	padding:0 0 10px 0;				/* footer selbst hat text-align */
	}
#footertext h1 {
	padding:0 0 10px 0;
	}		
a.mon:link {
	text-decoration:none;
	color:#c4a75d;
	}
a.mon:visited {
	text-decoration:none;
	color:#c4a75d;
	}

/* ----------- hidden hr-clearing and class --------------------------- */
hr {
	clear:both;
	visibility:hidden;
	}
.clear {
	clear:both;
	visibility:hidden;
	}
	
/* self-clearing floats rules
-----------------------------------------------------------------------*/
#nav ul:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}				  			
/* trigger hasLayout and target ie5+6/win only */
* html #nav ul {
	height: 1%;
	}
/* trigger hasLayout and target ie7/win only */
*:first-child+html #nav ul {
	min-height: 1px;
	}