body {
	background: #fff;
	margin: 0;
	padding: 0;
	line-height: 1.3;
	/*color: #666;
	text-align: center; */
	margin-top: 15px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#main {
	margin:0 auto;
	text-align:center;
	width:760px;
}

#content {
	float: left;
	width:760px;
	margin:0 0 0 0;
	padding:20px 40px;
	text-align:left;
/*	background-color: #600;
	color: #eee;
	border:#eee 1px solid;*/
}

#header {
	width:760px;
	margin:0px auto;
	padding:0px;
}


h1 {
	font-size:14px;
	font-weight:bold; 
}

h2{
	font-size:12px;
	font-weight:bold; 
	text-align: left;	
}

#navi {
	text-align: center;
	width:760px;
	margin-bottom:0px;
	border-bottom:#209028 2px solid;
}

.menu {
	font-size:14px;
/*	font-weight:bold; */
	text-align: center;		
	padding:15px 0px;
}

.menu a {
	margin-left:15px;
	margin-right:15px; 
	color:#209028;
	text-decoration: none;
}

.menu a:hover {	
	color:#2f9f2f;
}	
	
.menu ul, .menu li {
	display:inline;
}

a#focus {
	font-weight:bold;
}


a {
	text-decoration:none;
	color:#000;
	/* text-decoration: underline; */
}

a img {
	border:none;
}

#footer {
	padding:0px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	clear: both;
	text-align: center;
	border-top:#209028 2px solid;
}

.clearfloat {
	clear:both;
}

.mittig {
	text-align:justify;
}

/*
	<div id="nav-menu">
	<ul>
	<li><a href="#">Services</a></li>
	<li><a href="#">About us</a></li>
	<li><a href="#">Contact us</a></li>
	</ul>
	</div> 

	<div id="tabsC">
	  <ul>
	    <li><a href="#" title="Link 1"><span>Link 1</span></a></li>
	    <li><a href="#" title="Link 2"><span>Link 2</span></a></li>
	    <li><a href="#" title="Link 3"><span>Link 3</span></a></li>
	    <li><a href="#" title="Longer Link Text"><span>Longer Link Text</span></a></li>

	    <li><a href="#" title="Link 5"><span>Link 5</span></a></li>
	    <li><a href="#" title="Link 6"><span>Link 6</span></a></li>
		<li><a href="#" title="Link 7"><span>Link 7</span></a></li>
	  </ul>
	</div>
*/
#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}

#nav-menu li
{
float: left;
margin: 0 0.15em;
}

#nav-menu li a
{
background: url(background.gif) #fff bottom left repeat-x;
height: 2em;
line-height: 2em;
float: left;
width: 9em;
display: block;
border: 0.1em solid #dcdce9;
color: #0d2474;
text-decoration: none;
text-align: center;
}

/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End hide */

#nav-menu
{
width:30em
} 

	
	
/*- Menu Tabs C--------------------------- */

    #tabsC {
      float:left;
      width:100%;
      background:#EDF7E7;
      font-size:93%;
      line-height:normal;
      }
    #tabsC ul {
	margin:0;
	padding:10px 10px 0 50px;
	list-style:none;
      }
    #tabsC li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsC a {
      float:left;
      background:url("tableftC.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabsC a span {
      float:left;
      display:block;
      background:url("tabrightC.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#464E42;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsC a span {float:none;}
    /* End IE5-Mac hack */
    #tabsC a:hover span {
      color:#FFF;
      }
    #tabsC a:hover {
      background-position:0% -42px;
      }
    #tabsC a:hover span {
      background-position:100% -42px;
      }  




#galerie li
{
list-style-type: none;
float: left;
margin: 0 10px 10px 0;
text-align: center;
font-weight: bold;
position: relative;
}

#galerie img
{
width: 150px;
height: 150px;
display: block;
padding: 3px;
/*border: 1px solid #8B0000;*/
}

#galerie a .gross
{
display: none;
}

#galerie a:hover .gross
{
width: 250px;
height: 250px;
display: block;
position: absolute;
top: -50px;
left: -50px;
z-index: 1;
background: #fff;
}

/*--Spezialangaben für den Internet Explorer 7--*/
*+html #galerie a:hover { z-index: 1;}
*+html #galerie li{position: static;}
*+html #galerie a {position: relative;}

/*--Spezialangaben für den Internet Explorer 6--*/
*html #galerie a:hover {display: block; z-index: 1;}
*html #galerie li{position: static;}
*html #galerie a {position: relative;}