/* CSS Document */

body {
    background-color: #D98545;
    font-size:12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}



/* NAVIGATION */

.nav { border: 0px; }

#nav { 
	top: 20px;
	left: 0px;
	width: 230px;
	height: 300px;
	position: relative;
	border: 0px;
}

#subnav { 
 	top: -235px;
	left: 235px;
    width: 120px;
	height: 200px;
	position: relative;
}

#layout-container {
    width: 750px;
	height: 600px;
	background-image: url(images/bg.jpg);
	background-repeat: no-repeat;
    margin-top: 5%;
    margin-bottom: 5%;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    border: 0px;
}


#banner-wir { top: 0px;	left: 229px; width: 521px; height: 188px; border: 0px; position: relative; background-image:url(images/banner-wir.jpg);	}
#banner-stoerung { top: 0px;	left: 229px; width: 521px; height: 188px; border: 0px; position: relative; background-image:url(images/banner-stoerung.jpg);	}
#banner-wahrnehmungsschwaeche { top: 0px;	left: 229px; width: 521px; height: 188px; border: 0px; position: relative; background-image:url(images/banner-wahrnehmungsschwaeche.jpg);	}
#banner-mehrsprachig { top: 0px;	left: 229px; width: 521px; height: 188px; border: 0px; position: relative; background-image:url(images/banner-mehrsprachig.jpg);	}
#banner-geistigbehindert { top: 0px;	left: 229px; width: 521px; height: 188px; border: 0px; position: relative; background-image:url(images/banner-geistigbehindert.jpg);	}
#banner-funktionsstoerung { top: 0px;	left: 229px; width: 521px; height: 188px; border: 0px; position: relative; background-image:url(images/banner-funktionsstoerung.jpg);	}
#banner-aphasien { top: 0px;	left: 229px; width: 521px; height: 188px; border: 0px; position: relative; background-image:url(images/banner-aphasien.jpg);	}
#banner-sprechapraxie { top: 0px;	left: 229px; width: 521px; height: 188px; border: 0px; position: relative; background-image:url(images/banner-sprechapraxie.jpg);	}
#banner-dysarthrophonie { top: 0px;	left: 229px; width: 521px; height: 188px; border: 0px; position: relative; background-image:url(images/banner-dysarthrophonie.jpg);	}
#banner-dysphonien { top: 0px;	left: 229px; width: 521px; height: 188px; border: 0px; position: relative; background-image:url(images/banner-dysphonie.jpg);	}
#banner-stottern { top: 0px;	left: 229px; width: 521px; height: 188px; border: 0px; position: relative; background-image:url(images/banner-stottern.jpg);	}
#banner-kontakt { top: 0px;	left: 229px; width: 521px; height: 188px; border: 0px; position: relative; background-image:url(images/banner-kontakt.jpg);	}

#content { 
	top: -275px;
	left: 400px;
	width: 300px;
	height: 350px;
	position: relative;
	color: #6E6C5C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 140%;
	border: 0px;
}

#content-stoerungen { 
	top: -475px;
	left: 400px;
	width: 300px;
	height: 300px;
	position: relative;
	color: #6E6C5C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 140%;
	border: 0px;
}

/* SONDERSEITE EDELSTEINE */   

#layout-container-edelsteine {
    width: 750px;
	height: 600px;
	background-image: url(images/bg-edelsteine.jpg);
	background-repeat: no-repeat;
    margin-top: 5%;
    margin-bottom: 5%;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
    border: 0px;
}

#content-edelsteine { 
	top: -140px;
	left: 40px;
	width: 330px;
	height: 315px;
	position: relative;
	color: #6E6C5C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 120%;
	border: 0px;
}

#bilder-edelsteine { 
	top: 45px; 
	left: 375px;
	width: 300px;
	height: 350px; 
	position: relative;
	color: #6E6C5C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 140%;
	border: 0px;
}

#edelsteine-zurueck { 
	top: -138px;
	left: 0px;
	width: 330px;
	height: 60px;
	position: relative;
	border: 0px;
}