@import url("/tts/wLayout/design/style/weblics_new.css");
/*
/////////////////////////////////////////////////////////////////////////////
//
// Stylesheet fuer Website und Content der TrendPoint GmbH
//
// Erstellt durch:
//
// TrendPoint GmbH
// Lättichstrasse 6
// CH-6340 Baar
// info@trendpoint.ch | www.trendpoint.ch
// © 2009 | Alle Rechte vorbehalten
//
/////////////////////////////////////////////////////////////////////////////
*/

/*
------------------------------------------------------------------------------>
Standard-Formatierungen
------------------------------------------------------------------------------>
*/

body     {background: url(/tts/img/bg.jpg); position:center; background-repeat:repeat-y; margin:0px;font-family:Verdana;font-size:11px;font-weight:normal;line-height:150%;}/*Standard Textformatierung*/

div      {font-family:Verdana;font-size:11px;color:#333333;line-height:150%;}
p        {font-family:Verdana;font-size:11px;color:#333333;line-height:150%;margin:0px;padding:0px;}
span     {font-family:Verdana;font-size:11px;line-height:150%;}
form     {font-family:Verdana;font-size:11px;color:#333333;line-height:150%;margin:0px;padding:0px;}
td       {font-family:Verdana;font-size:11px;color:#333333;line-height:150%;}


/*
------------------------------------------------------------------------------>
Links und Hoover
------------------------------------------------------------------------------>
*/
a        {font-family:Verdana;font-size:11px;color:#010066;text-decoration:none;}
a:hover  {font-family:Verdana;font-size:11px;color:#333333;text-decoration:underline;}

/*
------------------------------------------------------------------------------>
Formatierung der Links in der Quick Navigation
------------------------------------------------------------------------------>
*/
.navquick a:link      { color: #213A65; font-weight:normal; text-decoration: none; line-height: 16px;}
.navquick a:visited   { color: #213A65; font-weight:normal; text-decoration: none; line-height: 16px;}
.navquick a:active    { color: #213A65; font-weight:normal; text-decoration: none; line-height: 16px;}
.navquick a:hover     { color: #BFDB48; font-weight:normal; text-decoration: underline; line-height: 16px;}


/*
------------------------------------------------------------------------------>
Formatierung der News oben
------------------------------------------------------------------------------>
*/
.navnews a:link      { color: #333333; font-weight:normal; text-decoration: none; line-height: 16px;}
.navnews a:visited   { color: #333333; font-weight:normal; text-decoration: none; line-height: 16px;}
.navnews a:active    { color: #333333; font-weight:normal; text-decoration: none; line-height: 16px;}
.navnews a:hover     { color: #fff; font-weight:normal; text-decoration: underline; line-height: 16px;}


/*
------------------------------------------------------------------------------>
Formatierung der Links in der Quick Navigation
------------------------------------------------------------------------------>
*/
.navfooter a:link      { color: #fff; font-weight:normal; text-decoration: none; line-height: 16px;}
.navfooter a:visited   { color: #fff; font-weight:normal; text-decoration: none; line-height: 16px;}
.navfooter a:active    { color: #fff; font-weight:normal; text-decoration: none; line-height: 16px;}
.navfooter a:hover     { color: #cccccc; font-weight:normal; text-decoration: underline; line-height: 16px;}

/*
------------------------------------------------------------------------------>
Boxen für Referenzen
------------------------------------------------------------------------------>
*/
.box               {margin-bottom:23px; padding-top:10; padding-bottom:5; padding-left:10; padding-right:0; background-color:#EFF8D1; border: 1px #C0C0C0 solid}/*Box mit gepunktetem Rand*/

/*
------------------------------------------------------------------------------>
Eingabefelder
------------------------------------------------------------------------------>
*/
input    {font-size:10px; font-family:Verdana; font-weight:normal; color:#333333;}
select   {font-size:11px; font-family:Verdana; font-weight:normal; color:#333333;}
textarea {font-size:11px; font-family:Verdana; font-weight:normal; color:#333333;border-style:solid;border-color:#333333;border-width:1px;}
.formfeld {background-color: #DDDDDD;border-style: groove; border-color:#999999;color: #454545;font-size: 11px;font-weight: normal;margin-top: 2px;}

/*
------------------------------------------------------------------------------>
Absende-Button
------------------------------------------------------------------------------>
*/
.button {font-family:Verdana;color:#ffffff;background-color:#020167;padding:0px;font-size:11px;font-weight:bold;line-height:16px;text-decoration:none;border-style:solid;background-color:#020167;border-color:#000000;border-width:1px;padding-left:4px;padding-right:4px}
.buttonDefault                 {cursor:pointer;cursor:hand;font-family:Verdana;color:#999999;background-image:url(/weblication/wGui/wImages/bg_button_weblic.gif);padding:0px;font-size:11px;font-weight:bold;line-height:16px;text-decoration:none;background-color:#F0F0F0;border-color:#cccccc;border-width:1px;padding-right:8px;}

/*
------------------------------------------------------------------------------>
Linie Horizontal
------------------------------------------------------------------------------>
*/
hr           {color:#333333;height:1px;border-style:none;}
line_dotted  {border-width:1px;border-style:dotted; border-color:#CCCCCC;}


/*
------------------------------------------------------------------------------>
Überschriften für den Content
------------------------------------------------------------------------------>
*/
h1 {margin:0px;padding:0px;font-size:22px; font-family:Verdana; font-weight:bold; color:#010066;}
h2 {margin:0px;padding:0px;font-size:18px; font-family:Verdana; font-weight:bold; color:#010066;}
h3 {font-size: 115%; color: #454545; padding: 0 0 0 20px; margin: 0 0 0.5em 0; background: url(/tts/img/pfeil_gruen.jpg) no-repeat 0 2px;}
h4 {margin:0px;padding:0px;font-size:11px; font-family:Verdana; font-weight:bold; color:#404040;}
h5 {margin:0px;padding:0px;font-size:9px;  font-family:Verdana; font-weight:bold; color:#404040;}
h6 {margin:0px;padding:0px;font-size:7px;  font-family:Verdana; font-weight:bold; color:#404040;}


/*
------------------------------------------------------------------------------>
Texte für den Content
------------------------------------------------------------------------------>
*/

.text                {font-size:11px; font-family:Verdana; font-weight:normal; color:#333333;}/*Text*/
.text_footer         {font-size:11px; font-family:Verdana; font-weight:normal; color:#fff;}/*Text*/
.textBold            {font-size:11px; font-family:Verdana; font-weight:bold;   color:#333333;}/*Text fett*/
.textInvert          {font-size:11px; font-family:Verdana; font-weight:normal; color:#000000;}/*Text negativ*/
.textBoldInvert      {font-size:11px; font-family:Verdana; font-weight:bold;   color:#FFFFFF;}/*Text fett negativ*/

.textSmall           {font-size:6px; font-family:Verdana; font-weight:normal; color:#000000;}/*Kleiner Text*/
.textSmallBold       {font-size:9px; font-family:Verdana; font-weight:bold;   color:#000000;}/*Kleiner Text fett*/
.textSmallInvert     {font-size:11px; font-family:Verdana; font-weight:normal; color:#000000;}/*Kleiner Text negativ*/
.textSmallBoldInvert {font-size:9px; font-family:Verdana; font-weight:bold;   color:#000000;}/*Kleiner Text fett negativ*/

.textLarge           {font-size:13px; font-family:Verdana; font-weight:normal; color:#000000;}/*Großer Text*/
.textLargeBold       {font-size:13px; font-family:Verdana; font-weight:bold;   color:#000000;}/*Großer Text fett*/
.textLargeInvert     {font-size:13px; font-family:Verdana; font-weight:normal; color:#000000;}/*Großer Text negativ*/
.textLargeBoldInvert {font-size:13px; font-family:Verdana; font-weight:bold;   color:#000000;}/*Großer Text fett negativ*/
.textTime            {font-size:11px; font-family:Verdana; font-weight:normal; color:#2B435D;}/*Text*/
.textTitelNews       {font-size:18px; font-family:Verdana; font-weight:bold; color:#DCDCDC;}/*Text*/
/*
------------------------------------------------------------------------------>
Titel für den rechten Bereich
------------------------------------------------------------------------------>
*/
.textTitelLinks    {padding-top:0px; padding-left:0px; padding-bottom:8px; font-size:14px; font-family:Verdana; font-weight:bold; color:#fff;}/*Text fett*/

.textTitelRechts   {padding-top:0px; padding-left:0px; padding-bottom:0px; font-size:12px; font-family:Verdana; font-weight:bold; color:#010066;}/*Text fett*/


/*
------------------------------------------------------------------------------>
Elemente für den Content
------------------------------------------------------------------------------>
*/
.elementHeadline         {padding-left:15px;padding-top:15px;}/*Überschrift*/
.elementStandard         {padding:15px;}/*Standard*/
.elementStellen          {padding-left:10px;}/*Standard*/
.elementContent          {width:475px;padding-left:0px;padding-top:5px;padding-bottom:15px;padding-right:10px;}/*Standard*/
.elementContentDetailist { background:url(/tts/img/back_content_detailist.png) no-repeat;width:225px;padding-left:10px;padding-top:10px;padding-bottom:15px;padding-right:10px;}/*Standard*/
.elementContentLieferant { background:url(/tts/img/back_content_lieferant.png) no-repeat;width:225px;padding-left:10px;padding-top:10px;padding-bottom:15px;padding-right:10px;}/*Standard*/
.elementContentKonzept { background:url(/tts/img/back_content_konzept.png) no-repeat;width:225px;padding-left:10px;padding-top:10px;padding-bottom:15px;padding-right:10px;}/*Standard*/
.elementContentSmallBottom { background: url(/tts/img/back_content_bottom.png) no-repeat; width: 225px; height: 10px;}
.elementFormular         {padding-left:20px;padding-top:8px;padding-bottom:8px;}/*Formulare*/
.elementInclude          {padding:0px;}/*Includes*/
.elementSpace            {height:12px;padding:8px;}/*Leerzeile*/
.element_right           {}/*Standard*/

.elementRightStandard    {padding:8px;}/*Standard im rechten Bereich*/
.elementRightInclude     {padding:0px;}/*Include im rechten Bereich*/

.elementLeftStandard     {padding:8px;}/*Standard im linken Bereich*/
.elementZahlen           {padding-left:8px;padding-right:8px;}/*Standard im linken Bereich*/
.elementLeftInclude      {padding:0px;}/*Include im linken Bereich*/
.elementLeftNavigation   {padding-top:25px; padding-left:8px;}/*Navigation im linken Bereich*/

.elementTopStandard      {padding:0px;}/*Standard im oberen Bereich*/
.elementTopInclude       {padding:0px;}/*Include im oberen Bereich*/
.elementTopNavigation    {padding:0px;margin:0px;padding-left:10px;height:24px;}/*Navigation im oberen Bereich*/
.elementTopSystemNavigation {position:absolute;top:18px;width:950px;text-align:right;padding-right:10px;}

.elementBottomStandard  {padding:0px;text-align:center;}/*Standard im unteren Bereich*/
.elementBottomInclude   {padding:0px;}/*Include im unteren Bereich*/
.elementAdresse         {background: url(/tts/img/back_kontakt.png); background-repeat:no-repeat;}/*Überschrift*/


.elementContent .elementStandard ul      				                     {padding-left:0px;list-style-type:square; color:#000000;}
.blockContent ol      		   		                   {list-style-type:disc;   color:#000000;}
.blockContent .elementStandard li                  {padding:0px; list-style-type:square;color:#00448F; font-size:12px;}
.blockContent .elementSitemap ul      				     {list-style-type:none; margin-left:8px;}

/*
------------------------------------------------------------------------------>
Blöcke für den Content
------------------------------------------------------------------------------>
*/
.blockMain           {vertical-align:top;background-color:#FFFFFF;background-image:url(/tts/img/layout_index.jpg);width:975px;} /*Gesamter Bereich*/
.blockTop            {width:975px;vertical-align:top}/*Bereich oben*/
.blockLeft           {width:190px;height:100%;vertical-align:top;}/*Bereich links*/
.blockContent        {width:475px;vertical-align:top;padding-left:0px;margin-right:5px;}/*Inhaltsbereich*/
.blockRight          {width:225px;height:100%;vertical-align:top;}/*Bereich rechts*/
.blockBottom         {width:975px;}/*Bereich unten*/


/*
------------------------------------------------------------------------------>
Formatierung der Fragmente
------------------------------------------------------------------------------>
*/
.fragmentSpace             {height:12px;margin-bottom:2px;margin-left:8px;border-style:none;}

.fragmentPictureFloatLeft  {margin-right:8px;margin-bottom:8px;float:left;} 
.fragmentPictureFloatRight {margin-left:8px;margin-bottom:8px;float:right;} 

.fragmentTableDoubleCol    {padding:0px;border-style:none;border-width:1px;border-color:#FF0000;}
.fragmentTableTripleCol    {padding:0px;border-style:none;border-width:1px;border-color:#FF0000;}
.fragmentCellDoubleCol     {width:50%;vertical-align:top;float:left}
.fragmentCellTripleCol     {width:30%;vertical-align:top;float:left}

.fragmentLinklistFloatLeft {padding:8px;margin-right:8px;margin-bottom:8px;float:left;border-style:solid;border-color:#00445C;border-width:1px;}