html, body
{
    width:100%;
    height:100%;
    margin: 0;
    border: 0;
    padding: 0;
    font-family: 'Open Sans', Verdana, Arial, Helvetica;
	font-size: 100%;
	overflow:auto;
	background-color:#FFFFFF;
}
a
{
	color:#006625;
	text-decoration:underline;
}
a:hover
{
	color:#000000;
	text-decoration:none;
}
#wrapper
{
	width:100%;
	height:100%;
	position:absolute;
}
#top-top
{
	width:100%;
	height:30px;
	float:left;
}
#top
{
	width:960px;
	height:141px;
	position:relative;
	left:50%;
	margin-left:-480px;
	float:left;
}
#top-left-top
{
	width:698px;
	height:57px;
	float:left;
}
#top-logo
{
	width:262px;
	height:57px;
	float:left;
	background-image:url(logo_frei.png);
}
#top-left-bottom
{
	width:760px;
	height:54px;
	float:left;
}
#top-bottom
{
	width:100%;
	height:30px;
	float:left;
}
#slogan
{
	width:200px;
	height:54px;
	margin-top:11px;
	float:left;
	font-size:12px;
	font-weight:bold;
	line-height:1.4em;
}
#navi
{
	width:100%;
	height:65px;
	margin-top:0px;
	position:relative;
	float:left;
	background-color:#006625;
	color:#FFFFFF;
	font-size:12px;
}
#navi-middle
{
	width:960px;
	height:41px;
	margin-left:-460px;
	position:relative;
	left:50%;
	top:21px;
	float:left;
}
a.navi01
{
	height:65px;
	padding: 21px 9px 22px 9px;
	margin-right:34px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
}
a.navi01:hover, a.navi01_aktiv
{
	height:65px;
	padding: 21px 9px 22px 9px;
	margin-right:34px;
	color:#000000;
	background-color:#a8c7ab;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
}
a.navi02
{
	height:65px;
	padding: 21px 9px 22px 9px;
	margin-right:34px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
}
a.navi02:hover, a.navi02_aktiv
{
	height:65px;
	padding: 21px 9px 22px 9px;
	margin-right:34px;
	color:#000000;
	background-color:#a8c7ab;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
}
a.navi03
{
	height:65px;
	padding: 21px 9px 22px 9px;
	margin-right:34px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
}
a.navi03:hover, a.navi03_aktiv
{
	height:65px;
	padding: 21px 9px 22px 9px;
	margin-right:34px;
	color:#000000;
	background-color:#a8c7ab;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
}
a.navi04
{
	height:65px;
	padding: 21px 9px 22px 9px;
	margin-right:34px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
}
a.navi04:hover, a.navi04_aktiv
{
	height:65px;
	padding: 21px 9px 22px 9px;
	margin-right:34px;
	color:#000000;
	background-color:#a8c7ab;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
}
a.navi05
{
	height:65px;
	padding: 21px 9px 22px 9px;
	margin-right:34px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
}
a.navi05:hover, a.navi05_aktiv
{
	height:65px;
	padding: 21px 9px 22px 9px;
	margin-right:34px;
	color:#000000;
	background-color:#a8c7ab;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
}
a.navi06
{
	height:65px;
	padding: 21px 9px 22px 9px;
	margin-right:0px;
	color:#FFFFFF;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
}
a.navi06:hover, a.navi06_aktiv
{
	height:65px;
	padding: 21px 9px 22px 9px;
	margin-right:0px;
	color:#000000;
	background-color:#a8c7ab;
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
}
#navi-bottom
{
	width:100%;
	height:30px;
	float:left;
}
#content
{
	width:1084px;
	min-height:61%;
	position:relative;
	left:50%;
	margin-left:-542px;
	float:left;
	background-color:#a8c7ab;
	color:#000000;
	font-size:12px;
	border: 0px solid #999;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
	behavior: url(/pie/PIE.htc);
	z-index:100000;
}
#content-content
{
	max-width:1084px;
	height:100%;
	margin-left:0px;
	float:left;
}
#content-left
{
	width:266px;
	height:100%;
	margin-left:83px;
	margin-top:30px;
	float:left;
}
#content-left img
{
	width:114px;
	height:274px;
}
.img2
{
	margin-left:36px;
}
#content-right
{
	width:612px;
	height:100%;
	float:left;
	margin-left:63px;
	margin-top:30px;
	margin-bottom:30px;
}
h1
{
	margin:0;
	padding:0;
	font-size:18px;
}
#footer
{
	width:100%;
	height:65px;
	float:left;
	position:relative;
	top:-15px;
	background-color:#006625;
	color:#FFFFFF;
	font-size:12px;
	z-index:1000;
}
#footer-content
{
	width:1024px;
	height:65px;
	position:relative;
	left:50%;
	top:24px;
	margin-left:-480px;
}
#footer a
{
	color:#FFFFFF;
	text-decoration:none;
}
#footer a:hover
{
	color:#FFFFFF;
	text-decoration:underline;
}
a.impressum
{
	margin-left:637px;
	font-size:12px;
}
#suchfeld
{
	width:98px;
	height:19px;
	position:absolute;
	top:2px;
	left:643px;
	display:inline;
	background-image:url(suche_feld.png);
	background-repeat:no-repeat;
}
#suche
{
    width:76px;
    height:15px;
	margin:2px 4px 0px 14px;
    font-size:11px;
    border:0px;
}
#suchbutton
{
	width:22px;
	height:22px;
	position:absolute;
	top:1px;
	left:748px;
	display:inline;
	
}
#submitbutton
{
    width:22px;
    height:22px;
	position:absolute;
	top:1px;
	left:748px;
	display:inline;
    padding:0px 0px 0px 0px;
    border:0px;
    cursor:pointer;
	background-image:url(los_neu.png);
}
a.links
{
	margin-left:29px;
	font-size:16px;
}
a.prospekt
{
	margin-left:30px;
	font-size:16px;
}
@media screen and (max-width: 581px) {
  #beraterkarte { display: none; }
}

@media screen and (min-width: 582px) {
  #beraterkarte { display: block; }
}
@media screen and (max-width: 581px) {
  #beraterliste { display: block; }
}

@media screen and (min-width: 582px) {
  #beraterliste { display: none; }
}