* {
margin: 0;
padding: 0;
font-size: 100%;
}

body {
font: normal 15px/24px Arial, Helvetica, sans-serif;
color: #653d1d;
background-color:#E9E9E9;
}

.hide {
visibility:hidden; display:none;
}

#wrapper {
width: 963px;
margin: 206px auto;
}

#wrapper a:link,
#wrapper a:visited {
color: #653d1d;	
text-decoration: none;
}

#header{
}

#main {
float: left;
background-image: url(newImages/homepage-2009.png);
width: 963px;
height: 332px;
overflow: hidden;
}

#wrapperMain{
width: 1023px;
margin: 0px auto auto auto;
}

#wrapperMain a:link,
#wrapperMain a:visited {
color: #653d1d;
text-decoration: none;
}

#menubar {
float: left;
background: url(newImages/menubar.png) -1px -1px no-repeat;
width: 1023px;
height: 159px;
overflow: hidden;
}

p.content {
  font-family: Arial, Helvetica, sans-serif;
  padding-bottom: 1em;
  font-size: 0.8em;
  line-height: 1.5em;
}

.emphasis {
  font-size: 1.1em;
  font-weight: bold;
}

a.menuWir {
	 background:#fff url(newImages/menu-left.png) 0 0 no-repeat;
     display:block;
     height:24px;
     width:200px;
     text-indent:-9999px;
     overflow:hidden;
}

a.menuHistorie {
	 background:#fff url(newImages/menu-left.png) 0 -24px no-repeat;
     display:block;
     height:24px;
     width:200px;
     text-indent:-9999px;
     overflow:hidden;
}

a.menuWeg {
	 background:#fff url(newImages/menu-left.png) 0 -49px no-repeat;
     display:block;
     height:24px;
     width:200px;
     text-indent:-9999px;
     overflow:hidden;
}

a.menuAndrea {
	 background:#fff url(newImages/menu-mid.png) 0 0 no-repeat;
     display:block;
     height:72px;
     width:73px;
     text-indent:-9999px;
     overflow:hidden;
}

a.menuJonas {
	 background:#fff url(newImages/menu-mid.png) -211px -1px no-repeat;
     display:block;
     height:72px;
     width:91px;
     text-indent:-9999px;
     overflow:hidden;
}

a.menuStefan {
	 background:#fff url(newImages/menu-mid.png) -420px 0px no-repeat;
     display:block;
     height:72px;
     width:69px;
     text-indent:-9999px;
     overflow:hidden;
}

a.menuAgiles {
	 background:#fff url(newImages/menu-right.png) 0 0 no-repeat;
     display:block;
     height:24px;
     width:200px;
     text-indent:-9999px;
     overflow:hidden;
}

a.menuLinks {
	 background:#fff url(newImages/menu-right.png) 0 -24px no-repeat;
     display:block;
     height:24px;
     width:200px;
     text-indent:-9999px;
     overflow:hidden;
}

a.menuKontakt {
	 background:#fff url(newImages/menu-right.png) 0 -49px no-repeat;
     display:block;
     height:24px;
     width:200px;
     text-indent:-9999px;
     overflow:hidden;
}

#pic {
	 float: left;
	 margin-top: 20px;
	 margin-left:30px;
}

#jonasMenu {
	 float:right;
  	 background:#fff url(newImages/menu-jonas.png) 0 0 no-repeat;
	 width: 251px;
	 height: 159px;
     display:block;
	 margin-top: 19px;
	 margin-right: 30px;
}

#andreaMenu {
	 float:right;
  	 background:#fff url(newImages/menu-andrea.png) 0 0 no-repeat;
	 width: 251px;
	 height: 159px;
     display:block;
	 margin-top: 20px;
	 margin-right: 30px;
}

#stefanMenu {
	 float:right;
  	 background:#fff url(newImages/menu-stefan.png) 0 0 no-repeat;
	 width: 251px;
	 height: 159px;
     display:block;
	 margin-top: 19px;
	 margin-right: 29px;
}

a.menuMama {
	 background:#fff url(newImages/menu-jonas.png) -27px -25px no-repeat;
     display:block;
     height:24px;
     width:200px;
     text-indent:-9999px;
     overflow:hidden;
}

a.menuGalerie {
	 background:#fff url(newImages/menu-jonas.png) -27px -59px no-repeat;
     display:block;
     height:24px;
     width:200px;
     text-indent:-9999px;
     overflow:hidden;
}

a.menuPapa {
	 background:#fff url(newImages/menu-jonas.png) -27px -95px no-repeat;
     display:block;
     height:24px;
     width:200px;
     text-indent:-9999px;
     overflow:hidden;
}

a.menuAndreaJonas{
	 background:#fff url(newImages/menu-andrea.png) -27px -95px no-repeat;
     display:block;
     height:24px;
     width:200px;
     text-indent:-9999px;
     overflow:hidden;
}

a.menuStefanJonas{
	 background:#fff url(newImages/menu-stefan.png) -27px -25px no-repeat;
     display:block;
     height:24px;
     width:200px;
     text-indent:-9999px;
     overflow:hidden;
}

#familyContent {
	float: left;
	margin-top: 20px;
	margin-left: 10px;
	padding: 5px;
	width: 510px;
	height: 1200px;
	overflow: auto;
}

#mailContent {
	float: left;
	margin-top: 15px;
	margin-left: 15px;
	padding: 5px;
	width: 510px;
	height: 1200px;
	overflow: auto;
}

#wegContent {
	float: left;
	margin-top: 15px;
	margin-left: 10px;
	padding: 5px;
	width: 510px;
	height: 1200px;
	overflow: auto;
}

#wegContent li.active a:link,
#wegContent li.active a:visited {
color: #fff;
}

#wegContent li {
list-style: none;

margin-right: 10px;
position: relative;
padding: 0px 10px 3px 20px;
background: url(newImages/arrow-brown.gif) 3px 5px no-repeat;
}

#familyContent li.active a:link,
#familyContent li.active a:visited {
color: #fff;
}

#familyContent li {
list-style: none;

margin-right: 10px;
position: relative;
padding: 0px 10px 3px 20px;
background: url(newImages/arrow-brown.gif) 3px 5px no-repeat;
}

#galleryContent {
	float: left;
	margin-top: 20px;
	margin-left: 10px;
	padding: 5px;
	width: 510px;
	height: 1200px;
	overflow: auto;
}

#footer {
clear: both;
}

.galleria{width:500px}
.galleryExt  {
  width: 300px;
}

.ui-accordion .ui-accordion-header a {
	display:block;
	font-size:0.8em;
	padding:0.1em 0.1em 0.1em 2.2em;
}

.ui-accordion .ui-accordion-content  {
	padding-bottom:0;
	padding-left:20px;
	padding-right:4px;
	padding-top:4px;
}

#accordion div  a {
    font-size: 0.8em;
}

#accordion div  li{
    list-style: none;
	margin-top:-8px;
	margin-left:-10px;
}

.caption {
width: 29em;
display: block;
}