@charset "UTF-8";
/* "Yet Another Multicolumn Layout" v3.1 (c) by Dirk Jesse (http://www.yaml.de)
* $Revision: 343 $ $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $ */
@media all {
* {margin: 0;padding: 0}
option {padding-left: .4em}
select {padding: 1px}
* html body * {overflow: visible}
* html iframe,* html frame {overflow: auto}
* html frameset {overflow: hidden}
html {height: 100%;margin-bottom: 1px}
body {font-size: 100.01%;color: #000;background: #fff;text-align: left}
fieldset,img {border: 0 solid}
ul,ol,dl {margin: 0 0 1em 1em}
li {margin-left: .8em;line-height: 1.5em}
dt {font-weight: 700}
dd {margin: 0 0 1em .8em}
blockquote {margin: 0 0 1em .8em}
blockquote:before,blockquote:after,q:before,q:after {content: ""}
#header {position: relative}
#topnav {text-align: right}
#header #topnav {position: absolute;top: 10px;right: 10px}
#header,#nav,#main,#footer {clear: both}
#col1 {float: left;width: 200px}
#col2 {float: right;width: 200px}
#col3 {width: auto;margin: 0 200px}
#col1_content,#col2_content,#col3_content {position: relative}
.clearfix:after {content: ".";display: block;font-size: 0;height: 0;clear: both;visibility: hidden}
.clearfix {display: block}
.floatbox {overflow: hidden}
#ie_clearing {display: none}
.subcolumns {width: 100%;overflow: hidden}
.subcolumns_oldgecko {width: 100%;float: left}
.c50l,.c25l,.c33l,.c38l,.c66l,.c75l,.c62l {float: left}
.c50r,.c25r,.c33r,.c38r,.c66r,.c75r,.c62r {float: right;margin-left: -5px}
.c25l,.c25r {width: 25%}
.c33l,.c33r {width: 33.333%}
.c50l,.c50r {width: 50%}
.c66l,.c66r {width: 66.666%}
.c75l,.c75r {width: 75%}
.c38l,.c38r {width: 38.2%}
.c62l,.c62r {width: 61.8%}
.subc {padding: 0 .5em}
.subcl {padding: 0 1em 0 0}
.subcr {padding: 0 0 0 1em}
.equalize,.equalize .subcolumns {overflow: visible;display: table;table-layout: fixed}
.equalize .c50l,.equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c66l,.equalize .c75l,.equalize .c62l,.equalize .c50r,.equalize .c25r,.equalize .c33r,.equalize .c38r,.equalize .c66r,.equalize .c75r,.equalize .c62r {display: table-cell;vertical-align: top;float: none;margin: 0;overflow: hidden}
.skip,.hideme,.print,dfn {position: absolute;left: -1000em;top: -1000em}
.skip:focus,.skip:active {position: static;left: 0;top: 0}
}
@media screen, projection {
body {background: #000000;padding: 35px 0 20px 0;}
body {text-align: center;}
.page_margins {text-align: left;margin: 0 auto;}
.page_margins {width: 832px;background-image: url(http://transformvoice.com/images/site/page_bkgrd_top.gif);background-repeat: no-repeat;background-position: left top;padding-top: 21px;}
.page {background-image: url(http://transformvoice.com/images/site/page_bkgrd_tile.gif);background-repeat: repeat-y;background-position: left top;padding: 0 25px 0 27px;background-color: #fff;}
#header {background-color: #ffe9a7;padding: 0 20px;background-image: url(http://transformvoice.com/images/site/tagline.gif);background-repeat: no-repeat;background-position: 535px 55px;}
#main {background-color: #fff;}
body#page_home #main {background-color: #660000;}
#footer {background-color: transparent;}
#col1 {float: left;width: 587px;}
#col1_content {padding: 25px 25px 20px 68px;}
body#page_home #col1_content {padding: 0 0 20px 0;}
#col3 {width: auto;margin: 0 0 0 587px;}
#col3_content {}
/* set column dividers*/
#col3 {border-left: 1px #e3b68a solid;background-color: #ffe599;}
body#page_home .subcl {padding: 15px 20px 0 20px;}
body#page_home .subcr {padding: 15px 20px 0 0;}
}
@media all {
html * {font-size: 100.01%;}
textarea, pre, code, kbd, samp, var, tt {font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;}
body {font-family: Arial, Helvetica, sans-serif;font-size: 75%;color: #152739;line-height: 1.5;}
.hr_border {
		border-top:1px solid #dfdfdf !important;
		padding-top: 15px;
}
h1,h2,h3,h4,h5,h6 {font-family: "Times New Roman", Times, serif;font-weight: normal;color: #660000;margin: 0 0 0.25em 0; line-height: 1.2;}
h1 {font-size: 170%;}
h2 {font-size: 140%;}
h3 {font-size: 120%;}
h4 {font-size: 100%;}
h5 {font-size: 100%;}
h6 {font-size: 100%;}
body#page_home #col1 h2 {color: #ffd966;text-transform: uppercase;font-family: Arial, Helvetica, sans-serif;font-size: 116.67%;margin: 0 0 0.5em 0;}
body#page_home #col1 h3 {color: #ffd966;font-family: Arial, Helvetica, sans-serif;font-weight: bold;font-size: 100%;}
ul, ol, dl {line-height: 1.5em;margin: 0 0 1em 1em;}
ul li {list-style-type: disc;}
ul ul li {list-style-type: circle;}
ol li {list-style-type: decimal;}
ol ol li {list-style-type: lower-latin;}
li {margin-left: .8em;margin-bottom: .8em;line-height: 1.5em}
dt {font-weight: bold;}
dd {margin: 0 0 1em 0.8em;}
p {line-height: 1.5em;margin: 0 0 1em 0;}
blockquote, cite,q {font-family: Georgia, "Times New Roman", Times, serif;font-style: italic;font-size: 1.7em;color: #550000;}
blockquote {margin: 0 0 .6em 0;line-height: 1.4;}
strong,b {font-weight: bold;}
em,i {font-style: italic;}
pre, code, kbd, tt, samp, var {font-size: 100%;}
pre, code {color: #800;}
pre {line-height: 1.5em;margin: 0 0 1em 0;}
kbd, samp, var {color: #666;}
var {font-style: italic;}
acronym, abbr {border-bottom: 1px #aaa dotted;font-variant: small-caps;letter-spacing: .07em;cursor: help;}
sub, sup {font-size: 91.6667%;}
hr {color: #fff;background: transparent;margin: 0 0 0.5em 0;padding: 0 0 0.5em 0;border: 0;border-bottom: 1px #bb0000 solid;}
a {color: #bb0000;background: transparent;text-decoration: none;}
a:visited {color: #bb0000;}
a:focus,
  a:hover,
  a:active {color: #880000;}
body#page_home #col1 .subcolumns a {color: #ffd966; }
body#page_home #col1 .subcolumns a:visited {color: #ffd966; }
body#page_home #col1 .subcolumns a span {color: #cc0000;}
body#page_home #col1 .subcolumns a:visited span {color: #cc0000;}
body#page_home #col1 .subcolumns a:focus,
  body#page_home #col1 .subcolumns a:hover,
  body#page_home #col1 .subcolumns a:active {color: #fff;}
body#page_home #col1 .subcolumns a:focus span,
  body#page_home #col1 .subcolumns a:hover span,
  body#page_home #col1 .subcolumns a:active span {color: #ffd966;}
p.icaption_left {float: left;display: inline;margin: 0 1em 0.15em 0;}
p.icaption_right {float: right;display: inline;margin: 0 0 0.15em 1em;}
p.icaption_left img,
  p.icaption_right img {padding: 0;border: 1px #888 solid;}
p.icaption_left strong,
  p.icaption_right strong {display: block;overflow: hidden;margin-top: 2px;padding: 0.3em 0.5em;background: #eee;font-weight: normal;font-size: 91.667%;}
.highlight {color: #f60;}
.dimmed {color: #888;}
.info {background: #f8f8f8;color: #666;padding: 10px;margin-bottom: 0.5em;font-size: 91.7%;}
/* eeSiteKit .codeblock and code CSS - June 2009*/
.codeblock {float: left;background: #f8f8f8;color: #666;padding: 10px 0 30px 10px;margin-bottom: 1em;font-size: 91.7%;width: 430px;overflow: auto;}
code {white-space: nowrap;}
.note {background: #efe;color: #040;border: 2px #484 solid;padding: 10px;margin-bottom: 1em;}
.important {background: #ffe;color: #440;border: 2px #884 solid;padding: 10px;margin-bottom: 1em;}
.warning {background: #fee;color: #400;border: 2px #844 solid;padding: 10px;margin-bottom: 1em;}
.float_left {float: left;display: inline;margin-right: 1em;margin-bottom: 0.5em;}
.float_right {float: right;display: inline;margin-left: 1em;margin-bottom: 0.5em;}
.center {display: block;text-align: center;margin: 0.5em auto;}
/* COLUMN 1 */
body#page_home #col1 .subcolumns p {color: #fff;font-size: .9em;}
.callouts {font-size: 0;}
/*body#page_home .callouts img {display: inline;}*/
#news_feed {background-color: #ffe9a7;}
#news_feed p {padding: 1em 20px;margin: 0;}
/* COLUMN 3 */
#quick_links {background-color: #880000;padding: 15px 20px 15px 12px;font-size: 1.1em;border-top: 1px solid #e3c29a;}
body#page_home #quick_links {border: 0 none; }
#quick_links ul {padding: 0;margin: 0;}
#quick_links ul li {list-style-type: none;margin: 0;}
#quick_links ul li a {display: block;padding: 0 0 10px 0;color: #ffd966;}
#quick_links ul li a:hover {color: #fff;text-decoration: none;}
#quick_links ul li a:hover span {color: #ee2d2f;}
#connect {padding: 12px 20px 0 12px;}
#col3 #connect h3 {font-family: Arial, Helvetica, sans-serif;font-size: .9em;color: #550000;}
#connect p {font-size: .8em;}
#connect a {color: #152739}
#connect a:visited {color: #152739;}
#connect a span {color: #ee2d2f;}
#connect a:focus,
#connect a:hover,
#connect a:active {color: #ee2d2f;}
#connect a:focus span,
#connect a:hover span,
#connect a:active span {color: #152739;}
.edit_date {
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 15px;
	color: #666;
}
/* FOOTER */
#footer {padding: 10px 25px 10px 27px;color: #ee2d2f;font-size: .8em;}
#footer p {float: left;display: inline;color: #fff;}
#footer ul {padding: 0;margin: 0;list-style: none;float: right;display: inline;}
#footer ul li {list-style-type: none;margin: 0;display: inline;}
#footer ul li span {color: #ee2d2f;padding: 0 9px 0 10px;}
#footer a {color: #fff;}
#footer a:visited {color: #fff;}
#footer a:focus,
#footer a:hover,
#footer a:active {color: #ee2d2f;}
}
@media all {
li.comments {
	list-style-type: none;
}
div.blog_tags {
	padding: 10px 0;
}
div.yform {background: #f4f4f4;border: 1px #ddd solid;margin: 0 0 1em 0;padding: 10px;}
div.yform fieldset {border: 1px #ddd solid;background: #fafafa;margin: 0 0 0 0;padding: 0.5em 1em;}
div.yform legend {font-size: 125%;font-weight: normal;color: #333;}
div.yform label {color: #666;}
div.yform .type-text input,
  div.yform .type-text textarea,
  div.yform .type-select select {font-family: Arial, Helvetica, sans-serif;border: 1px solid #ddd;}
div.yform div input:focus,
  div.yform div select:focus,
  div.yform div textarea:focus,
  div.yform div input:hover,
  div.yform div select:hover,
  div.yform div textarea:hover,
  div.yform div input:active,
  div.yform div select:active,
  div.yform div textarea:active {border: 1px #a66 solid;background: #fff;}
div.yform .type-button input {border-top: 1px #ddd solid;border-left: 1px #ddd solid;border-right: 1px #888 solid;border-bottom: 1px #888 solid;color: #000;background: #ccc;padding: .4em 1.1em;}
div.yform .type-button input#reset {color: #300;background: #661717;}
div.yform .type-button input#submit {color: #000;background: #ccc;}
div.yform div.type-button input:focus,
  div.yform div.type-button input:hover,
  div.yform div.type-button input:active {border-top: 1px #888 solid;border-left: 1px #888 solid;border-right: 1px #ddd solid;border-bottom: 1px #ddd solid;color: #fff;background: #999;}
div.yform div.type-button input#reset:focus,
  div.yform div.type-button input#reset:hover,
  div.yform div.type-button input#reset:active {background: #800;color: #fff;}
div.yform div.type-button input#submit:focus,
  div.yform div.type-button input#submit:hover,
  div.yform div.type-button input#submit:active {background: #999;color: #fff;}
div.yform {overflow: hidden;}
div.yform fieldset {overflow: hidden;}
div.yform legend {background: transparent;border: 0;}
div.yform label {display: block;cursor: pointer;}
div.yform .message {display: block;margin-bottom: 0.5em;color: #666;}
div.yform input[type=hidden] {display: none !important;}
div.yform sup {color: #800;font-weight: bold;}
div.yform div.type-text,
  div.yform div.type-select,
  div.yform div.type-check,
  div.yform div.type-button {margin: 1em 0;position: relative;overflow: hidden;}
div.yform .type-text input,
  div.yform .type-text textarea {display: block;position: relative;padding: 0.3em 0.3em;width: 90%;}
div.yform .type-select select {display: block;position: relative;padding: 0.3em 2px 0.3em 1px;width: 60%;cursor: pointer;}
div.yform .type-select select optgroup {font-style: normal;font-weight: bold;}
div.yform .type-check input {cursor: pointer;}
div.yform .type-check label {display: inline;}
/* Styling of buttons | Gestaltung von Buttons */
div.yform .type-button input {width: auto;cursor: pointer;}
/* Styling of error-messages | Fehlermeldungen */
div.yform div.error {border: 1px #a00 dashed;background: #faf4f4;padding: 0.5em;}
div.yform div.error label {color: #000;font-weight: bold;}
div.yform div.error .message {color: #800;}
.columnar .type-text label,
  .columnar .type-select label {float: left;width: 30%;}
.columnar div.type-check {padding-left: 30%;}
.columnar div.error .message {margin-left: 30%;}
.columnar div.type-text input,
  .columnar div.type-text textarea {width: 67.8%;}
.columnar div.type-select select {width: 69.4%;}
}
/* MAIN NAVIGATION */
div#nav {background-color: #000000;font-size: .9em;padding-left: 36px;}
div#nav_main span.nav_pipe {padding-right: 22px;margin-left: -22px;color: #ee2d2f;}
div#nav_main ul {padding: 0;margin: 0;list-style: none;}
div#nav_main a {display: block;text-decoration: none;color: #ffd966;padding: 6px 22px 5px 20px;text-transform: uppercase;}
div#nav_main .selected,
div#nav_main a:hover {background-color: #660000;}
div#nav_main li {float: left;list-style: none;margin-left: 1px;margin-bottom: 0;}
div#nav_main li ul {position: absolute;width: 150px;left: -999em;background: #000000;z-index: 10;}
div#nav_main li:hover ul, div#nav_main li.sfhover ul {left: auto;}
div#nav_main li li {float: none;margin-left: 0;line-height: 1.3;}
div#nav_main li li a {text-transform: none;color: #ffffff;border-top: 1px solid #ffe599;padding: 6px 22px 5px 22px;}
div#nav_main li li a:hover {background-color: #660000;color: #ffd966;}
div#nav_main a:focus {outline: none}
/* NAV SUB */
div#sub_nav {background-color: #880000;font-size: 1.1em;}
div#sub_nav ul {padding: 15px 20px 10px 12px; margin: 0; border-top: 1px solid #e3c29a;}
div#sub_nav ul  ul {padding: 0; margin: 0; border: 0 none;}
div#sub_nav ul li {list-style-type: none;margin: 0;}
div#sub_nav ul li a {display: block;padding: 0 0 10px 0;color: #ffd966;}
div#sub_nav ul li a:hover {color: #fff;text-decoration: none;}
div#sub_nav ul li a:hover span {color: #ee2d2f;}
div#sub_nav li ul li {
	list-style-type: none;
	margin-left: .9em;
	margin-bottom: .2em;
}
div#sub_nav .selected {
	font-weight: bold;
}