/**

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


 /* ------------------------------------------------------------------------------------------- */
/* 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.3em;
	text-transform: none;
	font-weight: normal;
	margin-bottom: 0px;
}

p {
	margin-bottom: 15px;
}


p a:link,
p a:visited {
	background: url(../images/more_arrow.gif) left 6px no-repeat;
	color: #E78D00;
	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 6px no-repeat;
	color: #E78D00;
	font-size: 1.0em;
	padding-left: 11px;
	text-transform: none;
	font-weight: normal;
	text-decoration: underline;
}

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

#page {
	background: url(../images/bg_page_index.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;
}


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


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

#navigationIndex a:link,
#navigationIndex a:visited {
	color: #767676;
	font-size: 1.0em;
	text-decoration: none;
	font-weight: normal;
	padding: 0 13px;
	text-transform: none;
}

#navigationIndex a:hover,
#navigationIndex a:active {
	color: #BB0006;
	font-size: 1.0em;
	text-decoration: underline;
	font-weight: normal;
}

#navigationIndex a.active:link,
#navigationIndex a.active:visited {
	color: #000000;
	font-size: 1.1em;
	text-decoration: none;
	font-weight: bold;
	padding-top: 1px;
}

#navigationIndex a.active:hover,
#navigationIndex 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-index.gif) top left no-repeat;
	padding: 23px 0 0 41px;
	height: 395px;
}

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


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

#mainContent #contentLeft {
	width: 410px;
	height: 238px;
}

#mainContent #contentLeft p.black a {
	color: #000000;
	background: url(../images/more_arrow_black.gif) right 5px no-repeat;
	padding-right: 11px;
	margin-top: -10px;
	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;
}

#mainContent #contentLeft .brainyHdl {
	margin-right: -4px;
}

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

#marginal {
	background: url(../images/cd_gr.jpg) left bottom no-repeat;
	width: 350px;
	height: 245px;
	float: right;
	margin: -261px 0 0 0;
	padding-right: 60px;
}

#cdPaketGr {
	list-style-type: none;
	margin: 118px 0 0 70px;
}

#cdPaketGr li a {
	font-size: 1.0em;
	text-transform: none;
}

#cdPaketGr li a:link,
#cdPaketGr li a:visited {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
	width: 114px;
	height: 26px;
	display: block;
	padding: 3px 0 0 0;
}

#cdPaketGr li a:hover,
#cdPaketGr li a:active {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: underline;
	text-align: center;
	width: 114px;
	height: 26px;
	display: block;
	padding: 3px 0 0 0;
}

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

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

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

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


/* //// teaser //// */

#teaser {
	margin-top: 15px;
}

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

#teaser #teaser1 {
	width: 243px;
	float: left;
	background: #CCCCCC;
	margin-right: 32px;
	background: url(../images/teaser1.gif) right 10px no-repeat;
}

#teaser #teaser2 {
	width: 242px;
	float: left;
	background: #CCCCCC;
	margin-right: 30px;
	background: url(../images/teaser2.jpg) right top no-repeat;
}

#teaser #teaser3 {
	width: 243px;
	height: 120px;
	float: left;
	background: url(../images/teaser3.gif) right top no-repeat;
}

#teaser #teaser1 p {
	width: 177px;
}

#teaser #teaser2 p {
	width: 155px;
}

#teaser #teaser3 p {
	width: 157px;
}

#teaser p.more a:link,
#teaser p.more a:visited {
	color: #E78D00;
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	background: url(../images/more_arrow.gif) right 6px no-repeat;
	padding-right: 11px;
}

#teaser p.more a:hover,
#teaser p.more a:active {
	color: #E78D00;
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: bold;
	/*text-decoration: underline;*/
	text-decoration: underline;
	background: url(../images/more_arrow.gif) right 6px no-repeat;
	padding-right: 11px;
}

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

#footer {
	font-size: 0.8em;
	color: #A8A093;
	float: right;
	padding-right: 9px;
}