/* reset styles */
/*--------------*/

* { margin:0; padding: 0 }

/* Fix: margin/padding reset causes too small select boxes */
option { padding-left: 0.4em }

/* Global fix of the Italics bugs in IE 5.x and IE 6 */
* html body * { overflow:visible; }
* html iframe { overflow:auto; }

/* Forcing vertical scrollbars in Netscape, Safari */
/*ATTENTION: might cause problems with permanent horizontal scroll-bar; in this case set brder to 0px*/
html { height: 100%;  margin-bottom: 0px;}
  
body {
	/* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */
	font-size: 100.01%;
	font-family: inherit;
}

/* no borders for <fieldset> and <img> */
fieldset, img { border: 0 solid; }

/* reset lists, blockquote and cite */
ul, ol, dl { margin: 0 0 1em 1em }
li { margin-left: 1.5em; line-height: 1.5em; }

dt { font-weight: bold; }
dd { margin: 0 0 1em 2em; }

blockquote { margin: .5em 0 .8em 1.5em; }

/*------------------------------------------------------------------------------------------------------*/





/* basic:  page-margins, fonts*/
/*--------------------------------------*/

body {
	text-align: left;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	line-height: 1.2em;
	color: #777;
	background-color: #e6e6e6;
	font-size: 62.5%; /* at standard browser font-size equals 10px serving as evaluation basis*/
}



#page {
position: relative;
margin: 90px 0px 0px 95px;
}


a#top {display:block; width: 1px; height: 0px; overflow: hidden;} /* link target 'top' */




/* structure */
/*-----------*/

 h1 {
	position: absolute;
	z-index: 10;
	top: -18px; left: 18px;
	width: 126px; height: 30px;
	background: url(../img/agroart.gif) top left no-repeat;
	text-indent: -999em;/* Phark IR*/
}

#agroart h1{ background-image:url(../img/agroart_start.gif); }

#navigation {
	position: relative;
	z-index: 1;
	width: 270px; height: 275px;
	background: url(../img/gra_nav.gif) #b3b3b3 top left no-repeat;
	font-size: 1.1em;
}

#agroart #navigation{ background-image:url(../img/gra_nav_start.gif); }


#navigation a {
	color: #fff;
	text-decoration:none;
}

#navigation a:hover {
	color: #ddd;
}

/* main navigation */
/*------------*/
ul#mainnav {
	margin: 0; padding:5px 5px 0 0;
	text-align: right;
	list-style:none;
}

ul#mainnav li {
	padding-bottom: 1px;
}

ul#subnav {
	position:absolute;
	bottom: 60px; right: 0px;
	width: 190px;
	margin: 0; padding:5px 0 0 0;
	border-top: 1px solid #999;
	text-align: right;
	list-style:none;
}

ul#subnav li {
	padding-right: 5px;
	padding-bottom: 1px;
}

#navigation ul li.act a {
	color: #a53;
}




ul#pagenav {
	position: absolute;
	bottom: -28px; left:115px;
	margin: 0; padding:0;
	list-style:none;
}

 ul#pagenav li {
	float: left;
	width: 17px; height:15px;
	margin: 0 5px 0 0;
}

 ul#pagenav li a {
	 width: 17px; height:15px;
	 display:block;
}



ul#pagenav li.prev, ul#pagenav li.prev a:hover {
	background: url(../img/nav_prev.gif)  0px 0px no-repeat;	 
}
 
ul#pagenav li.pics, ul#pagenav li.pics a:hover {
	background: url(../img/nav_pics.gif)  0px 0px no-repeat;	 
}
 
ul#pagenav li.next, ul#pagenav li.next a:hover{
	background: url(../img/nav_next.gif) 0px 0px no-repeat;	 
}
 
ul#pagenav li.prev a:hover, ul#pagenav li.pics a:hover, ul#pagenav li.next a:hover {
	background-position: 0px -20px;
}

ul#pagenav li.deact {
	 background-position: 0px -40px;
}

ul#pagenav li span {
	display:none;
}

/* content */
/*------------*/

#content {
	position: absolute;
	top: 0px; left:270px;
	width: 900px;
	z-index: 30;
	padding-bottom: 60px;
	font-size: 1.2em;
	line-height: 1.5em;
}

#contentoverview {
	position: absolute;
	top: 0px; left:270px;
	width: 500px;
	z-index: 30;
}

/* nötiger Container, um im IE z.B. unter Kontakt ein Bild aus dem Bereich des#content-Containers heraus zu schieben; der Container dient als Bezugspunkt, das eingebettete Bild wird abosult positioniert; im HTML-Code muss dem Container per style eine konkrete Höhe zugewiesen werden (die des Bildes) */
div.bildcontiebugfix {
	position:relative;
}

div.bildcontiebugfix img {
	position:absolute;
	z-index:40;
}

dl.bild {
	margin:0; padding:0;
	float: left;
}

/* Cursor definieren */

dl.bild a {
	cursor: url(img/cursor_next.cur),e-resize;
}

dl.bild a img, dl.bild img {
	border: 0;
	outline: 0;
}


dl.bild dd span.bildtitel {
	position:absolute;
	top: 242px;
	left: -195px;
	width: 190px;
	z-index: 31;
	padding: 5px 5px 0 0; margin: 0;
	font-size:0.9em;
	text-align:right;
	border-top: 1px solid #999;
	color: #777;
}

dl.bild dd span.bildnummer {
	position:absolute;
	top: 242px;
	left: -240px;
	width: 30px;
	z-index: 31;
	padding: 5px 0 0 0; margin: 0;
	font-size:0.9em;
	text-align:left;
	color: #777;
	font-size: 9px;
}

#bildtext {
	float: left;
	width: 400px;
}

.bildtextrechts {
	padding-left: 4px;
}
.bildtextunten {
	clear: left;
	float: none;
	padding: 0px 0px 30px 0px;
}






/* Übersichtsseite */
ul#overview {
	width: 500px;
	list-style:none;
	margin:0; padding:0;
}
ul#overview li {
    display: -moz-inline-box; /* Firefox kleiner 3 */
    display: inline-block; /* kompatible Browser */
    margin: 0; padding: 0 5px 5px 0;
    vertical-align: top;
	line-height: 0px; /*verhindert vertikalen Abstand bei Bildern*/
	font-size: 0px; /*dito, zusätzlich nötig bei IE*/
}


ul#overview li.vbottom {
	vertical-align: bottom;
}

ul#overview li div {/* stabilisiert Firefox kleiner 3 */
    display: table;
	margin:0; padding:0;
}

ul#overview li div div {
    display: block;
	margin:0; padding:0;
}

ul#overview img {
	border: 0;
	margin:0; padding:0;
	vertical-align:baseline;
}

ul#overview img.act {
	outline: 2px solid #930;

}


ul#overview a:hover img {
	outline: 1px solid #a53;
}


/* content auf den diversen Seiten */


h2 {
	margin: 0;
	padding: 15px 5px 5px 5px;
	font-size: 1.5em;
	font-weight: normal;
}

h3 {
	margin: 0;
	padding: 15px 5px 5px 5px;
	font-size: 1.3em;
	font-weight: normal;
}

h4 {
	margin: 0;
	padding: 15px 5px 0px 5px;
	font-size: 1.1em;
	font-weight: bold;
}



p {
	padding: 8px 5px;
	/*font-size: 1.2em;
	line-height: 1.5em;*/
}

a.intlink {
	padding-left:18px;
	background: url(../img/intlink_ic.gif) 0% 50% no-repeat;
	text-decoration:none;
	color:#a53;
}


.lyrik {
	padding: 5px 5px;
	font-size: 1.1em;
	/*line-height: 1.5em;*/
}

.lyrikcw {
	font-size: 1.2em;
	font-family:"Times New Roman", Times, serif;
	padding:10px 0px 10px 25px;
}

.lyrikcw p {
	padding:5px 0;
}

blockquote {
	margin:0;
	padding: 0;
}

span.laquo {
	font-size: 1.1em;
	padding-right:3px;
}

span.raquo {
	font-size: 1.1em;
	padding-left:3px;
}

cite, p.autor {
	padding: 3px 5px 10px 5px;
	font-style:oblique;
	/*font-size: 1.2em;
	line-height: 1.5em;*/
}



.scheune-rowleft {
	width: 307px;
}

.scheune-rowright {
	width: 299px;
}


.konzept {
	width: 792px; height:500px;
	background: url(../img/konzept_hg.jpg) top right no-repeat;
	overflow:visible;
}

.konzept div {
	margin-right:420px;
	padding-top: 95px;
}

.floatleft {
	float: left;
}

.kontaktrow {
	float: left;
	width: 322px;
	margin-left: 5px;
}

p.adresse {
	padding:2px 5px;
}

p.besuch {
	padding:5px 5px;
	margin: 22px 0px 40px 0px;
	border-top: 1px solid #930;
	border-bottom: 1px solid #930;

}

.marginal {
	font-size:0.8em;
}

a {
	text-decoration:none;
	color:#a53;
}

a:hover {
	color:#930;
}

.paddtop30 {padding-top:30px;}
.paddtop50 {padding-top:50px;}
.margtopm50 {margin-top: -50px;}
.width400 {width: 400px;}
.width500 {width: 500px;}

/*Bugfix füe IE 3pix-Jog-Bug;*/
img.fix3pxjogbug {margin-left: -3px;}


/* Ausstellung */
#ausstellungbut {
	position: absolute;
	top: 220px; left:-105px;
	width: 151px; height: 79px;
	z-index: 50;
}

#ausstellungbut div {
	background: url(../img/ausstellung.png) top left no-repeat;
}

#ausstellungbut div a {
	display: block;
	width: 151px; height: 79px;
}

#ausstellungbut div a span {
	display:none;
}

#ausstellung {
	width: 376px;
	background: #fff;
	display: none;
}

.contentausstellung {
	padding: 5px;
}

.ind {padding-left: 30px;}
.zeiten {
	padding: 0 5px;
	border-left: 5px solid #930;
	margin: 10px 0 10px 3px;
}
.vernissage {
	border-top: 1px solid #930;
	border-bottom: 1px solid #930;
	padding: 3px;
}