/* CSS Document */

body
	{
		background:#6B3823 url(images/bodybg.gif) repeat-x;
		margin:0;
		padding:0;
		font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;
		color:#ccc;
	}

table,td,a,p,form,input,textarea {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;}

@media screen, print
{
	.skip
		{
			position: absolute;
			left: -1000em; 
			width: 20em;
			text-decoration:none;
		}
}


.footnote
	{
		
	}
a:link { color:#ccc;}
a:visited { color:#ccc;}
a:hover { color:#ccc;}
a:active { color:#ccc;}

#logo
{
position:relative;
left:720px;
top:30px;
width:143px;
height:58px;
background:url(images/logo_beratung.gif) no-repeat;
text-decoration:none;
text-indent:-999px;
}

#logo a
{
display:block;
width:143px;
height:58px;
}

#content
{
width:580px;
position:absolute;
top:180px;
left:40px;
}

#nav
	{
		position:absolute;
		left:680px;
		top:180px;
	}
	
#nav ul
	{
		padding:0;
		margin:0;
	}
	
#nav li
	{
		list-style:none;
		padding:0;
		margin:0;
		padding-bottom:10px;
	}
#nav ul li a
{
color:#fff;
}

#nav li a
	{
		background-repeat:no-repeat;
		display:block;
		width:283px;
		height:25px;
		text-indent:-999px; 
		text-decoration:none;
		padding-left:18px;
		font-size:12px;
	}
	
#nav li a,	
#nav li a:hover
	{
		text-decoration: none; /* avoid a -1000px dotted line */
	}
	
#nav .m0 a { background:url(images/m0no.gif) no-repeat;}
#nav .m0 a:active,
#nav .m0 a:hover,
#nav .m0 .act a
 { background:url(images/m0act.gif) no-repeat;}
 
 
#nav .m1 a { background:url(images/m1no.gif) no-repeat;}
#nav .m1 a:active,
#nav .m1 a:hover,
#nav .m1 .act a
 { background:url(images/m1act.gif) no-repeat;}

#nav .m2 a { background:url(images/m2no.gif) no-repeat;}
#nav .m2 a:active,
#nav .m2 a:hover,
#nav .m2 .act a
 { background:url(images/m2act.gif) no-repeat;}

#nav .m3 a { background:url(images/m3no.gif) no-repeat;}
#nav .m3 a:active,
#nav .m3 a:hover,
#nav .m3 .act a
 { background:url(images/m3act.gif) no-repeat;}

#nav .m4 a { background:url(images/m4no.gif) no-repeat;}
#nav .m4 a:active,
#nav .m4 a:hover,
#nav .m4 .act a
 { background:url(images/m4act.gif) no-repeat;}

#nav .m5 a { background:url(images/m5no.gif) no-repeat;}
#nav .m5 a:active,
#nav .m5 a:hover,
#nav .m5 .act a
 { background:url(images/m5act.gif) no-repeat;}
 
#nav .m6 a { background:url(images/m6no.gif) no-repeat;}
#nav .m6 a:active,
#nav .m6 a:hover,
#nav .m6 .act a
 { background:url(images/m6act.gif) no-repeat;}
 
#nav .m7 a { background:url(images/m7no.gif) no-repeat;}
#nav .m7 a:active,
#nav .m7 a:hover,
#nav .m7 .act a
 { background:url(images/m7act.gif) no-repeat;}
 
#nav .m8 a { background:url(images/m8no.gif) no-repeat;}
#nav .m8 a:active,
#nav .m8 a:hover,
#nav .m8 .act a
 { background:url(images/m8act.gif) no-repeat;}


.textred {color:#CC3718;}

.teaser {font-size:14px;font-weight:bold;}

/* Formatierung der Teaser - Seite */

body#teaser
	{	
		background-color:#ccc;
		margin:0;
		padding:0;
		color:#000;
		padding-top:100px;
		text-align:center;

	}


#teasercontent
	{
		
		text-align:left;
		margin-left:auto;
		margin-right:auto;
		position:relative;
	
	}

#teaserbad
	{
		float:left;
		text-align:right;
		width:205px;
	}

#teaserberatung
	{
		float:right;
	}
	
#teasercontent h2
	{
		font-size:11px;
		font-weight:normal;

	}

#teasercontent h2 a:link,
#teasercontent h2 a:visited,
#teasercontent h2 a:hover,
#teasercontent h2 a:active
	{
		text-decoration:none;
	}

#badekulturhead
		{
		}
#badekulturhead	a
	{
		background-image: url(../teaser/logo_badekultur.gif);
		background-repeat:no-repeat;
		background-position:100% 0;		
		padding-top:80px;
		display:block;
		width:205px;
		margin-bottom:30px;	
	}

	/* 
			width:200px;
		margin-bottom:30px;
	*/
#beratunghead 
	{
	}
	
#beratunghead a
	{
		margin-bottom:30px;
		background-image: url(../teaser/logo_beratung.gif);
		background-repeat:no-repeat;
		background-position:0 0;
		padding-top:80px;
		display:block;
		width:250px;
	}

#clearing
	{
		clear:both;
	}
#footer
	{
		margin-top:228px;
width:900px;
padding-left:20px;
text-align:center;
	}
	
#teaser a:link { color:#000;}
#teaser a:visited { color:#000;}
#teaser a:hover { color:#000;}
#teaser a:active { color:#000;}

#teasercontent
	{
		width:950px;
	}