/**

 * Common Stylesheet
 * for www.hoerdischlau.com / index
 *
 * @author Markus Bosch
 * @version 0.0.1
 */
 
 /*Color:
 
 h1        : #BB0006
 textlink  : #E78200
 
 */


 /* ------------------------------------------------------------------------------------------- */
/* global reset ------------------------------------------------------------------------------- */

/*@import url(search.css);*/

* {
	padding: 0px;
	margin: 0px;
	font-family:"Trebuchet MS", Arial, Helvetica;
	font-size: 0.97em;
	line-height: 140%;
	color: #353535;
}

 /* ------------------------------------------------------------------------------------------- */
/* tags --------------------------------------------------------------------------------------- */

html {
}

body {
	background: #EFE2CC url(../images/bg_main.gif) top left repeat-x;
	width: 100%;
	height: 100%;
}

h1 {
	color: #BB0006;
	font-size: 1.9em;
	text-transform: none;
	font-weight: normal;
	line-height: 110%;
	margin-bottom: 13px;
}

h2 {
	color: #BB0006;
	font-size: 1.4em;
	text-transform: none;
	font-weight: normal;
	margin-bottom: 0px;
}

h3 {
	color: #353535;
	font-size: 1.15em;
	text-transform: none;
	font-weight: bold;
	margin-bottom: 0px;
	margin-top: 0px;
}

p {
	margin-bottom: 15px;
}

p strong {
	font-size: 1.1em;
	font-weight: bold;
	color: #000000;
}

p a:link,
p a:visited {
	background: url(../images/more_arrow.gif) left 5px no-repeat;
	color: #E78200;
	font-size: 1.0em;
	padding-left: 11px;
	text-transform: none;
	font-weight: normal;
	text-decoration: none;
}

p a:hover,
p a:active {
	background: url(../images/more_arrow.gif) left 5px no-repeat;
	color: #E78200;
	font-size: 1.0em;
	padding-left: 11px;
	text-transform: none;
	font-weight: normal;
	text-decoration: underline;
}

/* ------------------------------------------------------------------------------------------- */
/* page --------------------------------------------------------------------------------------- */

#page {
	background: url(../images/bg_page.gif) 10px top no-repeat;
	width: 872px;
	height: 500px;
	margin: 0 auto 0 auto;
}


/* ///////////////////////// */
/* //// header          //// */
/* ///////////////////////// */

#header #logoLMS {
	float: right;
	margin: -152px 0 0 0;
}

#header #logoHDS {
	padding: 19px 0 0 53px;
}

#cdPaketKl {
	position: absolute;
	margin: -64px 0 0 578px;
}

#cdPaketKl ul {
	list-style-type: none;
}

#cdPaketKl ul li a {
	font-size: 1.0em;
	text-transform: none;
	font-size: 0.85em;
	margin-bottom: 1px;
}

#cdPaketKl ul li a:link,
#cdPaketKl ul li a:visited {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	width: 75px;
	height: 17px;
	display: block;
}

#cdPaketKl ul li a:hover,
#cdPaketKl ul li a:active {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: underline;
	text-align: center;
	width: 75px;
	height: 17px;
	display: block;
}

#cdPaketKl li.no {
	background: url(../images/button_hoerbeispiele.jpg) top left no-repeat;
	text-align: center;
	color: #E9ABAB;
	font-size: 0.85em;
	margin-bottom: 1px;
	width: 75px;
	height: 17px;
}

#cdPaketKl li.hoerbeispiele a:link,
#cdPaketKl li.hoerbeispiele a:visited {
	background: url(../images/button_hoerbeispiele.jpg) top left no-repeat;
}

#cdPaketKl li.hoerbeispiele a:hover {
	background: url(../images/button_hoerbeispiele_hover.jpg) top left no-repeat;
}

#cdPaketKl li.bestellen a:link,
#cdPaketKl li.bestellen a:visited {
	background: url(../images/button_bestellen.jpg) top left no-repeat;
}

#cdPaketKl li.bestellen a:hover {
	background: url(../images/button_bestellen_hover.jpg) top left no-repeat;
}


/* //// navigation  //// */

#navigation {
	display: block;
	color: #767676;
	height: 33px;
	padding: 12px 0 0 13px;
	margin-top: 10px;
}

#navigationHoerDichSchlau {
	display: block;
	color: #767676;
	height: 33px;
	padding: 12px 0 0 13px;
	margin-top: 10px;
	background: url(../images/bg_navihoerdichschlau.gif) left top no-repeat;
}

#navigationStart {
	display: block;
	color: #767676;
	height: 33px;
	padding: 12px 0 0 13px;
	margin-top: 10px;
	background: url(../images/bg_navistart.gif) left top no-repeat;
}

#navigationTrainerin {
	display: block;
	color: #767676;
	height: 33px;
	padding: 12px 0 0 13px;
	margin-top: 10px;
	background: url(../images/bg_navitrainerin.gif) left top no-repeat;
}

#navigationWissen {
	display: block;
	color: #767676;
	height: 33px;
	padding: 12px 0 0 13px;
	margin-top: 10px;
	background: url(../images/bg_naviwissen.gif) left top no-repeat;
}

#navigationKontakt {
	display: block;
	color: #767676;
	height: 33px;
	padding: 12px 0 0 13px;
	margin-top: 10px;
	background: url(../images/bg_navikontakt.gif) left top no-repeat;
}

#navigationImpressum {
	display: block;
	color: #767676;
	height: 33px;
	padding: 12px 0 0 13px;
	margin-top: 10px;
	background: url(../images/bg_naviimpressum.gif) left top no-repeat;
}

#navigationStart a:link,
#navigationStart a:visited,
#navigationHoerDichSchlau a:link,
#navigationHoerDichSchlau a:visited,
#navigationTrainerin a:link,
#navigationTrainerin a:visited,
#navigationWissen a:link,
#navigationWissen a:visited,
#navigationKontakt a:link,
#navigationKontakt a:visited,
#navigationImpressum a:link,
#navigationImpressum a:visited {
	color: #767676;
	font-size: 1.0em;
	text-decoration: none;
	font-weight: normal;
	padding: 0 13px;
	text-transform: none;
}

#navigationStart a:hover,
#navigationStart a:active,
#navigationHoerDichSchlau a:hover,
#navigationHoerDichSchlau a:active,
#navigationTrainerin a:hover,
#navigationTrainerin a:active,
#navigationWissen a:hover,
#navigationWissen a:active,
#navigationKontakt a:hover,
#navigationKontakt a:active,
#navigationImpressum a:hover,
#navigationImpressum a:active {
	color: #BB0006;
	font-size: 1.0em;
	text-decoration: underline;
	font-weight: normal;
}

#navigationStart a.active:link,
#navigationStart a.active:visited,
#navigationHoerDichSchlau a.active:link,
#navigationHoerDichSchlau a.active:visited,
#navigationTrainerin a.active:link,
#navigationTrainerin a.active:visited,
#navigationWissen a.active:link,
#navigationWissen a.active:visited,
#navigationKontakt a.active:link,
#navigationKontakt a.active:visited,
#navigationImpressum a.active:link,
#navigationImpressum a.active:visited {
	color: #000000;
	font-size: 1.1em;
	text-decoration: none;
	font-weight: bold;
	padding-top: 1px;
}

#navigationStart a.active:hover,
#navigationStart a.active:active,
#navigationHoerDichSchlau a.active:hover,
#navigationHoerDichSchlau a.active:active,
#navigationTrainerin a.active:hover,
#navigationTrainerin a.active:active,
#navigationWissen a.active:hover,
#navigationWissen a.active:active,
#navigationKontakt a.active:hover,
#navigationKontakt a.active:active,
#navigationImpressum a.active:hover,
#navigationImpressum a.active:active {
	color: #BB0006;
	font-size: 1.1em;
	text-decoration: underline;
	font-weight: bold;
	padding-top: 1px;
}


/* ///////////////////////// */
/* //// mainContentLeft //// */
/* ///////////////////////// */

#mainContent {
	background: url(../images/bg_content.jpg) top left no-repeat;
	padding: 28px 0 15px 41px;
}

p.more a {
	float: right;
	background: url(../images/more_arrow.gif) right 6px no-repeat;
	padding-right: 11px;
}


/* //// contentLeft //// */

#mainContent #contentLeft {
	width: 477px;
	min-height: 380px;
}

#mainContent #contentLeft p.black a {
	color: #000000;
	background: url(../images/more_arrow_black.gif) right 5px no-repeat;
	padding-right: 11px;
	font-size: 1.0em;
}

#mainContent #contentLeft p.black a:link,
#mainContent #contentLeft p.black a:visited {
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
}

#mainContent #contentLeft p.black a:hover,
#mainContent #contentLeft p.black a:active {
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: underline;
}

.brainyText {
	margin: 0 -3px -3px 0;
}


.kontakt {	
	height: 380px;
}

.hoerbsp {
	width: 432px;
	height: 68px;
	background: url(../images/bg_flaeche_hbsp.jpg) left top no-repeat;
	padding: 16px 0 0 24px;
}

.hoerbsp .hoerbspButton {
	width: 97px;
	text-align: center;
	font-weight: bold;
	float: left;
	padding: 0px 12px 20px 0;
	height: 30px;
	margin-top: 4px;
	font-weight: bold;
	background: url(../images/bg_cd.gif) left top no-repeat;
	color: #FFFFFF;
	font-size: 0.95em;
}


/* //// marginal //// */

#marginal {
	position: absolute;
	top: 0px;
	margin: 239px 0 0 565px;
	padding-right: 25px;
}

#marginalBox1 p {
	width: 210px;
}

#marginalBox2 p {
	width: 175px;
	
}

#marginalBoxStart p {
	margin-bottom: 7px;
}

#marginalBox1 {
	margin: 35px 0 20px 0;
	background: url(../images/inhaltsverzeichnis.gif) right 20px no-repeat;
	width: 267px;
}

#marginalBox2 {
	background: url(../images/cd-paket_marginal.gif) right 25px no-repeat;
	width: 262px;
	height: 130px;
}

#marginalBoxStart {
	margin: 35px 0 10px 0;
	width: 267px;
}

#hoerbeispiele {
	margin-bottom: 5px;
}

#hoerbeispiele li {
	list-style-type: none;
	background: url(../images/more_arrow.gif) left 5px no-repeat;
	padding: 0 0 2px 13px;
}

#hoerbeispiele a:link,
#hoerbeispiele a:visited {
	color: #E78200;
	font-size: 1.0em;
	text-transform: none;
	font-weight: bold;
	text-decoration: none;
}

#hoerbeispiele a:hover,
#hoerbeispiele a:active {
	color: #E78200;
	font-size: 1.0em;
	text-transform: none;
	font-weight: bold;
	text-decoration: underline;
}

#hoerbeispiele span {
	font-size: 0.9em;
	color: #999999;
}


/* ///////////////////////// */
/* //// footer          //// */
/* ///////////////////////// */

#footer {
	background: url(../images/bg_footer.jpg) left top no-repeat;
	font-size: 0.8em;
	color: #A8A093;
	padding: 8px 9px 0 9px;
	text-align: right;
}