body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 auto;
	color: #FFF;
	background-image: url('../images/bg.png');
}

a:link,
a:visited,
a:active
{
    color: #D8CCB6;
    text-decoration: none;
}
   
a:hover
{
	color: #FFF;
}

ul 
{
}

ul li 
{
    margin-bottom: 12px;
}

#site
{
	width: 100%;
	margin: 0 0 10px 0;
}

#main
{
	margin: 0 auto;
	width: 800px;
}

#logo
{
	height: 85px;
	width: 436px;
	background-image: url('../images/logo.png');
}

#banner 
{
	position: absolute;
	top: 85px;
	width: 100%;
	height: 70px;
	background-image: url('../images/banner_bg.png');
	z-index: -1;
}

#banner_menu
{
	position: relative;
	width: 100%;
	height: 70px;
	background-image: url('../images/banner_bg.png');		
}

#menu
{
	position: absolute;
	bottom: 0;
	height: 29px;
}

#menu:after
{
	clear: both;
}

#menu a 
{
	display: block;
	background: url('../images/tab-right.gif') no-repeat scroll right top transparent;
	height: 29px;
    color: #000;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    padding: 0 10px 0 0;
}

#menu a span 
{
    display: block;
    background: url('../images/tab-left.gif') no-repeat scroll left top transparent;
    padding: 7px 0 3px 10px;
    height: 19px;
}

#menu a:hover,
#menu a.active 
{
	background: url('../images/tab-hover-right.gif') no-repeat scroll right top transparent;
	color: #D8CCB6;
}

#menu a:hover span,
#menu a.active span 
{
    background: url('../images/tab-hover-left.gif') no-repeat scroll left top transparent;
}

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

#menu ul li
{
	margin: 0 4px 0 0;
	padding: 0;
	float: left;
}

#footer
{
    height: 36px;
    margin-top: 20px;
    border-top: 1px solid #D8CCB6;
}

#footer:after
{
    clear: both;
}

#footer ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}

#footer ul li
{
    margin: 0;
    padding: 4px;
    float: left;
}


#content
{
	width: 100%;
	clear: both;
}

img#menu_home
{
	width: 120px;
	height: 36px;
	border: 0px;
}

img#menu_erbrecht
{
	width: 103px;
	height: 36px;
	border: 0px;
}	

img#menu_familienrecht
{
	width: 136px;
	height: 36px;
	border: 0px;
}		

img#menu_mietrecht
{
	width: 108px;
	height: 36px;
	border: 0px;
}		

img#menu_verkehrsrecht
{
	width: 159px;
	height: 36px;
	border: 0px;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.clear
{
	display: block;
	font-size: 0;
	line-height: 0;
	clear: both;
}