/* ColorBox, (c) 2011 Jack Moore, MIT license */
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url("../../assets/jquery/colorbox/1.6.1/images/loading.gif") no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
@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}
}

@charset "UTF-8";
/* - - - ADxMenu: BASIC styles [ MANDATORY ] - - - */

/* remove all list stylings */
#navmenu .menu,
#navmenu .menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}

#navmenu .menu li {
	margin: 0;
	padding: 0;
	border: 0;
  list-style-type: none;
	display: block;
	float: left; /* move all main list items into one row, by floating them */
	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */
	z-index: 5;	/* thus we need to apply explicit z-index here... */
}

#navmenu .menu li:hover {
	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */
	white-space: normal; /* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)	see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

#navmenu .menu li li {
	float: none; /* items of the nested menus are kept on separate lines */
  list-style-type: none;
}

#navmenu .menu ul {
	visibility: hidden;	/* initially hide all submenus. */
	position: absolute;
	z-index: 10;
	left: 0; /* while hidden, always keep them at the top left corner, */
	top: 0;	/* to avoid scrollbars as much as possible */
}

#navmenu .menu li:hover>ul {
	visibility: visible;	/* display submenu them on hover */
	top: 100%; /* 1st level go below their parent item */
}

/* #navmenu .menu li li:hover>ul {	/* 2nd+ levels go on the right side of the parent item */ /*
	top: 0;
	left: 100%;
}
*/

/* -- float.clear --	force containment of floated LIs inside of UL */
#navmenu .menu:after,
#navmenu .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}

#navmenu .menu,
#navmenu .menu ul {	/* IE7 float clear: */
	min-height: 0;
}
/* -- float.clear.END --  */

/* -- sticky.submenu --	it should not disappear when your mouse moves a bit outside the submenu	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly! if you do it, make sure you 110% know what you do */
#navmenu .menu ul {
	background-image: url("../../tl_files/layout/css/navigation/images/empty.gif"); /* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */
	padding: 5px 30px 30px 30px;
	margin: -5px 0 0 -30px;
	/* background: #f00; */ /* uncomment this if you want to see the "safe" area.	You can also use to adjust the safe area to your requirement */
}

/* #navmenu .menu ul ul {
	padding: 30px 30px 30px 10px;
	margin: -30px 0 0 -10px;
} */
/* -- sticky.submenu.END -- */






/* - - - ADxMenu: DESIGN styles [ OPTIONAL, design your heart out :) ] - - - */

#navmenu .menu,
#navmenu .menu ul li {
	font-family: "Trebuchet MS", Calibri, sans-serif;
	background: transparent url("../../tl_files/layout/css/navigation/images/nav_bg.png") repeat-x left center;
}

#navmenu .menu>li {
	line-height: 34px;
	font-size: 1.25em;
	text-transform: uppercase;
	border-left: 1px solid #333;
	border-right: 1px solid #999;
}

#navmenu .menu>li.first {
	border-left: 0;
}

#navmenu .menu ul {
	width: 12em;
}

#navmenu .menu li li {
  margin: 0;
  padding: 0;
	font-size: 1em;
	text-transform: none;
	border: 1px solid #999; /* create borders around each item */
}

#navmenu .menu ul>li + li {	/* and remove the top border on all but first item in the list */
	border-top: 0;
}

#navmenu .menu a {
  margin: 0;
	padding: 0 1em;
	color: #fff;
	text-decoration: none;
	display: block;
	height: 34px;
	position: relative;
}

#navmenu .menu ul a {
	height: 25px;
}

#navmenu .menu a:link,
#navmenu .menu a:visited {
	text-decoration: none;
}

#navmenu .menu a:focus,
#navmenu .menu a:hover,
#navmenu .menu a:active,
#navmenu .menu a.trail,
#navmenu .menu li:hover>a,
#navmenu .menu li li:hover>a {
	background: transparent url("../../tl_files/layout/css/navigation/images/nav_hover.png") repeat-x left center;
}

#navmenu .menu li.active strong {
  height: 34px;
	padding: 0 1em;
	color: #fff;
	font-weight: normal;
	display: block;
	background: transparent url("../../tl_files/layout/css/navigation/images/nav_active.png") repeat-x left center;
}

#navmenu .menu ul li.active strong {
  height: 25px;
}

/* #navmenu .menu li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping */ /*
	top: 5px;
	left: 90%;
}
*/

/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
	placed here to clarify the terminology I use when referencing submenus in posts */
/*.menu>li:first-child>a, .menu li + li + li li:first-child>a {
	color: #eee;
}*/

/* Fix for IE5/Mac \*//*/
.menu a {
	float: left;
}
/* End Fix */
@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Vertical list navigation "vlist"
 * (de) Vertikale Navigationsliste "vlist"
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.1
 * @revision        $Revision: 343 $
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
 */

@media all
{
  /* title */
  .nav_vlist h6 {
    font-family:  Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 100%;
    width: 90%;
    padding: 3px 0px 3px 10%; /* LTR */
    margin:0;
    color: #933;
    background-color: #fff;
    border-top: 2px #ddd solid;
    border-bottom: 4px #888 solid;
  }

  .vlist {
    width: 100%;
    overflow: hidden;
    margin: 0;
    list-style-type: none;
    border-bottom: 2px #ddd solid;
  }

/*  .vlist ul {
    list-style-type: none;
    margin:0;
    padding: 0;
  }
Dust-Me Selectors */ 

  .vlist li {
    float:left; /* LTR */
    width: 100%;
    margin:0;
    padding: 0;
  }

  .vlist a,
  .vlist strong {
    display:block;
    padding: 3px 0px 3px 10%;
    text-decoration: none;
    border-bottom: 1px #ddd solid;
  }

  .vlist a,
  .vlist a:visited {
    color: #444;
  }

/*  .vlist li span {
    display:block;
    font-weight: bold;
    border-bottom: 1px #ddd solid;
  }
Dust-Me Selectors */ 

  /* active list element */
  .vlist li.active {
    color: #fff;
    background-color:#933;
    font-weight: bold;
  }

  /* Level 1 */
  .vlist li a,
  .vlist li strong { width: 90%; padding-left: 10%; } /* LTR */

  .vlist li a:focus,
  .vlist li a:hover,
  .vlist li a:active { background-color:#a88; color: #fff; }
}

@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) CSS-component for creating vertical forms
 * (de) CSS-Baustein zur Erstellung von Formularen mit untereinander angeordneten Elementen
 *
 * @note            Many thanks to Ansgar Hein (http://www.anatom5.de) for contribution
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.1
 * @revision        $Revision: 343 $
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
 */

@media all
{
  /**
   *  YAML Forms - visual styling
   *
   *  (en) visual form styling area
   *  (de) Festlegung des optischen Erscheinungsbildes
   */

  form.yform {
    background: #f8f8f8;
    border: 1px #eee solid;
    margin: 0 0 1em 0;
    padding: 10px;
  }

  form.yform fieldset {
    border: 1px #ddd solid;
    background: #fafafa;
    margin: 0 0 1em 0;
    padding: 0.5em 1em;
    /* width: 500px; */
  }

  form.yform legend {
    padding: 0 2px;
    font-size: 125%;
    font-weight: normal;
    color: #933;
  }

  form.yform label {
    color: #666;
  }

  form.yform .type-text input,
  form.yform .type-text textarea,
  form.yform .type-select select {
    font-family:  Arial, Helvetica, sans-serif;
    padding: 0.3em 0.3em;
    border: 1px #bbb solid;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    color:#666;
    width: 150px;
  }

  form.yform .type-text input.cleardefault,
  form.yform .type-text textarea.cleardefault {
    border: 1px #bbb solid;
    color:#bbb;
    font-style:italic;
  }

  /* :hover and :focus status on form fields | Effekt zur Hervorhebung von Formularfeldern bei :hover oder :focus */
  form.yform .type-text input:focus,
  form.yform .type-text input.focus,
  form.yform .type-select select:focus,
  form.yform .type-select select.focus,
  form.yform .type-text textarea:focus,
  form.yform .type-text textarea.focus,
  form.yform .type-text input:hover,
  form.yform .type-select select:hover,
  form.yform .type-text textarea:hover,
  form.yform .type-text input:active,
  form.yform .type-select select:active,
  form.yform .type-text textarea:active {
    border: 1px #933 solid;
    background: #fff8f8;
    color: #933;
  }

  /* Beginn Anpassungen "Formular Benutzerdaten / Mitgliederregistrierung" */
  form.yform div table input.captcha,
  form.yform div table input.text {
    font-family:  Arial, Helvetica, sans-serif;
    padding: 0.3em 0.3em;
    border: 1px #bbb solid;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    color: #666;
    width: 280px;
  }

  form.yform div table select.select {
    font-family:  Arial, Helvetica, sans-serif;
    padding: 0.3em 0.3em;
    border: 1px #bbb solid;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    color: #666;
    width: 289px;
  }
 
  form.yform div table input:focus,
  form.yform div table input.focus,
  form.yform div table select:focus,
  form.yform div table select.focus,
  form.yform div table input:hover,
  form.yform div table select:hover,
  form.yform div table input:active,
  form.yform div table select:active {
    border: 1px #933 solid;
    background: #fff8f8;
    color: #933;
  }

  form.yform div table p.error {
    border: 1px #a00 dashed;
    background: #faf4f4;
    padding: 0.5em;
    color: #800;
    font-weight: bold;
  }

  form.yform div table input.captcha {
    width: 100px;
  }

  form.yform div table span.captcha_text {
    margin-left: 1em;
  }
  

  form.yform div table label.error { color: #800; font-weight:bold; vertical-align: top; }
  /* Ende Anpassungen "Formular Benutzerdaten / Mitgliederregistrierung" */


  /* Styling of buttons | Gestaltung von Buttons */
  form.yform .submit_container input {
    border-top: 1px #ddd solid;
    border-left: 1px #ddd solid;
    border-right: 1px #444 solid;
    border-bottom: 1px #444 solid;
    color: #000;
    background: #454545 url("../../tl_files/layout/css/screen/images/button_gray.png") top left repeat-x;
    padding: .5em 1.2em;
  }

  /* :hover and :focus status on buttons | Effekt zur Hervorhebung von Schaltern bei :hover oder :focus */
  form.yform div.submit_container input:focus,
  form.yform div.submit_container input.focus,
  form.yform div.submit_container input:hover,
  form.yform div.submit_container input:active {
    border-top: 1px #444 solid;
    border-left: 1px #444 solid;
    border-right: 1px #ddd solid;
    border-bottom: 1px #ddd solid;
    color: #fff;
    background: #555; 
  }

  form.yform .type-button input {
    border-top: 1px #ddd solid;
    border-left: 1px #ddd solid;
    border-right: 1px #444 solid;
    border-bottom: 1px #444 solid;
    color: #000;
    background: #454545 url("../../tl_files/layout/css/screen/images/button_gray.png") top left repeat-x;
    padding: .5em 1.2em;
  }

  form.yform .type-button input#reset { color: #300; background: #661717 url(../../tl_files/layout/css/screen/images/button_red.png) top left repeat-x; }
  form.yform .type-button input#submit { color: #330; background: #5e5607 url(../../tl_files/layout/css/screen/images/button_yellow.png) top left repeat-x; }

  /* :hover and :focus status on buttons | Effekt zur Hervorhebung von Schaltern bei :hover oder :focus */
  form.yform div.type-button input:focus,
  form.yform div.type-button input.focus,
  form.yform div.type-button input:hover,
  form.yform div.type-button input:active {
    border-top: 1px #444 solid;
    border-left: 1px #444 solid;
    border-right: 1px #ddd solid;
    border-bottom: 1px #ddd solid;
    color: #fff;
    background: #555; 
  }

  form.yform div.type-button input#reset:focus,
  form.yform div.type-button input#reset:hover,
  form.yform div.type-button input#reset:active {
    background: #800; color: #fff;
  }

  form.yform div.type-button input#submit:focus,
  form.yform div.type-button input#submit:hover,
  form.yform div.type-button input#submit:active {
    background: #880; color: #fff;
  }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Vertical-Forms - technical base (standard)
  *
  * |-------------------------------|
  * | fieldset                      |
  * |-------------------------------|
  * |   label                       |
  * |   input / select / textarea   |
  * |-------------------------------|
  * | /fieldset                     |
  * |-------------------------------|
  *
  * (en) Styling of forms where both label and input/select/textarea are styled with display: block;
  * (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display: block; gestaltet werden
  *
  * WARNING: This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
  */

  /* General form styling  | Allgemeine Formatierung des Formulars */
  form.yform { overflow: hidden; }
  form.yform fieldset { overflow: hidden; }
  form.yform legend { background: transparent; border: 0; }
  form.yform label { display:inline; cursor: pointer; }
  form.yform .message { display: block; margin-bottom: 0.5em; color: #666; }

  /* Hiding of hidden fields (otherwise ugly spaces in Firefox) | Versteckte Felder wirklich verstecken (sonst ggf. häßliche Lücken im Firefox) */
  form.yform input[type=hidden] { display: none !important; }

  /* Highlight mandatory fields | Pflichtfeldkennzeichnung hervorheben */
  form.yform sup {
    color: #800;
    font-weight: bold;
    font-size: 116.67%;
  }
  
  form.yform div span.mandatory {
    color: #800;
  }

  /* styling containing DIV elements | Gestaltung der kapselnden DIV-Elemente */
  form.yform div.type-text,
  form.yform div.type-select,
  form.yform div.type-check,
  form.yform div.type-button {
    margin: 0.5em 0;
    /* position: relative; */
    overflow: hidden;
  }

  /* styling standard form elements with 'almost' equal flexible width | Gestaltung der einzelnen Formularelemente mit annähend gleicher Breite */
  form.yform .type-text input,
  form.yform .type-text textarea {
    display: block;
    /* position: relative; */
    padding: 0.3em 0.3em;
    width: 58.5%;
  }

  form.yform .type-select select {
    display: block;
    /* position: relative; */
    padding: 0.3em 2px 0.3em 1px;
    width: 60%;
    cursor: pointer;
  }
  
  form.yform .type-select select optgroup {
    font-style: normal;
    font-weight: bold;
  }

  form.yform .type-check input { cursor: pointer; }
  form.yform .type-check label { display: inline; }

  /* Styling of buttons | Gestaltung von Buttons */
  form.yform .type-button input {
    width: auto;
    cursor: pointer;
  }

  /* Styling of error-messages | Fehlermeldungen */
  form.yform div.error {
    border: 1px #a00 dashed;
    background: #faf4f4;
    padding: 0.5em;
    color: #800;
    font-weight: bold;
  }

  form.yform div.error label { color: #000; font-weight:bold; }
  form.yform div.error .message { color: #800; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Columnar forms display - technical base (optional)
  *
  * |-------------------------------------------|
  * | fieldset                                  |
  * |-------------------------------------------|
  * |                                           |
  * |   label   |   input / select / textarea   |
  * |                                           |
  * |-------------------------------------------|
  * | /fieldset                                 |
  * |-------------------------------------------|
  *
  * (en) Styling of forms where label floats left of form-elements
  * (de) Formulargestaltung, bei der die label-Elemente nach links fließen
  *
  * WARNING: This part contains several IE-stability-fixes. Don't edit this part if you are not sure, what you're doing!
  */

  /* Columnar display | Spalten-Darstellung */
  .columnar .type-text label,
  .columnar .type-select label {
    float: left;
    width: 30%; /* Can be fixed width too | Kann auch eine fixe Angabe sein */
  }

  /* Indent Checkbox fields to match label-width | Checkboxen um den gleichen Wert einrücken, wie die Breite der labels */
  .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%; }
  
  /* width adjustments for IE 5.x & IE6 | Breitenanpassung für Internet Explorer 5.x und 6.0 */
  * html .columnar div.type-text input,
  * html .columnar div.type-text textarea { width: 67.2%; }
  * html .columnar div.type-select select { width: 68.8%; }
  
 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Forms Fieldset/Legend-Bug in IE
  * @see http://www.mattheerema.com/web-design/2006/04/getting-fieldset-backgrounds-and-legends-to-behave-in-ie/
  *
  * @workaround
  * @affected IE 5.x/Win, IE6, IE7
  * @css-for IE 5.x/Win, IE6, IE7
  * @valid yes
  */
  
  /* IE5.x & IE6 */
  * html .yform legend { position:absolute; top: -.5em; left: .5em; }
  * html .yform fieldset { overflow:visible; height: 1%; margin-top:1.5em; padding-top:1.5em; }

  /* IE7 */
  *+html .yform legend { position:absolute; top: -.5em; left: .5em; }
  *+html .yform fieldset { overflow:visible; height:1%; margin-top:1.5em; padding-top:1.5em; }
}

@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Screen layout for YAML examples
 * (de) Bildschirmlayout für YAML-Beispiele
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.1
 * @revision        $Revision: 343 $
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
 */

@media screen, projection
{
  /**
   * (en) Formatting YAML's  basic layout elements
   * (de) Gestaltung des YAML Basis-Layouts
   */

  /** 
   * (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera 
   * (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera 
   *
   * @workaround
   * @affected IE8, FF, Webkit, Opera
   * @css-for all
   * @valid CSS3
   */
  body { overflow-y: scroll; }

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body { background: #e4e4e4 /*url("../../tl_files/layout/images/bg_blue.png") repeat-x top left fixed*/; padding: 10px 0; }

  /* (en) Centering layout in old IE-versions */
  /* (de) Zentrierung des Layouts in alten IE-versionen */
  body { text-align: center; }
  .page_margins { text-align: left; margin: 0 auto; }

  /* (en) Layout: width, background, borders */
  /* (de) Layout: Breite, Hintergrund, Rahmen */
  .page_margins { min-width: 980px; max-width: 90em; background: #fff; }
  .page { padding: 10px; }

  /* (en) Designing main layout elements */
  /* (de) Gestaltung der Hauptelemente des Layouts */

  #header {
    color: #000;
    background: #fff repeat-x top left;
  }

  #header #nav {
    padding-top: 175px;
  }

  #topnav { color: #000; background: transparent; }

  /* (en) adjustment of main navigation */
  /* (de) Anpassung der Hauptnavigation */
  /* #nav .menu { padding-left: 10px; } */

  #main { background: #fff; padding: 10px 0; }

  #footer {
    color: #aaa;
    background: #f9f9f9;
    padding: 10px 20px;
    border-top: 5px #efefef solid;
    line-height: 1.5em;
  }

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   * |-------------------------------|
   * | #header                       |
   * |-------------------------------|
   * | #col1   | #col3     | #col2   |
   * | 25%     | flexible  | 25%     |
   * |-------------------------------|
   * | #footer                       |
   * |-------------------------------|
   */


  #col1 { width: 25%; }
  #col1_content { padding: 10px 10px 10px 20px; }

/*  #col2 { width: 25%; }
  #col2_content { padding: 10px 20px 10px 10px; }
*/
  #col3 { margin: 0 25%; }
  #col3_content { padding: 10px; }

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Styling of equal heights elements
   */
  .box-top { width: 100%; }

  .box-top .c100l,
  .box-top .c100r { background: url("../../tl_files/layout/images/frame/lframe.png") top left no-repeat; }

  .box-top .subcl,
  .box-top .subcr,
  .box-top .subc {
    padding: 15px;
    background: url("../../tl_files/layout/images/frame/rframe.png") top right no-repeat;
    padding-bottom: 100em;
    margin-bottom: -100em;
  }

  .box-bottom { width: 100%; margin-bottom: 1em; text-align: right; }

  .box-bottom .c100l,
  .box-bottom .c100r { background: url("../../tl_files/layout/images/frame/lframe.png") bottom left no-repeat; }

  .box-bottom .subcl,
  .box-bottom .subcr,
  .box-bottom .subc {
    padding: 0 20px 15px 20px;
    background: url("../../tl_files/layout/images/frame/rframe.png") bottom right no-repeat;
  }

  /* adjustment of content elements within the boxes */
  .box-top h4 { display: block; margin: 5px 0px; border-bottom: 1px #933 solid; font-style: normal; font-variant: small-caps;  font-family: "Times New Roman"; }
  /* .box-top p { padding: 5px; margin-bottom: 0;} */

  /*------------------------------------------------------------------------------------------------------*/

  /**
   * (en) Styling of layout specific elements
   * (de) Gestaltung layoutabhängiger Elemente
   */

/*  #header h1 {
    font-size: 1.5em;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 100%;
    color: #eee;
    text-align: left;
    padding: 0;
  }
*/
  #topnav a { color: #999; font-weight: normal; background: transparent; text-decoration: none; }
  #topnav a:focus,
  #topnav a:hover,
  #topnav a:active { text-decoration: underline; background-color: transparent; }

  #footer a { color: #aaa; background: transparent; font-weight: bold; }
  #footer a:focus,
  #footer a:hover,
  #footer a:active {color: #933; background-color: transparent; text-decoration: underline; }

  /*------------------------------------------------------------------------------------------------------*/
  
  /**
   * (de) Eigene Layout-Anpassungen
   */

}
@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Variation of screen layout (basemod.css) for layout example "2col_right_13"
 * (de) Variation des Screenlayouts (basemod.css) für Layoutbeispiel "2col_right_13"
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.1
 * @revision        $Revision: 343 $
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
 */

@media screen, projection
{
  /**
   * (en) Repositioning content container
   * (de) Neupositionierung der Content Container
   *
   * |-------------------------------------|
   * |        .page_margins 1035px         |
   * |  |-------------------------------|  |
   * |  | #header                       |  |
   * |  | 900px                         |  |
   * |  |-------------------------------|  |
   * |  | #col1               | #col3   |  |
   * |  | 695px               | 260px   |  |
   * |  |-------------------------------|  |
   * |  | #footer                       |  |
   * |  |-------------------------------|  |
   * |          gfx-Border 40px            |
   * |-------------------------------------|
   */

  .page_margins {width: 1035px; min-width: 980px; max-width:none; }

  #main {
    float:right;
    width: 100%;
    background-color: transparent;
    background-image: url("../../tl_files/layout/images/bg_pattern.png");
    background-repeat:repeat-y;
    background-position:right;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  /* #col1 becomes the middle column | #col1 wird zur linken Spalte */
  #col1 { width: 695px; float:left; margin-left: 0; }
  #col1_content {padding-left: 10px; padding-right: 10px}

  /* hide #col2 | Rechte Spalte abschalten */
/*  #col2, #col2_content { display:none } */

  /* #col3 becomes the right column | #col3 wird zur rechten Spalte */
  #col3 { margin-left: 0; margin-right: 0; width: 260px; float:right; }
  #col3_content {padding-left: 10px; padding-right: 0;}

}
@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Variation of screen layout (basemod.css) - graphic layout border "3col_gfxborder"
 * (de) Variation des Screenlayouts (basemod.css) - Grafische Layoutumrandung "3col_gfxborder"
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.1
 * @revision        $Revision: 343 $
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
 */

@media screen, projection
{
  /* Festlegen der Farbe für den Seitenhintergrund */
  body { background: #e4e4e4 /* url("../../tl_files/layout/images/bg.gif") left top */ ; }

  .page_margins {
    border: 0 none;
    background-image:  url("../../tl_files/layout/images/gfxborder/border_left_gray.gif");
    background-repeat:repeat-y;
    background-position:left;
  }

  .page {
    border: 0 none;
    margin: 0 0 0 30px; padding: 10px 40px 10px 10px;
    background-image:  url("../../tl_files/layout/images/gfxborder/border_right_gray.gif");
    background-repeat:repeat-y;
    background-position:right;
  }


  #border-top {
    overflow:hidden;
    width: auto;
    height: 30px;
    font-size:0;
    margin-bottom: 0;
    background-image:  url("../../tl_files/layout/images/gfxborder/border_top_gray.gif");
    background-repeat:repeat-x;
    background-position:top left;
  }

  #border-bottom {
    overflow:hidden;
    width: auto;
    height: 40px;
    margin-top: -10px;
    font-size:0;
    background-image:  url("../../tl_files/layout/images/gfxborder/border_bottom_gray.gif");
    background-repeat:repeat-x;
    background-position:bottom left;
  }

  #edge-tl {
    float:left;
    width: 40px;
    height: 40px;
    font-size:0;
    background-image:  url("../../tl_files/layout/images/gfxborder/corner_tl_gray.gif");
    background-position: top left;
  }

  #edge-tr {
    position:relative; /* IE Fix | z-index */
    float:right;
    width: 40px;
    height: 40px;
    font-size:0;
    background-image:  url("../../tl_files/layout/images/gfxborder/corner_tr_gray.gif");
    background-position: top right;
  }

  #edge-bl {
    float:left;
    width: 40px;
    height: 40px;
    background-image:  url("../../tl_files/layout/images/gfxborder/corner_bl_gray.gif");
    background-position: bottom left;
  }

  #edge-br {
    position:relative; /* IE Fix | z-index */
    float:right;
    width: 40px;
    height: 40px;
    background-image:  url("../../tl_files/layout/images/gfxborder/corner_br_gray.gif");
    background-position: bottom right;
  }
  
}
@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Screen layout for YAML examples
 * (de) Bildschirmlayout für YAML-Beispiele
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.1
 * @revision        $Revision: 343 $
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
 */

@media screen, projection
{
  /* (en) Repeat the main color from the header above the navigation */
  /* (de) Wiederholung der Hauptfarbe aus dem Header oberhalb der Navigation */
  #header {
    background: #f8f8f8 url("../../tl_files/layout/images/bg_header.jpg") no-repeat top left;
    height: 250px;
    z-index: 2;
  }
}
@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.1
 * @revision        $Revision: 343 $
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
 * @appdef yaml
 */

@media all
{
 /**
  * Fonts
  *
  * (en) global settings of font-families and font-sizes
  * (de) Globale Einstellungen für Zeichensatz und Schriftgrößen
  *
  * @section content-global-settings
  */

  /* (en) reset font size for all elements to standard (16 Pixel) */
  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
  html * { font-size: 100.01%; }

 /**
  * (en) reset monospaced elements to font size 16px in all browsers
  * (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
  *
  * @see: http://webkit.org/blog/67/strange-medium/
  */

  textarea, pre, code, kbd, samp, var, tt {
    font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
  }

  /* (en) base layout gets standard font size 12px */
  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
  body {
    font-family:  Arial, Verdana, "Trebuchet MS", Helvetica, sans-serif;
    font-size: 75.00%;
    color: #444;
  }

  /*--- Headings | Überschriften ------------------------------------------------------------------------*/

  h1,h2,h3,h4,h5,h6 {
    font-family: "Trebuchet MS", Verdana, Helvetica, Arial, "Times New Roman", Times, sans-serif;
    font-weight:normal;
    color:#933;
    margin: 0 0 0.5em 0;
  }

  h1 { font-size: 250%; }                       /* 30px */
  h2 { font-size: 200%; }                       /* 24px */
  h3 { font-size: 150%; }                       /* 18px */
  h4 { font-size: 133.33%; }                    /* 16px */
  h5 { font-size: 116.67%; }                    /* 14px */
  h6 { font-size: 100.00%; }                    /* 12px */

  /* --- Lists | Listen  -------------------------------------------------------------------------------- */

  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: 0.8em; line-height: 1.5em; }

  dt { font-weight: bold; }
  dd { margin: 0 0 1em 0.8em; }

  /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

  p { line-height: 1.5em; margin: 0 0 1em 0; }

  blockquote, cite,q {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-style:italic;
  }
  blockquote { margin: 0 0 1em 1.6em; color: #666; }

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

  /*--- Links ----------------------------------------------------------------------------------------- */

  a { color: #038; background:transparent; text-decoration:none; }
  /* a:visited  { color: #036; } */

  a:focus,
  a:hover,
  a:active { color:#933; text-decoration:underline; outline:0; }

  /* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */

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

  a.infobox { border-bottom:1px dashed #038; text-decoration:none; }
  code { color: #fff; }
  a.infobox:hover { cursor:help; color:white; background:#933; }
  a.infobox span { visibility:hidden; position:absolute; left:-99em; margin-top:2.25em; padding:0.25em; text-decoration:none; }
  a.infobox:hover span,
  a.infobox:focus span,
  a.infobox:active span { visibility:visible; left:20px; border:1px dotted #800000; color:#444; background:#fffff7; }


  .boxinfo {
    position:absolute;
    top:180px;
    right:60px; 
    z-index:3;
    padding:0;
    margin:0;
  }

  .boxinfo span {
    font:bold 14px verdana, sans-serif;
    color:#933;
  }

  .boxinfo div { display:none; }

  .boxinfo:hover div {
    display:block;
    width:400px;
    background:#fffff7;
    position:absolute;
    top:15px;
    right:0px;
    border:1px dotted #000;
    padding:10px;
    font:normal 12px verdana, sans-serif;
  }


 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Generic Content Classes
  *
  * (en) standard classes for positioning and highlighting
  * (de) Standardklassen zur Positionierung und Hervorhebung
  *
  * @section content-generic-classes
  */

  .highlight { color: #933; }
  .dimmed { color: #888; }

  .info { background: #f8f8f8; color: #666; border: 1px #eee solid; padding: 10px; margin-bottom: 2em; font-size: 91.7%; }
  .info table tr td { font-size: 1.25em; height: 1.5em; padding: 0; padding-left: 0.2em; white-space:nowrap; }
  .info1 { background: #f8f8f8; color: #666; border: 1px #eee solid; padding: 5px; margin-bottom: 0.5em; font-size: 100.0%; }
  .info2 { background: #f8f8f8; color: #666; border: 1px #eee solid; padding: 1em; margin: 1em 0; font-size: 90.0%; }
  .info2 { -moz-border-radius:5px; -webkit-border-radius:5px; }
  .info2 table tr td { font-size: 1.25em; height: 1.5em; padding: 0; padding-left: 0.2em; white-space:nowrap; }
  .info2 .company_name h3 { margin:0; }
  .info2 .company_hours td { font-size: 100%; }
  .info3 { background: #f8f8f8; color: #666; border: 1px #eee solid; padding: 5px; margin-bottom: 0.5em; font-size: 91.7%; }
  .info3 table tr td { height: 1em; padding: 0.05em; white-space: nowrap; }
  .info3 ul li { list-style-type: square; }
  .info4 { background: #f8f8f8; color: #666; border: 1px #eee solid; padding: 10px; margin-bottom: 2em; font-size: 100.0%; }
  .info4 table tr td { font-size: 1em; height: 1.5em; padding: 0; padding-top: 0.5em; padding-left: 0.2em; white-space:nowrap; }
  .info5 { background: #fff8f8; color: #666; border: 2px #933 solid; padding: 10px; margin: 1em 0 2em 0; font-size: 100.0%; }
  .info5 table tr td { font-size: 1.25em; height: 1.5em; padding: 0; padding-left: 0.2em; white-space:nowrap; }
  .info6 { background: #f8f8f8; color: #666; border: 1px #eee solid; padding: 10px; margin-top: 1em; margin-bottom: 1em; font-size: 91.7%; }

  .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: 1em 0; }
  .important2 { background: #ffd; color: #440; border: 1px #f90 dotted; padding: 10px; margin: 1em 0; }
  .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.15em; }
  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em; }
  .center { display:block; text-align:center; margin: 0.5em auto; }

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Tables | Tabellen
  *
  * (en) Generic classes for table-width and design definition
  * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
  *
  * @section content-tables
  */

/*
  table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; border-top: 2px #888 solid; border-bottom: 2px #888 solid; }
  table caption { font-variant:small-caps; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed; }

  th,td { padding: 0.5em; }
  thead th { color: #000; border-bottom: 2px #800 solid; }
  tbody th { background: #e0e0e0; color: #333; }
  tbody th[scope="row"], tbody th.sub { background: #f0f0f0; }

  tbody th { border-bottom: 1px solid #fff; text-align: left; }
  tbody td { border-bottom: 1px solid #eee; }

  tbody tr:hover th[scope="row"],
  tbody tr:hover tbody th.sub { background: #f0e8e8; }
  tbody tr:hover td { background: #fff8f8; }
*/ 

  table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed }

  th,td { padding: 0.5em; }
  thead th { background: #444; color: #fff }
  tbody th { background: #ccc; color: #333 }
  tbody th.sub { background: #ddd; color: #333 }
  
  .tb_lineheight tr td { height: 1em; padding: 0; padding: 0.2em; white-space:nowrap; }


 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Miscellaneous | Sonstiges
  *
  * @section content-misc
  */

 /**
  * (en) Emphasizing external Hyperlinks via CSS
  * (de) Hervorhebung externer Hyperlinks mit CSS
  *
  * @section             content-external-links
  * @app-yaml-default    disabled
  */

  /*
  #main a[href^="http://www.automarket-percha.it"],
  #main a[href^="https://www.automarket-percha.it"]
  {
    padding-left: 12px;
    background-image: url("../../tl_files/layout/images/link.gif");
    background-repeat: no-repeat;
    background-position: 0 0.45em;
  }
  */

  /* ************************************************************************************************ */

  /**
   * (de) Eigene Stylesheet-Anpassungen
   */

  #topnav a:focus,
  #topnav a:hover,
  #topnav a:active { color: #bbb; } /* YAML Skip-Links*/

  .invisible { visibility: hidden; display: none; } /* TYPOlight Skip-Links*/

  .imgborder img {
    padding: 0.2em;
    border: 1px #bbb solid;
  }

  /* Beginn Anpassungen "Breadcrumb-Menü" */
  .mod_breadcrumb {
    margin-bottom: 20px;
  }

  .mod_breadcrumb span.active {
    font-weight: bold;
  }
  /* Ende Anpassungen "Breadcrumb-Menü" */


  /* Beginn Anpassungen "Back-Link" */
    .mod_backlink {
    margin-bottom: 0;
  }

  .mod_backlink a {
    display: inline-block;
    height: 13px;
    padding-left: 15px;
    background: url("../../tl_files/layout/images/arrow_left.gif") left bottom no-repeat;
  }

  .mod_backlink a:focus,
  .mod_backlink a:hover,
  .mod_backlink a:active {
    display: inline-block;
    height: 13px;
    padding-left: 15px;
    background: url("../../tl_files/layout/images/arrow_left.gif") left top no-repeat;
  }
  /* Ende Anpassungen "Back-Link" */


  /* Beginn Anpassungen "Top-Link" */
  .mod_toplink {
    float: right;
    margin-top: 1em;
    clear: both;
  }

  .mod_toplink a {
    display: inline-block;
    height: 13px;
    padding-left: 15px;
    background: url("../../tl_files/layout/images/arrow_up.gif") left bottom no-repeat;
  }

  .mod_toplink a:focus,
  .mod_toplink a:hover,
  .mod_toplink a:active {
    display: inline-block;
    height: 13px;
    padding-left: 15px;
    background: url("../../tl_files/layout/images/arrow_up.gif") left top no-repeat;
  }
  /* Ende Anpassungen "Top-Link" */


  /* Beginn Anpassungen "PDF-Link" */
  .mod_article .pdf_link {
    text-align: right;
    margin-bottom: 1em;
  }

  .mod_article .pdf_link a {
    position: relative;
    text-decoration: none;
    color: #bbb;
    padding-left: 18px;
    background: transparent url("../../tl_files/layout/images/iconPDF.png") left center no-repeat;
  }

  .mod_article .pdf_link a:hover {
    background-color: #eee;
    text-decoration: none;
    color: #444;
  }
  /* Ende Anpassungen "PDF-Link" */


  /* Start Anpassungen "Externe Links" */
  .extlink {
    padding-left: 18px;
    background: url("../../tl_files/layout/images/link.gif") left center no-repeat;
  }
  /* Ende Anpassungen "Externe Links" */


  /* Beginn Anpassungen "Suchmaschine" */
  .mod_search {
    margin-top:0px;
    margin-bottom:20px;
  }

  .mod_search .text {
    padding: 0.3em 0.5em;
    margin-right: 0.5em;
    border: 1px #bbb solid;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    color: #666;
    width:250px;
  }

  .mod_search div input.cleardefault {
    border: 1px #bbb solid;
    color: #bbb;
    font-style:normal;
  }

  .mod_search div input.text:focus,
  .mod_search div input.text.focus,
  .mod_search div input.text:hover,
  .mod_search div input.text:active {
    border: 1px #933 solid;
    background: #fff8f8;
    color: #933;
  }

  .mod_search div input.submit {
    width: 75px;
    height: 25px;
  }

  html>body .mod_search .radio_container {
    margin-top:10px;
    margin-left:5px;
  }

  *:first-child+html .mod_search .radio_container {
    margin-top:0px;
  }

  .mod_search .radio_container label {
    top:-2px;
    position:relative;
    padding-right:10px;
  }

  .mod_search .header {
    margin-top:18px;
    margin-right:5px;
    margin-bottom:24px;
    padding-bottom:4px;
    text-align:right;
    border-bottom:1px solid #ece4d9;
  }

  .mod_search .header strong {
    color: #933;
  }

  .mod_search h3 {
    margin:0px 0px 2px 0px;
    padding:0px;
    font-size: 133.33%;
  }

  .mod_search .context {
    margin:0px 5px 3px 0px;
  }

  .mod_search .url {
    margin-bottom:12px;
    color:#c6ad8d;
  }

  .mod_search .relevance {
    font-weight:normal;
    font-size:11px;
    color:#c6ad8d;
  }

  .mod_search .highlight {
    font-weight:bold;
  }

  .mod_search .pagination {
    margin-top:22px;
    border-top:1px solid #ece4d9;
    padding-top:4px;
    text-align: right;
  }

  .mod_search .pagination p {
    width:100px;
    padding-right:6px;
    float:left;
    text-align:left;
  }

  .mod_search .pagination ul {
    display: inline;
    width:400px;
    margin: 0;
    padding: 0;
    float:right;
    text-align:right;
  }

  .mod_search .pagination li {
    display: inline;
    margin: 0;
    padding: 0 1px;
    list-style-type:none;
  }

  .mod_search .pagination span.current {
    font-weight: bold;
    padding: 1px;
    background: #eee;
    border: 1px #bbb solid;
  }
  /* Ende Anpassungen "Suchmaschine" */


  /* Beginn Anpassungen "Suchfeld" */
  .mod_form .searchfield {
    background: #f8f8f8;
    border: 1px #ddd solid;
    margin: 0 0 1em 0;
    padding: 1em 0.5em;
    overflow: hidden;
  }

  .mod_form .searchfield input[type=hidden] { display: none !important; }
  
  .mod_form .searchfield .type-text input {
    float: left;
    display: inline;
    padding: 0.3em 0.5em;
    border: 1px #bbb solid;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    color: #666;
    width: 190px;
  }

  .mod_form .searchfield .type-text input.cleardefault {
    border: 1px #bbb solid;
    color: #bbb;
    font-style:italic;
  }

  .mod_form .searchfield .type-text input:focus,
  .mod_form .searchfield .type-text input.focus,
  .mod_form .searchfield .type-text input:hover,
  .mod_form .searchfield .type-text input:active {
    border: 1px #933 solid;
    background: #fff8f8;
    color: #933;
  }

  .mod_form .searchfield .type-button input {
    float: right;
    display: inline;
  }
  /* Ende Anpassungen "Suchfeld" */


  /* Beginn Anpassungen "Nachrichtenliste" */
  #breaking_news {  /* Seitenspalte "Aktuelle Nachrichten" */
    padding:5px;
  }

  .mod_newslist .layout_short p {
    margin: 0.5em 0;
  }

  .mod_newslist .info {
    background: transparent;
    border: none;
    padding: 0;
    margin-top: 1em;
    margin-bottom: 0.5em;
    font-size: 10px;
    color: #999;
  }

  .mod_newslist .pagination {
    margin-top:5px;
    padding-top:5px;
    text-align: right;
  }

  .mod_newslist .pagination p {
    width:100px;
    padding-right:6px;
    float:left;
    text-align:left;
  }

  .mod_newslist .pagination ul {
    display: inline;
    width:400px;
    margin: 0;
    padding: 0;
    float:right;
    text-align:right;
  }

  .mod_newslist .pagination li {
    display:inline;
    margin: 0;
    padding: 0 1px;
    list-style-type:none;
  }

  .mod_newslist .pagination span.current {
    font-weight: bold;
    padding: 1px;
    background: #eee;
    border: 1px #bbb solid;
  }

  .mod_newslist .layout_short .news_separator_short {
    height: 3px;
    background: url("../../tl_files/layout/images/news-separator-short.png") center top no-repeat;
  }

  .mod_newslist .layout_short .news_separator_wide {
    height: 1.5em;
    background: url("../../tl_files/layout/images/news-separator-wide.png") center center no-repeat;
  }

  .mod_newslist .layout_short h2 {
    font-size: 116.67%;
    color: #c88;
  }

  .mod_newslist .layout_short .more a {
    display: inline-block;
    height: 13px;
    padding-left: 15px;
    padding-bottom: 0px;
    background: url("../../tl_files/layout/images/arrow_right.gif") left bottom no-repeat;
  }

  .mod_newslist .layout_short .more a:focus,
  .mod_newslist .layout_short .more a:hover,
  .mod_newslist .layout_short .more a:active {
    display: inline-block;
    height: 13px;
    padding-left: 15px;
    padding-bottom: 0px;
    background: url("../../tl_files/layout/images/arrow_right.gif") left top no-repeat;
  }
  /* Ende Anpassungen "Nachrichtenliste" */


  /* Beginn Anpassungen "Nachrichtenleser" */
  .mod_newsreader .back {
    float: right;
    text-align: right;
    margin-top: 2em;
  }

  .mod_newsreader .back a {
    display: inline-block;
    height: 13px;
    padding-left: 15px;
    background: url("../../tl_files/layout/images/arrow_left.gif") left bottom no-repeat;
  }

  .mod_newsreader .back a:focus,
  .mod_newsreader .back a:hover,
  .mod_newsreader .back a:active {
    display: inline-block;
    height: 13px;
    padding-left: 15px;
    background: url("../../tl_files/layout/images/arrow_left.gif") left top no-repeat;
  }

  .mod_newsreader .info {
    background: transparent;
    border: none;
    padding: 0;
    margin-top: 1em;
    margin-bottom: 0.5em;
    font-size: 90%;
    color: #999;
  }

  .mod_newsreader .ce_text {
    margin-top: 0.5em;
  }

  .mod_newsreader h1 {
    margin-bottom: 0.5em;
    font-size: 200%;
  }

  .mod_newsreader h2 {
    margin-bottom: 0.5em;
    font-size: 150%;
  }
  /* Ende Anpassungen "Nachrichtenleser" */


  /* Start Anpassungen "ImageRotator" */
  .ce_Imagerotator {
    margin-top: 2em;
    margin-bottom: 2em;
  }
  /* Ende Anpassungen "ImageRotator" */


  /* Start Anpassungen "Akkordeon" */
  .accordion_list {
    margin: 0;
    padding: 0;
    margin-left: 1em;
  }

  .accordion_list .toggler {
    margin-top: 0.5em;
    padding: 0.2em 0.5em;
    background: url("../../tl_files/layout/images/toggler_inactive.gif") left bottom repeat-x;
    cursor: pointer;
  }

  .accordion_list .toggler_inactive {
    display: inline-block;
    margin: 0.3em 0;
    padding-left: 14px;
    height: 12px;
    color: #933;
    background: url("../../tl_files/layout/images/plus_minus.gif") left bottom no-repeat;
  }

  .accordion_list .toggler_inactive:hover {
    text-decoration: underline;
    cursor: pointer;
  }

  .accordion_list .toggler_active {
    display: inline-block;
    margin: 0.3em 0;
    padding-left: 14px;
    height: 12px;
    background: url("../../tl_files/layout/images/plus_minus.gif") left top no-repeat;
  }

  .accordion_list .toggler_active:hover {
    text-decoration: underline;
    cursor: pointer;
  }

  .accordion_list .accordion div {
    padding: 0.5em 0 0.25em 1em;
    background: #fff8f8;
    border: 1px #ccc dotted;
    border-top: 0;
  }
  /* Ende Anpassungen "Akkordeon" */


  /* Start Anpassungen "Routenplaner" */
  .mod_routenplaner .row_0 .col_1 input {
    padding: 0.3em 0.5em;
    border: 1px #bbb solid;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    color: #666;
    width: 300px;
  }

  .mod_routenplaner .row_0 .col_1 input.cleardefault {
    border: 1px #bbb solid;
    color: #bbb;
    font-style:italic;
  }

  .mod_routenplaner .row_0 .col_1 input:focus,
  .mod_routenplaner .row_0 .col_1 input.focus,
  .mod_routenplaner .row_0 .col_1 input:hover,
  .mod_routenplaner .row_0 .col_1 input:active {
    border: 1px #933 solid;
    background: #fff8f8;
    color: #933;
  }

  .mod_routenplaner .row_1 .col_1 input {
    padding: 0.3em 0.5em;
    border: 1px #bbb solid;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    background: #f6f6f6;
    color: #666;
    width: 300px;
  }

  .mod_routenplaner .row_2 .col_1 input {
    width: 100px;
    height: 25px;
  }
  /* Ende Anpassungen "Routenplaner" */


  /* Start Anpassungen "Login-Formular" */
  .mod_login {
    width: 198px;
    margin: 1em auto;
    padding: 1em 2em;
    text-align: left;
  }

  .mod_login h1 {
    font-size: 200%;
  }

  .mod_login .error {
    margin: 0.5em 0;
    padding: 0;
    font-size: 100%;
    color: #f00;
  }

  .mod_login input[type=hidden] { display: none !important; }

  .mod_login input.text {
    margin-top: 0.3em;
    margin-bottom: 0.5em;
    padding: 0.3em 0.5em;
    border: 1px #bbb solid;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    color: #666;
    width: 185px;
  }

  .mod_login input.text:focus,
  .mod_login input.text.focus,
  .mod_login input.text:hover,
  .mod_login input.text:active {
    border: 1px #933 solid;
    background: #fff8f8;
    color: #933;
  }

  .mod_login label {
    color: #666;
    font-style: normal;
  }

  .mod_login .submit_container input {
    margin: 0.5em 0;
    width: 100px;
    height: 25px;
  }
  /* Ende Anpassungen "Login-Formular" */


  /* Start Anpassungen "Tabelle Händlerliste" */
  .dealerlist {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
  }

  .dealerlist .list_filter {
    background: #f8f8f8;
    border: 1px #eee solid;
    margin: 0 0 1em 0;
    padding: 10px;
  }

  .dealerlist .list_filter .list_search {
    float: left;
  }

  .dealerlist .list_filter .list_search input.text,
  .dealerlist .list_filter .list_search select.select {
    font-family:  Arial, Helvetica, sans-serif;
    padding: 0.1em 0.2em;
    border: 1px #bbb solid;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    color:#666;
    width: 120px;
  }

  .dealerlist .list_filter .list_search input.text:focus,
  .dealerlist .list_filter .list_search input.focus,
  .dealerlist .list_filter .list_search select:focus,
  .dealerlist .list_filter .list_search select.focus,
  .dealerlist .list_filter .list_search input.text:hover,
  .dealerlist .list_filter .list_search select:hover,
  .dealerlist .list_filter .list_search input.text:active,
  .dealerlist .list_filter .list_search select:active {
    border: 1px #933 solid;
    background: #fff8f8;
    color: #933;
  }

  .dealerlist .list_filter .list_search input.submit {
    width: 60px;
  }

  .dealerlist .list_filter .list_per_page {
    text-align: right;
  }

  .dealerlist .list_filter .list_per_page select.select {
    font-family:  Arial, Helvetica, sans-serif;
    padding: 0.1em 0.2em;
    border: 1px #bbb solid;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    color:#666;
    text-align: left;
    width: 50px;
  }

  .dealerlist .list_filter .list_per_page select:focus,
  .dealerlist .list_filter .list_per_page select.focus,
  .dealerlist .list_filter .list_per_page select:hover,
  .dealerlist .list_filter .list_per_page select:active {
    border: 1px #933 solid;
    background: #fff8f8;
    color: #933;
  }

  .dealerlist .list_filter .list_per_page input.submit {
    width: 130px;
  }

  .dealerlist .list_filter .list_search input.submit {
    width: 60px;
  }

  .dealerlist .widget {
    background: #f8f8f8;
    border: 1px #eee solid;
    margin: 0 0 1em 0;
    padding: 10px;
  }

  .dealerlist .widget textarea.textarea {
    font-family:  Arial, Helvetica, sans-serif;
    padding: 0.1em 0.2em;
    border: 1px #bbb solid;
    margin-top: 0.2em;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    color:#666;
    width: 590px;
  }

  .dealerlist .widget textarea:focus,
  .dealerlist .widget textarea.focus,
  .dealerlist .widget textarea:hover,
  .dealerlist .widget textarea:active {
    border: 1px #933 solid;
    background: #fff8f8;
    color: #933;
  }

  .dealerlist .submit_container input.submit {
    width: 100px;
  }

  .dealerlist .go_back {
    margin-top: 1em;
  }

  .dealerlist .go_back a {
    display: inline-block;
    height: 13px;
    padding-left: 15px;
    background: url("../../tl_files/layout/images/arrow_left.gif") left bottom no-repeat;
  }

  .dealerlist .go_back a:focus,
  .dealerlist .go_back a:hover,
  .dealerlist .go_back a:active {
    display: inline-block;
    height: 13px;
    padding-left: 15px;
    background: url("../../tl_files/layout/images/arrow_left.gif") left top no-repeat;
  }

  .dealerlist table {
    width: 100%;
    border: 1px solid #ccc;
  }

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

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

  .dealerlist th a {
    color:#000;
  }

  .dealerlist span.taxes {
    font-weight: normal;
    font-size: 80%;
    white-space: nowrap;
  }
 
  .dealerlist .pagination {
    margin-top:22px;
    border-top:1px solid #ece4d9;
    padding-top:4px;
    text-align: right;
  }

  .dealerlist .pagination p {
    width:100px;
    padding-right:6px;
    float:left;
    text-align:left;
  }

  .dealerlist .pagination ul {
    display: inline;
    width:400px;
    margin: 0;
    padding: 0;
    float:right;
    text-align:right;
  }

  .dealerlist .pagination li {
    display: inline;
    margin: 0;
    padding: 0 1px;
    list-style-type:none;
  }

  .dealerlist .pagination span.current {
    font-weight: bold;
    padding: 1px;
    background: #eee;
    border: 1px #bbb solid;
  }
  /* Ende Anpassungen "Tabelle Händlerliste" */


  /* Start Anpassungen "Sprachenwechsler" */
  .mod_changelanguage {
    float: right;
    display: inline;
    position: relative;
  }

  .mod_changelanguage ul {
    float: right;
    display: inline;
    margin: 0;
    padding: 0;
    height: 1.5em;
  }

  .mod_changelanguage ul li {
    float: left;
    display: inline;
    list-style-type: none;
    text-align: center;
    margin: 0;
    padding: 0 0.5em;
    height: 1.5em;
  }

  .mod_changelanguage ul li.first {
    border-right: 1px #bbb solid;
  }

  .mod_changelanguage ul li p.active span {
    color: #933;
    font-weight: bold;
  }

  #topnav .mod_changelanguage ul li a { color: #999; font-weight: normal; background: transparent; text-decoration: none; }
  #topnav .mod_changelanguage ul li a:focus,
  #topnav .mod_changelanguage ul li a:hover,
  #topnav .mod_changelanguage ul li a:active { color: #000; text-decoration: underline; background: transparent; }
  /* Ende Anpassungen "Sprachenwechsler" */


  /* Start Anpassungen "Akkordeon" */
  .accordion_form {
    margin-top: 1em;
  }

  .accordion_form .toggler {
    padding-top: 0.25em;
    padding-bottom: 0.1em;
  }

  .accordion_form .accordion div {
    padding: 0.5em 0 0.25em 0em;
  }

  .accordion_form .toggler_inactive {
    display: inline-block;
    height: 12px;
    color: #933;
    padding-left: 14px;
    background: url("../../tl_files/layout/images/plus_minus.gif") left bottom no-repeat;
  }

  .accordion_form .toggler_inactive:hover {
    text-decoration: underline;
    cursor: pointer;
  }

  .accordion_form .toggler_active {
    display: inline-block;
    height: 12px;
    padding-left: 14px;
    background: url("../../tl_files/layout/images/plus_minus.gif") left top no-repeat;
  }

  .accordion_form .toggler_active:hover {
    text-decoration: underline;
    cursor: pointer;
  }
  /* Ende Anpassungen "Akkordeon Form Notify" */


  /* Start Anpassungen "Mootools Tooltips" */
/*  .tooltip {
    padding-left:14px;
    background-image:url("../../tl_files/tl_files/images/help.gif");
    background-position:left center;
    background-repeat:no-repeat;
  }
*/   
  .tool .tip-title {
    width: 100%;
    max-width: 300px;
    padding: 6px;
    text-align: left;
    background-color: #933;
    border: 1px solid #800000;
    color: #fff;
  }
   
  .tool .tip-text {
    visibility:hidden;
/*    width: 350px;
    margin: 0px;
    padding: 6px;
    text-align:  left;
    background-color: #518ea8;
    border-top: 0px solid #00415e;
    border-right: 1px solid #00415e;
    border-bottom: 1px solid #00415e;
    border-left: 1px solid #00415e;
    font-size: 11px;
    color: #fff; */
  }
  /* Ende Anpassungen "Mootools Tooltips" */


  /* Beginn Anpassungen "News-Ticker" */
  #newsticker {
    margin: 0;
    padding:5px;
  }

  #newsticker h4 {
    margin: 5px 0px;
    display: block;
    border-bottom: 1px #933 solid;
    font-style: normal;
    font-variant: small-caps;
    font-family: "Times New Roman";
  }

  #newsticker .vertical {
    display: block;
    overflow: hidden;
    position: relative;
    margin: 0;
    padding: 0;
  }

  #newsticker .vertical ul.ticker {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
  }

  #newsticker .vertical ul li.layout_ticker {
    display: block;
    float: left;
    text-align: left;
    margin: 0;
    padding: 0;
  }

  #newsticker .vertical ul li p.info {
    margin: 0.5em 0;
    padding: 0;
    background: transparent;
    border: none;
    font-size: 10px;
    color: #999;
  }

  #newsticker .vertical ul li h2 {
    font-size: 116.67%;
    color: #c88;
  }

  #newsticker .vertical ul li .more a {
    display: inline-block;
    height: 13px;
    padding-left: 15px;
    padding-bottom: 0px;
    background: url("../../tl_files/layout/images/arrow_right.gif") left bottom no-repeat;
  }

  #newsticker .vertical ul li .more a:focus,
  #newsticker .vertical ul li .more a:hover,
  #newsticker .vertical ul li .more a:active {
    display: inline-block;
    height: 13px;
    padding-left: 15px;
    padding-bottom: 0px;
    background: url("../../tl_files/layout/images/arrow_right.gif") left top no-repeat;
  }

  #newsticker .vertical .news_separator_short {
    height: 3px;
    margin: 0;
    padding: 0;
    background: url("../../tl_files/layout/images/news-separator-short.png") center top no-repeat;
  }
  /* Ende Anpassungen "News-Ticker" */


  /* Beginn Anpassungen "Search AutoCompleter" */
  ul.autocompleter-choices {
    position: absolute;
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid #bbb;
    border-top-color: #933;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #fff;
    text-align: left;
    z-index: 50;
  }

  ul.autocompleter-choices li {
    position: relative;
    margin: -2px 0 0 0;
    padding: 0.2em 1.5em 0.2em 1em;
    display: block;
    float: none !important;
    cursor: pointer;
    font-weight: normal;
    white-space: nowrap;
    font-size: 1em;
    line-height: 1.5em;
  }

  ul.autocompleter-choices li.autocompleter-selected {
    background-color: #666;
    color: #fff;
  }

  ul.autocompleter-choices span.autocompleter-queried {
    display: inline;
    float: none;
    font-weight: bold;
    margin: 0;
    padding: 0;
    color: #933;
  }

  ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried {
    color: #fc3;
  }
  /* Ende Anpassungen "Search AutoCompleter" */


  /* Start Anpassungen "Sitemap Modul" */
  .sitemap {
    background: #fff8f8;
    color: #666;
    border: 2px #933 solid;
    padding: 10px;
    margin: 1em 0 2em 0;
    font-size: 1.25em;
  }
  /* Ende Anpassungen "Sitemap Modul" */

}
@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) print stylesheet
 * (de) Druck-Stylesheet
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.1
 * @revision        $Revision: 343 $
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
 */

/* import print base styles | Basisformatierung für Drucklayout einbinden */
@import url(../../tl_files/layout/yaml/core/slim_print_base.css);

@media print
{
 /**
  * @section column selection
  * (en) individually switch on/off any content column for printing
  * (de) (De)aktivierung der Contentspalten für den Ausdruck
  *
  * @see     http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
  */

  #col1, #col1_content { float:none; width: 100%; margin: 0; padding: 0; border: 0; }
/*  #col2 { display:none; } */
  #col3 { display:none; }

  /*------------------------------------------------------------------------------------------------------*/

  /* (en) optional output of acronyms and abbreviations*/
  /* (de) optionale Ausgabe von Auszeichnung von Abkürzungen */

  /*
    abbr[title]:after, acronym[title]:after { content: '(' attr(title) ')'; }
  */

  /*------------------------------------------------------------------------------------------------------*/

  /* (en) optional URL output of hyperlinks in print layout */
  /* (de) optionale Ausgabe der URLs von Hyperlinks */
  /*
  a[href]:after {
    content:" <URL: "attr(href)">";
    color:#444;
    background:inherit;
    font-style:italic;
  }
  */
}