/* CSS Document */
body {
	padding:0px;
	margin:0px;
	background:url(../images/mainbg.gif) 0 0 repeat-x #fff;
	color:#705D20;
	font:14px/18px Arial, Helvetica, sans-serif;
}
div, p, ul, h1, h2, h3, form, img {
	padding:0px;
	margin:0px;
}
ul {
	list-style-type:none;
}
a {
	text-decoration:none;
}
a:hover {
	background:#FEFEFE;
	color:#fff;
	text-decoration:underline;
}
#topPan {
	width:898px;
	height:231px;
	position:relative;
	margin:0 auto;
}
#topHeaderPan {
	width:482x;
	height:231px;
	background:url(../images/header.jpg) 0 100% no-repeat;
	position:relative;
}
#topHeaderPan img {
	width:231px;
	height:82px;
	display:block;
	position:absolute;
	top:145px;
	left:20px;
}
#topHeaderPan ul {
	width:448px;
	height:59px;
	position:absolute;
	top:31px;
	left:0px;
	padding:0px;
}
#topHeaderPan ul li {
	width:104px;
	height:59px;
	background:url(../images/menu-div.gif) 100% 0 no-repeat;
	float:left;
}
#topHeaderPan ul li a {
	width:103px;
	height:59px;
	display:block;
	background:url(../images/topmenubg.gif) 0 0 repeat-x #fff;
	color:#88763D;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	line-height:59px;
}
#topHeaderPan ul li.active {
	width:104px;
	height:59px;
	display:block;
	background:url(../images/company-bg.gif) 0 0 no-repeat;
	color:#88763D;
	text-align:center;
	font-size:13px;
	font-weight: normal;
	line-height:59px;
}
#topHeaderPan ul li a:hover {
	width:103px;
	height:59px;
	background:url(../images/topleftmenu-hover.gif) 50% 100% no-repeat;
	text-decoration:none;
}
#toprightPan {
	width:417px;
	height:218px;
	background:url(../images/rightsidebg.jpg) 0 0 no-repeat;
	position:absolute;
	top:13px;
	right:0px;
}
#toprightPan ul {
	width:320px;
	height:49px;
	display:block;
	margin:16px 0 0 16px;
}
#toprightPan ul li {
	width:104px;
	height:49px;
	border-right:1px dashed #C1B79A;
	float:left;
}
#toprightPan ul li.home {
	width:104px;
	height:20px;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	background:url(../images/icon1.gif) 50% 0 no-repeat #fff;
	color:#81BE28;
	padding:29px 0 0;
}
#toprightPan ul li.home a {
	width:104px;
	height:20px;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	background:url(../images/icon1-normal.gif) 50% 0 no-repeat #fff;
	color:#0880BC;
	padding:29px 0 0;
	text-decoration:none;
}
#toprightPan ul li.home a:hover {
	width:104px;
	height:20px;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	background:url(../images/icon1.gif) 50% 0 no-repeat #fff;
	color:#81BE28;
	padding:29px 0 0;
}
#toprightPan ul li.about {
	width:104px;
	height:20px;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	background:url(../images/icon2-hover.gif) 50% 0 no-repeat #fff;
	color:#81BE28;
	padding:29px 0 0;
	text-decoration:none;
}
#toprightPan ul li.about a {
	width:104px;
	height:20px;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	background:url(../images/icon2-normal.gif) 50% 0 no-repeat #fff;
	color:#0880BC;
	padding:29px 0 0;
	text-decoration:none;
}
#toprightPan ul li.about a:hover {
	width:104px;
	height:20px;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	background:url(../images/icon2-hover.gif) 50% 0 no-repeat #fff;
	color:#81BE28;
	padding:29px 0 0;
	text-decoration:none;
}
#toprightPan ul li.contact {
	width:104px;
	height:20px;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	background:url(../images/icon3-hover.gif) 50% 20% no-repeat #fff;
	color:#81BE28;
	border:none;
	padding:29px 0 0;
	text-decoration:none;
}
#toprightPan ul li.contact a {
	width:104px;
	height:20px;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	background:url(../images/icon3-normal.gif) 50% 20% no-repeat #fff;
	color:#0880BC;
	padding:29px 0 0;
	text-decoration:none;
}
#toprightPan ul li.contact a:hover {
	width:104px;
	height:20px;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	background:url(../images/icon3-hover.gif) 50% 20% no-repeat #fff;
	color:#81BE28;
	padding:29px 0 0;
	text-decoration:none;
}
/*----/TOP PANEL----*/

/*----BODY PANEL----*/
#bodyPan {
	width:898px;
	position:relative;
	margin:0 auto;
}
/*----BODY LEFT PANEL----*/
#bodyleftPan {
	width:461px;
	float:left;
	margin-left:20px;
}
#bodyleftPan h2 {
	width:360px;
	height:30px;
	font:30px/30px Georgia, "Times New Roman", Times, serif;
	background:#fff;
	color:#006EA6;
	margin:43px 0 0;
}
#bodyleftPan h3 {
	width:360px;
	height:30px;
	font:25px/25px Georgia, "Times New Roman", Times, serif;
	background:#fff;
	color:#006EA6;
	margin:20px 0 0;
}
#bild_k {
	position:relative;
	margin:0 auto;
}
#bodyleftPan p {
	padding:14px 28px 0 0;
}
#bodyleftPan p.greentext {
	background:#fff;
	color:#5E9908;
	font-size:16px;
	font-weight:bold;
	padding:14px 0 0;
}
#bodyleftPan p.browntext {
	background:#fff;
	color:#705D20;
	font-size:24px;
	padding:10px 0 0;
}
#bodyleftPan ul {
	width:270px;
	height:24px;
	margin:20px 0 0;
}
#bodyleftPan ul li {
	width:118px;
	height:24px;
	float:left;
	margin:0 5px 0 0;
}
#bodyleftPan ul li.more {
	width:120px;
	height:24px;
	float:left;
}
#bodyleftPan ul li a {
	width:90px;
	height:24px;
	display:block;
	background:url(../images/reedmore-bg.gif) 0 0 no-repeat #FEFEFE;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	line-height:20px;
	padding:0 0 0 28px
}
#bodyleftPan ul li a:hover {
	background:url(../images/reedmore-hover.gif) 0 0 no-repeat;
	text-decoration:none;
}
#bodyleftPan ul li.comment {
	width:98px;
	height:24px;
	background:url(../images/commentbg.gif) 0 0 no-repeat #FEFEFE;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	line-height:24px;
	text-decoration:none;
	float:left;
	padding:0 0 0 20px
}
/*----BODY LEFT ----*/
/*----BODY RIGHT ----*/
#bodyrightPan {
	width:359px;
	float:left;
}
/*----Rechte Seite----*/
#loginPan {
	width:359px;
	background:url(../images/formbg.gif) 0 0 repeat-y;
}
#loginPan h2 {
	width:260px;
	height:65px;
	display:block;
	background:url(../images/icon.gif) 0 50% no-repeat #fff;
	color:#5EA000;
	font:30px/80px Georgia, "Times New Roman", Times, serif;
	padding:0 0 0 64px;
	margin:0 0 0 18px;
}
#loginPan h3 {
	width:260px;
	height:40px;
	background:#fff;
	color:#fff;
	padding:0 0 0 64px;
	margin:0 0 0 18px;
}
#loginPan h3 a {
	border: none;
	padding: 1px;
}
#loginPan h3 img {
	width:20px;
	height:16px;
	background:#fff;
	border: double;
	color:#fff;
	padding:1px;
	margin:0 1px;
}
#loginPan h3 img.active {
	width:20px;
	height:16px;
	background:#5ea000;
	border: double;
	color:#fff;
}
#loginPan h3 img:hover {
	width:20px;
	height:16px;
	background:#0095e1;
	border: double;
	color:#fff;
}
#loginPan h2 span {
	background:#fff;
	color:#017FC0;
}
#loginPan form {
	width:321px;
	height:50px;
	background:#FCF6E6;
	color:#705D20;
	position:relative;
	border:1px dashed #BFB492;
	margin:0 0 0 18px;
	padding:6px 0 0;
}
#loginPan form label {
	width:140px;
	height:22px;
	display:block;
	float:left;
	padding: 0 0 0 10px;
	margin:9px 0 0;
}
#loginPan form input {
	width:130px;
	height:18px;
	font-size:12px;
	display:block;
	float:left;
	margin:9px 12px 0 0;
}
#loginPan form input.button {
	width:49px;
	height:52px;
	display:block;
	position:absolute;
	top:6px;
	right:16px;
	background:url(../images/button.gif) 0 0 no-repeat #FCF6E6;
	border:none;
	color:#fff;
	margin:9px 0 0;
	font:16px/52px Georgia, "Times New Roman", Times, serif;
	text-align:center;
	padding:0px;
}
#loginPan ul {
	width:323px;
	height:25px;
	margin:6px 0 0 18px;
}
#loginPan ul li {
	width:166px;
	height:25px;
	float:left;
}
#loginPan ul li.nonregister {
	width:156px;
	height:25px;
	float:left;
	background:url(../images/not-memberbg.gif) 0 0 no-repeat #FEFEFE;
	color:#fff;
	font-weight:bold;
	line-height:25px;
	text-align:center;
}
#loginPan ul li.register {
	width:165px;
	height:25px;
	float:left;
	background:url(../images/new-registerbg.gif) 0 0 no-repeat #FEFEFE;
	color:#fff;
	font-weight:bold;
	line-height:25px;
	margin:0 0 0 1px;
}
#loginPan ul li.register a {
	width:141px;
	height:25px;
	display:block;
	background:url(../images/arrow1.gif) 95% 60% no-repeat;
	text-decoration:none;
	padding:0 0 0 25px;
}
#loginPan ul li.register a:hover {
	background:url(../images/arrow2.gif) 95% 60% no-repeat;
	text-decoration:none;
}
/*----/Login Panel----*/
#bodyrightPan p.hours {
	width:323px;
	height:83px;
	margin:33px 0 33px 18px;
}
#bodyrightPan p.hours a {
	width:323px;
	height:83px;
	display:block;
	background:url(../images/24hours.gif) 0 0;
	text-indent:-2000px;
}
#bodyrightPan p.hours a:hover {
	width:323px;
	height:83px;
	background:url(../images/24hours.gif) 0 0;
	text-indent:-2000px;
}
/*----Login Panel----*/
#loginBottomPan {
	width:359px;
	height:25px;
	background:url(../images/form-bottombg.gif) 0 0 no-repeat;
}
/*----/Login Panel----*/
/*----Services Panel----*/
#servicesPan {
	width:359px;
	height:21px;
	background:url(../images/servicestop-bg.gif) 0 0 no-repeat;
}
#servicesBodyPan {
	width:359px;
	background:url(../images/servicesbody-bg.gif) 0 0 repeat-y;
}
#servicesBodyPan p {
	padding:10px 25px 0 34px;
}
#servicesBodyPan p.services {
	width:300px;
	height:60px;
	font:25px/50px Georgia, "Times New Roman", Times, serif;
	background:#fff;
	color:#006EA6;
	margin:0 0 0 34px;
	padding:0px;
}
#servicesBodyPan p.boldbrowntext {
	font-size:12px;
	font-weight:bold;
	padding:4px 25px 0 34px;
}
p.bluetext {
	/* background:url(../images/servicesbody-bg.gif) 0 0 repeat-y #fff; */
	color:#007EC1;
	font-size:12px;
	font-style:italic;
}
#servicesBodyPan p.largebrowntext {
	font-size:30px;
	padding:10px 25px 10px 34px;
}
#servicesBodyPan p.galerieimages img {
	width:60px;
	height:70px;
	background:#e3f5fe;
	border: 1px dashed #006EA6;
	color:#fff;
	padding:2px;
	margin:10px 5px 0 0;
}
#servicesBodyPan p.galerieimages img:hover {
	width:60px;
	height:70px;
	background:#e3f5fe;
	border: 1px  double #006EA6;
	color:#fff;
	padding:2px;
	margin:10px 5px 0 0;
}
#servicesBodyPan p.link {
	width:289px;
	height:23px;
	background:#FCF6E6;
	color:#705D20;
	margin:0 36px;
	padding:0px;
}
#servicesBodyPan p.link a {
	width:289px;
	height:23px;
	display:block;
	background:#FCF6E6;
	color:#705D20;
	line-height:23px;
	text-decoration:none;
	text-align:center;
}
#servicesBodyPan p.link a:hover {
	width:289px;
	height:23px;
	background:#F9E09F;
	color:#705D20;
	text-align:center;
	text-decoration:none;
}
#servicesBottomPan {
	width:359px;
	height:25px;
	background:url(../images/form-bottombg.gif) 0 0 no-repeat;
	padding:10px 0 0;
}
@charset "utf-8";
/* CSS Document */

#abstand .abstand {
	width:300px;
	height:440px;
	background:#fff;
	margin:0 0 0 24px;
	text-decoration:none;
}
#sprecher {
	width:60px;
	height:80px;
	background:#fcf6e6;
	margin:40px 0 0 9px;
	padding:2px;
	border: 1px dashed #BFB492;
	float:left;
}
#sprecher p.fahne {
	width:32px;
	height:32px;
	background:#fff;
	margin:3px 0px 0 0px;
	padding:3px 30px 0px 0px;
	;
	border: 0px;
}
.fahne a img {
	border: 0;
	margin: 0;
	padding: 0;
}

#voices p.demo img.playing, #audiodemo.playing {
	background-image:url(../sprecher/demo_p.gif) !important;
}
#voices p.demo img, #audiodemo img {
	width:32px;
	height:32px;
	background-image:url(../sprecher/demo.png);
	padding:0px;
	border: 0px;
	link-decoration:none;
	float:left;
}
#voices p.demo img {
	margin:-43px 0 0 0;
}
#voices p.demo img.demo:hover, #audiodemo img:hover {
	width:32px;
	height:32px;
	background-image:url(../sprecher/demo_a.png);
	padding:0px;
	border: 0px;
	link-decoration:none;
}
#sprecher_a {
	width:60px;
	height:80px;
	background:#fcf6e6;
	margin:10px 0 0 9px;
	padding:2px;
	border: 1px dashed #BFB492;
	float:left;
}
#sprecher_a p.fahne {
	width:32px;
	height:32px;
	background:#fff;
	margin:3px 0px 0 0px;
	padding:3px 30px 0px 0px;
	;
	border: 0px;
}
#sprecher_a p.demo img.playing, #audiodemo.playing img {
	background-image:url(../sprecher/demo_p.gif) !important;
}
#sprecher_a p.demo img {
	width:32px;
	height:32px;
	background-image:url(../sprecher/demo.png);
	margin:-43px 0 0 0;
	padding:0px;
	border: 0px;
	link-decoration:none;
	float:left;
}
#sprecher_a p.demo img.demo:hover {
	width:32px;
	height:32px;
	background-image:url(../sprecher/demo_a.png);
	margin: -43px 0 0 0;
	padding:0px;
	border: 0px;
	link-decoration:none;
}
#team {
	width:60px;
	height:80px;
	background:#e3f5fe;
	margin:20px 0 0 9px;
	padding:2px;
	border: 1px dashed #006EA6;
	float:left;
}
#abstandteam {
	width:320px;
	height:100px;
	background:#fff;
	margin:0 0 0 24px;
	text-decoration:none;
}
#voices_viewport {
	width: 324px;
	height: 440px;
	overflow: hidden;
	position: absolute;
	margin-left: 24px;
}

#voices {
	width: 10000px;
	height: 380px;
}

#voices li {
	position: relative;
	width: 320px;
	float: left;
}

.imagecontainer {
	width: 60px;
	height: 80px;
	margin: 0;
	padding: 0;
	background: transparent url("../images/loading.gif") no-repeat center center;
	overflow: hidden;
}

#voices_prev {
	float: left;
	margin: 0 0 0 32px;
}

#voices_next {
	float: right;
	margin: 0 32px 0 0;
}

#whitelayer {
	background: #fff url("../images/loading_big.gif") no-repeat center center;
}	

#voices_prev img, #voices_next img {
	border: none;
}

a.voicedetailslink, a.voicedetailslink img, a.voicedetails, a.voicedetails img {
	position: relative;
	border: 0;
	padding: 0;
	margin: 0 0 0 0;
}

#voice_details #sprecher {
	float: left;
	margin: 0 12px 0 0;
}

#voice_details p.demo {
	margin:0;
	padding:0;
}

#voice_details p.demo img.playing {
	background-image:url(../sprecher/demo_p.gif) !important;
}
#voice_details p.demo img {
	position: relative;
	top: 12px;
	width:32px;
	height:32px;
	background-image:url(../sprecher/demo.png);
	margin: 0;
	padding:0px;
	border: 0px;
}
#voice_details p.demo img.demo:hover {
	background-image:url(../sprecher/demo_a.png);
}
#voice_details p.demo img.demo {
	position: relative;
	top: 12px;
	width:32px;
	height:32px;
	background-image:url(../sprecher/demo.png);
	margin: 0;
	padding:0px;
	border: 0px;
}

#voice_details p.demo img.download {
	background-image:url(../sprecher/demo_d.png);
	margin-right: 10px;
}

#voice_details p.demo img.download:hover {
	background-image:url(../sprecher/demo_do.png);
	margin-right: 10px;
}
#voice_details span {
	padding-left: 12px;
}
p.native {
	font:18px/18px Georgia, "Times New Roman", Times, serif;
	background:#fff;
	color:#006EA6;
}
#servicesVoiceList {
	height: 440px;
}

.moreinfo {
	position: relative;
	top: -17px;
	left: 44px;
}

#footer {
	clear: both;
	text-align: center;
	padding: 24px 0 24px 0;
}

#footer h2 {
	font-size: 14px;
	color: #007EC1;
}

#footer a {
	color: #705D20;
	font-size:11px;
	font-weight: normal;
}
#footer a:hover {
	color:#81be28;
}
#audiodemo {
	float: left;
	position: relative;
	top: -5px;
	margin-left: 12px;
	border: 0;
	cursor: pointer;
}

#loginPan #isdnslave {
	font-size: 22px;
	color: #007EC1;
}


.uschrift {
	font-size: 12px;
	margin-left:30px;
	color: #705D20;
	text-align:center;

}

.nschrift {
	font-size: 10px;
	margin-left:30px;
	color: #705D20;
	text-align:center;
	top:-20px;
	height:10px;
	line-height:10px;
}


#loginPan #isdnslave ul {
margin:3px 0 5px 20px;
text-align:center;
width:auto;
height:14px;
}

#loginPan #isdnslave ul li {
color: #017FC0;
display:inline;
font-size:14px;
text-align:center;
left: -20px;
width:45px;
height:15px;
}

#loginPan #isdnslave .preis ul li {
color: #5EA000;
display:inline;
font-size:14px;
text-align:center;
left: -20px;
width:45px;
}