@CHARSET "UTF-8";

/**
 *
	Farbschema:
	body-hg:			#00aadc;
	secNavi / gruen:		#a4c51e
	text-grau:			#7d7061; geändert auf #665b4f;
	text-grau:			#a4c51e;

 *
 */

* {
	margin: 0;
	padding: 0;
}

/* Scrollbar soll immer erscheinen */
html[xmlns] {
	height: 100%;
	padding-bottom: 0.005em;
}

body {
	text-decoration: none;
	text-align:left;
	color: #665b4f;
	font: 12px times, arial, sans-serif;
	line-height: 1.4em;
	background: #00aadc url(../images_layout/body_hg.jpg) repeat-y left top;
}
html, body {
height:100%;
}

h1 {
	font: 12px arial, sans-serif;
	font-size: 24px;
	height:70px;
}
h2 {
	padding:10px 0 4px 0;
	font-size: 24px;
	font-weight:normal;
	font-style:italic;
	border-top: 1px dotted #665b4f;
}
h3 {
	margin-top:50px;
	padding:10px 0 4px 0;
	font-size: 12px;
	font-weight:bold;
	border-top: 1px dotted #665b4f;
}

p {
	margin-bottom:20px;
}
#oneColumnContentContainer p {
	padding-right:14px;
}
a {
	outline:0;
	text-decoration:none;
	color:#00aadc;
}
a:hover {
	color:#a4c51e;
}




/* general layout BEGIN*/
#stage {
	float:left;
	width:955px;
	height:100%;
	background:#fff url(../images_layout/infoContainer_hg.jpg) repeat-y right top;
}
#logoArea {
	float:left;
	width:218px;
	height:400px;
	/*background:#fff url(../images_layout/logo_hoertest.gif) no-repeat;*/
	background:transparent;
}
#headerArea {
	float:left;
	position:relative;
	width:737px;
  	height:207px;
	background: transparent url(../images_layout/header_hoertest.jpg) no-repeat;
}
#terNavContainer {
	position:absolute;
	top:20px;
	right:90px;
}
#primNavContainer {
	position:absolute;
	width:424px;
	height:50px;
	top:150px;
	left:32px;
	background:#fff;
}
#mainArea {
	float:left;
	width:737px;
}
/* einspaltiger Content */
#oneColumnContentContainer {
	float:left;
	width:705px;
	padding:41px 0 20px 32px;
	overflow: hidden;
	background:#fff url(../images_layout/infoContainer_hg.jpg) repeat-y right top;
}

#mainContainer {
	float:left;
	width:424px;
	padding:41px 24px 20px 32px;
	overflow: hidden;
	background-color:#fff;
}
* html #mainContainer {
	padding-right:21px;
}

#infoContainer {
	width:219px;
	overflow: hidden;
	background-color:#fff;
	padding-bottom:20px;
	background:none;
}


/************************************/
/* ---------- Navigation ---------- */
/************************************/

#primNavBox {
	height:28px;
	margin-bottom:-1px;
	list-style:none;
	border-bottom:1px dotted #665b4f;
}

#primNavBox li {
	float:left;
	margin:0;
	padding:0;
	text-align:left;
	margin-bottom:-1px;
}
#primNavBox a {
	float:left;
	display:block;
	height:20px;
	padding-top:7px;
	text-decoration:none;
	font-weight:bold;
	color:#00aadc;
	font-family: myriad, arial, sans-serif;
	font-size:13px;
	background:#fff;
	
	!height:21px;
	!padding-top:6px;
	
}

#primNavBox li#so-funktionierts a {
	width:109px;
	border-style: dotted;
	border-width:1px 1px 0 0;
}
#primNavBox li#thema-schwerhoerigkeit a {
	width:161px;
	border-style: dotted;
	border-width:1px 1px 0 1px;
	text-align:center;
}
#primNavBox li#initiatoren a {
	width:76px;
	border-style: dotted;
	border-width:1px 1px 0 1px;
	text-align:center;
}
#primNavBox li#presse a {
	width:65px;
	border-style: dotted;
	border-width:1px 0 0 1px;
	padding-left:7px;
}
#primNavBox a.inactive {
	background:transparent;
	border-color: #fff;
}

#primNavBox li#so-funktionierts a:hover,
#primNavBox li#thema-schwerhoerigkeit a:hover,
#primNavBox li#initiatoren a:hover,
#primNavBox li#presse a:hover {
	color:#a4c51e;
}
#primNavBox a.active {
	position:relative;
	height:21px;
	background:#fff;
	border-color: #665b4f;
	color:#a4c51e;
	
	!height:22px;
}


#secNavBox {
	clear:both;
	padding-top:5px;
}
#secNavBox a, .previewSubpages a{
	height:20px;
	margin-right:10px;
	text-decoration:none;
	color:#00aadc;
	font-size:12px;
}
#secNavBox a:hover, #secNavBox a.active {
	color:#a4c51e;
}

#terNavContainer a , #terNavContainer{
	color:#fff;
	font-family: arial, arial, sans-serif;
	font-size:11px;
	font-weight:bold;
}
#terNavContainer a {
	margin-right:5px;
}


#terNavContainer a:hover, #terNavContainer a.active {
	color:#ed8523;
}

.previewSubpages  {
	display:none;
	clear:both;
	padding-top:5px;
}

.previewSubpages span {
	height:20px;
	margin-right:10px;
	text-decoration:none;
	color:#00aadc;
	font-size:12px;
}




*html .csc-textpic {
	
}

/* Caption für den mp3 Player */
.csc-textpic-caption {
	white-space: nowrap;
}

/* Element nurText bei 2spaltigem Layout in Breite anpassen */
#oneColumnContentContainer .onlyText {
	width:434px;
}

/* Textformatierung für Seite 'So funktioniert´s' */
#site-so-funktionierts .csc-textpic-text {
	margin-bottom:35px;
	border-bottom:1px dotted #665b4f;
}
*html .csc-textpic-text {
	margin-right:-3px;
}
/* Imageformatierung für Seite Kooperationspartner */

#kooperationspartner .csc-textpic-image {
	width:154px!important;
	text-align:center!important;
	border-right:1px dotted #665b4f;
	margin:0!important;
}
#kooperationspartner .csc-textpic-firstcol {
	width:153px!important;
	text-align:left!important;
	border-right:1px dotted #665b4f;
	margin:0!important;
}
#kooperationspartner .csc-textpic-lastcol {
	width:115px!important;
	text-align:right!important;
	border:0!important;
	margin:0!important;
}
#kooperationspartner .csc-textpic-imagewrap {
	margin-bottom:20px;
	!margin-bottom:-20px;
}



/* Textformatierung für Seiten mit Hoerbeispielen */
#hoerbeispiele .csc-textpic-above , #hoerbeispiele .csc-textpic-below .csc-textpic-imagewrap{
	padding-left:50px;
}
#hoerbeispiele .csc-textpic-above{
	margin-top:15px;
	border-bottom: 1px dotted #665b4f;
	margin-bottom:35px;
}
#hoerbeispiele dl.csc-textpic-image{
	background:#fff url(../images_layout/hoerbeispiel.gif) top left no-repeat;
	padding-left:50px;
	position:relative;
	left:-50px;
}

#hoerbeispiele .csc-textpic-caption {
	/*color:#00AADC;*/
	font-weight:bold;
}

/*  Linkformatierungen */
a.download {
	background:#fff url(../images_layout/download.gif) top left no-repeat;
	padding: 2px 0 6px 35px;
}
a.download:hover {
	background:#fff url(../images_layout/download_over.gif) top left no-repeat;
}
a#biggerText,a#smallerText {
	font-weight: bold;
	font-size: 13px;
}


p.priceInfoBox {
	font-size:11px ;
	background-color:#fff;	
}
div.priceInfoBox {
	clear:both;
	width:424px;
	padding:0 24px 20px 32px;
	font-size:11px;
	background-color:#fff;	
}


.rgmediaimages-player {
	white-space:nowrap;
}



/* Formatierung für teaserseite "Deutschland hört zu" */
#deutschland-hoert-zu #mainContainer {
	padding-top: 10px;
}

#deutschland-hoert-zu .onlyText {
	margin-top: 20px;
}