/* CSS Document */

body {
	margin-top:0px; 			
	margin-bottom:0px;
	margin-left:0px;
	background: #fff;
}

img {
behavior: url(thatsit/png-fix/pngbehavior.htc);
}

#container {
	width: 678px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	position: relative;
}

#menu {
	width: 678px;
	height: 130px;
	margin: 0px;
	position: absolute;
	z-index: 11000;
	display: none;
}

.aktuelles {
position: relative;
top: 5px;
left: 10px;
}

#content {
	width: 688px;
	height: auto;
	float: left;
	position: absolute;
	z-index: 200;
	margin-top: 165px;
}

#footer {
	width: 638px;
	position: relative;
	height: 100px;
	background: #ccc;
	float: left;
	display: none;

}

#aktuelles_bild {
   display: none;
   color: #fff;
}

#cat_id {
   display: none;
}

/****************************** Struktur Ebene 1 Ende ******************************************/
#fotogalerie {
width: 678px;
float: left;
position: relative;
height: 508px;
display: none;
}

#inhalt_mitte {
width: 678px;
height: auto;
position: absolute;
background: #ccc;
}


#umfassender_container {
width: 638px;
height: auto;
margin-top: -120px;

position: relative;
float: left;
margin-left: 20px;
display: inline;
}

#button_1 {
display: none;
}

#button_2 {
display: none;
}

#foto_auswaehlen {
background: #e1e1e1;
width: 180px;
height: 30px;
cursor:pointer;
position: absolute;
display: none;
}

#pfeil_links {
float: left;
padding-left: 5px;
display: inline;
}


.textfeld_1 {
width: 558px;
height: auto;
background: #fff;
float: left;
padding: 40px;
padding-top: 20px;
padding-bottom: 20px;
position: relative;
margin-bottom: 20px;
}

.textfeld_2 {
width: 598px;
height: auto;
background: #fff;
float: left;
padding: 20px 0px 20px 40px;
position: relative;
margin-bottom: 20px;
}

.textfeld_5 {
width: 598px;
height: auto;
background: #fff;
float: left;
padding: 0 0 0 40px;
position: relative;
margin-bottom: 20px;
margin-top: -20px;
}

.textfeld_3 {
width: 229px;
height: auto;
background: #fff;
float: left;
padding: 40px;
padding-top: 20px;
padding-bottom: 20px;
position: relative;
margin-bottom: 20px;
margin-left: 20px;
display: inline;
}

.textfeld_4 {
width: 229px;
height: auto;
background: #fff;
float: left;
padding: 40px;
padding-top: 20px;
padding-bottom: 20px;
position: relative;
margin-bottom: 20px;
}


.bild_klein {
width:120px;
height: 89px;

background: #fff;
float: left;
margin-right: 10px; 
margin-bottom: 10px;
}

a.bild_klein:hover {
border: 5px solid #777777;
}

a.bild_klein2:hover {
border: 5px solid #c037ab;
}

a.bild_klein3:hover {
border: 5px solid #9a2222;
}

a.bild_klein4:hover {
border: 5px solid #6ea2a0;
}

a.bild_klein5:hover {
border: 5px solid #684982;
}

a.bild_klein6:hover {
border: 5px solid #7b9242;
}



.bild_gross {
width: auto;
height: auto;
border: 5px solid #ccc;
float: left;
}


#submenu {
   width: 200px;
   margin: 30px 0px 0px 473px;
   position: absolute;
   z-index: 10000;
   display: none;
}

.submenu_1 {
   background: #fa9300;
}

.submenu_2 {
   background: #c037ab;

}

.submenu_3 {
   background: #9a2222;
}

.submenu_4 {
   background: #6ea2a0;
}

.submenu_5 {
   background: #684982;
}

.submenu_6 {
   background: #7b9242;
}

#submenu li {
list-style: none;
}

#submenu ul{
margin-left: 0px;
margin-top: 30px;
padding-left: 0px;
}

#submenu li a{
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 14px;
text-decoration: none;
display: block;
line-height: 24px;
padding-left: 10px;
}

#submenu li a:hover {
background-color: #ccc;
color: #797979;
}

/****************************** Struktur Ebene 2 Ende ******************************************/

h1, .teaser_titel a {
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1.5em;
color: #fa9300;
margin: 0 0 0 0;
display: block;
width: 558px;
height: auto;
background: #fff;
float: left;
padding: 40px;
padding-bottom: 0px;
position: relative;
}

.teaser_titel a {
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
text-decoration: none;
}

.teaser_titel a:hover {
text-decoration: underline;
}

.teaser_datum {
font-family:Arial, Helvetica, sans-serif;
line-height: 1.5em;
color: #7b7b7b;
font-size: 0.7em;
}



i, .teaserNav a {
font-family: Arial, Helvetica, sans-serif;
font-size:0.9em;
font-style: normal;
font-weight:bold;
text-decoration: none;
color: #fff;
width: 80px;
height: 20px;
display: inline;
background: #fb9300;
cursor: pointer;
margin-left: -40px;
padding-left: 40px;
padding-top: 5px;
margin-bottom: -20px;
margin-top: 20px;
float: left;
display: none;
}

i:hover {
background: #ccc;
}

.history_back i {
margin-bottom: 0px;
padding-top: 0px;
}



h3 {
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1.0em;
color: #797979;
margin: 0 0 0 0;
display: block;
width: 558px;
height: auto;
background: #fff;
float: left;
padding: 40px;
padding-bottom: 0px;
padding-top: 10px;
position: relative;
}


h2 {
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
text-align:center;
color: #797979;
margin: 7px 0 0 0;
padding: 0px;
padding-bottom: 7px;
border-bottom: 1px solid #b2b2b2;
}

h4 {
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:0.9em;
text-align:center;
color: #797979;
margin: 0px 0 0 0;
padding: 0px;
padding-top: 7px;
width: 130px;
height: 23px;
float: left;
}


/***************************** Mootools Image Menue Oben ***************************************/
/* Start */
#imageMenu {
	width: 678px;
	height: 135px;
	background: #000;
overflow: hidden;
}



#imageMenu ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 135px;
	width: 1000px;
	list-style-type: none;
  padding: 0px;
	}

#imageMenu ul li {
	float: left;
	list-style-type: none;
}

#imageMenu ul li a {
	background:#fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width:113px;
	height: 135px;
}

#imageMenu ul li.menu_1 a {
	background: url(bilder/button_hg1.gif);
	background-repeat: repeat-x;
	background-color: #fb9300;
	border-right: 1px solid #ccc;
}

#imageMenu ul li.menu_2 a {
	background: url(bilder/button_hg2.gif);
	background-repeat: repeat-x;
	background-color: #c037ab;
	border-right: 1px solid #ccc;
}

#imageMenu ul li.menu_3 a {
	background: url(bilder/button_hg3.gif);
	background-repeat: repeat-x;
	background-color: #9a2222;
	border-right: 1px solid #ccc;
}

#imageMenu ul li.menu_4 a {
	background: url(bilder/button_hg4.gif);
	background-repeat: repeat-x;
	background-color: #6ea2a0;
	border-right: 1px solid #ccc;
}

#imageMenu ul li.menu_5 a {
	background: url(bilder/button_hg5.gif);
	background-repeat: repeat-x;
	background-color: #684982;
	border-right: 1px solid #ccc;
}

#imageMenu ul li.menu_6 a {
	background: url(bilder/button_hg6.gif);
	background-repeat: repeat-x;
	background-color: #7b9242;
}

.clear {
	clear: both;
}

/* Ende */
/***************************** Mootools Image Menue Oben ***************************************/


p {
font-family:Arial, Helvetica, sans-serif;
line-height: 1.5em;
color: #7b7b7b;
font-size: 0.9em;
text-align: justify;
}



/* CSS Document */