@import url("/de/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(/de/img/back_body.jpg);margin:0px;font-family:Tahoma;font-size:11px;font-weight:normal;line-height:150%;}/*Standard Textformatierung*/

div      {font-family:Tahoma;font-size:12px;color:#303c90;line-height:150%;}
p        {font-family:Tahoma;font-size:12px;color:#303c90;line-height:150%;margin:0px;padding:0px;}
span     {font-family:Tahoma;font-size:12px;line-height:150%;}
form     {font-family:Tahoma;font-size:12px;color:#303c90;line-height:150%;margin:0px;padding:0px;}
td       {font-family:Tahoma;font-size:12px;color:#303c90;line-height:150%;}


/*
------------------------------------------------------------------------------>
Links und Hoover
------------------------------------------------------------------------------>
*/
a        {font-family:Tahoma;font-size:11px;color:#303c90;text-decoration:none;}
a:hover  {font-family:Tahoma;font-size:11px;color:#8e8d8c;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: #fff; font-weight:normal; text-decoration: none; line-height: 16px;}
.navnews a:visited   { color: #fff; font-weight:normal; text-decoration: none; line-height: 16px;}
.navnews a:active    { color: #fff; font-weight:normal; text-decoration: none; line-height: 16px;}
.navnews a:hover     { color: #C7CFD2; font-weight:normal; text-decoration: underline; line-height: 16px;}


/*
------------------------------------------------------------------------------>
Formatierung der Links in der Quick Navigation
------------------------------------------------------------------------------>
*/
.navfooter a:link      { color: #8e8d8c; font-weight:normal; text-decoration: none; line-height: 16px;}
.navfooter a:visited   { color: #8e8d8c; font-weight:normal; text-decoration: none; line-height: 16px;}
.navfooter a:active    { color: #8e8d8c; font-weight:normal; text-decoration: none; line-height: 16px;}
.navfooter a:hover     { color: #303c90; 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:Tahoma; font-weight:normal; color:#555555; border-style:solid;border-width:1px;border-color:#8e8d8c;}
select   {font-size:11px; font-family:Tahoma; font-weight:normal; color:#555555;}
textarea {font-size:11px; font-family:Tahoma; font-weight:normal; color:#555555;border-style:solid;border-color:#8e8d8c;border-width:1px;}
.formfeld {background-color: #DDDDDD;border-style: groove; border-color:#8e8d8c;color: #454545;font-size: 11px;font-weight: normal;margin-top: 2px;}

/*
------------------------------------------------------------------------------>
Absende-Button
------------------------------------------------------------------------------>
*/
.button {font-family:Tahoma;color:#ffffff;background-color:#575757;padding:0px;font-size:11px;font-weight:bold;line-height:16px;text-decoration:none;border-style:solid;background-color:#575757;border-color:#000000;border-width:1px;padding-left:4px;padding-right:4px}
.buttonDefault                 {cursor:pointer;cursor:hand;font-family:Tahoma;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:#555555;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:24px; font-family:Tahoma; font-weight:normal; color:#303c90; margin-bottom:15px;}
h2 {margin:0px;padding:0px;font-size:14px; font-family:Tahoma; font-weight:normal; color:#303c90;}
h3 {font-size: 16px; font-weight:normal; color: #8e8d8c; padding: 0 0 0 30px; margin: 0 0 0.5em 0; background: url(/de/img/pic_h3.png) no-repeat 0 2px;}
h4 {margin:0px;padding:0px;font-size:14px; font-family:Tahoma; font-weight:normal; color:#8e8d8c;}
h5 {margin:0px;padding:0px;font-size:9px;  font-family:Tahoma; font-weight:bold; color:#8e8d8c;}
h6 {font-size: 16px; font-weight:normal; color: #8e8d8c; padding: 0 0 0 30px; margin: 0 0 0.5em 0; background: url(/de/img/pic_h3.png) no-repeat 0 2px;}


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

.text                {font-size:12px; font-family:Tahoma; font-weight:normal; color:#303c90;}/*Text*/
.textBold            {font-size:12px; font-family:Tahoma; font-weight:bold;   color:#303c90;}/*Text fett*/
.textInvert          {font-size:12px; font-family:Tahoma; font-weight:normal; color:#303c90;}/*Text negativ*/
.textBoldInvert      {font-size:12px; font-family:Tahoma; font-weight:bold;   color:#303c90;}/*Text fett negativ*/

.textSmall           {font-size:6px; font-family:Tahoma; font-weight:normal; color:#303c90;}/*Kleiner Text*/
.textSmallBold       {font-size:9px; font-family:Tahoma; font-weight:bold;   color:#303c90;}/*Kleiner Text fett*/
.textSmallInvert     {font-size:12px; font-family:Tahoma; font-weight:normal; color:#303c90;}/*Kleiner Text negativ*/
.textSmallBoldInvert {font-size:9px; font-family:Tahoma; font-weight:bold;   color:#303c90;}/*Kleiner Text fett negativ*/

.textLarge           {font-size:13px; font-family:Tahoma; font-weight:normal; color:#303c90;}/*Großer Text*/
.textLargeBold       {font-size:13px; font-family:Tahoma; font-weight:bold;   color:#303c90;}/*Großer Text fett*/
.textLargeInvert     {font-size:13px; font-family:Tahoma; font-weight:normal; color:#303c90;}/*Großer Text negativ*/
.textLargeBoldInvert {font-size:13px; font-family:Tahoma; font-weight:bold;   color:#303c90;}/*Großer Text fett negativ*/
.textTime            {font-size:12px; font-family:Tahoma; font-weight:normal; color:#303c90;}/*Text*/
.textTitelNews       {font-size:20px; font-family:Tahoma; font-weight:normal; color:#fff; padding-left:10px;}/*Text*/
.headline_news       {font-size:12px; font-family:Tahoma; font-weight:bold; color:#fff;}/*Text*/
.text_news           {font-size:12px; font-family:Tahoma; font-weight:normal; color:#fff;}/*Text*/
/*
------------------------------------------------------------------------------>
Titel für den rechten Bereich
------------------------------------------------------------------------------>
*/
.textTitelRechts    {background-image:url(/de/img/back_titel.jpg);background-repeat:no-repeat;background-position:left;height:35px;padding-top:0px; padding-left:0px; font-size:14px; font-family:Tahoma; font-weight:bold; color:#454545;}/*Text fett*/

/*
------------------------------------------------------------------------------>
Elemente für den Content OFFERTE
------------------------------------------------------------------------------>
*/
#offerte    {background-image:url(/de/img/back_offerte_bottom.jpg);background-repeat:repeat-x; background-position:bottom; background-color:#4d535b;height:190px;padding-top:0px; padding-left:0px; font-size:14px; font-family:Tahoma; font-weight:normal; color:#fff; width:209px;}/*Text fett*/
.headline_offerte        {font-size:20px; font-family:Tahoma; font-weight:normal; color:#fff; padding-left:10px;padding-top:15px; line-height:24px;}/*Überschrift*/
.text_offerte           {font-size:11px; font-family:Tahoma; font-weight:normal; color:#fff; padding-left:10px; padding-top:5px;}/*Text*/

/*
------------------------------------------------------------------------------>
Elemente für den Content KONTAKT
------------------------------------------------------------------------------>
*/
#kontakt    {background-image:url(/de/img/back_kontakt_bottom.jpg);background-repeat:repeat-x; background-position:bottom; background-color:#ebeced;height:190px;padding-top:0px; padding-left:0px; font-size:14px; font-family:Tahoma; font-weight:normal; color:#6e6f6f; width:209px;}/*Text fett*/
.headline_kontakt        {font-size:20px; font-family:Tahoma; font-weight:normal; color:#6e6f6f; padding-left:10px;padding-top:15px; line-height:24px;}/*Überschrift*/
.text_kontakt           {font-size:11px; font-family:Tahoma; font-weight:normal; color:#6e6f6f; padding-left:10px; padding-top:5px;}/*Text*/


/*
------------------------------------------------------------------------------>
Elemente für den Content
------------------------------------------------------------------------------>
*/
.elementHeadline         {padding-left:15px;padding-top:15px; line-height:24px;}/*Überschrift*/
.elementStandard         {padding:15px;}/*Standard*/
.elementStellen          {padding-left:10px;}/*Standard*/
.elementContent          {width:562px;padding-left:10px;padding-top:5px;padding-bottom:15px;padding-right:10px;}/*Standard*/
.elementFormular         {padding-left:0px;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;}/*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*/


/*
------------------------------------------------------------------------------>
Blöcke für den Content
------------------------------------------------------------------------------>
*/
.blockMain           {vertical-align:top;background-color:#FFFFFF;width:990px; margin-top:25px;} /*Gesamter Bereich*/
.blockTop            {width:990px;vertical-align:top;}/*Bereich oben*/
.blockLeft           {width:209px;height:100%;vertical-align:top;}/*Bereich links*/
.blockContent        {width:560px;vertical-align:top;padding-left:5px;margin-right:5px;}/*Inhaltsbereich*/
.blockRight          {width:209px;height:100%;vertical-align:top;}/*Bereich rechts*/
.blockBottom         {width:990px;background-image:url(/de/img/back_footer.jpg); vertical-align:top; background-repeat:no-repeat; height:40px;}/*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;}