@charset "utf-8";
/*	-------------------------------------------------------------------------------------------------------------------------------------------------	*/
/*		Katrin Decker, Synchronschauspielerin
/*		Version: 2.0
/*	-------------------------------------------------------------------------------------------------------------------------------------------------	*/


/*	-------------------------------------------------------------------------------------------------------------------------------------------------	*/
/*	                                           Resets  
/*	-------------------------------------------------------------------------------------------------------------------------------------------------	*/

html, body, div, span, applet, object, input, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, button
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size:100%;
	font-family: inherit;
	vertical-align: baseline;
}

html {height:101%;}

em {font-style:italic;}

:focus {outline: 0;}

body
{
	line-height: 1.4;
}

ul, ol {list-style: none;}

table 
{
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td
{
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after 
{
	content: "";
}

blockquote, q {quotes: "" "";}

.clear
{
	clear:both;
	font-size:0;
}

.cleardiv
{
	clear:both;
	font-size:0;
	height:0;
}

strong
{
	font-weight:bold;
}

/*	--------------------------------------------------------------------------------------------------------------------------------------------	*/
/*	                                           Generic Styles  
/*	--------------------------------------------------------------------------------------------------------------------------------------------	*/

body
{
	font-family:Verdana, Geneva, sans-serif;
	background-color:#f8f9fa;
	padding:0 0 20px 0;
}

#weissbalken_rechts
{
	position:absolute;
	top:1px;
	right:0;
	width:50%;
	height:284px;
	background:#ffffff;
}

#weissbalken_rechts .schatten_unten
{
	position:absolute;
	width:100%;
	height:60px;
	background:url(img/head_schatten_unten.jpg) repeat-x;
	left:0;
	bottom:-60px;
}

#schmuckbalken_rechts
{
	position:absolute;
	top:84px;
	right:0;
	width:50%;
	height:110px;
	background:#cbdae1;
}

#linie
{
	width:100%;
	height:1px;
	background:#d1d2d2;
}

#head
{
	position:relative;
	width:990px;
	height:284px;
	background:white;
	margin:0 auto 0 auto;
}

#head .schatten_unten
{
	position:absolute;
	width:100%;
	height:60px;
	background:url(img/head_schatten_unten.jpg) repeat-x;
	left:0;
	bottom:-60px;
}

#head h1 a
{
	position:absolute;
	left:50px;
	top:92px;
	display:block;
	width:237px;
	height:92px;
	background:url(img/branding.jpg) no-repeat;
	text-indent:-5000em;
}

#head .ss_links
{
	position:absolute;
	left:-50px;
	top:0;
	width:50px;
	height:284px;
	background:url(img/head_ss_links.jpg) no-repeat;
}

#head #suchen
{
	position:relative;
	display:block;
	width:191px;
	height:30px;
	position:absolute;
	left:768px;
	top:-1px;
	background:url(img/hg_suche.jpg) no-repeat;
}

#head #suchen input.suchen
{
	width:170px;
	height:20px;
	background:none;
	position:absolute;
	left:11px;
	top:8px;
	color:#585858;
	font-size:12px;
	line-height:20px;
}

#head #suchen input.button
{
	width:30px;
	height:25px;
	background:url(img/lupe.jpg) no-repeat;
	position:absolute;
	left:192px;
	top:5px;
}

#head #suchen input:hover.button
{
	cursor:pointer;
}

#schmuckbalken_links
{
	position:absolute;
	left:0;
	top:285px;
	width:50%;
	height:30px;
	background:#a5bdc8;
	z-index:1;
}

#navi
{
	width:990px;
	height:30px;
	margin:0 auto 0 auto;
	position:relative;
	z-index:2;
	background:#a5bdc8;
}

#navi li a
{
	display:block;
	float:left;
	font-size:18px;
	line-height:30px;
	font-weight:normal;
	color:white;
	text-decoration:none;
	text-align:center;
	background:url(img/navi_trennstrich.jpg) no-repeat right 0;
}

#navi li.hoerbeispiele a {width:145px;padding-left:20px;padding-right:20px}
#navi li.referenzen a {width:209px;}
#navi li.vita a {width:137px;}
#navi li.studio a {width:140px;}
#navi li.links a {width:160px;}
#navi li.kontakt a {width:139px;padding-right:20px;background:none;}

#navi li div
{
	display:none;
	position:absolute;
	top:31px;
	left:0;
	background:white;
	border:1px solid #cbdae1;
	width:988px;
	min-height:100px;
}

#navi li a.aktiv, #navi li:hover a
{
	background:#cbdae1 url(img/navi_trennstrich.jpg) no-repeat right 0;
}

#navi li:hover div
{
	display:block;
}

#navi img
{
	width:305px;
	position:absolute;
	right:11px;
	top:44px;
	display:none;
}

#navi li div ul.links
{
	width:306px;
	float:left;
	position:relative;
	left:14px;
	margin:11px 0 30px 0;
}

#navi li div ul.rechts
{
	width:306px;
	float:left;
	position:relative;
	left:14px;
	margin:11px 0 30px 15px;
}

#navi li div ul li
{
	float:none;
	display:block;
	border-bottom:1px dotted #731314;
	width:306px;
}

#navi li div ul li a
{
	float:none;
	display:block;
	width:271px !important;
	background:#ffffff !important;
	color:#731314;
	color:#666666;
	text-align:left;
	line-height:140%;
	padding:10px 0 10px 35px;
}

#navi li div ul li a:hover
{
	/*
	text-decoration:none;
	color:#354c87;
	*/
	background:#cbdae1 !important;
	color:#ffffff;
}

#navi li .menueanschluss
{
	min-height:0;
	height:2px;
	position:absolute;
	top:-2px;
	background:#cbdae1;
	border:none;
}

#navi li.leistungen .onko {width:114px;left:19px;}
#navi li.leistungen .team {width:113px;left:134px;}
#navi li.leistungen .menueanschluss {width:166px;left:248px;}
#navi li.leistungen .kooperationen {width:206px;left:415px;}
#navi li.leistungen .wissenswerte {width:207px;left:622px;}
#navi li.leistungen .kontakt {width:139px;left:830px;}

#content
{
	width:1010px;
	margin:15px auto 0 auto;
	position:relative;
	left:10px;
}

#content .zeile
{
	margin-bottom:15px;
}

#content .box990
{
	position:relative;
	width:988px;
	border:1px solid #bcc7e4;
	float:left;
	margin-right:15px;
	background:white;
}

#content .box655
{
	position:relative;
	width:653px;
	border:1px solid #bcc7e4;
	float:left;
	margin-right:15px;
	background:white;
}

#content .box320
{
	position:relative;
	width:318px;
	border:1px solid #bcc7e4;
	float:left;
	margin-right:15px;
	background:white;
}

#content .grossbox
{
	position:relative;
	width:988px;
	border:1px solid #ffffff;
	float:left;
	margin-right:15px;
	background:white;
	min-height:400px;
}

#content .box320 .textinhalt h2
{
	color:#731314;
	font-size:22px;
	line-height:140%;
	margin:0 0 16px 0;
}

#content .box655 .textinhalt h2
{
	color:#731314;
	font-size:24px;
	line-height:140%;
	margin:0 0 16px 0;
}

#content .box990 .textinhalt h2
{
	color:#731314;
	font-size:24px;
	line-height:140%;
	margin:0 0 16px 0;
}

#content .box320 .textinhalt h2 a, #content .box655 .textinhalt h2 a, #content .box990 .textinhalt h2 a
{
	color:#731314;
	font-size:24px;
	line-height:140%;
	margin:0 0 16px 0;
	text-decoration:none;
}

#content .box320 .textinhalt h2 a:hover, #content .box655 .textinhalt h2 a:hover, #content .box990 .textinhalt h2 a:hover
{
	text-decoration:underline;
}

#content .textinhalt p
{
	color:#585858;
	font-size:12px;
	line-height:140%;
	margin:0 0 12px 0;
}

#content .textinhalt p a, #content .textinhalt li a
{
	color:#585858;
	text-decoration:underline;
}

#content .textinhalt p a:hover, #content .textinhalt li a:hover
{
	color:#000000;
}

#content .textinhalt ul
{
	color:#585858;
	list-style-type:disc;
	margin:20px 0 26px 0;
}

#content .textinhalt ul li
{
	list-style:disc;
	list-style-position:outside;
	font-size:12px;
	margin:0 0 0 24px;
	line-height:150%;
}

#content .textinhalt ol
{
	color:#585858;
	list-style-type:decimal;
	margin:20px 0 26px 0;
}

#content .textinhalt ol li
{
	list-style:decimal;
	list-style-position:outside;
	font-size:12px;
	margin:0 0 0 24px;
	line-height:150%;
}

#content h2.boxlink a
{
	display:block;	
	text-decoration:none;
	color:#731314;
	font-size:22px;
	line-height:140%;
}

#content h2.boxlink a:hover
{
	background-position:0 100% !important;
	text-decoration:underline;
}

.sso
{
	width:100%;
	height:7px;
	position:absolute;
	left:0;
	top:-8px;
	background:url(img/sso.jpg) repeat-x;
}

.sso_z1
{
	width:100%;
	height:15px;
	position:absolute;
	left:0;
	top:-16px;
	background:url(img/sso_z1.jpg) repeat-x;
}

.ssu
{
	width:100%;
	height:7px;
	position:absolute;
	left:0;
	bottom:-8px;
	background:url(img/ssu.jpg) repeat-x;
}

.ssl
{
	width:7px;
	height:100%;
	position:absolute;
	left:-8px;
	top:0;
	background:url(img/ssl.jpg) repeat-y;
}

.ssr
{
	width:7px;
	height:100%;
	position:absolute;
	right:-8px;
	top:0;
	background:url(img/ssr.jpg) repeat-y;
}

.korr_ul_v
{
	width:7px;
	height:14px;
	background:url(img/korr_ul_v.jpg) no-repeat;
	position:absolute;
	left:-8px;
	bottom:-8px;
}

.korr_ul_h
{
	width:14px;
	height:7px;
	background:url(img/korr_ul_h.jpg) no-repeat;
	position:absolute;
	left:-8px;
	bottom:-8px;
}

.korr_ur_v
{
	width:7px;
	height:14px;
	background:url(img/korr_ur_v.jpg) no-repeat;
	position:absolute;
	right:-8px;
	bottom:-8px;
}

.korr_ur_h
{
	width:14px;
	height:7px;
	background:url(img/korr_ur_h.jpg) no-repeat;
	position:absolute;
	right:-8px;
	bottom:-8px;
}

.korr_ol_v
{
	width:7px;
	height:14px;
	background:url(img/korr_ol_v.jpg) no-repeat;
	position:absolute;
	left:-8px;
	top:-8px;
}

.korr_ol_v_z1
{
	width:15px;
	height:15px;
	background:url(img/korr_ol_v_z1.jpg) no-repeat;
	position:absolute;
	left:-7px;
	top:-16px;
}

.korr_ol_h
{
	width:14px;
	height:7px;
	background:url(img/korr_ol_h.jpg) no-repeat;
	position:absolute;
	left:-8px;
	top:-8px;
}

.korr_ol_h_z1
{
	width:7px;
	height:14px;
	background:url(img/korr_ol_h_z1.jpg) no-repeat;
	position:absolute;
	left:-8px;
	top:0;
}

.korr_or_h
{
	width:14px;
	height:7px;
	background:url(img/korr_or_h.jpg) no-repeat;
	position:absolute;
	right:-8px;
	top:-8px;
}

.korr_or_h_z1
{
	width:7px;
	height:14px;
	background:url(img/korr_or_h_z1.jpg) no-repeat;
	position:absolute;
	right:-8px;
	top:0px;
}

.korr_or_v
{
	width:7px;
	height:14px;
	background:url(img/korr_or_v.jpg) no-repeat;
	position:absolute;
	right:-8px;
	top:-8px;
}

.korr_or_v_z1
{
	width:15px;
	height:15px;
	background:url(img/korr_or_v_z1.jpg) no-repeat;
	position:absolute;
	right:-8px;
	top:-16px;
}

.korr_ol_kante_z1
{
	width:31px;
	height:15px;
	background:url(img/korr_ol_kante_z1.jpg) no-repeat;
	position:absolute;
	left:-15px;
	top:-16px;
}

#footer
{
	width:990px;
	height:30px;
	background:#cbdae1;
	margin:0 auto 0 auto;
}

#footer p
{
	color:#731314;
	line-height:28px;
	font-size:14px;
	margin-left:50px;
}

#footer p span
{
	padding:0 23px 0 23px;
	font-size:12px;
	position:relative;
	top:-1px;
	line-height:30px;
}

#footer p a
{
	color:#731314;
	text-decoration:none;
}


#footer p a:hover
{
	text-decoration:underline;
}

#content .grossbox #bks
{
	width:282px /*320*/;
	height:30px;
	background:#cbdae1;
	color:white;
	line-height:30px;
	font-size:11px;
	padding-left:38px;
	position:absolute;
	left:-1px;
	top:-1px;
}

#artikelliste
{
	margin:0;
	border:1px solid transparent;
	margin-top:91px;
}

#artikelliste li
{
	margin:0 0 40px 0;
	position:relative;
}

#artikelliste .bildbereich_links
{
	float:left;
	width:320px;
	margin:0 48px 0 0;
	position:relative;
	left:-2px;
	top:0;
}

#artikelliste .bildbereich_rechts
{
	float:left;
	width:320px;
	position:relative;
	left:2px;
	top:4px;
}

#artikelliste .textbereich
{
	float:left;
	width:576px;
	position:relative;
}

#artikelliste .textbereich .spalte1
{
	float:left;
	width:278px;
	margin:0 20px 0 0;
}

#artikelliste .textbereich .spalte2
{
	float:left;
	width:278px;
}

#artikelliste .textbereich .tropfen_wrapper_einspalter
{
	height:50px;
}

#artikelliste .textbereich .tropfen
{
	display:block;
	width:44px;
	height:80px;
	background:url(img/tropfen_absatzende.jpg) no-repeat;
	position:absolute;
	right:6px;
	bottom:22px;
}

#artikelliste .textbereich.bild_links
{
	position:relative;
	top:-6px;	
}

#artikelliste .textbereich.bild_rechts
{
	margin:0 40px 0 50px;
}

#artikelliste .textbereich.normal
{
	margin:0 0 0 50px;
}

#artikelliste .textbereich h2
{
	font-size:20px;
	color:#731314;
	font-weight:normal;
	margin:0 0 36px 0;
	line-height:140%;
}

#artikelliste .textbereich p
{
	font-size:12px;
	color:#585858;
	font-weight:normal;
	line-height:150%;
	margin:0 0 12px 0;
}

#artikelliste .textbereich p a
{
	color:#585858;
	text-decoration:underline;
}

#artikelliste .textbereich p a:hover
{
	color:#000000;
}

#artikelliste li ul
{
	color:#585858;
	list-style-type:disc;
	margin:20px 0 26px 0;
}

#artikelliste li ul li
{
	list-style:disc;
	list-style-position:outside;
	font-size:12px;
	margin:0 0 0 24px;
	line-height:150%;
}

#artikelliste li ol
{
	color:#585858;
	list-style-type:decimal;
	margin:20px 0 26px 0;
}

#artikelliste li ol li
{
	list-style:decimal;
	list-style-position:outside;
	font-size:12px;
	margin:0 0 0 24px;
	line-height:150%;
}

#artikelliste li li a
{
	color:#585858;
	text-decoration:none;
}

#artikelliste li li a:hover
{
	color:#000000;
	text-decoration:underline;
}

a.pdf_button
{
	position:relative;
	left:-5px;
	display:block;
	width:38px;
	height:38px;
    background:url(cms/pdf_button.png) no-repeat 0 -38px;
    text-decoration:none !important;
	margin:10px 0 28px 0;
}

a:hover.pdf_button
{
    background:url(cms/pdf_button.png) no-repeat;
	text-decoration:underline !important;
}

a.pdf_button span
{
 	position:absolute;
	left:51px;
	top:10px;
    font-size:11px;
    color:#731314;
	white-space:nowrap;
	font-style:italic;
	text-decoration:none !important;
	line-height:28px;
}

a.pdf_button span.neu
{
	background:url(img/neu.jpg) right no-repeat;
	padding-right:60px;
}

a:hover.pdf_button span
{
	text-decoration:underline !important;
}

a.doc_button
{
	position:relative;
	left:-4px;
	display:block;
	width:38px;
	height:38px;
    background:url(cms/doc_button.png) no-repeat;
    text-decoration:none !important;
	margin:10px 0 28px 0;
}

a:hover.doc_button
{
    background:url(cms/doc_button.png) no-repeat 0 -38px;
	text-decoration:underline !important;
}

a.doc_button span
{
 	position:absolute;
	left:47px;
	top:10px;
    font-size:11px;
    color:#731314;
	white-space:nowrap;
	font-style:italic;
	text-decoration:none !important;
	line-height:28px;
}

a.doc_button span.neu
{
	background:url(img/neu.jpg) right no-repeat;
	padding-right:60px;
}

a:hover.doc_button span
{
	text-decoration:underline !important;
}

a.xls_button
{
	position:relative;
	left:-4px;
	display:block;
	width:38px;
	height:38px;
    background:url(cms/xls_button.png) no-repeat;
    text-decoration:none !important;
	margin:10px 0 28px 0;
}

a:hover.xls_button
{
    background:url(cms/xls_button.png) no-repeat 0 -38px;
	text-decoration:underline !important;
}

a.xls_button span
{
 	position:absolute;
	left:47px;
	top:10px;
    font-size:11px;
    color:#731314;
	white-space:nowrap;
	font-style:italic;
	text-decoration:none !important;
	line-height:28px;
}

a.xls_button span.neu
{
	background:url(img/neu.jpg) right no-repeat;
	padding-right:60px;
}

a:hover.xls_button span
{
	text-decoration:underline !important;
}

a.zip_button
{
	position:relative;
	left:-3px;
	display:block;
	width:38px;
	height:38px;
    background:url(cms/zip_button.png) no-repeat 0 -38px;
    text-decoration:none !important;
	margin:10px 0 28px 0;
}

a:hover.zip_button
{
    background:url(cms/zip_button.png) no-repeat;
	text-decoration:underline !important;
}

a.zip_button span
{
 	position:absolute;
	left:47px;
	top:10px;
    font-size:11px;
    color:#731314;
	white-space:nowrap;
	font-style:italic;
	text-decoration:none !important;
	line-height:28px;
}

a.zip_button span.neu
{
	background:url(img/neu.jpg) right no-repeat;
	padding-right:60px;
}

a:hover.zip_button span
{
	text-decoration:underline !important;
}

#suchergebnisse
{
	padding:90px 0 30px 0;
	position:relative;
	left:50px;
}

#suchergebnisse h3
{
	font-family:Verdana, Geneva, sans-serif;
	color:#731314;
	font-weight:normal;
	font-size:20px;
	margin:0 0 28px 0;	
}

#suchergebnisse p.hinweis
{
	font-weight:normal;
	font-size:13px;
}

#suchergebnisse p.fehlerhinweis
{
	color:#585858;
	font-weight:bold;
	font-size:13px;
}

#suchergebnisse #suchbegriffe
{
	margin:10px 0 30px 0;
}

#suchergebnisse #suchbegriffe li
{
	color:#585858;
	list-style-type:disc;
	list-style-position:inside;
	padding:0;
	margin-left:12px;
	font-size:14px;
}

#suchergebnisse #suchergebnisse_listen
{
	font-size:14px;
	margin:16px 0 0 0;
	list-style:none !important;
	list-style-type:none !important;	
}

#suchergebnisse #suchergebnisse_listen li
{
	list-style:none !important;
	list-style-type:none !important;
	margin:0 0 4px 0;
}

#suchergebnisse #suchergebnisse_listen li span
{
	color:#585858;
	position:relative;
	top:-1px;
	padding-right:4px;
	font-weight:bold;
}

#suchergebnisse #suchergebnisse_listen li a
{
	color:#585858;
	text-decoration:none;
}

#suchergebnisse #suchergebnisse_listen li a:hover
{
	text-decoration:underline;
}

#eyecatcher
{
	position:absolute;
	left:335px;
	top:83px;
	width:655px;
	height:110px;	
} 

#eyecatcher img
{
	display:none;
	position: absolute;
	left:0;
	top:0;
}

#hoerbeispiele ul
{
	list-style:none !important;
	margin:0 0 0px 0 !important;
	height:20px !important;
}

#hoerbeispiele li
{
	list-style:none !important;
	margin:0 0 20px 0 !important;
	height:20px !important;
}

#hoerbeispiele
{
	position:relative;
	left:0 !important;
	top:0 !important;
	margin:0 !important;
	position:relative !important;
	top:-50px !important;
	left:1px !important;
}

.jplayer
{
	position:relative;
	font-family:Verdana, Geneva, sans-serif;
	margin:0;
	width:890px;
}

.jplayer ul
{
	list-style-type:none !important;
	list-style:none !important;
	height:20px !important;
	position:relative !important;
	top:2px !important;
}

.jplayer li
{
	float:left !important;
	margin:0 5px 0 0 !important;
	list-style:none !important;
	list-style-type:none !important;
}

.jplayer li.bezeichnung
{
	position:relative;
	left:16px;
	top:1px;
}

.jp-current-time
{
	font-weight:bold;
	line-height:26px;
	padding-left:16px;
	color:#676767;
	font-size:18px;
}


.jp-play
{
	display:block;
	width:20px;
	height:20px;
	background:url(img/jplayer_buttons.jpg) no-repeat 0 -20px;
	text-indent:-5000em;
}

.jp-play:hover
{
	background:url(img/jplayer_buttons.jpg) no-repeat;
}

.jp-pause
{
	display:block;
	width:20px;
	height:20px;
	background:url(img/jplayer_buttons.jpg) no-repeat -20px -20px;
	text-indent:-5000em;
}

.jp-pause:hover
{
	background:url(img/jplayer_buttons.jpg) no-repeat -20px 0;
}

.jp-stop
{
	display:block;
	width:20px;
	height:20px;
	background:url(img/jplayer_buttons.jpg) no-repeat -40px -20px;
	text-indent:-5000em;	
	position:relative;
	left:4px;
}

.jp-stop:hover
{
	background:url(img/jplayer_buttons.jpg) no-repeat -40px 0;
}

.jp-progress
{
	overflow:hidden;
	background-color: #ffffff;
	width:100px;
	height:10px;	
	border:1px solid #cdcdcd;
	margin:8px 0 10px 0;
}

.jp-seek-bar
{
	background:#f1f2f5;
	width:0px;
	height:100%;
	cursor: pointer;
}

.jp-play-bar
{
	background:#cce2ff;
	width:0px;
	height:100%;
}