/*+--------------------------------------------------+
  +  stylesheet fuer www.supertanker.ch
  +  copyright (c) sappari design/development
  +  2.2 mai 2007
  +--------------------------------------------------+*/


/*+--------------------------------------------------+
  +  general
  +--------------------------------------------------+*/
body { padding: 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#5e5e5e; line-height:135%; }
div, td, span, center, input, textarea, h1, h2 { font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#5e5e5e; line-height:135%; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#5e5e5e; margin-bottom:0px; }
a { color:#868686; text-decoration:none; font-weight: bold; }
a:hover { color:#5e5e5e; text-decoration:none; }


/*+--------------------------------------------------+
  +  blocks
  +--------------------------------------------------+*/
.blockMain { width: 900px; } /* fuer zentriert: margin-left: auto; margin-right: auto; */
.blockTop { height: 380px; }
.blockLeft { width: 200px; float: left; }
.blockContent { width: 700px; float: left; }


/*+--------------------------------------------------+
  +  elements
  +--------------------------------------------------+*/
.elementHeader { margin: 0px; }
.elementNavigation { margin: 34px 0px 0px 16px; }
.elementContent { margin: 36px 50px 24px 24px; }
.elementHome { height: 150px; margin: 36px 50px 0px 24px; /* background-color:silver; */ }

/* clip */
.elementClip { margin: 34px 0px 0px 24px; }

/* fusszeile */
.elementColophon { height:24px; margin: 0 0 0 16px; font-size:11px; /* background-color:silver; */ }

/* bilder */
.elementThumbnails { width:674px; margin: 36px 0px 0px 26px; }

/* supertanker */
.elementDashedRow { width: 674px; height:132px; border-top-width:1px; border-top-color:#5E5E5E; border-top-style:dashed; }
.elementTenantLogo { float:left; width:224px; text-align:center; }

/* raum_preis, anfahrt */
.elementBild { width:674px; margin: 36px 0px 0px 24px; border-width:1px; border-color:#5E5E5E; border-style:dashed; }

.elementHorizontal { padding: 12px 0px 0px 24px; }
.elementHorizontal #nav3 { margin:0px; float:left; width:100px; }

.elementHorizontal #price1 { float:left; margin:0px; width:100px; }
.elementHorizontal #price2 { float:left; margin:0px; width:140px; }
.elementHorizontal #price2short { float:left; margin:0px; width:50px; }
.elementHorizontal #price3 { float:left; margin:0px; width:140px; }
.elementHorizontal #price4 { clear:both; margin:10px 0 0 100px; padding-top:5px; font-size:11px; }
/* .elementHorizontal #price4 { float:left; margin:0px; width:190px; font-size:12px; } */

.elementHorizontal #transport1 { float:left; width:460px; margin:0; }
.elementHorizontal #transport2 { float:left; width:100px; margin:0 0 0 12px; }


/*+--------------------------------------------------+
  +  form elements
  +--------------------------------------------------+*/
.inputLine { font-size:11px; color:#999999; }


/*+--------------------------------------------------+
  +  text
  +--------------------------------------------------+*/
.textHighlight { font-weight:bold; }
.elementColophon a { font-weight:normal; }


/*+--------------------------------------------------+
  +  navigation
  +--------------------------------------------------+*/
/* level 1 */
div.navLevel1, div.navLevel1Selected { line-height:24px; }
div.navLevel1 a { display:block; padding-left:28px; font-size:14px; color:#868686; text-decoration:none; font-weight:bold; background-image:url(../graphics/arrow.gif); background-repeat:no-repeat; background-position: 3px 4px; }
div.navLevel1 a:hover, div.navLevel1Selected a, div.navLevel1Selected a:hover { display:block; padding-left:28px; font-size:14px; color:#5e5e5e; text-decoration:none; font-weight:bold; background-image:url(../graphics/arrow_h.gif); background-repeat:no-repeat; background-position: 3px 4px; }

/* level 2 */
div.navLevel2, div.navLevel2Selected { line-height:24px; }
div.navLevel2 a { display:block; padding-left:42px; font-size:14px; color:#868686; text-decoration:none; font-weight:bold; }
div.navLevel2 a:hover, div.navLevel2Selected a, div.navLevel2Selected a:hover { display:block; padding-left:42px; font-size:14px; color:#5e5e5e; text-decoration:none; font-weight:bold; }

/* level 3 */
.navLevel3, .navLevel3Selected { margin:0px; }
.navLevel3 a { font-size:14px; color:#868686; text-decoration:none; font-weight:bold; }
.navLevel3 a:hover, .navLevel3Selected a, .navLevel3Selected a:hover { font-size:14px; color:#5e5e5e; text-decoration:none; font-weight:bold; }