/* CSS Document */
*{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:135%;
color:#000}

html,body{
margin:0px;
padding:0px;

height: auto;
height:100%;
min-height: 100%;
text-align:center;
background:url(../images/group/bg-index.gif) no-repeat center top #fff5dc;

}

#container{
position:relative;
width:955px;
margin:auto;
text-align:left;
padding-bottom:20px;
background:none;

}



/* menu left ende */



/* Menu oben */



#menu-oben  {

  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  text-align:right;
  background-color:#FFF;
  padding-top:17px;
  width:955px;
  margin:auto;
  padding-right:42px;


 }
#menu-oben  ul{ margin:0; padding:0;   }
#menu-oben  li {
  padding: 0px; 
  list-style: none;
  margin:0;
}

#menu-oben li {
   
   
   color: #585858;
   text-decoration: none;
     width:100px;
   text-align:center;
   margin:0px;
display: block; float:right;
     }

#menu-oben a:link, #menu-oben a:visited, #menu-oben a {
background-color: #ffffff;
background-image:url(../images/menu-oben-strich.gif);
background-repeat:no-repeat;
background-position:top left;
text-decoration:none;  display: block;
}

#menu-oben  a:hover, #menu-oben  a:focus {
background-color: #A98450;
color: #ffffff;
}


/* Menu */
#links{
width:215px;
float:left;
}



#sprachen{
width:215px;
text-align:center;}

.sprachen-abstand{
padding-left:5px;
margin-top:5px;}

/* Content */

.bild{
padding-left:10px;
padding-bottom:10px;}
#mitte{
width:720px;
margin:0 0 0 215px; padding:0;
}






/* Footer*/

#leer{
clear:both;}
/* */
table ul{ 
	margin:0px; padding:0px;  }
table li { 
	margin-left:20px;
	padding-right:-5px;
	list-style-image:url(../images/li.gif);
	}
table{line-height:135%}

.li { 
	margin-left:20px;
	
	list-style-image:url(../images/li.gif);
	}
#beispiel img, .bildrand{ 	border:4px solid #E9E9E9;}
#beispiel a:hover img{ border:4px solid #A98450}
.netzprospekt th { font-size:13px; color:#A98450;} 



/*menu */
#dropmenudiv{
position:absolute;
font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
display: block;
text-indent: 3px;
padding: 5px 5px 5px 16px ;
text-decoration: none;
color:#A98450;
text-align:left;
background:url(../images/group/topmenubg.gif) 5px center no-repeat #fff;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #A98450;
color:#fff;
}
.formfield{ width:200px; }
form table td{ padding-bottom:3px; }

/* sliding tabs*/

#panes div { overflow: hidden; }
ul#buttons , #buttons li{ margin:0; padding:0; }
#buttons li{ float:left; list-style:none; display:block; padding-right:10px; cursor:pointer; color:#A98450 }
.ref{ display:block; width:300px; background:#fff; text-align:center; height:70px}
#kontakt input, textarea, select{ background-color:#f2e7d8; border:1px solid #A98450 }

#slideshow * { margin: 0; padding: 0; }
#slideshow { 
position: relative; 
margin:auto; 
width:955px; 
height: 604px;}

#slideshow #menu, #slideshow #pictures, #slideshow #loading { position: absolute; }
#slideshow #loading { background: url('../images/loading.gif'); display: block; top: 158px; 
left: 500px; text-indent: -5000px; width: 128px; height: 15px; visibility: hidden; z-index: 5; }
#slideshow #pictures {
	width: 719px;
	height: 555px;
	left: 215px;
	overflow: hidden;
	background-image: url(../images/start/group.jpg);
	
}
#slideshow #pictures li { display: block; position: absolute; top: 0; left:0px; width: 718px; margin:0px; padding:0px;  }
#slideshow #pictures  ul{ margin:0; padding:0;  }
#slideshow #menu {
	list-style-type: none;
	width: 190px;
	height: 207px;
	right: 0;
	margin-top: 118px;
	left:0;
	
}
#slideshow #menu li {
	text-align:left;
	display: block;
	z-index: 1000;
	position: relative;
	color: #fff;
	line-height:18px;
	font-size: 11px;
		padding: 12px 0px 0px 18px;
	}

#slideshow #menu li a {
	
	
	color: #fff;
	line-height: 22px;
	text-decoration:none;
	display:block;
	font-size:14px;
	color:#FFF;

	font-weight:bold;
	border-bottom:1px dotted #fff ;
}
#slideshow #menu li a:hover { color: #fff; }
#slideshow #menu li.current a {  color: #fff; }
#slideshow #menu li.background { background: url('../images/start/arrow.gif') no-repeat 0px 20px;
 position: absolute; font-size: 1px; height: 7px; width: 4px; z-index: 5; }

#flash { position:absolute; left:510px; z-index:3; display:none }