html { 
  padding:0px;
  margin:0px;
}

body {
padding:0px 0px;
	margin:0px;
	background-attachment : scroll;
	background : #F8A756 fixed;
background:url(pics/hintergr_logo.jpg) fixed;
	background-repeat : no-repeat;
	background-position : center;
	background-color:#F8AB5D;
	font-size: 12px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	color: #006633;

}



iframe.innen{
	height: 630px;
	min-height: 630px;
padding: 0px 0px;
//	float: left;
	width: 850px;
	margin:0px;
background-color:transparent;
/*background : #F8A756 fixed;*/
	text-align: center;
	vertical-align: center;
	overflow: visible;
	
}
/************************ Anfang der hover Effekte ****************/
a{
	color: #009900;
	background:transparent;
	font:14px arial, verdana, helvetica, sans-serif;
	text-decoration:underline;
	font-weight : bold;
}

a:visited{
	color: #339933;
	background:transparent;
}

a:hover, a:active, a:focus{
color: #996600;
background:transparent;}


  #start a {
    background: url(pics/nav1.gif) no-repeat;
    display:block; width:75px; /* Linkbereich begrenzen */
  }
  #start img {
    display:block; width:75px; height:100px; border:0;
  }
  #start a:hover img {
    visibility: hidden;
  }
  #start a:hover { /* Workaround fuer IE 5.5 und 6 */
    border:0;
  }
  * html #start a {
    margin-right:1px;
  }
  * html #start a:hover {
    width:75px; margin-right:0; /* Workaround fuer IE 5.01 */
  }

  #akt a {
    background: url(pics/nav2.gif) no-repeat;
    display:block; width:75px; /* Linkbereich begrenzen */
  }
  #akt img {
    display:block; width:75px; height:100px; border:0;
  }
  #akt a:hover img {
    visibility: hidden;
  }
  #akt a:hover { /* Workaround fuer IE 5.5 und 6 */
    border:0;
  }
  * html #akt a {
    margin-right:1px;
  }
  * html #akt a:hover {
    width:75px; margin-right:0; /* Workaround fuer IE 5.01 */
  }

#wir a {
    background: url(pics/nav3.gif) no-repeat;
    display:block; width:119px; /* Linkbereich begrenzen */
  }
  #wir img {
    display:block; width:119px; height:100px; border:0;
  }
  #wir a:hover img {
    visibility: hidden;
  }
  #wir a:hover { /* Workaround fuer IE 5.5 und 6 */
    border:0;
  }
  * html #wir a {
    margin-right:1px;
  }
  * html #wir a:hover {
    width:119px; margin-right:0; /* Workaround fuer IE 5.01 */
  }


#prod a {
    background: url(pics/nav4.gif) no-repeat;
    display:block; width:69px; /* Linkbereich begrenzen */
  }
  #prod img {
    display:block; width:69px; height:100px; border:0;
  }
  #prod a:hover img {
    visibility: hidden;
  }
  #prod a:hover { /* Workaround fuer IE 5.5 und 6 */
    border:0;
  }
  * html #prodt a {
    margin-right:1px;
  }
  * html #prod a:hover {
    width:69px; margin-right:0; /* Workaround fuer IE 5.01 */
  }
  
  
  #link a {
    background: url(pics/nav7.gif) no-repeat;
    display:block; width:92px; /* Linkbereich begrenzen */
  }
  #link img {
    display:block; width:92px; height:100px; border:0;
  }
  #link a:hover img {
    visibility: hidden;
  }
  #link a:hover { /* Workaround fuer IE 5.5 und 6 */
    border:0;
  }
  * html #link a {
    margin-right:1px;
  }
  * html #link a:hover {
    width:69px; margin-right:0; /* Workaround fuer IE 5.01 */
  }
  
  #fewo a {
    background: url(pics/nav8.gif) no-repeat;
    display:block; width:56px; /* Linkbereich begrenzen */
  }
  #fewo img {
    display:block; width:56px; height:100px; border:0;
  }
  #fewo a:hover img {
    visibility: hidden;
  }
  #fewo a:hover { /* Workaround fuer IE 5.5 und 6 */
    border:0;
  }
  * html #fewo a {
    margin-right:1px;
  }
  * html #fewo a:hover {
    width:69px; margin-right:0; /* Workaround fuer IE 5.01 */
  }
  
  
  
  
#imp a {
    background: url(pics/nav6.gif) no-repeat;
    display:block; width:75px; /* Linkbereich begrenzen */
  }
  #imp img {
    display:block; width:75px; height:100px; border:0;
  }
  #imp a:hover img {
    visibility: hidden;
  }
  #imp a:hover { /* Workaround fuer IE 5.5 und 6 */
    border:0;
  }
  * html #imp a {
    margin-right:1px;
  }
  * html #imp a:hover {
    width:75px; margin-right:0; /* Workaround fuer IE 5.01 */
  }
#gal a {
    background: url(pics/nav5.gif) no-repeat;
    display:block; width:103px; /* Linkbereich begrenzen */
  }
  #gal img {
    display:block; width:103px; height:100px; border:0;
  }
  #gal a:hover img {
    visibility: hidden;
  }
  #gal a:hover { /* Workaround fuer IE 5.5 und 6 */
    border:0;
  }
  * html #gal a {
    margin-right:1px;
  }
  * html #gal a:hover {
    width:103px; margin-right:0; /* Workaround fuer IE 5.01 */
  }

/*************************** Ende der hover Effekte **************************/


h1 {
	font-size: 11px;
	border-top:1px solid #339933;
	border-bottom:1px solid #339933;
	padding:5px 15px;
	margin:0px;
	/*background-color : #E47100; ++++ das dunkle Orange der Töpferei*/
}

h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

img.download {vertical-align:middle;}


/* ----------container zentriert das layout-------------- */
#container {

	width: 900px;
	margin-top: 10px;
	margin-bottom:10px;
	background:transparent;

	border-left: 1px solid #339933;
	border-right: 1px solid #339933;
	border-top: 1px solid #339933;
	/*margin-bottom: 10px;*/
	margin-left: auto;
	margin-right: auto;
	overflow: visible;
	
}

/* ----------banner for logo-------------- */
#banner {

background:transparent;
	text-align: center;
	//padding: 0px;
	//margin: 0px;
overflow: visible;
}


/* -----------------Inhalt--------------------- */

.inner{
	
	margin:auto;
	padding-top:15px;
	height:730px;
	min-height:700px;
	}

p, pre{
padding: 10px 10px;
margin:0px;
text-decoration: underline;
}


/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0px;
padding: 0px;
text-align: right;
background:transparent;

 }

/*--------------schriften----------------*/
.schrif{
	color: #006633;
	font-family : cursive, helvetica, sans-serif;
	font-weight : normal;
	font-size : 18px;
}
.schrifbig{
	color:  #006633;
	font-family : cursive, helvetica, sans-serif;
	font-weight : bolder;
	font-size : x-large;
}
.schrifnorm{
	color:  #006633;
	font-family : cursive, helvetica, sans-serif;
	font-weight : normal;
	font-size : medium;
}
.schrifund{
	color: #006633;
	font-family : cursive, helvetica, sans-serif;
	font-weight : normal;
	font-size : 18px;
	text-decoration : underline;
}
.schrifhervor{
	color: #006633;
	font-family : cursive, helvetica, sans-serif;
	font-weight : bold;
	font-size : 18px;
}
.schrifcol{
		color: #996600;
	background:transparent;
	font:14px arial, verdana, helvetica, sans-serif;
	text-decoration:underline;
	font-weight : bold;
}