/* tracom.de - Stylesheet

	This CSS Stylesheet is generated with PHP on the server.
	It is compiled from the following css files. The separate css files are included with PHP into this master css file.

	screen.css (this file, loads the other style sheets)
		blocklevel.divs.css
		blocklevel.headings.css
		blocklevel.paragraphs.css
		hyperlinks.css
		inline.css

	IMORTANT:
	This CSS is encoded in "Unix". This must not be changed, otherwise it will not work!
	This CSS is not encoded in Unicode / UTF-8. This must not be changed, otherwise it will not work!

	To make PHP work in CSS, HTML, XML etc. file only, create a .htaccess file in the root folder and add the following line:
	AddType x-mapp-php4 .php .htm .html .css
	This means, that the CCS file is being sent as text/html. While this is no problem for IE, this unfortunately means, that browsers like FireFox don't load the CSS.
	But with PHP we can define a HTTP header to use when sending the CSS file:
	<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /homepages/11/d13377339/htdocs/de/wp-content/themes/tracom/css/screen.css:17) in <b>/homepages/11/d13377339/htdocs/de/wp-content/themes/tracom/css/screen.css</b> on line <b>24</b><br />

	a css: link, visited, hover, active

*/


/* display:
block
compact
inline
inline-block
inline-table
list-item
marker
none
run-in
table
table-caption
table-cell
table-column
table-column-group
table-footer-group
table-header-group
table-row
table-row-group
inherit
*/

/* Selektoren

*							Selektiert jedes Element
E							Selektiert jedes Element vom Typ E
E F						Selektiert jedes Element F, das ein Nachfahre von Element E ist
E > F					Selektiert jedes Element F, das ein Kind von E ist
E:first-child	Selektiert ein Element E, wenn es das erste Kind des direkten Vorfahren ist
E[foo]				Selektiert jedes Element E, bei dem das „foo“-Attribut gesetzt ist (unabhängig vom Wert)
E.c						Selektiert alle Elemente E der Klasse c
E#myid				Selektiert das Element E mit der ID „myid“.

*/

/* Calculating font-size:
font-size-px = font-size-pt * 1.3333;
font-size-pt = font-size-px / 1.3333;

you specified the font-size to 1.5 em, you can calculate its pixel-value by:

font-size-element-px = 1.3333*font-size-body-pt * font-size-element-em
or
font-size-element-px = font-size-body-px * font-size-element-em

*/


* {
	font-family: Calibri, CalibriOnline, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
}

html, body {
	direction: ltr;
	font-family: Calibri, CalibriOnline, Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	margin: 0px;
	padding: 0px;
	background-color: #6699CC;
	color: rgb(50,50,50);
	width: 100%;
	height: 100%;
	cursor: default;
}

body {
	background-image: url('../img/body-bgn.jpg');
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #6699CC;
	height: 100%;
	min-height: 1024px;
}

div.bgn-cite {
	position: absolute;
	margin-right: 500px;
	margin-top: 123px;
	z-index: 0;
}

img {
	border: none;
	padding: 0px;
	margin: 0px;
}

#banner img {
	display: block;
}
#navigation img {
	display: block;
}

/* @import url('blocklevel.divs.css'); */

/* === DIV-BLOCK FORMATS === */

div#page {
	min-width: 900px;
	max-width: 1250px;
	background-color: rgb(255,255,255);
	border: 1px solid rgb(220,100,20);
	border-left: 5px solid rgb(220,100,20);
	position: absolute;
	overflow: hidden;
	z-index:1;
	/*width: 90%;*/
}

div#head {
	background-color: rgb(255,255,255);
	background-image: url('../img/header-2009.jpg');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	min-height:100px;
}

div#banner {
	min-height:100px;
}

div#top-menu {
	padding: 5px;
	background-color: #C1D2EE;
}

div#container {
	background-color: rgb(70,135,180);
	border: 1px solid rgb(220,100,20);
	padding: 0px;
}

div#navigation {
	float: left;
	width: 230px;
	background-color: white;
	padding: 0px;
	height: 100%;
}

div#navigation div.menu {
	background-color: rgb(255,255,255);
}

div#navigation div.menu div.submenu {
	padding-left: 5px;
	padding-right: 5px;
}
div#navigation div.menu div.submenu div.submenu {
	padding-left: 10px;
	padding-right: 0px;
}

div#content {
	display: block;
	margin: 0px;
	margin-left: 230px;
	padding: 0px;
	padding-left:1px;
	background-color: rgb(255,255,255);
	border-left: 5px solid rgb(220,100,20);
}

/* =================================================================== */

div#sidebar {
	display: block;
	float: right;
	margin: 0px;
	padding-left: 10px;
	padding-right: 10px;
	width: 240px;
	background-color: rgb(255,255,255);
	background-image: url('../img/bg-shadow-content.gif');
	background-repeat: no-repeat;
	background-position: left top;
	/* border: 1px dotted rgb(70,135,180); */
}

div#sidebar div.section, div#sidebar noscript div.section {
	background-image: url('../img/transparent-shadow-top-left.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-left: 15px;
	min-height: 150px;
	height: auto !important;
	height: 150px;
}

div#sidebar div#search {
	background-image: url('../img/bg-page-corner-left.gif');
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-left: 15px;
	padding-bottom: 0px;
	min-height: 80px;
	height: auto !important;
	height: 80px;
}

/* =================================================================== */
div#article {
	display: block;
	padding-left: 25px;
	padding-right: 10px;
	margin-right: 260px;
	margin-bottom: 50px;
	min-width: 400px;
	/* max-width: 630px; */
	min-height: 2500px;
	height: 100%;
	background-color: rgb(255,255,255);
	background-image: url('../img/bg-shadow-content.gif');
	background-repeat: no-repeat;
	background-position: left top;
	/* overflow:auto; */
}

div.entry {
	min-width:500px;
}

#article div.section {
	background-image: url('../img/transparent-shadow-top-left.png');
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: -10px;
	margin-top: 25px;
	margin-right: 20px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-left: 20px;
	overflow: hidden; /* forces section container div to get height of child divs, needs width: 100% */
	width: 95%;     /* forces section container div to get height of child divs, needs overflow: auto */
	min-height: 150px;
	/* height: auto !important; */
}

#article div.section div.section {
	margin-left: 20px;
	overflow: hidden; /* forces section container div to get height of child divs, needs width: 100% */
	width: 95%;     /* forces section container div to get height of child divs, needs overflow: auto */
}



div.item {
	border-top: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 1px solid;
	margin-top: 10px;
	margin-bottom: 30px;
	padding-top:1px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
}

div.item:hover, div.item:focus, div.item:active {
	border-top: #b20000 1px dotted;
	border-bottom: #cccccc 1px dotted;
	background-image: url('../img/highlight.jpg');
	background-repeat: repeat-x;
	background-position-x:left;
	background-position-y:top;
}

div.item-content {
	min-height:140px;
}

div.item-meta {
	margin-top: 15px;
	margin-bottom: 15px;
	border: 1px solid #ddd;
	padding: 10px;
	background-color: #f8f8f8;
}

div.item-meta p {
	font-size: 13px;
}

div.soft-highlight {
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #f8f8f8;
	border: 1px solid #ddd;
	padding-left: 10px;
	padding-right: 10px;
	display:block;
}

div.info-block {
	background-image: url('../img/icon-information-small-50x50-div-background.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #f8f8f8;
	border: 1px solid #ddd;
	padding-left: 70px;
	padding-right: 10px;
	display: block;
	min-height: 70px;
	height: auto !important;
	height: 70px;
}

div.warning-block {
	background-image: url('../img/icon-warning-small-div-background.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #f8f8f8;
	border: 1px solid #ddd;
	padding-left: 70px;
	padding-right: 10px;
	display: block;
	min-height: 85px;
	height: auto !important;
	height: 85px;
}

code {
	background-color: #f8f8f8;
	border: 1px solid #ddd;
	font-family: "Courier New";
	font-size: 13px;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 90%;
	display:block;
	overflow:auto;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	white-space: pre;
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

p code, li code, td code {
	display: inline;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
}

pre {
	font-family:"Courier New";
}

div.callout-left, div.callout-right {
	display: inline;
	background-image: url('../img/bg-page-corner-left.gif');
	background-repeat: no-repeat;
	background-position:left bottom;
	margin: 0px;
	padding-top: 0px;
	padding-left: 15px;
	padding-bottom: 10px;
	min-height: 90px;
	min-width: 150px;
	max-width: 30%;
}

div.callout-left {
	float: left;
	margin-left: -10px;
}

div.callout-right {
	float: right;
	margin-left: 10px;
}

div.image-left, div.image-right, div.image-block {
	display: inline;
	border: 1px solid #ddd;
	background-color: #f8f8f8;
	margin-right: 10px;
	padding: 0px;
}

div.image-left {
	float: left;
}

div.image-right {
	float: right;
	margin-left: 10px;
}

div.image-block {
	display: block;
	width: 95%;
}

div.image-left a, div.image-left a.link, div.image-left a.visited, div.image-left a.hover, div.image-left a.active,
div.image-right a, div.image-right a.link, div.image-right a.visited, div.image-right a.hover, div.image-right a.active,
div.image-block a, div.image-block a.link, div.image-block a.visited, div.image-block a.hover, div.image-block a.active
{ display: block; color: #005888; border: 1px solid #f8f8f8 !important; }

div.image-left img, div.image-right img, div.image-block img {
	background-image: url('../img/bg-page-corner-left.gif');
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 10px;
	margin-left: auto;
	margin-right: auto;
}

div.image-block img {
	display: block;
}


div#comments div.section {
	background-image: url('../img/transparent-shadow-top-left.png');
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: -10px;
	margin-top: 25px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-left: 20px;
	min-height: 300px;
	height: auto !important;
	height: 300px;
}

div.clear {
	display: block;
	clear: both;
	width: 100%;
	height: 1px;
}

/* =================================================================== */
div#footer {
	background-color: rgb(220,100,20);
	border: 1px solid rgb(220,100,20);
	border-top: 0px;
	background-image: url('../img/bg-footer-orange.jpg');
	background-repeat: no-repeat;
	background-position:top;
	background-position:left;
	min-height: 150px;
	height: auto !important;
	height: 150px;
}

textarea {
	width: 100%;
}

div.calendar {
	z-index:2;
}

/* === HEADING FORMATS === */

/*
only for printouts, not screen; and only for Opera, but not IE: page-break-inside: avoid;
*/


h1, h2, h3, h4, h5, h6 {
	display: block;
	direction: ltr;
	font-size: 1em;
	font-family: "Cambria", "Georgia", serif;
	font-style: normal;
	text-align: left;
	margin-right: 0px;
	margin-left: 0px;
	color: #365f91;
	border-bottom: 1px solid rgb(220,100,20);
	line-height: auto;
}

h1 {
	font-size: 27px;
	margin-top: 0px; /* or font-size x 1,5 ? */
	margin-bottom: 9px;
	border-bottom-width: 2px;
}

h2 {
	font-size: 22.5px;
	margin-top: 30px;
	margin-bottom: 8px;
	border-bottom-width: 2px;
}

div.section > h2 {
	margin-top: 10px;
	margin-bottom: 20px;
	line-height: 120%;
}

div.item > h2 {
	font-size: 21px;
	margin-top: 5px;
	margin-bottom: 8px;
	border-bottom-width: 2px;
}

h3 {
	font-size: 19.5px;
	margin-top: 39px;
	margin-bottom: 7px;
	border-bottom-width: 1px;
}

div.section > h3 {
	margin-top: 10px;
	margin-bottom: 20px;
	line-height: 120%;
}

h4 {
	font-size: 16.5px;
	margin-top: 33px;
	margin-bottom: 7px;
	border-bottom-width: 1px;
}

div.section > h4 {
	font-size: 16.5px;
	margin-top: 10px;
	margin-bottom: 7px;
	border-bottom-width: 1px;
}


h5 {
	font-size: 15px;
	margin-top: 27px;
	margin-bottom: 7px;
	border-bottom-width: 1px;
}

h6 {
	font-size: 15px;
	margin-top: 21px;
	margin-bottom: 7px;
	border-bottom-width: 1px;
}


h1.sidebar {
	font-size: 15px;
	margin-top: 10px;
	margin-bottom: 7px;
	border-bottom-width: 1px;
}

/* === PARAGRAPH FORMATS === */

/*
only for printouts, not screen; and only for Opera, but not IE:
page-break-inside: avoid;
*/

p {
	orphans: 5; /* only for printouts, not screen */
	widows: 5; /* only for printouts, not screen */
	font-size: 15px;
	line-height: 140%;
	font-style: normal;
	font-weight: normal;
	padding: 0px;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
	white-space: normal;
}

td p {
	margin-top: 0px;
	margin-bottom: 2px;
}

p.teaser {
	font-family: "Franklin Gothic Demi", "Franklin Gothic Medium", "Arial Narrow", Helvetica-Narrow, sans-serif;
	font-size: 17pt;
	color: #144D85;
}

#footer p {
	padding: 10px;
}

ul {
	margin-left: 13pt;
	list-style: square url('../img/ul-li.gif');
	line-height: 140%;
}

ul.bullet {
	margin-left: 13pt;
	list-style: disc url('');
	line-height: 110%;
}

ul.wp-polls-ul {
	margin-left: 13pt;
	list-style: none;
	line-height: 140%;
}


ol {
	margin-left: 15pt;
	list-style-type:decimal;
	line-height: 140%;
}

.ArticleHeadDate {
	font-family: Georgia, "Times New Roman", serif;
	text-align: right;
	font-size: 17pt;
	line-height: 1.4em;
	margin-bottom:0.2em;
	padding-right:5px;
	color:#000;
	background-color:#ECECEC;
}

a {
	text-decoration: none;
	outline: none;
	cursor: pointer;
}

a { color: #005888; }
a.link    { color: #005888; border: 1px solid #EFEDDE; }
a.visited { color: #005888; border: 1px solid #EFEDDE; }
a.hover   { color: #005888; border-bottom: 1px solid #4587B6; }
a.active  { color: #005888; border: 1px solid #4587B6; }


/* === NAVIGATION START === */

#navigation a, #navigation a:link, #navigation a:visited {
	display: block;
	color: #005888;
	outline: none;
	cursor: pointer;
	text-decoration: none;
	padding: 3px;
	margin-right: 10px;
	margin-left: 10px;
	background-color: rgb(255,255,255);
	border:1px solid rgb(255,255,255);
	border-bottom:1px solid #F0F0F0;
}
#navigation a:hover, #navigation a:active, #navigation a:focus {
	background-color: #C1D2EE;
	border:1px solid #316AC5;
	}

/* === NAVIGATION END === */


/* === ARTICLE TEXT LINKS START === */

#article a, #article a:link, #article a:visited {
	text-decoration: none;
	color: #005888;
	background-color: inherit;
	border: 0px solid;
	border-bottom: 1px solid rgb(220,100,20);
}
#article a:hover, #article a:focus, #article a:active {
	border-bottom:1px solid #990000;
}


#article a.item-title, #article a.item-title:link, #article a.item-title:visited {
	border: 0px solid;
}

#article a.item-title:hover, #article a.item-title:focus, #article a.item-title:active {
	border: 0px solid;
	color: #990000;
}


/* === ARTICLE TEXT LINKS END === */

/* === ARTICLE MENU LINKS START === */

#article-menu a { display: block; }
#article-menu a:link, #article-menu a:visited {
	text-decoration:none;
	color: #005888;
	background-color:inherit;
	padding:3px 3px 3px 3px;
	border-bottom:1px solid rgb(220,100,20);
	border-left:8px solid rgb(220,100,20);
}
#article-menu a:hover, #article-menu a:focus, #article-menu a:active {
	color: #990000;
	background: none;
	background-color: #F0F0F0;
	border-left: 8px solid #C1D2EE;
	border-bottom: 1px solid rgb(220,100,20);
}

 #top-menu a:link, #top-menu a:visited {
	text-decoration:none;
	color: #005888;
	background: url(../img/navipfeil2.gif) 0 0.4em no-repeat;
	background-color:inherit;
	padding:1px 3px 1px 11px;
	border-bottom:1px solid #990000;
}
#top-menu a:hover, #top-menu a:focus, #top-menu a:active {
	color:#990000;
	background: none;
	background-color: #f0f0f0;
	border-left: 8px solid #666;
	padding-left: 3px;
	border-bottom:1px solid #990000;
}

.btn_orange_sm {
	vertical-align:middle;
	border:solid 1px #c56611;
	padding:5px 8px 5px 8px !important;
	color:#fff !important;
	margin:2px 1px !important;
	background:#df9c27 url(/images/v5/membership/button_bg_orange_sm.png) left top repeat-x;
	white-space:nowrap;
	cursor:pointer;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	border-radius: .3em
}

.btn_orange_sm:hover {
	text-decoration:none !important;
	background:#c56511 url(/images/v5/membership/button_bg_orange_hover.png) left top repeat-x;
}

/* === INLINE FORMATS === */

/*marign: top right bottom left
	margin-top: 0px;
	margin-right: 34%;
	margin-bottom: 0 px;
	margin-left: 180px;
*/

acronym, abbr, dfn {
	padding-bottom: 2px;
	border-bottom: 1px dotted #ccc;
	cursor: help;
	}

dfn {
	font-style:normal;
}

/* === Styling WP2.7 comments === */

/* ol is used for the top comments (level 1) */

.comment-author-vcard {
	background-image: url(../img/bg-comment-author.png);
	background-repeat: no-repeat;
	margin-right: 10px;
	display: block;
	/* background-color: #f8f8f8; */
	/* border-top: 1px solid #ddd; */
	min-height: 70px;
}

.avatar {
	margin-right: 10px;
	vertical-align:text-top;
	float: left;
}

div#comments ol {
	margin: 0px;
	margin-left: -6px;
	margin-top: 20px;
	padding: 0px;
	list-style-type:none;
}

/* ul is used for all reply comments */

div#comments ul {
	margin: 0px;
	margin-left: 20px;
	margin-top: 20px;
	padding: 0px;
	list-style-type:none;
}


div#comments li {
	background-image: url(../img/transparent-shadow-top-left.png);
	background-repeat: no-repeat;
	background-position-x:left;
	background-position-y:top;
	padding-left: 20px;
	padding-top: 15px;
	margin-top: 20px;
	min-height: 100px;
}


#article div.wp-pagenavi {
	display: block;
	background-image: url('../img/bg-page-corner-left.gif');
	background-repeat: no-repeat;
	background-position: left top;
	margin-top:20px;
	margin-left:-10px;
	min-height: 70px;
	padding-top: 20px;
	padding-left: 30px;
	padding-bottom: 10px;
}

#article div.wp-pagenavi-top {
	display: block;
	background-image: url('../img/bg-page-corner-left-top.gif');
	background-repeat: no-repeat;
	background-position: left top;
	margin-top:20px;
	min-height: 70px;
	padding-top: 20px;
	padding-left: 30px;
	padding-bottom: 10px;
}

#article div.wp-pagenavi span.pages,
#article div.wp-pagenavi span.current {
	padding: 3px 8px 3px 8px;
	margin: 4px;
	border: 1px solid #2c53b6;
}

#article div.wp-pagenavi span.pages {
	background-color: #FFFFFF;
	color: #005888;
}

#article div.wp-pagenavi span.current {
	background-color: #6699CC;
	font-weight: bold;
	color: #FFFFFF;
}

#article .wp-pagenavi a,
#article .wp-pagenavi a:link,
#article .wp-pagenavi a:visited,
#article .wp-pagenavi a:hover,
#article .wp-pagenavi a:active {
	padding: 3px 8px 3px 8px;
	margin: 4px;
	color: #005888;
	text-decoration: none;
	border: 1px solid #316AC5;
	background-color: #FFFFFF;
}
#article .wp-pagenavi a:hover {
	border: 1px solid #316AC5;
	background-color: #C1D2EE;
}
#article .wp-pagenavi a:active {
	border: 1px solid #316AC5;
	background-color: #316AC5;
}



img#wpstats{display:none}


/* Form Builder 7 Forms */

div.form-section {
	background-color: #f8f8f8;
	border: 1px solid #ddd;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}
fieldset {
	background-color: #f8f8f8;
	border: 1px solid #ddd;
	margin-top: 10px;
	margin-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	/*
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	*/
}
legend {
	padding: 5px;
	margin-left:-5px;
	font-weight: bold;
}

#BigForm3col-Anrede           { width: 100px; margin-right: 4px; }
#BigForm3col-Vorname          { width: 110px; margin-right: 4px; }
#BigForm3col-Nachname         { width: 110px; }

#BigForm3col-Firma            { width: 330px; }

#BigForm3col-Strasse          { width: 290px; margin-right: 4px; }
#BigForm3col-Hausnummer       { width:  32px; }

#BigForm3col-PLZ              { width:  60px; margin-right: 4px; }
#BigForm3col-Ort              { width: 140px; margin-right: 4px; }
#BigForm3col-Land             { width: 120px; }

#BigForm3col-email            { width: 330px; }

#BigForm3col-TelefonVorwahl   { width: 100px; margin-right: 4px; }
#BigForm3col-TelefonRufnummer { width: 220px; }

#BigForm3col-FileUpload       { width: 330px; }

#BigForm3col-CaptchaBild      { border: 1px solid #ddd; margin-bottom: -5px;}
#BigForm3col-CaptchaInput     { width: 100px; }

.cf7selectcustom { width: 100%; }

img, input {
	vertical-align: middle;
}

table, table th, table td { border-width:0px; border-style:solid; border-spacing:0px; border-collapse: collapse; padding:0px; margin:0px; empty-cells:show;}
table th { padding: 5px; font-weight: bold; background-color: #ddd;}
table td { padding: 5px; }

table.bug-table, table.bug-table th, table.bug-table td { border-width:1px; border-color:#4f81bd;}

table.schulungen-info, table.schulungen-info th, table.schulungen-info td { border-width:0px; }
table.schulungen-info th { padding: 1px; font-weight: bold; background-color: #ddd;}
table.schulungen-info td { padding: 1px; }
table#page-content-toc.schulungen-info td { padding: 5px; }


table.productfeatures
{
  padding: 3px;
  margin: 10px 0px 10px 0px;
}


table.productfeatures th
{
  padding: 5px;
  vertical-align: top;
  font-weight: bold;
  border-bottom-color: #CCC;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  background-color: white;
  color: white;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

table.productfeatures td
{
  padding: 5px;
  vertical-align: top;
  border-bottom-color: #CCC;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  color: #7F7F7F;
}

table.productfeatures th.express, table.productfeatures td.express
{
  padding: 5px;
  background-color: #4587b6;
}

table.productfeatures th.prof, table.productfeatures td.prof
{
  padding: 5px;
  background-color: #5EC725;
}

table.productfeatures th.project, table.productfeatures td.project
{
  padding: 5px;
  background-color: #da6a13;
}

table.productfeatures th.enterprise, table.productfeatures td.enterprise
{
  padding: 5px;
  background-color: #009999;
}

table.productfeatures td p
{
	margin-top: 0px;
	margin-bottom: 0px;
}

table.productfeatures h3
{
	margin-top: 5px;
	margin-bottom: 10px;
	color: White;
	border-bottom-color: White;
  border-bottom-style: solid;
  border-bottom-width: 1px;

}

table.productfeatures tfoot td
{
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-color: White;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  color: White;
}

table.productfeatures tfoot td p
{
	text-align:center;
	font-weight: bold;
}

table.productfeatures td.express-cart
{
  padding: 5px;
  background-color: #4587b6;
}

table.productfeatures td.prof-cart
{
  padding: 5px;
  background-color: #5EC725;
}

table.productfeatures td.project-cart
{
  padding: 5px;
  background-color: #da6a13;
}

table.productfeatures td.enterprise-cart
{
  padding: 5px;
  background-color: #009999;
}


ul.features
{
  margin: 0px;
  margin-left: 20px;
  padding: 0px;
  color: White;
}
ul.features li.available {
  list-style-image: url('http://www.tracom.de/de/wp-content/uploads/feature-available.png');
}
ul.features li.notavailable {
  list-style-image: url('http://www.tracom.de/de/wp-content/uploads/feature-not-available.png');
}