/* Einstieg in TYPO3 Beispielprojekt            */
/* Copyright 2006 Frank Bongers, Andreas Stöckl */


body 	{	margin:0px;
			  font-size:0.8em;
			  min-width: 40em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
			}
			
h1 		{
	font-size: 1.5em;
}
			 			
h2 		{ font-size: 1.3em;
			 }	
			 			
h3 		{ font-size: 1.1em;
			 }	
			 
th,td {
	font-size: 0.8em
}			 
			 
.mini 	{  	font-size: 0.8em;
			}	
				
.formular {	border: solid 1px #666666;

}

			
/***********************************************/
/* Layout Divs                                 */
/***********************************************/				 			

div#header {
	width: 100%;
	background-color: #359445;
	background-image: url(header_bg.jpg);
	border-bottom: 1px solid #fff
}
			
			
			
div#headergrafik {
	height: 103px;
	width: 100%;
	background-image: url('banner.jpg');
	background-repeat: no-repeat;
}	
			
div#breadcrumb {
	/*width: 100%;*/
	margin: 0;
	font-size: 0.8em;
	color: #fff;
	padding-left: 21em;
	padding-bottom: 1em;
	background-color: #359445;
	/*background-image: url(breadcrumb_bg.jpg);*/
   border-bottom: 1px solid #fff;
}
			
div#breadcrumb	a {
	color: #fff;
}		
		
div#search {
	float:left;
	padding-left:1em;
	width:20em;
	font-size:0.85em;
	font-weight:bold;
	color:#666666;
}
			
div#pfad {
			font-size:0.8em;
			color: #666666;
			}

div#navcontainer 	{
	float: left;
	width: 14em;
/*	background-color: #dddddd;*/
}	


div#inhalt {
	margin-left: 14em;
	margin-right: 18em;
	background-color: #ffffff;
	padding: 10px 10px 10px 10px;
}

div#inhalt img {	border:1px solid #666666;}

div#spalte_rechts {
	float: right;
	width: 16em;
/*	background-color: #dddddd;*/
	padding: 1em 1em 1em 1em
}

/* Navigation */



#navcontainer {
	margin: 0;
}

#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
}

#navcontainer li { margin: 0; }

#navcontainer a
{
	display: block;
	padding: 5px 10px;
	width: 140px;
	color: #000;
	background-color: #669966;
	text-decoration: none;
	/*border-top: 1px solid #fff;*/
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	font-weight: bold;
	font-size: .8em;
	background-position: 0 0;
	background-image: url(nav_bg.jpg);
	background-repeat: no-repeat;
}

#navcontainer a:hover
{
	color: #000;
	background-color: #669966;
	text-decoration: none;
	/*border-top: 1px solid #333;*/
	border-left: 1px solid #333;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	background-position: 0 0;
	background-image: url(navh_bg.jpg);
	background-repeat: no-repeat;
}

#navcontainer ul ul li { margin: 0; }

#navcontainer ul ul a
{
	display: block;
	padding: 5px 5px 5px 30px;
	width: 125px;
	color: #000;
	background-color: #99CC99;
	text-decoration: none;
	font-weight: normal;
	background-image: url(navsub_bg.jpg);
	background-repeat: no-repeat;
}

#navcontainer ul ul a:hover
{
	color: #000;
	background-color: #99CC99;
	text-decoration: none;
	background-image: url(navsubh_bg.jpg);
	background-repeat: no-repeat;
}

/* Navigation Ende */


#kontakt  {	list-style-type:none;
			margin:2em 0;
			padding:0;
			}
			
#kontakt li {padding-left:2.5em;
			 margin-bottom:1em;
			 }	

#kontakt li a { display:block; width:14em;
				padding:0.2em 0.5em;
				font-size:0.8em;
				color:#666666;
			}
			
#footer {	clear:both;
			width:77%; 
			border-top:1px solid #666666;
			font-size:0.8em;
			padding:1em 1em 0em 21em;
			}
			
/* Schrift */

body 	{font-family:verdana,sans-serif;}			
			
/* Farben */

body 	{
	/*color: #333333;*/
	color: #000000;
	background-color: #92B18F;
}

h1, h2, h3, h4, h5 {
	color: #336633;
}

#pfad	a {color: #666666;}	
			
#footer	a {color: #666666;}			

.gruen 	{  	font-weight: bold; 
			color: #369345;
			}


.grau 	{ 	font-weight: bold; 
			color: #666666;
			}
			
.illu 	{	border:1px solid #666666;
			width:12em;
		}

/* Formular */

input       {
	border-color: #336633;
	border-style:solid;
	color: #336633;
	background-color : #FFF;
}

input.send       {
	border-color: #92B18F;
	border-style:solid;
	background-color : #92B18F;
	color: #336633;
}

select      {
	border-color: #336633;
	font-family: arial;
	color: #336633;
	background-color : #92B18F;
}
textarea    {
	background-color : #92B18F;
	border-color: #336633;
	font-family: arial;
	font-size: 10pt;
	color: #336633;
}

label { 
  text-align:left;
  font-size:0.8em;
  color: #369345;
}

/*******************************************
* Styles für tt_news
********************************************/
.tx-ttnews-browsebox {
	text-align:center;
	padding:0;
	margin:1.2em 0 1em 0;
  padding:1px;
  border:1px solid #ccd;
  background:#f0f0f4;
}
.tx-ttnews-browsebox a, .tx-ttnews-browsebox strong {
  color:#369345;
	padding: 0 0.4em 0.4em 0;
	margin:0;
	background:transparent;
}

/* LATEST Ansicht */
.news-latest-item {
	margin-bottom: 1em;
	font-size: xx-small;
}
.news-latest-item h3 {
	padding-top: 0;
}
.news-latest-item h3 a { text-decoration:underline; color:#336699;}
.news-latest-item h3 a:hover { background:transparent; }
.news-latest-item img {
	padding-right: 1em;
	padding-top: 0.5em;
	float: left;
}
.news-latest-morelink {
  color:#336699;
  padding:1px;
  border:1px solid #ccd;
  background:#f0f0f4;
	text-align:center;
}

.news-latest-morelink a { text-decoration:underline; color:#336699;}

.news-latest-date a { text-decoration:underline; color:#336699;}

/* LIST Ansicht */
.news-list-item {
	margin-bottom: 1em;
}
.news-list-item h3 {
	padding-top: 0;
}
.news-list-item h3 a { text-decoration:underline; color:#336699;}
.news-list-item h3 a:hover { background:transparent; }
.news-list-item h3 span.news-list-date {
	color: #aaa;
	font-weight: normal;
}
.news-list-morelink {
  color:#9AA0C6;
  padding:1px;
  border:1px solid #ccd;
  background:#f0f0f4;
	text-align:center;
}
.news-list-morelink a { color: #336699;}
.news-list-morelink a:hover { background: transparent; }

/* SINGLE Ansicht */
.news-single-item h3 {
	margin-bottom: 1em;
	margin-top: 1em;
	color: #000;
	padding: 0.5em;
	background: #f0f0f4;
	border-left: 8px #E0E7F5 solid;
}
.news-single-img {
	padding-right:15px;
	float:left;
}
.news-single-img p {
	padding:0;
	margin:0;
}
.news-single-timedata {
	color: #aaa;
	margin-bottom: 1em;
}
.news-list-category {
	color: #aaa;
}
.news-single-additional-info {
}
.news-single-additional-info dd {
	margin-top: -1em;
}
.news-single-additional-info dt {
	margin-bottom: 1.4em;
	color: #aaa;
}

.news-single-backlink a { text-decoration:none; color:#336699;}

/*******************************************
* Styles für ve_guestbook
********************************************/


.tx-veguestbook-pi1 {
	   /* width:50% */
	   border: medium solid #359445;
	   /* border-color: #FF0000; */
	   /* border-style: dotted; */
	   /* border-color: #359445; */
	   /* border: thin solid #359445; */
     font-size:100%;
     /* background:#ccc */ 
     background: #FFF
 }

   /* error handling */
	.tx-veguestbook-pi1 p.tx-guestbook-form-error {
		font-weight:bold;
		color:#990000;
	}
	
	/* display of result count */
	.tx-veguestbook-pi1 .tx-guestbook-result {
		font-weight:bold;
		float:left;
		background:#ccc
	}
	
	/* pagination */
	.tx-veguestbook-pi1 .tx-guestbook-pagination {
		font-size:75%;
		font-weight:bold;
		float:right;
	}
	
	/* styles for list mode */
	.tx-veguestbook-pi1 h2.tx-guestbook-header {
		clear:both;
		background:#359445;
		color:#FFF;
		display:block;
		font-size:100%;
		font-weight:bold;
		padding: 1em;
		width: 35em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-left {
		float:left;
		width:12em;
		background:#EFEFEF;
		min-height:4em;
		padding: 1em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-left {
		height:4em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-left p {
		color:#333;
	}
 
	.tx-veguestbook-pi1 .tx-guestbook-right {
		float:left;
		width:21em;
		background:#FFF;
		padding: 1em;
	}
	
	/* styles for latest mode */
	.tx-veguestbook-pi1 .tx-guestbook-latest p,
	.tx-veguestbook-pi1 .tx-guestbook-right p {
		color:#333;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-latest p.tx-guestbook-date,
	.tx-veguestbook-pi1 .tx-guestbook-right p.tx-guestbook-date {
        font-weight: bold;
        color: #336633
	}
 
	.tx-veguestbook-pi1 .tx-guestbook-right h3 {
		font-size:100%;
		color:#990000;
		font-weight:bold;
		background:none;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-right .tx-guestbook-comment {
		font-size:75%;
		color:#333;
		font-style: italic;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-latest {
		display:block;
		padding:0.25em;
		clear:both;
	}
	
	/* form styles */
	.tx-veguestbook-pi1 .tx-guestbook-field {
		color: #000000;
		clear:both;
		width:100%;
		display:block;
		padding: 1em 0;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-field label {
		clear: both;
		display: block;
		float: left;
		width: 10em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-med {
		float:left;
		width:10em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-big {
		float:left;
		width:20em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-field textarea.tx-guestbook-form-textarea {
		width: 30em;
		display: block;
		float: left;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-field span.tx-guestbook-form-obligationfield {
		color:#990000;
	}
	
	.tx-veguestbook-pi1 fieldset {
		border:none;
	}
	
	.tx-veguestbook-pi1 legend {
		display:none;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap {
		float:left;
		display:block;
		background:#F7F7F7;
		border:1px solid #CCC;
	}
 
	.tx-veguestbook-pi1 .tx-guestbook-freecap {
		margin-left:2.25em;
	}
 
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap img {
		float:left;
		display:block;
		padding-left:0.25em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap input {
		float:left;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap label {
		clear:both;
		display:block;
		float:none;
		width:10em;
		margin-bottom:0.5em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap p {
		font-size:75%;
		padding:0.25em;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap h3 {
		display:none;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-freecap span.tx-srfreecap-pi2-cant-read {
		color:#990000;
	}
	
	.tx-veguestbook-pi1 .tx-guestbook-clear {
		clear:both;
		display:block;
	}
	
	.tx-veguestbook-pi1 input.tx-guestbook-submit {
		width:auto;
		display:block;
	}
  )


/*******************************************
* Styles für ve_guestbook - ENDE
********************************************/



/*******************************************
* sonstiges
********************************************/


#lightbox {
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#lightbox a img { 
	border: none; 
}

#outerImageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#imageContainer {
	padding: 10px;
}

#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#imageContainer>#hoverNav { 
	left: 0;
}

#hoverNav a { 
	outline: none;
}

#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}

#prevLink { 
	left: 0; 
	float: left;
}

#nextLink { 
	right: 0; 
	float: right;
}

#prevLink:hover, #prevLink:visited:hover { 
	background: url(../images/prevlabel.gif) left 15% no-repeat; 
}

#nextLink:hover, #nextLink:visited:hover { 
	background: url(../images/nextlabel.gif) right 15% no-repeat; 
}

#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
}

#imageData {
	padding:0 10px;
}

#imageData #imageDetails { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	

#imageData #caption { 
	font-weight: bold;	
}

#imageData #numberDisplay {
 	display: block; 
 	clear: left; 
 	padding-bottom: 1.0em;	
}	
		
/*#imageData #bottomNavClose { 
	width: 66px; 
	float: right;  
	padding-bottom: 0.7em;	
}	*/
	
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	/*background-color: #ff0000;*/
	filter:alpha(opacity=50);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
	
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* html>body .clearfix {
	display: inline;
	width: 100%;
}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}