/**
 * Style sheet xElements
 * Copyright (C) 2005 Leo Feyer, licensed under LGPL
 */


/**
 * Text
 */
.ce_text
{
	line-height:1.5;
}


/**
 * Listing
 */
.ce_list ul
{
	margin:0px;
	padding:0px;
}

.ce_list li
{
	margin:0px 0px 0px 22px;
	padding:0px;
	line-height:1.4;
}

* html .ce_list li
{
	margin:0px 0px 0px 26px;
}

*:first-child+html .ce_list li
{
	margin:0px 0px 0px 26px;
}


/**
 * Table
 */
.ce_table table
{
	border-left:1px solid #cccccc;
}

.ce_table td
{
	padding:2px 8px;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

.ce_table th
{
	padding:2px 8px;
	background-color:#e6e6e6;
	border-top:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}


/**
 * Image gallery
 */
.ce_gallery table
{
	width:100%;
}

.ce_gallery td
{
	text-align:center;
	vertical-align:middle;
}


/**
 * Download
 */
html>body .mime_icon
{
	top:-1px;
	position:relative;
}







/* Sliding Tabs */

#inhaltsnavi {
	/*display: block;  // für was ??*/
	width:158px;
	text-align: right;
	padding-right:20px;
}
#inhaltsnavi #links  {
	/*position:absolute;
	left:150px;
	top:10px;*/
}
#inhaltsnavi #rechts {
	/*position:absolute;
	left:500px;
	top:10px;*/
}

#inhaltsnavi * {
	/*display: inline;  */
	list-style:none;
	padding: 2px 4px 2px 2px;
	margin: 4px;
	/*user-select: none;*/
	cursor:pointer;
}

#inhaltsnavi li.active, #inhaltsnavi li:hover {
	/*background-color: #ffac43;*/
	background-image:url(layoutgrafiken/bg_navi_links.gif);
	background-repeat:repeat-x;
	color:#ffffff;
	/*border-radius: 3px;
	-webkit-border-radius: 3px;
	-opera-border-radius: 3px;
	-moz-border-radius: 3px;*/
}

#inhaltsnavi ul {
	list-style:none;
	padding: 0px;
}

#panes {
	position:absolute;
	text-align: left;
	border-style: none;
	left:00px;
	top:0px;
	width: 770px;
	margin: 0 auto 30px auto;
	visibility:hidden;/**/
}

/*#panes div div { overflow: hidden; } Zerschiesst das Layout*/

#gehlinks { 
	float: none; 
	cursor: pointer; 
	width:10px;
	height:10px;
	margin:0;
	padding:0;
}

#gehrechts { 
	float: none; 
	cursor: pointer; 
	width:10px;
	height:10px;
	margin:0 10px 0 0;
	padding:0;
}









/* Referenzen */
.ce_gallery img {
	border:1px solid #CCCCCC;
}

.ce_gallery table td {
	background-image:url(/tl_files/layoutgrafiken/referenzen_schatten.png);
	background-position: top left;
	background-repeat:no-repeat;
	padding-bottom:5px;
}

/*.col_1.col_last { Kombinierter Klassenselektor scheint nicht zu gehen */
.ce_gallery td[ class="col_1 col_last"]{  /*Attributselektor! */
	/*background-color:#00FF33;*/
	background-image:url(/tl_files/layoutgrafiken/referenzen_schatten_breit.png);
	background-position: top left;
	background-repeat:no-repeat;
	padding-bottom:5px;
}

.ce_gallery td[ class="col_0 col_last"]{  /*Attributselektor! */
	background-image:url(/tl_files/layoutgrafiken/referenzen_schatten_1bild.png);
	background-position: top left;
	background-repeat:no-repeat;
	padding-bottom:5px;
}

.ce_gallery.kundenfeedbacks.block td[ class="col_2 col_last"]{
	background-image:none;
}

.ce_gallery.kundenfeedbacks.block td[ class="col_2 col_last"] img{
	border-style:none;
}







/* Formatierung in den Referenzen für ein Bild über 2 Bilder (Webreferenzen)
muss in Typolight mit dem Element Bild eingefügt werden, nicht mit der Gallery*/
.refbild img {
	border:1px solid #CCCCCC;
}

.refbild .image_container {
	background-image:url(/tl_files/layoutgrafiken/referenzen_schatten_breit.png);
	background-position: top left;
	background-repeat:no-repeat;
	padding-bottom:5px;
}

/* Die Breite des Textes zum Bild beschränken*/
.reftext{
	width:500px;
}





/* Text für Adresse im Footer */

#adresse_links p, #adresse_rechts p{
	font-size:11px;
	line-height:18px;
	color:#CCCCCC;
}





/* Checklisten */

.ce_teaser, .checklisten, .ce_webteaser {
	width:340px;
	height:120px;
	float:left;
	padding:5px;
	margin-right:10px;
	border-top:#E5E5E5 1px dotted;
}

.ce_teaser h1, .checklisten h1 {
	font-size:1px;
	line-height:1px;
	visibility:hidden;
}

.ce_teaser strong, .checklisten strong {
	background-color:#EFEFEF;
	padding: 0 3px 0 0;
}

.ce_teaser img, .checklisten img {
	border: #CCCCCC 1px solid;
	float:left;
	margin-right:10px;
	margin-bottom:20px;
}


/* Weiterlesen für Teaser und Checklisten */
.ce_teaser .more,  .checklisten a, .text_kundenfeedback a {
	font-size:12px;
	color:#ffac43;
	padding: 2px 4px 2px 0;
}

.ce_teaser .more:hover, .checklisten a:hover, .text_kundenfeedback a:hover {
	text-decoration:none;
	background-color:#ffac43;
	color:#FFFFFF;
	padding: 2px 3px 2px 3px;
}






/* Zufallsbild Kundenfeedback und Homepage Teaser */
.mod_randomImage, .mod_randomImage img
{
	float:left;
	margin:0px;
	padding:0px;
	margin-right:5px;
	border:0px;
}

.Zufallsbild_Homepage img {
	border: #CCCCCC 1px solid;
	float:left;
	margin-right:10px;
	margin-bottom:20px;
}


/*  Der Text neben dem Zufallsbild  */
.text_kundenfeedback
{
	margin-top:5px;
	width:200px;
	float:left;
}

.ce_webteaser .text_kundenfeedback
{
	margin-top:5px;
	width:150px;
	float:left;
}

/* Titel im Teaser Hintergrund mit Farbe */
.text_kundenfeedback strong {
	float:left;
	background-color:#EFEFEF;
	padding-right:3px;
}

/*  Die effektive Aussage unter dem Bild  */
.aussage_kunde{
	width:500px;
	background-image:url(layoutgrafiken/img_kundenaussage_bg.gif);
	background-repeat:no-repeat;
	font-size:18px;
	line-height:24px;
	font-style:italic;
	padding:10px 10px 10px 10px;
}

/* definiert in TL */
.aussage_kunde_person{
	padding-left:10px;
}







/* Die Links bei den Webrefs */

.reftext a {
	background-image:url(layoutgrafiken/psw_link_extern.png);
	background-repeat:no-repeat;
	background-position:left -1px;
	padding-left: 30px;
	padding-bottom:10px;
	font-size:14px;
	font-weight:bold;
	height:25px;
	color:#333333;
	text-decoration:underline;
}

.reftext a:hover {
	text-decoration:none;
	background-image:url(layoutgrafiken/psw_link_extern_over.png);
	background-repeat:no-repeat;
	background-position:left -1px;
	padding-left: 30px;
	padding-bottom:10px;
	padding-right:20px;
	font-size:14px;
	font-weight:bold;
	height:25px;
}







/* Die Links bei den Weblinks */
.weblinks {
	background-image:url(layoutgrafiken/img_software_bg.gif);
	background-repeat:no-repeat;
	width:345px;
	height:48px;
	float:left;
	padding:5px;
	margin-bottom:20px;
	margin-right:10px;
	line-height:24px;
}

.weblinks a {
	background-image:url(layoutgrafiken/psw_link_extern.png);
	background-repeat:no-repeat;
	background-position:left -1px;
	padding-left: 30px;
	padding-bottom:20px;
	font-size:14px;
	font-weight:bold;
	color:#333333;
	text-decoration:underline;
}

.weblinks a:hover {
	text-decoration:none;
	background-image:url(layoutgrafiken/psw_link_extern_over.png);
	background-repeat:no-repeat;
	background-position:left -1px;
	padding-left: 30px;
	font-size:14px;
	font-weight:bold;
}







/*  PDF Links  */
div.pdf {
	height:30px;
}

.pdf a {
	background-image:url(layoutgrafiken/link_pdf.png);
	background-repeat:no-repeat;
	background-position:left -1px;
	padding-left: 30px;
	height:20px;
	font-size:14px;
	font-weight:bold;
	color:#333333;
	text-decoration:underline;
	padding-bottom:30px;
	margin-bottom:30px;
}

.pdf a:hover {
	text-decoration:none;
	background-image:url(layoutgrafiken/link_pdf_over.png);
	background-repeat:no-repeat;
	background-position:left -1px;

}






/*  Generell  */
.ce_headline
{
	float:left;
	width:600px;
}



.firmendaten {
	background-image:url(layoutgrafiken/img_software_bg.gif);
	background-repeat:no-repeat;
	width:320px;
	height:auto;
	float:left;
	padding:5px;
	margin-bottom:20px;
	margin-right:10px;
	line-height:18px;
}

.firmendaten strong {
	font-size:14px;
}

.firmendaten_bild{
	float:left;
	border:#F7F7F7 solid 10px;
	margin-right:10px;
}










/* NEWS */

div.layout_short a:hover {
	text-decoration:underline;
}

/* Titellink */
div.layout_short a {
	text-decoration:none;
	text-transform:uppercase;
	color:#ff9713;
	letter-spacing:1px;
	font-size:11px;
}

/* weiterlesen … */
div.layout_short p.more a {
	text-decoration:none;
	color:#ff9713;
	text-transform:lowercase;
	font-size:11px;
}

div.layout_short p.more a:hover {
	text-decoration:underline;
}

/* Datum */
div.layout_short p.info {
	color:#cccccc;
	font-size:9px;
}

div.layout_short p.teaser {
	color:#cccccc;
	font-size:11px;
}

.mod_newslist h2 {
	color:#cccccc;
}






/* News simple für Liste links */
div.layout_simple{
	margin-right:20px;
}


div.layout_simple a{
	color:#999999;
	float:right;
	text-decoration:none;
	text-align:right;
	/*display: inline;  */
	padding: 2px 4px 2px 2px;
	margin: 4px;
}

div.layout_simple a:hover, div.layout_simple a.active {
	background-image:url(layoutgrafiken/bg_navi_links.gif);
	background-repeat:repeat-x;
	color:#ffffff;
	float:right;
	text-decoration:none;
	text-align:right;
	/*display: inline;  */
	padding: 2px 4px 2px 2px;
	margin: 4px;
}


div.layout_full
{
	width:500px;
	border-bottom:#CCCCCC 1px solid;
	margin-bottom:20px;
	padding-bottom:10px;
}

div.layout_full p.info,
div.layout_full h2,
div.layout_full .ce_text
{
	margin-top:20px;
}

div.layout_full img
{
	float:left;
	margin-right:10px;
	border:#CCCCCC 1px solid;
	/*height:80px;
	width:80px;*/
}





/* Situationplan */
/* Referenzen */
div.situationsplan{
	width:500px;
	background-image:url(/tl_files/layoutgrafiken/referenzen_schatten_situationsplan.png);
	background-position:0px 50px;
	background-repeat:no-repeat;
}

.situationsplan img {
	border:1px solid #CCCCCC;
}





/* Email codierung */

div .mod_contentbox {
	position:absolute;
	top:70px;
	left:558px;
	z-index:101;
}





/* IE Position */
* html #email_fusszeile {
	position:absolute;
	top:70px;
	left:558px;
}

.mod_contentbox a {
	font-size:11px;
	text-decoration:none;
}

.mod_contentbox a:hover {
	text-decoration:underline;
}












 /* M E D I A    P R I N T */


@media print{


/* Adresse im Footer*/

#adresse_links p, #adresse_rechts p{
	font-size:11px;
	line-height:18px;
	color:#333333;
}


}