@import url("/de/wLayout/design/style/weblics_new.css");
/*
/////////////////////////////////////////////////////////////////////////////
 
Guten Tag.
Schön dass Sie sich für den Code interessieren.
-------------------------------------------------------------------------------------------------------------
 
 
Projekt:
------------------------------------------------------------------------------------------------------------- 
Domain............: suisse-trading.ch
Entwicklung.......: TrendPoint GmbH | Full-Service Webagentur | www.trendpoint.ch
Content...........: Suisse Trading Biedermann Bühlmann
CMS...............: Weblication® CMS | Infos unter www.trendpoint.ch
 
 
Copyright:
------------------------------------------------------------------------------------------------------------- 
Code / Development: TrendPoint GmbH | Full-Service Webagentur | www.trendpoint.ch
CMS...............: Scholl Communication AG
 
/////////////////////////////////////////////////////////////////////////////
*/







/*
------------------------------------------------------------------------------>
Standard-Formatierungen
------------------------------------------------------------------------------>
*/

body     { background-color:#4E4E4E; margin:0px;font-family:Arial;font-size:11px;font-weight:normal;line-height:150%;padding-top:0px;}/*Standard Textformatierung*/

div      {font-family:Arial;font-size:11px;color:#392E36;line-height:150%;}
p        {font-family:Arial;font-size:11px;color:#392E36;line-height:150%;margin:0px;padding:0px;}
span     {font-family:Arial;font-size:11px;line-height:150%;}
form     {font-family:Arial;font-size:11px;color:#392E36;line-height:150%;margin:0px;padding:0px;}
td       {font-family:Arial;font-size:11px;color:#392E36;line-height:150%;}


/*
------------------------------------------------------------------------------>
Links und Hoover
------------------------------------------------------------------------------>
*/
a        {font-family:Arial;font-size:11px;color:#b4232f;text-decoration:none;}
a:hover  {font-family:Arial;font-size:11px;color:#333;text-decoration:none;}

/*
------------------------------------------------------------------------------>
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;}


/*
------------------------------------------------------------------------------>
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:Arial; font-weight:normal; color:#000000; border-style:solid;border-width:1px;border-color:#cccccc; background-color:#f2f2f3;}
select   {font-size:11px; font-family:Arial; font-weight:normal; color:#000000;border-style:solid;border-width:1px;border-color:#cccccc; background-color:#f2f2f3;}
textarea {font-size:11px; font-family:Arial; font-weight:normal; color:#000000;border-style:solid;border-width:1px;border-color:#d3d5d8; background-color:#f2f2f3;}


/*
------------------------------------------------------------------------------>
Absende-Button
------------------------------------------------------------------------------>
*/
.button                        {font-family:Arial;color:#fff;background-color:#b4232f;padding:0px;font-size:11px;font-weight:bold;line-height:16px;text-decoration:none;border-style:solid;border-color:#333;border-width:1px;padding-left:4px;padding-right:4px}
.buttonDefault                 {cursor:pointer;cursor:hand;font-family:Arial;color:#FFFFFF;background-image:url(/de/img/bg_button_weblic.jpg);padding:0px;font-size:11px;font-weight:bold;line-height:16px;text-decoration:none;background-color:#A2384C;border-color:#cccccc;border-width:1px;padding-right:8px;}






/*
------------------------------------------------------------------------------>
Linie Horizontal
------------------------------------------------------------------------------>
*/
hr           {background-color:#8A5353;color:#8A5353;height:1px;border-style:dotted;}
line_dotted  {border-width:1px;border-style:dotted; border-color:#CCCCCC;}


/*
------------------------------------------------------------------------------>
Überschriften für den Content
------------------------------------------------------------------------------>
*/
h1 {margin:0px;padding:0px;font-size:18px; font-family:Arial; font-weight:bold; color:#b4232f; letter-spacing:200%;}
h2 {margin:0px;padding:0px;font-size:18px; font-family:Arial; font-weight:bold; color:#b4232f;}
h3 {margin:0px;padding:0px;font-size:14px; font-family:Arial; font-weight:bold; color:#b4232f;}
h4 {margin:0px;padding:0px;font-size:11px; font-family:Arial; font-weight:bold; color:#b4232f;}
h5 {margin:0px;padding:0px;font-size:9px;  font-family:Arial; font-weight:normal; color:#b4232f;}
h6 {margin:0px;padding:0px;font-size:7px;  font-family:Arial; font-weight:normal; color:#b4232f;}


/*
------------------------------------------------------------------------------>
Texte für den Content
------------------------------------------------------------------------------>
*/

.text                {font-size:11px; font-family:Arial; font-weight:normal; color:#392E36; text-align:justify;}/*Text*/
.textBold            {font-size:11px; font-family:Arial; font-weight:bold;   color:#392E36; text-align:justify;}/*Text fett*/
.textInvert          {font-size:11px; font-family:Arial; font-weight:normal; color:#000000;}/*Text negativ*/
.textBoldInvert      {font-size:11px; font-family:Arial; font-weight:bold;   color:#ffffff;}/*Text fett negativ*/

.textSmall           {font-size:6px; font-family:Arial; font-weight:normal; color:#000000; text-align:justify;}/*Kleiner Text*/
.textSmallBold       {font-size:9px; font-family:Arial; font-weight:bold;   color:#000000;}/*Kleiner Text fett*/
.textSmallInvert     {font-size:11px; font-family:Arial; font-weight:normal; color:#000000;}/*Kleiner Text negativ*/
.textSmallBoldInvert {font-size:9px; font-family:Arial; font-weight:bold;   color:#000000;}/*Kleiner Text fett negativ*/

.textLarge           {font-size:13px; font-family:Arial; font-weight:normal; color:#000000; text-align:justify;}/*Gro&szlig;er Text*/
.textLargeBold       {font-size:13px; font-family:Arial; font-weight:bold;   color:#000000;}/*Gro&szlig;er Text fett*/
.textLargeInvert     {font-size:13px; font-family:Arial; font-weight:normal; color:#000000;}/*Gro&szlig;er Text negativ*/
.textLargeBoldInvert {font-size:13px; font-family:Arial; font-weight:bold;   color:#000000;}/*Gro&szlig;er Text fett negativ*/

/*
------------------------------------------------------------------------------>
Texte für das Newssystem
------------------------------------------------------------------------------>
*/
.text_news                {font-size:11px; font-family:Arial; font-weight:bold; color:#392E36;}/*Text*/

/*
------------------------------------------------------------------------------>
Titel für den rechten Bereich
------------------------------------------------------------------------------>
*/
.textTitelRechts    {font-size:14px; font-family:Arial; font-weight:bold; color:#FFFFFF;}/*Text fett*/


/*
------------------------------------------------------------------------------>
Elemente für den Content
------------------------------------------------------------------------------>
*/
.elementHeadline         {padding-left:15px;padding-top:15px;}/*Überschrift*/
.elementStandard         {padding:15px;}/*Standard*/
.elementJob              {padding-left:10px;}/*Standard*/
.elementStellen          {padding-left:10px;}/*Standard*/
.elementContent          {padding-left:5px;padding-top:10px;padding-bottom:15px;padding-right:0px; width:500px;}/*Standard*/
.elementForm             {padding-left:10px;padding-top:8px;padding-bottom:8px;}/*Formulare*/
.elementInclude          {padding:0px;}/*Includes*/
.elementSpace            {height:12px;padding:8px;}/*Leerzeile*/
.element_right           {border-style:solid;border-width:1px;border-color:#F2E0AA;}/*Standard*/
.elementClear            {clear:both; line-height:1px; height:1px; font-size:1px;}


.elementRightStandard    {padding:8px;padding-top:10px;}/*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:2px;}/*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:15px;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*/

.element_box            {background-image:url(/de/img/back_titel.jpg); border :1px solid #F2E0AA; font-size:11px; font-weight:bold; color:#696468; padding-left:8px;}
.element_box2           {background-image:url(/de/img/back_adress.jpg); border :0px solid #ede9dd; font-size:11px; font-weight:normal; color:#777777; padding-left:8px;}
.elementHeaderpic        {background-image:url(/de/img/teaser/teaser_ueberuns.jpg); background-repeat:no-repeat;}

#logo                    {padding-left:825px; padding-top:75px; overflow:visible;}
#logo_restaurant         {padding-left:825px; padding-top:75px; overflow:visible;}

#news_top                {margin-left: 770px; margin-top:250px; float:left; width:225px; bottom: overflow:visible; vertical-align:bottom;}
.news_top                {vertical-align:top;}
.news_top_titel          {padding-left:2px; padding-top:10px; font-size:16px; font-family:Arial; font-weight:bold; color:#b4232f;}/*Text fett*/

#reservation             {margin-right:153px;  float:left; margin-top:10px; background-image:url(/de/img/back_box_right.jpg); background-position:top; background-repeat:no-repeat;}
.reservation_titel       {padding-left:0px; padding-top:0px; font-size:16px; font-family:Arial; font-weight:bold; color:#b4232f; top:!important}/*Text fett*/

#search                  {margin-right:151px;  float:left; margin-top:10px;  background-color:#BFAC9D;}
.search_titel            {padding-left:10px; font-size:14px; font-family:Arial; font-weight:bold; color:#FFF;}/*Text fett*/
/*
------------------------------------------------------------------------------>
Blöcke für den Content
------------------------------------------------------------------------------>
*/
.blockMain           {width:990px; position:absolute; left: 50%; margin-left: -520px;} /*Gesamter Bereich*/
.blockMain1           {width:990px; position:absolute; left: 50%; margin-left: -520px; margin-top:375px;background-image:url(/de/img/back_main1.jpg); background-repeat:no-repeat;} /*Gesamter Bereich*/
.blockTop            {width:990px;vertical-align:top}/*Bereich oben*/
.blockLeft           {width:160px;height:650;vertical-align:top;padding-left:2px;}/*Bereich links*/
.blockContent        {width:598px;vertical-align:top;padding-left:0px;padding-top:7px;}/*Inhaltsbereich*/
.blockRight          {width:225px;height:100%;vertical-align:top;}/*Bereich rechts*/
.blockBottom         {width:990px;height:5px;}/*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;} 


