/* - - - - - - - - - - - - - - - - */
/* hundezwinger-fink.de            */ 
/* 2008-04-07                      */
/* benjamin.dumke@bytebetrieb.com  */
/*                                 */
/* Allgemeine Stylesheets          */
/* - - - - - - - - - - - - - - - - */




/* - - - - - - - - - - - */
/* A L L G E M E I N E S */
/* - - - - - - - - - - - */

* {
	margin:				0;
	padding:			0;
} 

html {
	width:				100%;
	height:				100%;
}

body {
	padding:			0;
	margin:				0;
	width:				100%;
	height:				100%;
	background:			#fff;
	color:				#000;
	font-family:		Tahoma, Helvetica, Geneva, Arial, Verdana, sans-serif;
	font-size:			12px;
	line-height:		17px;
}


a img, img,
a.bildlink 	{ border: none; }

.c { clear:both; float:none; }

fieldset { border:none; }

h1, h2, h3, h4, h5, h6 {
	color:				#f60;
	margin:				0 0 12px;
}
strong 	{ font-weight:bold; }
em 		{ font-style:italic; }
p {
	margin:				0 0 12px;
}
ul {
	margin:				0 0 12px 1em;
}
li {
}

table {
	
}

/* - - - - - - - - - - - */
/* G R U N D G E R † S T */
/* - - - - - - - - - - - */
/*--------------------------------------------------------------------*/

body {background:transparent url(../_p/holz-pattern.jpg) 0 0;}
p{font-size:13px;color:#000;}
img{margin:	0 0 20px 0;}

a,			{ color:#000000; text-decoration:none; border-bottom:none;}
a:link		{ color:#000000; text-decoration:none; border-bottom:none;}
a:visited 	{ color:#6d6d6d; text-decoration:none; border-bottom:none;}
a:hover		{ color:#6d6d6d; text-decoration:none; border-bottom:none;}
a:active 	{ color:#6d6d6d; text-decoration:none; border-bottom:none;}
a:focus 	{ color:#6d6d6d; text-decoration:none; border-bottom:none;}

#inhaltsblock{
	padding:			0 40px;
	background:			transparent url(../_p/linie.gif) 0 0;
	width:				371px;
	margin:				117px 0 0 0;
	float:				left;
	overflow:			hidden;
}
#seitenblock{
	height:				670px;
	width:				938px;
	background:			transparent url(../_p/bg-polariod.jpg) 0 0  no-repeat;
	float:				left;
}

/* - - - - - - - - - - - */
/* I N H A LT 			 */
/* - - - - - - - - - - - */
/*--------------------------------------------------------------------*/

h2{
	font-size:			18px;
	color:				#321503;
}

h3{
	font-size:			12px;
	color:				#321503;
}

h4{
	margin:				0 0 5px 0;
	font-size:			18px;
	color:				#004d21;
}





/* - - - - - - - - - - - */
/* N A V I G A T I O N   */
/* - - - - - - - - - - - */
/*--------------------------------------------------------------------*/

#navi{
	display:			inline;
	width:				150px;
	height:				550px;
	margin:				48px 0 0 69px;
	float:				left;
	list-style-type:	none;
}

#navi li{
	float:				right;
	display:			block;
	width:				143px;
}

#navi a{
	display:			block;
	float:				right;
	text-indent:		-9999px;
	text-decoration:	none;
	width:				143px;
}

#navi-1,
#navi-1 a{height:47px;background:transparent url(../_p/navi-startseite.jpg) 0 0 no-repeat;}
#navi-2,
#navi-2 a{height:44px;background:transparent url(../_p/navi-zwinger.jpg) 0 0 no-repeat;}
#navi-3,
#navi-3 a{height:40px;background:transparent url(../_p/navi-individuell.jpg) 0 0 no-repeat;}
#navi-4,
#navi-4 a{height:44px;background:transparent url(../_p/navi-zusatz.jpg) 0 0 no-repeat;}
#navi-5,
#navi-5 a{height:44px;background:transparent url(../_p/navi-lieferservice.jpg) 0 0 no-repeat;}
#navi-6,
#navi-6 a{height:53px;background:transparent url(../_p/navi-montage.jpg) 0 0 no-repeat;}
#navi-7,
#navi-7 a{height:44px;background:transparent url(../_p/navi-kontakt.jpg) 0 0 no-repeat;}

#navi a:visited {background-position:0 0;}
#navi-1 a:hover {background-position:0 -47px;}
#navi-2 a:hover {background-position:0 -44px;}
#navi-3 a:hover {background-position:0 -40px;}
#navi-4 a:hover {background-position:0 -44px;}
#navi-5 a:hover {background-position:0 -44px;}
#navi-6 a:hover {background-position:0 -53px;}
#navi-7 a:hover {background-position:0 -44px;}

#navi a:active {background-position:0 0;}
#navi a:focus {background-position:0 0;}




/* - - - - - - - - - - - */
/* B U T T O N S         */
/* - - - - - - - - - - - */
/*--------------------------------------------------------------------*/

#buttons{margin-top:30px}
#buttons img {margin-right:3px;}




/* - - - - - - - - - - - */
/* Z W I N G E R         */
/* - - - - - - - - - - - */
/*--------------------------------------------------------------------*/
.zwinger{
	width:				374px;
	background:			#f0ece8;
	display:			table;
	padding-bottom:		15px;
	margin-bottom:		30px;
}
.zwinger-textspalte01{
	margin-left:		15px;
	width:				220px;
	float:				left;
	display:inline;
}
.zwinger-textspalte02{
	margin-left:		15px;
	width:				114px;
	float:				left;
	display:inline;
}




/* - - - - - - - - - - - */
/* F O O T E R           */
/* - - - - - - - - - - - */
/*--------------------------------------------------------------------*/
#footer{
	background:			transparent url(../_p/linie.gif) 0 0;
	width:				451px;
	margin:				0 0 0 219px;
	padding:			20px 0;
	text-align: 		center; 
	clear:				both;
	}
	
#footer p{font-size: 9px;line-height: 12px;}





/* - - - - - - - - - - - */
/* F O O T E R           */
/* - - - - - - - - - - - */
/*--------------------------------------------------------------------*/
#polaroid{
float:					left;

}





/* - - - - - - - - - - - */
/* K O N T A K T         */
/* - - - - - - - - - - - */
/*--------------------------------------------------------------------*/
#kontakt-form { margin:30px 0 20px;}
#kontakt-form fieldset {}
#kontakt-form legend { font-weight:bold; margin:0 6px 12px 0; color:#321503; }
#kontakt-form input { background:#eee; border:1px solid #cdcdcd;padding:2px 3px; width:290px; }
#kontakt-form input:hover {}
#kontakt-form input:focus { border:1px solid #fff; }
#kontakt-form input.submitbutton { border:1px solid #000; background:#fff; color:#000; width:auto; }
#kontakt-form input.submitbutton:hover { color:#fff; border-color:#000; background:#000}
#kontakt-form label {font-size:12px; line-height:24px; display:block; float:left; width:83px; }
* html #kontakt-form label { width:80px; }
#kontakt-form textarea { border:1px solid #cdcdcd; background:#eee; padding:2px 3px; width:374px; height:150px; margin:15px 6px 15px 0; }
#kontakt-form textarea:hover {}
#kontakt-form textarea:focus { border:1px solid #fff; background:#eee; }
.form-zeile { margin-bottom:6px; width:382px; }





