/* www.pferdehof-schmidt.de
   Basislayer: 800x600
*/

/* Standard-Style fuer die Seite 
*/
body {
	font-family:Verdana, sans-serif, Arial, Helvetica;
	font-size:8pt;
	line-height:200%;
	color:#000000;
	background-color:#ffffff;
	margin:0px;
}

a#text:link {
	text-decoration:none;
	color: #777777;
}

a#text:active {
	text-decoration:none;
	color: #777777;
}

a#text:visited {
	text-decoration:none;
	color: #777777;
}

a#text:hover {
	text-decoration:underline;
	color: #556633;
}

/* Das ist der Hauptlayer, der das Grunddesign der Seite aufnimmt. Er
   stellt ausserdem den Bezugspunkt fuer alle weiteren Layer dar, sofern
   sie in ihn geschachtelt sind.
*/
#main {
	position:absolute;
	width:800px;
	height:600px;
	z-index:2;
	left:5px;
	top:5px;
	border:1px solid #000000;
}

#main_logo {
	position:absolute;
	width:800px;
	height:600px;
	z-index:2;
	left:5px;
	top:5px;
	border:1px solid #000000;
	layer-background-image:url(../images/Startseite.jpg);
	background-image:url(../images/Startseite.jpg);
}

/* Layer für aktive Bereiche auf der Startseite */

#main_active {
	position:absolute;
	width:102px;
	height:128px;
	z-index:2;
	left:354px;
	top:283px;
	border:0px;
}

/* Menuelayer */

#menu {
	position:absolute;
	width:110px;
	height:500px;
	margin-top:0px;
	margin-left:0px;
	z-index:3;
	font-size:2pt;
	left:0px;
	top:25px;
/*	background-color:#ff0000;*/
}

/* spezieller Menuelayer fuer Impressum */

#impressum {
	position:absolute;
	width:110px;
	height:20px;
	margin-top:0px;
	margin-left:0px;
	z-index:3;
	left:0px;
	top:560px;
	text-align:right;
/*	background-color:#ff0000;*/
}

/* spezieller Menuelayer fuer Gallery */

#gallery {
	position:absolute;
	width:100px;
	height:20px;
	margin-top:0px;
	margin-left:0px;
	z-index:3;
	left:636px;
	top:210px;
/*	background-color:#ff0000;*/
}

/* Header */

#header1 {
	position:absolute;
	width:486px;
	height:200px;
	margin-top:0px;
	margin-left:0px;
	z-index:3;
	left:150px;
	top:10px;
/*	background-color:#00ff00;*/
}

#header2 {
	position:absolute;
	width:486px;
	height:325px;
	margin-top:0px;
	margin-left:0px;
	z-index:3;
	left:150px;
	top:10px;
/*	background-color:#00ff00;*/
}

/* Scrollbuttons */

#button_up1 {
	position:absolute;
	width:44px;
	height:39px;
	margin-top:0px;
	margin-left:0px;
	z-index:3;
	left:636px;
	top:260px;
/*	background-color:#00ff00;*/
}

#button_up2 {
	position:absolute;
	width:44px;
	height:39px;
	margin-top:0px;
	margin-left:0px;
	z-index:3;
	left:636px;
	top:340px;
/*	background-color:#00ff00;*/
}

#button_down {
	position:absolute;
	width:44px;
	height:39px;
	margin-top:0px;
	margin-left:0px;
	z-index:3;
	left:636px;
	top:565px;
/*	background-color:#00ff00;*/
}

/* Der divContainer ist ein spezieller Layer zur Verwendung mit dem
   autoscroll.js - Javascript
*/
#divContainer1 {
	position:absolute;
	width:486px;
	height:320px;
	margin-top:0px;
	margin-left:0px;
	z-index:3;
	left:150px;
	top:260px;
	/*border:1px dashed #000000;*/
	overflow:hidden;
	visibility:hidden;
}

#divContainer2 {
	position:absolute;
	width:486px;
	height:245px;
	margin-top:0px;
	margin-left:0px;
	z-index:3;
	left:150px;
	top:340px;
/*	border:1px dashed #000000;*/
	overflow:hidden;
	visibility:hidden;
	line-height:300%;
}

/* divContent beschreibt die Lage des Inhaltes im autoscroll-Layer 
*/
#divContent {
	position:absolute;
	top:0; 
	left:0;
}

#divContainer3 {
	position:absolute;
	width:486px;
	height:580px;
	margin-top:0px;
	margin-left:0px;
	z-index:3;
	left:150px;
	top:10px;
/*	border:1px dashed #000000;*/
	overflow:hidden;
}