@charset "utf-8";
/* CSS Document */


/******************************************************************
 *Author: Kerstin Fuderholz
 *Created: 2009					
 *Copyright: Euroweb Internet GmbH 
/******************************************************************/


/* --------------------------------------------------------------------------- */
/* ############################# GLOBAL ###################################### */
/* --------------------------------------------------------------------------- */

* { 
	margin: 0;	
	padding: 0; 
	list-style-type: none; 
	text-decoration: none;
	border: none;
	outline: none;
}


html {
	overflow-x: hidden;
	background-color:#ffffcc;}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	list-style-type: none;
	line-height:18px;
	color:#333333;
} 



html[xmlns^="http"] { overflow-y: scroll;}

/*
KLASSEN + ANDERE STANDARDS
==================================================*/

.clear { clear: both;}

.floatLeft { float: left;}

.floatRight { float: right;}


.highlight {
	font-weight:bold;
}

.image {
	border:none;
}

img.pdf {
	padding-right:10px;
}

img.padding {
	padding: 15px 0 15px 0
}

div#content-main img {
	margin: 5px 18px 0 0;
}

/* --------------------------------------------------------------------------- */
/* ############################# LAYOUT ###################################### */
/* --------------------------------------------------------------------------- */

/*
CONTAINER
==================================================*/
div#container {
	width: 960px;
	margin: 0 auto;
	position: relative;
}

/*
HEADER
==================================================*/

/* Logo  */
h1.branding  {
	height: 168px;
	width: 486px;
	display:block;
}

/* Bild Header */

div#header {
	width: 960px;
	height: 356px;
	background: url(../images/bg-header.jpg) no-repeat;
	margin: 0 0 14px 0;
}

/* Bild Header */

div#header-medaille {
	width: 84px;
	height: 146px;
	background: url(../images/medaille.jpg) no-repeat;
	position:absolute;
	left: 895px;
	top:94px;
}




/*
NAVIGATION_OBEN
==================================================*/
div#navigation-container-top {
	width: 398px;
	height: 21px;
	margin: -78px 0 0 0;
	float:left;
	padding: 0 0 0 486px;
}


ul#navi-top {
	height: 21px;
	width: 430px;
	padding: 0 0 0 0;
	font-size:10px;
	height:21px;
	color:#336600;
}

ul#navi-top li {
	float: left;
	position: relative;
}

ul#navi-top li a {
	height:21px;
	color:#336600;
	font-size:11px;
}

a.n1-top { width: 60px; background-position: 0 0;}
a.n2-top { width: 153px; background-position: 0 0;}
a.n3-top { width: 235px; background-position: 0 0;}
a.n4-top { width: 314px; background-position: 0 0;}
a.n5-top { width: 410px; background-position: 0 0;}

/*
NAVIGATION
==================================================*/


ul#navi {
	height: 20px;
	_heigt: 16px;
	*height: 16px;
	width: 957px;
	padding: 0 0 0 3px;
	margin: 0 0 0 0;
	border-bottom: 2px solid #336600;
}


ul#navi li {
	float: left;
	position: relative;
}

ul#navi li a {
	height: 20px;
	display: block;
	background: url(../images/navi.gif) no-repeat 0 0;
	text-indent: -9999px;
}

a.n1 { width: 151px; background-position: 0 0 !important;}
a.n2 { width: 115px; background-position: -151px 0 !important;}
a.n3 { width: 138px; background-position: -266px 0 !important;}
a.n4 { width: 168px; background-position: -404px 0 !important;}
a.n5 { width: 231px; background-position: -572px 0 !important;}
a.n6 { width: 153px; background-position: -795px 0 !important;}


/*
CONTENT
==================================================*/


div#content-container {
	width: 960px;
	padding:20px 0 0 0;
}

div#content-container a {
	color:#333333;
}


div#content-sidebar {
	width:495px;
	float:left;
}

div#content-main {
	width:465px;
	float: left;
}

div#content-main p {
	line-height: 18px;
	margin: 0 0 22px 0;
} 

div#content-main ul {
padding-left: 18px;
}

div#content-main li {
list-style:disc;
padding-left: 8px;
}


/*
SIDEBAR
==================================================*/
div.sidebarColumn2 {
	float: left;
	width: 332px;
	padding: 0 0 0 6px;
	margin: 0 0 20px 0;
} 

/*
SIDEBAR-BILDER
==================================================*/
div#kremserfahrten-sidebar
{
	height:102px;
	width:156px;
	background:url(../images/image-kutsche.jpg) no-repeat;
	float:left;
}


div#forstbetrieb-sidebar
{
	height:102px;
	width:156px;
	background:url(../images/image-holz.jpg) no-repeat;
	float:left;
}

div#schlittenfahrten-sidebar
{
	height:102px;
	width:156px;
	background:url(../images/image-schlitten.jpg) no-repeat;
	float:left;
}

div#landwirtschaft-sidebar
{
	height:102px;
	width:156px;
	background:url(../images/image-kuh.jpg) no-repeat;
	float:left;
}

div#newsletter
{
	height:79px;
	width:469px;
	float:left;
	background:url(../images/newsletter.gif) no-repeat;
	padding: 0px 0 0 8px;
	margin:0;
}

 

div#newsletter p {
	color:#FFFFFF;
	margin: 0 0 5px 0;
	line-height:normal;
}


/*
CONTENT-UBERSCHRIFTEN
==================================================*/
h3#kremserfahrten {
	height:12px;
	width:304px;
	padding: 0 0 6px 0;
	_padding: 0 0 1px 0; /* Hack für den IE6 */
	margin: 0 0 9px 0;
	background:url(http://www.pferdehof-eschenbach.de/images/kremserfahrten.gif) no-repeat;
	text-indent:-9999px;
	border-bottom: 2px solid #336600;
}

h3#schlittenfahrten {
	height:12px;
	width:304px;
	padding: 0 0 6px 0;
	_padding: 0 0 1px 0; /* Hack für den IE6 */
	margin: 0 0 9px 0;
	background:url(../images/schlittenfahrten.gif) no-repeat;
	text-indent:-9999px;
	border-bottom: 2px solid #336600;
}


h3#forstbetrieb
{
	height:12px;
	width:304px;
	padding: 0 0 6px 0;
	_padding: 0 0 1px 0; /* Hack für den IE6 */
	margin: 0 0 9px 0;
	background: url(http://www.pferdehof-eschenbach.de/images/forstbetrieb.gif) no-repeat;
	text-indent:-9999px;
	border-bottom: 2px solid #336600;
}

h3#landwirtschaft
{
	height:12px;
	width:304px;
	padding: 0 0 6px 0;
	_padding: 0 0 1px 0; /* Hack für den IE6 */
	margin: 0 0 9px 0;
	background: url(http://www.pferdehof-eschenbach.de/images/landwirtschaft.gif) no-repeat;
	text-indent:-9999px;
	border-bottom: 2px solid #336600;
}


h2
{
	height:14px;
	width:415px;
	margin: 0 0 9px 0;
	_margin: 0 0 3px 0;
	background:url(../images/bg-h2.gif) no-repeat;
	text-indent:-9999px;
}


h2.index { background-position: -2px -21px;}
h2.kremser { background-position: -2px -42px;}
h2.forstbetrieb { background-position: -2px -60px;}
h2.landwirtschaft { background-position: -2px -80px;}
h2.angebote { background-position: -2px -103px;}
h2.unterkuenfte { background-position: -2px -126px;}
h2.informacecesko { background-position: -2px -145px;}
h2.kontakt	{ background-position: -2px -167px;}
h2.anfahrt	{ background-position: -2px -188px;}
h2.impressum	{ background-position: -2px -210px;}
h2.vielendank	{ background-position: -2px -231px;}
h2.fehler	{ background-position: -2px -252px;}
h2.gaestebuch	{ background-position: -2px -2px;}
h2.newsletter	{ background-position: -2px -272px;}


h3.uberschrift
{
font-size:14px;

}

/*
FOOTER
==================================================*/
div#footer {
	float: left;
	width: 960px;
	height: 168px;
	background:url(../images/footer.gif) no-repeat;
	padding: 0 0 0 12px;
	margin: 0 0 20px 0;
	*padding: 0 0 0 12px;
	_margin: 0 0 20px 0;
	*padding: 0 0 0 12px;
	_margin: 0 0 20px 0;
} 

div#footer p {
	margin-top:0px;
	*margin-top:0px;
	_margin-top:0px;
	padding-top:20px;
	color:#FFFFFF;
	padding: 0 0 0px 0;
	width: 350px;
}


div#footer a {
		color:#ffffff;
		text-decoration:underline;
}


div#footer-adresse {
	left: 525px;
	top: -123px;
	width: 279px;
	height: 250px;
	position:relative;
} 


/*
LINKS
==================================================*/
a.escape span,
a.escape {
	color:#333333;
	text-decoration:underline;
}

a.escape:hover span,
a.escape:hover {
	color:#333333;
	text-decoration:none;
}


div#footer a:hover {
		color:#ffffff;
		text-decoration:none;
}

div#footer a.escape span,
div#footer a.escape {
	color:#fff;
	text-decoration:underline;
}

div#footer a.escape:hover span,
div#footer a.escape:hover {
	color:#fff;
	text-decoration:none;
}


/*
CMS
==================================================*/
.uberschrift
{
color:#333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}