/* 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:
	
	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-size: 15px; */
	margin: 0px;
	padding: 0px;
	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: #333333;
	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;
	right: 500px;
	top: 123px;
	z-index: 0;
}

img {
	border: none;
	padding: 0px;
	margin: 0px;
}
#banner img {
	display: block;
}
#navigation img {
	display: block;
}


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

div#page {
	width: 90%;
	min-width: 900px;
	max-width: 1150px;
	background-color: #FFFFFF;
	border: 1px solid rgb(218,106,19);
	border-left: 5px solid rgb(218,106,19);
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
}

div#head {
	background-color: rgb(255,255,255);
	min-height:100px;
}

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

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

div#container {
	background-color: #4587B6;
	border: 1px solid rgb(218,106,19);
	padding: 0px;
}

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

div#navigation div.menu {
	background-color: #FFFFFF;
}

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;
	background-color: #FFFFFF;
	border-left: 5px solid rgb(218,106,19);
}

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

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

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: 350px;
	/* max-width: 630px; */
	min-height: 2500px;
	height: 100%;
	background-color: #FFFFFF;
	background-image: url('../img/bg-shadow-content.gif');
	background-repeat: no-repeat;
	background-position: left top;
	/* 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-left: 10px;
	padding-right: 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.section div.section {
	margin-left: 20px;
	border: 1px dotted #CCCCCC;
}

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;
}


#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-bottom: 10px;
	padding-top: 10px;
	padding-left: 20px;
	min-height: 250px;
	height: auto !important;
	height: 250px;
}

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(218,106,19);
	border: 1px solid rgb(218,106,19);
	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(218,106,19);
	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.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;
}

h4 {
	font-size: 16.5px;
	margin-top: 33px;
	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.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: #FFFFFF;
	border:1px solid #FFFFFF;
	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(218,106,19);
}
#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(218,106,19);
	border-left:8px solid rgb(218,106,19);
}
#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(218,106,19);
}

 #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;
}

/* === 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}

/*
.formBuilderForm {
	padding-bottom: 10px;
}

#article div.formBuilderLabel,
#article div.formBuilderLabelRequired,
#article div.formBuilderComment
{
	margin-top: 15px;
	margin-bottom: 5px;
}


#formBuilderFieldAnrede, #formBuilderFieldAnrede *,
#formBuilderFieldVorname, #formBuilderFieldVorname *,
#formBuilderFieldNachname, #formBuilderFieldNachname *
{
	display:inline;
}
#formBuilderFieldAnrede div.formBuilderSelect select { width: 95px; }
#fieldformBuilderFieldVorname { width: 120px; }
#fieldformBuilderFieldNachname { width: 120px; }

#fieldformBuilderFieldFirma { width: 340px; }

#formBuilderFieldStrasse, #formBuilderFieldStrasse *,
#formBuilderFieldHausnummer, #formBuilderFieldHausnummer *,
#formBuilderFieldPLZ, #formBuilderFieldPLZ *,
#formBuilderFieldOrt, #formBuilderFieldOrt *,
#formBuilderFieldLand, #formBuilderFieldLand *
{
	display:inline;
}
#fieldformBuilderFieldStrasse { width: 280px; }
#fieldformBuilderFieldHausnummer { width: 50px; }

#fieldformBuilderFieldPLZ { width: 50px; }
#fieldformBuilderFieldOrt { width: 140px; }

#formBuilderFieldLand div.formBuilderSelect select { width: 150px; }

#fieldformBuilderFieldEmail { width: 280px; }

#formBuilderFieldTelefon, #formBuilderFieldTelefon *,
#formBuilderFieldEmail, #formBuilderFieldEmail *
{
	display:inline;
}

div.formBuilderSelect select {  }
div.formBuilderSelect select * { color:rgb(218,106,19); }
*/

/* 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;
}

select {
	font-family: "Calibri, Lucida Grande, Verdana, Arial, Helvetica, sans-serif";
}

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