/* CSS-Datei, die von allen Produkten eingebunden wird */

body { font-family: Arial, Helvetica, sans-serif; font-size:0.9em; text-align:center; margin:0; }
input, textarea { font-family: Arial, Helvetica, sans-serif; font-size:0.9em; padding:2px; }
input.support, textarea.support { width:320px; }
th { padding-right:3px; padding-bottom:10px; }
td { padding-right:3px; padding-bottom:10px; }
a, a:visited, a:active, a:focus, a:hover { color:#00f; }
h1 { font-size:18px; font-weight:700; }
h2 { font-size:16px; margin-bottom:20px; margin-top:0px; }
h2.change { color:#f00; text-align:center; }
p { margin-bottom:5px; margin-top:0px;  }
td.new_support { width:140px; padding-right:10px; text-align:right; }
td.demo { padding:0px; margin:0px; }
td.demo_corner { height:10px; width:10px; }
a.logo_top { display:block; height:60px; padding:0; margin:0; }

.fixed { width:300px; font-size:.9em; text-align:left; }
.help { color:#00f; }
.help:hover { cursor:help; }
br.cb { clear:both; }

#logout { width:980px; height:20px; background:url(img/logout_back.png) no-repeat top left; margin:0px auto 0px auto; padding:0px; text-align:right; }
#logout a, #logout a:visited, #logout a:active, #logout a:focus { text-decoration:none; margin-right:10px;}
#logout a:hover { color:#000; text-decoration:none; }

#body { width:980px; text-align:left; margin:0px auto 0px auto; background:url(img/background.png) repeat-y top center; padding:0; }
#body h1 { margin-top:0px; }
#content { margin-left:10px; margin-right:10px; padding-right:30px; padding-bottom:20px; border-top:1px solid #aaa; }
#tabcontent { margin-left: 230px; height:100%; padding-top:10px;}

#impressum { color:#aaa; font-size:10px; padding-top:0px; text-align:center; margin:-4px auto 0px auto; background:#fff; }
#impressum a, #impressum a:active, #impressum a:hover, #impressum a:focus, #impressum a:visited { color:#aaa; text-decoration:underline; font-weight:700; }
#newsupport { background:#eaeaea; padding:5px; margin-top:10px; margin-bottom:10px; }

#tabs { margin: 0; padding:10px 0px 0px 10px; background:#fff url('img/tab_back.png') repeat-y top left; width:200px; float:left;  }
#tabs img { float:left; }
#tabs a.link { display:block; float:right; width:150px; height:25px; text-align:left; margin-bottom:20px; padding-top:7px; margin-right:10px; }
#tabs a.link:hover { background:url('img/tab_hover.png') top left no-repeat; color:#000; text-decoration:none; }
#tabs .selected { display:block; float:right; width:150px; height:25px; text-align:left; margin-bottom:20px; padding-top:7px; margin-right:10px; margin-top:0px; color:#000; font-weight:700; text-decoration:none; background:#d1d1d1 url('img/tab_hover.png') top left no-repeat; }
#news { background:#fff; margin:0px; margin-left:-10px; padding:10px; font-size:12px; }

#signupbox { width:500px; margin:30px auto 10px auto; text-align:left; }
#signupbox td.labelright { text-align:right; padding-right:10px; padding-top:5px; }
em.notify { font-size:10px; color:#f00; }

#starttext { width:450px; float:left; padding-top:10px; margin:0; }
#support_past, #blog_past { width:200px; float:right; padding-left:20px; padding-top:10px; color:#000; text-align:left; }

ul.featurelist { list-style: none; padding-left:0; margin-left:0; margin-top:30px; }
ul.featurelist li {	padding-bottom: 10px; height:24px; }

.settings_title { display:block; float:left; padding-bottom:3px; }
.settings_change { display:block; text-align:right; padding-bottom:3px; }
.settings_status { text-align:right; color:#aaa; padding-top:3px; border-top:1px solid #ddd; }
.settings_edit { border-top:1px solid #ddd; padding-top:10px; }
.settings_edit div { height:26px; }
.settings_edit label { width:350px; float:left; text-align:right; color:#888; font-weight:bold; margin-right:10px; padding:5px 0 0 0; }
.settings_edit input.cbox { margin-top:6px; }
.settings_edit input.itext { padding:0; margin-left:2px; }
.save { text-align:center; margin:20px; }
#disp_email { float:left; }
#disp_homepage { float:left; }

.box { color:#39f; }
.book { color:#f15722; }
.inputfarbe { width:60px; margin-left:10px; margin-top:0px; }
.colorview { height:20px; width:20px; border:1px solid #aaa; float:left; }

.desc { text-align:right; padding-right:20px; color:#000; }
.important { color:#208d20; }

#code { margin: 30px 0 0 0; }
#code textarea { font-family:monospace;padding:5px;background:#eaeaea;border:1px dotted #aaa; margin-top:20px; }
#code label { display:block; width:80px; float:left; padding-top:6px; font-weight:700; }
#code input { width: 50px;  }
#code .code_info { color:#bbb; font-size:12px; }
#code .red { color:#f00; font-weight:700; }

/* fuer jQuery Accordion*/
h3 { margin:0; padding:3px; }
h3 a { font-weight:500; font-size:14px }
#accordion div { background:#efefef; margin-bottom:5px; }
#accordion div div, #faq div { background:#fff url(http://assets.speechbox.de/img/acc_back.jpg) repeat-x top left; margin:0; }
#faq div { padding:10px 0 10px 0; }
#accordion div div p { margin:0; padding:10px; }
/* ende jQuery */

#premium_help { background:#eaeaea; padding:10px; margin:10px; width:400px; }