@charset "utf-8";
/* CSS Document */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #484848;
	background: url(../picture_layout/bg.jpg) repeat-x top left #D3B6BE;
	margin: 0;
	padding: 0;
}
div {
	padding: 0;
	margin: 0;
}
a {
	color: #7C2840;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
img {
	border: 0;
}
h1 {
	font-size: 145%;
	font-weight: bold;
	padding: 15px 0 15px 0;
	margin: 0;
}
h2 {
	font-size: 140%;
	font-weight: bold;
	margin: 10px 0 5px 0;
	padding: 0;
}
h3 {
	font-size: 110%;
	font-weight: bold;
	margin: 10px 0 10px 0;
	padding: 5px 0 0 0;
}
p {  
	margin: 0;
	padding: 10px 0;
}
table {
	width: 100%;
	border: 0;
	border-collapse: collapse;
}
table td {
	vertical-align: top;
}
.red {
	color: #FF0000;
}
.center {
	text-align: center;
}
.txt_kl {
	font-size:95%;
}
/*Haupt-Container ohne Rand*/
div#container {
 	position: relative;
	width: 780px;
	margin: 0 auto;	
}
/*TopNav*/
div#container div#TopNav {
	width: auto;
	position: relative;
	background: url(../picture_layout/TopNav/bg.gif) repeat-x top left;
	height: 40px;
}
div#container div#TopNav ul {
	margin: 0;
	padding: 10px 0;
  	list-style: none;
}
div#container div#TopNav ul li {
	float: right;
  	margin: 0;
  	padding: 0;
}
div#container div#TopNav ul li a {
	font-size: 95%;
	padding: 0 10px 0 22px;
	background: url(../picture_layout/TopNav/ICON_Startseite.gif) no-repeat left center;
	display: block;
	color: #FFF;
}
div#container div#TopNav ul li a.kontakt {
	background-image: url(../picture_layout/TopNav/ICON_Kontakt.gif);
}
/*Stimmung*/
div#container div#Stimmung {
	width: auto;
	position: relative;	
	height: 300px;
	background: url(../picture_layout/Stimmung/bg.gif) no-repeat left bottom #FFF;
}
div#container div#Stimmung div.Slogan {
	font-family: "Arial Narrow" normal, Arial, Helvetica, sans-serif;
	position: absolute;
	width: 300px;
	color: #898888;
	font-size: 110%;
	top: 236px;
	left: 359px;
}
div#container div#Stimmung div.Slogan .author {
	font-size: 85%;
}
/*Hauptcontainer*/
div#MainContainer {
	position: relative;
	width: 780px;
	margin: 0 auto;	
	padding: 0 5px;
	background: #FFFFFF url(../picture_layout/Container/bg.gif) repeat-y top left; 
}
/*Navigation (links)*/
div#MainContainer div.Nav {
	width: 160px;
	float: left;
	padding: 0 0 20px 20px;
}
div#MainContainer div.Nav ul {
	margin: 0;
	padding: 0;
  	list-style: none;
}
div#MainContainer div.Nav ul li {
	margin: 0;
	padding: 15px 0;
}
div#MainContainer div.Nav ul li a {
	display: block;
	background: url(../picture_layout/Navigation/bg_a.gif) no-repeat left center;
	padding-left: 15px;
	color: #8E2D41;
	font-weight: bold;
}
div#MainContainer div.Nav ul li a:hover, div#MainContainer div.Nav ul li a.active {
	color: #731933;
	text-decoration: underline;
}
/*Content*/
div#MainContainer div.Content {
	width: auto;
	margin: 0 20px 0 200px;
	padding: 40px 0 0 0;
}
div#MainContainer div.Content h1 {
	color: #731933;
	background: url(../picture_layout/Content/bg_h1.gif) no-repeat left center;
	padding-left: 10px;
}
div#MainContainer p {
	padding-right: 20px;
}
div#MainContainer p.padding_20 {
	padding: 20px 0;
}
div#MainContainer .Intro {
	font-size: 110%;
	font-weight: bold;
}
div#MainContainer div.Content ul {
	margin: 10px 10px;
	padding: 0;
}
div#MainContainer div.Content ul.strich {
	list-style-type: disc;
}
div#MainContainer div.Content ul li {
	margin: 0 0 0 10px;
	padding: 4px 20px 4px 0;
}
div#MainContainer div.Content ul ul li {
	padding: 1px 0;
}
div#MainContainer div.Content div.Bildrechts {
	float: right;
	width: 150px;
	padding: 15px 0 25px 20px;
}
/*Fortbildungstermine*/
div#MainContainer div.Content table.Fortbildungstermine {
	padding: 10px 0;
}
div#MainContainer div.Content table.Fortbildungstermine td.t1 {
	width: 18%;
	font-weight: bold;
}
div#MainContainer div.Content table.Fortbildungstermine td.t2 {
	width: 32%;
}
div#MainContainer div.Content table.Fortbildungstermine td.t3 {
	width: 50%;
}
div#MainContainer div.Content table.Fortbildungstermine td.t3 a {
	font-weight: bold;
}
/*Kontaktformular*/
div#MainContainer div.Content table.KontaktForm {
	padding: 10px 0;
}
div#MainContainer div.Content table.KontaktForm td.t1 {
	width: 18%;
}
div#MainContainer div.Content table.KontaktForm td.t2 {
	width: 32%;
}
div#MainContainer div.Content table.KontaktForm td.t3 {
	width: 18%;
}
div#MainContainer div.Content table.KontaktForm td.t3r {
	width: 18%;
	text-align: right;
}
div#MainContainer div.Content table.KontaktForm td.t4 {
	width: 32%;
}
div#MainContainer div.Content table.KontaktForm input.text {
	width: 90%;
}
div#MainContainer div.Content table.KontaktForm textarea {
	width: 90%;
	margin-left: 10px;
}
div#MainContainer div.Content table.KontaktForm input.button {
	border: 1px solid #7C2840;
	padding: 1px 4px;
	margin: 10px 0;
	color: #7C2840;
	background-color: #F6F9FD;
}
div#MainContainer div.Content table.KontaktForm input.plz {
	width: 25%;
}
div#MainContainer div.Content table.KontaktForm input.ort {
	width: 60%;
}
/*Impressum*/
div#MainContainer div.Content table.impressum {
	padding: 10px 0;
}
div#MainContainer div.Content table.impressum td {
	width: 50%;
}
div#MainContainer div.Content table.impressum a.Fit4Net {
	padding-left: 0;
	background-image: none;
	color: #484848;
	font-weight: normal;
}
div#MainContainer div.clear {
	clear: both;
	width: auto;
	margin: 0;
	padding: 0;
	height: 0;
}
/*Footer*/
div#Footer {
	position: relative;
	width: 780px;
	margin: 0 auto 10px auto;	
	padding: 15px 5px;
	background: url(../picture_layout/Footer/bg.gif) no-repeat top left;
	height: 28px;
	color: #731933;
}
div#Footer div.left {
	float: left;
	width: 500px;
	margin-left: 20px;
}
div#Footer div.right {
	float: right;
	width: 200px;
	margin-right: 20px;
	font-size: 95%;
	text-align: right;
}
div#Footer div.right a {
	font-size: 105%;
}
/*Visitenkarte*/
div#Visitenkarte {
	position: absolute;
	top: 47px;
	right: 50%;
	width: 218px;
	margin-right: 263px;
}
/*Ränder*/
div#RandLinks {
	position: absolute;
	top: 200px;
	right: 50%;
	width: 5px;
	height: 140px;
	margin-right: 390px;
	background: url(../picture_layout/Container/bg_li.gif) no-repeat top left;
}
div#RandRechts {
	position: absolute;
	top: 47px;
	left: 50%;
	width: 5px;
	height: 300px;
	margin-left: 390px;
	background: url(../picture_layout/Container/bg_re.gif) no-repeat top left;
}
/*Bedeutung Wort "Logopädie"*/
div#LogopaedieBedeutung {
	position: absolute;
	top: 260px;
	right: 50%;
	width: 25px;
	margin-right: 400px;
}