/* - - - - - - - - - - - - - - - - */
/* 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, Verdana, Helvetica, Geneva, Arial, sans-serif;
	font-size:			12px;
	line-height:		17px;
	background:			transparent url(/_p/holz-pattern-mittig.jpg) top center;
}


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; }
img 	{ margin:0 0 20px 0; }
p {
	margin:				0 0 12px;
	font-size:			13px;
	color:				#000;
}
ul {
	margin:				0 0 12px 1em;
}
li { }
table { }

.zwinger img { margin:-20px 0 20px 0; }

a,			{ color:#007711; text-decoration:none; border-bottom:1px dotted #007711; }
a:link		{ color:#007711; text-decoration:none; border-bottom:1px dotted #007711; }
a:visited 	{ color:#007711; text-decoration:none; border-bottom:1px dotted #6d6d6d; }
a:hover		{ color:#333333; text-decoration:none; border-bottom:1px solid #007711; }
a:active 	{ color:#333333; text-decoration:none; border-bottom:1px solid #007711; }
a:focus 	{ color:#333333; text-decoration:none; border-bottom:1px solid #007711; }






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

#seitenblock{
	height:				670px;
	width:				938px;
	background:			transparent url(/_p/bg-polaroid.jpg) 0 0  no-repeat;
	margin:				0 auto;
	position:			relative;
}
#zwinger #seitenblock{ background-image:url(/_p/bg-polaroid-ohne.jpg); }

#inhaltsblock{
	padding:			0 40px;
	background:			transparent url(/_p/linie.gif) 0 0;
	width:				371px;
	margin:				117px 0 0 0;
	float:				left;
	overflow:			hidden;
}





/* - - - - - - - - - - - */
/* I N H A L T 			 */
/* - - - - - - - - - - - */
/*--------------------------------------------------------------------*/

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

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

h4{
	margin:				0 0 5px 0;
	font-size:			18px;
	line-height:		24px;
	color:				#071;
}
h5{
	font-size:			12px;
	color:				#321503;
	margin:				0 0 0 0;
}





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

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

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

#navigation a{
	display:			block;
	float:				right;
	text-decoration:	none;
	width:				133px;
	height:				36px;
	color:				#291d18;
	border:				none;
	font-weight:		bold;
	padding:			10px 0 0 20px;
	background:			transparent url(/_p/navi-1z-rot.png) 0 0;
}

#navigation .rot a	{ background:transparent url(/_p/navi-1z-rot.png) 0 0; }
#navigation .blau a	{ background:transparent url(/_p/navi-1z-blau.png) 0 0; }
#navigation .gelb a	{ background:transparent url(/_p/navi-1z-gelb.png) 0 0; }
#navigation .gruen a{ background:transparent url(/_p/navi-1z-gruen.png) 0 0; }

#navigation .einzeiler2.rot a	{ background:transparent url(/_p/navi-1z-2-rot.png) 0 0; }
#navigation .einzeiler2.blau a	{ background:transparent url(/_p/navi-1z-2-blau.png) 0 0; }
#navigation .einzeiler2.gelb a	{ background:transparent url(/_p/navi-1z-2-gelb.png) 0 0; }
#navigation .einzeiler2.gruen a	{ background:transparent url(/_p/navi-1z-2-gruen.png) 0 0; }

#navigation .zweizeiler a 		{ height:47px; padding-top:5px; }
#navigation .zweizeiler.rot a	{ background:transparent url(/_p/navi-2z-rot.png) 0 0; }
#navigation .zweizeiler.blau a	{ background:transparent url(/_p/navi-2z-blau.png) 0 0; }
#navigation .zweizeiler.gelb a	{ background:transparent url(/_p/navi-2z-gelb.png) 0 0; }
#navigation .zweizeiler.gruen a	{ background:transparent url(/_p/navi-2z-gruen.png) 0 0; }

#navigation .einzeiler2 a { background-position:0 2px !important; }
#navigation .einzeiler2 a:hover { background-position:0 2px !important; }

#navigation .rot a:hover, #navigation .blau a:hover, #navigation .gelb a:hover, #navigation .gruen a:hover
	{ background-position: 0 46px; }
#navigation .einzeiler2 a:hover { background-position: 0 48px !important; }
#navigation .zweizeiler a:hover { background-position: 0 52px !important; }

#navigation .aktiv a { color:#000; background-position: 0 46px !important; }
#navigation .aktiv.einzeiler2 a { color:#000; background-position: 0 48px !important; }
#navigation .aktiv.zweizeiler a { color:#000; background-position: 0 52px !important; }




/* - - - - - - - - - - - - - - -*/
/* LINKS DER HINTERGRUNDBILDER  */
/* - - - - - - - - - - - - - - -*/
/*--------------------------------------------------------------------*/

.zwingerlink a{
	float: 					right; 
	margin-right: 			60px; 
	margin-top: 			25px;
	display:				block;
	text-indent:			-999999px;
	height:					186px;
	width:					186px;
	background:				transparent url(../_p/astor.png) 0 0 no-repeat;
	border:					none;
}
.zwingerlink a:hover {
	background-position:	0px -186px;
}

.zwingerlink2 a {
	float: 					right; 
	margin-right: 			-191px; 
	margin-top: 			232px;
	display:				block;
	text-indent:			-999999px;
	height:					181px;
	width:					182px;
	background:				transparent url(../_p/haro.png) 0 0 no-repeat;
	border:					none;
}
.zwingerlink2 a:hover {
	background-position:	0px -181px;
}

.zwingerlink3 a {
	float: 					right; 
	margin-right: 			-232px; 
	margin-top: 			410px; 
	display: 				block;
	text-indent: 			-999999px;
	height:					210px;
	width:					212px;
	background:				transparent url(../_p/rex.png) 0 0 no-repeat;
	border:					none
}	
.zwingerlink3 a:hover {
	background-position:	0px -210px;
}


/* - - - - - - - - - - - */
/* 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;
	padding-top:		20px;
	margin-bottom:		30px;
	
	border-bottom:		3px solid #555;
}
.zwinger-textspalte01 {
	margin-left:		15px;
	margin-bottom:		15px;
	width:				340px;
}
.zwinger-textspalte02 {
	margin-left:		15px;
	width:				340px;
}
.bildergalerielink a {
	display:			block;
	height:				22px;
	padding:			2px 0 0 27px;
	background:			transparent url(/_p/icn-photo.png) 0 0 no-repeat;
	border:				none;
	font-weight:		bold;
}
.kontaktlink {  }
.kontaktlink a {
	padding:			0 0 0 26px;
	background:			transparent url(/_p/icn-email.png) 3px 3px no-repeat;
}
.backtop { margin-top:25px; text-align:right;}
.backtop a { padding-right:13px; background:transparent url(/_p/icn-top.png) right 4px no-repeat; }

dl.zwingernavi {
	background:			transparent url(/_p/bg-navi-rechts.png) 0 0 no-repeat;
	padding:			0 10px 10px 10px;
	width:				140px;
	position:			absolute;
	top:				117px;
	left:				693px;
}
.zwingernavi dt a {
	clear:				both;
	display:			block;
	border:				none;
	font-weight:		bold;
	background:			transparent url(/_p/icn-baukasten.jpg) center 30px no-repeat;
	text-align:			center;
	padding:			120px 0 0 0;
}
.zwinger-nav-1 a { border:none; background:transparent url(/_p/icn-baukasten.jpg) center 20px no-repeat !important; padding-top:110px !important; }
.zwinger-nav-2 a { border:none; background:transparent url(/_p/icn-blockhauszwinger.jpg) center 30px no-repeat !important; }
.zwinger-nav-3 a { border:none; background:transparent url(/_p/icn-indizwinger.jpg) center 30px no-repeat !important; }

.zwingernavi dt.aktiv a { color:#000; }



.zwingernavi dd {
	margin:				5px 0 0 10px;
	display:			block;
	width:				auto;
	text-align:			left;
	font-weight:		bold;
	float:				none;
}

.zwingerhead {
	width:				359px;
	background:			#f0ece8;
	padding:			15px 0 15px 15px;
	margin:				0 0 30px;
	border-bottom:		3px solid #555;
}
.zwingerhead h4{
	line-height:		18px;
}


.zwingernavi2 {
	width:				400px;
	height:				140px;
	margin:				0 0 0 -10px;
}
.zwingernaviblock {
	width:				130px;
	float:				left;
}
.zwingernaviblock a {
	display:			block;
	font-weight:		bold;
	text-align:			center;
	padding:			100px 0 0 0;
}
.zwingernaviblock.aktiv a { color:#000; }
.zwingernaviblock .zwinger-nav-1 a { border:none; background:transparent url(/_p/icn-baukasten.jpg) center 10px no-repeat !important; padding-top:100px !important; }
.zwingernaviblock .zwinger-nav-2 a { border:none; background:transparent url(/_p/icn-blockhauszwinger.jpg) center 10px no-repeat !important; padding-top:100px !important; }
.zwingernaviblock .zwinger-nav-3 a { border:none; background:transparent url(/_p/icn-indizwinger.jpg) center 10px no-repeat !important; padding-top:100px !important; }

.zwingernaviblock .sub {
	margin:				0 0 0 1px;
	display:			block;
	width:				60px;
	text-align:			center;
	font-weight:		bold;
	float:				left;
	background:			none !important;
	padding:			0 0 0 0;
}

.zwingernaviblock .sub a {
	margin:				0;
	display:			inline;
	width:				auto;
	text-align:			center;
	font-weight:		bold;
	float:				none;
	background:			none !important;
	padding:			0 0 0 0;
}



.huetten dd {
	margin:				10px 0 0 10px;
	display:			block;
	width:				auto;
	text-align:			left;
	font-weight:		bold;
	float:				none;
}






/* - - - - - - - - - - - */
/* 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 #321503; }
#kontakt-form input.submitbutton {
	border:				1px solid #321503;
	background:			#eee;
	color:				#321503;
	width:				auto;
	cursor:				pointer;
}
#kontakt-form input.submitbutton:hover {
	color:				#eee;
	background:			#321503;
}
#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 #321503; background:#eee; }
.form-zeile {
	margin-bottom:		6px;
	width:				382px;
}

.feedback { 
	width:				359px;
	padding:			10px;
	border:				1px solid #321503;
	color:				#321503;
	font-weight:		bold;
	background:			#eee;
	text-align:			center;
}
p.fehler { 
	width:				355px;
	border:				1px solid #321503;
	color:				#071;
	text-align:			left;
}
label.fehler { font-weight:bold !important; }

ul.linkliste {
	
}
.linkliste li {
	margin:				0 0 10px 0;
}
.linkliste a {
	
}