/*
////////////////////////////////////////////////////////////////
// design.css Stylesheet fuer die Inhaltsseiten
// erstellt durch Andy Meier Mindpilot, www.mindpilot.ch 2005/2006
////////////////////////////////////////////////////////////////
*/

/*unterschiedlicher defaultwerte auf 0 setzen*/
html, body,  p, h1, h2, h3, h4, h5, h6, form, fieldset{ margin:0px; padding:0px; border: 0px;}

/* rotgrau #645C55 , grey 808080*/
.gesperrt { text-transform:lowercase; font-weight:bold; letter-spacing:2px;padding-left:3px;padding-right:3px }

body            {background-color:#fff;font-family:arial, verdana, arial, sans-serif;color:#000; }

td              {font-size:12px;color:#000000;line-height:120%;}
div             {font-size:12px;color:#000000;}
p ,.text        {font-size:12px;color:#000000;line-height:120%;padding-bottom:10px;margin-bottom:0px}

input, select, texarea {font-size:11px; font-family:arial, verdana, sans-serif; font-weight:normal; color:#000000;}
input.BUTTON 
	{
	font-family: verdana;
	font-size: 11px; 
	text-align: center;
	}
select          {border-style:solid;border-width:1px;border-color:#486E8E;background-color:#E6EAEE;padding-left:2px;}
textarea        {border-style:solid;border-width:1px;border-color:#486E8E;background-color:#E6EAEE;padding-left:2px;}
img {border:0px}

a               {text-decoration:none;color:#990000;}
a:hover         {text-decoration:underline;color:#ff0000;}

hr              {background-color:#ccc;color:#ccc;height:1px;border-style:none;}
.dynamic_submit {font-family:monospace;font-weight:bold;padding:0 20px 0 20px; font-size:12px}


/*Falls Links nicht unterstrichen angezeigt werden sollen*/
.textDecorationNone {text-decoration:none;font-weight:normal;}
.imgBorder {border-style:solid;border-width:1px;border-color:#426A9E}

/*################ Ueberschriften ################*/

h1 {font-size:17px;padding-top:0px;font-weight:normal;line-height:110%; letter-spacing:-0.2pt}
h2 {font-size:14px;padding-top:0px;font-weight:normal;line-height:110%}
h3 {font-size:12px;padding-top:10px;}
h4 {font-size:10px;padding-top:10px;}
h5 {font-size:8px;padding-top:10px;}
h6 {font-size:6px;padding-top:10px;}

/*################ Produktmenu ################*/

.prodmenu {
	margin:0px;
	padding-left:18px;
	padding-top:18px;
	padding-right: 0px;
	padding-bottom: 10px;
}
.prodmenu li { list-style:none; padding-bottom:8px; padding-left:0px}
.prodmenu h3 {color:#ffa700; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:0px; margin-bottom:0px}
.prodmenu h4 {color:#ffffff; font-size:9px;  font-family:Arial, Helvetica, sans-serif; padding:0px; margin:0px}
.prodmenu a:link { color:#ffa700; text-decoration:none }
.prodmenu li a:hover { color:#ffffff; text-decoration:none }
.prodmenu a:active { color:#000000; text-decoration:none }
.prodmenu a:visited { color:#ffa700; text-decoration:none }
.prodmenulink { padding-left:16px; background-image:url(/en/wLayout/design/img/bullet_produkte_f01.gif); background-repeat:no-repeat; background-position:left; }
.prodmenulinkCur { padding-left:16px; background-image:url(/en/wLayout/design/img/bullet_produkte_f03.gif); background-repeat:no-repeat; background-position:left; }

/*a.prodlinkCur:link {color:#FFFF66;border-bottom-style:solid;border-bottom-width:1px; border-bottom-color:#FF9966}*/
a.prodlinkCur:link {color:#FFCC66;}

.prodmenusubtitle {padding-left:16px;}

.werbelinksHome:link { font-size:10px;font-weight:bold; color:#ffa700; text-decoration:none }
.werbelinksHome:visited { font-size:10px;font-weight:bold; color:#ffa700; text-decoration:none }
.werbelinksHome:hover { font-size:10px;font-weight:bold; color:#fff; text-decoration:none }

/*################ Texte ################*/

.text p {padding-bottom:10px;margin-bottom:0px}
.elementStandard p {padding-bottom:9px;margin-bottom:0px}

.subText {font-size:9px;margin-top:4px;margin-bottom:4px;}

.textBold            {font-size:11px; font-weight:bold;   color:#000000;line-height:150%;}/*Text fett*/
.textInvert          {font-size:11px; font-weight:normal; color:#FFFFFF;line-height:150%;}/*Text negativ*/
.textBoldInvert      {font-size:11px; font-weight:bold;   color:#FFFFFF;line-height:150%;}/*Text fett negativ*/

.textSmall           {font-size:9px;}/*Kleiner Text*/
.textSmallBold       {font-size:9px; font-weight:bold;}/*Kleiner Text fett*/
.textSmallInvert     {font-size:9px; color:#FFFFFF;}/*Kleiner Text negativ*/
.textSmallBoldInvert {font-size:9px; font-weight:bold; color:#FFFFFF;}/*Kleiner Text fett negativ*/

.textMedium          {font-size:10px;}/*Mittlerer Text*/

.textLarge           {font-size:13px; font-weight:normal; color:#000000;line-height:150%;}/*Großer Text*/
.textLargeBold       {font-size:13px; font-weight:bold;   color:#000000;line-height:150%;}/*Großer Text fett*/
.textLargeInvert     {font-size:13px; font-weight:normal; color:#FFFFFF;line-height:150%;}/*Großer Text negativ*/
.textLargeBoldInvert {font-size:13px; font-weight:bold;   color:#FFFFFF;line-height:150%;}/*Großer Text fett negativ*/

/*################ Elemente ################*/


/* ------------- produktseite ------------- */
#elementVarianten {color:#FFFFFF;padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:20px;text-align:left; background-color:#990000; margin:0px;}/*Standard */
#elementVarianten a { color:#FF9900; text-decoration:none; }
#elementVarianten a:hover { color:#ffffff; text-decoration:none; }

.varBilderTitel{font-size:11px;color:#fff}
#elementVarianten ul { padding:0px;margin:0px;list-style-type:none;margin-top:5px;}
.Variante { background-image:url(/pix/marker_var_false.gif); background-repeat:no-repeat;padding-left:10px; background-position:0px 4px; }
.selVariante { background-image:url(/pix/marker_var_true.gif); background-repeat:no-repeat;padding-left:10px; background-position:0px 4px; }
#elementVarianten .selVarLink {color:#FFCC33 ;font-weight:bold}
.tableProdInhalt {height:420px;}
.tableProdInhaltGarten {height:349px;}

.tableTechData td{padding-bottom:1px;padding-right:10px;}
.tableTechHeader {text-align:left;font-size:12px;padding-bottom:5px}

/* Variantentabelle */
.tableTechVarianten {border:solid 0px #444; width: 100%}
.tableTechVarianten td{padding-top:3px;padding-bottom:3px;padding-right:10px; border-bottom:solid 1px #ccc}
.tableTechVarHeader {text-align:left;font-size:12px;padding-bottom:15px;border-bottom:solid 1px #444}
.ausstattungsText { width: 100;padding-bottom:20px; vertical-align:top;}
.optionMarker {vertical-align:middle; text-align:center}
.optionText {vertical-align:top; text-align:center}

.rowTechVarHellx{ background-color:#FFFFFF}
.rowTechVarDunkelx{ background-color:#CCCCCC}
tr.rowTechVarHell:hover{ background-color:#FFFFFF}
tr.rowTechVarDunkel:hover{ background-color:#ffffff}
.backGroundBilderTechnik {background-color:#ffffff;width:124px;border-top:solid 1px #e6e6e6;border-bottom:solid 1px #e6e6e6}

/* ueberlagerter bildtext ABSOLUT positioniert! */
#imgFooter {height:20px;left:0px;top:520px;text-align:left;font-size:9px;}
#imgFooterG {position:relative;height:20px;text-align:left;font-size:9px;border-bottom:solid 1px #e6e6e6}
#imgFooterGarten {position:absolute;height:20px;left:0px;top:470px;text-align:left;font-size:9px;}

.imgTitel   {position:relative;margin-top:3px;float:left;left:10px;color:#FFFFFF;font-weight:bold;font-family:Verdana, Arial, Helvetica, sans-serif}
.imgTitelG   {font-size:9px;position:relative;float:left;left:10px;top:3px;color:#fff;font-weight:normal;font-family:Verdana, Arial, Helvetica, sans-serif}

.zoomFooter {position:relative;margin-top:3px;float:right;right:12px;color:#FFFFFF;font-size:9px;font-family:Verdana, Arial, Helvetica, sans-serif}
.zoomFooterG {position:relative;float:right;right:6px;top:3px;color:#fff;font-size:9px;font-family:Verdana, Arial, Helvetica, sans-serif}

.prodHauptbild {border:none; cursor: -moz-zoom-in; }
#downloadBereich hr{ width:100px}

#imgFooter a:link, #imgFooterGarten a:link    {color:#ffffff;text-decoration:none}
#imgFooter a:hover, #imgFooterGarten a:hover  {color:#FF9900;text-decoration:underline}
#imgFooter a:visited, #imgFooterGarten a:visited {color:#ffffff;text-decoration:none}

#imgFooterG a:link    {color:#666;text-decoration:none}
#imgFooterG a:visited    {color:#666;text-decoration:none}

.skizzenbereich{margin-top:1px; background-color:#ffffff; text-align:center;padding-top:0px;padding-bottom:10px}

.designCopy { padding-left:8px;color:#666666;font-size:9px;font-family:Verdana, Arial, Helvetica, sans-serif }


/* ausstattungs symbole */
.prodSymbol { margin-right:5px; float:left; width:41px; margin-bottom:5px;}
.backGroundHauptbild { background-color:#666666; height:400px;line-height:100%;}
.backGroundHauptbildGarten { background-color:#666666;height:349px;line-height:100%;}

/* auszeichnungen am fuss der seite */
.auszeichnungen {width:auto;margin:2px;padding-left:10px;padding-top:10px;display:block;float:left}
.auszeichnungen img {margin-right:20px;float:left}

.subNavProd{padding-left:20px;padding-right:10px;padding-top:20px;padding-bottom:20px}

.elementStandard, .elementHeadline {padding-left:20px;padding-right:20px }
.elementStandard textarea {background-color:#ADBBC6}
.elementStandard ul{padding-left:20px;margin:10px}
.elementStandard li{padding-bottom:5px}

.zumSeitenanfang  {text-align:right;margin:0px;padding:0px;padding-left:20px; padding-right:20px;}
.zumSeitenanfang a  {font-size:9px;}

.elementStandardRandlos  {margin:0px;padding:0px;display:block;float:left; margin-right:20px;}/*Standard randabfallend display block??*/
.bildGrossRandlos  {float:left;}/*Standard randabfallend*/
.elementStandardSpalteRechts {width:30%;float:right;margin-right:10px;margin-left:10px;margin-bottom:10px}
.elementBoxRechts {width:30%;float:right;margin-right:10px;margin-left:10px;padding:5px; border:solid 1px #CCCCCC; }

.includeWeblic {padding-left:20px; padding-right:20px;text-align:left;}

.elementText             {padding-left:20px;padding-right:20px}/*Textelement*/
.elementFormular         {margin:0px;padding:0px;padding-left:20px; padding-right:20px;}/*Formulare*/
.elementInclude          {padding:0px;}/*Includes*/
.elementSpace            {height:10px;padding:5px;}/*Leerzeile*/


.elementContent { background-color:#eee;border:dashed 2px red}

.editButton {display:block; margin:0px; padding:5px; float:right; width:auto; text-align:left}


/*################ Bloecke ################*/

/*.blockLeftHome       {width:200px;padding:0px;vertical-align:text-top;background-color:#000000;}
content breite nicht setzen da menu-li sonst zu breit*/

#blockContentProdmenu {width:298px;float:left;text-align:left;}

.menuLeft { background-color:#CCCCCC;}

/* hintergrund produktseiten */
#bandGrau {position:relative;display:block;background-color:#e6e6e6;border-top:0px solid #fff;height:auto;width:100%;float:left} /*produebers*/

#bandGrauMenubar {display:block;background-color:#e6e6e6;border-top:0px solid #fff;height:auto;width:100%;} /*normalseite*/

.bandGrauMenubar  {background-color:#e6e6e6;} /*normalseite*/


#blockContentNormalseite { width:600px;min-height:300px; background-color:#e6e6e6;} /*min-height:300px;*/
#blockContentNormalseite h1, h2, h3, h4, h5, h6 { margin-bottom:10px;}

#blockContent { border:solid 2px red; width:600px;background-color:#e6e6e6;} /*min-height:300px;*/

/* format "textTabelle" kann in Weblication Table Editor zugeteilt werden */
.textTabelle {border:none;margin:0px;padding:0px;padding-right:10px;}
.textTabelle td {border:none;padding:0px;padding-right:20px;padding-bottom:3px; vertical-align:top}
.textTabelle p{padding-right:20px}
.textTabelle th{padding:0px;font-size:10px;text-align:left;padding-bottom:10px;}

/* format "textTabelle" kann in Weblication Table Editor zugeteilt werden */
#massTabelle {border:solid 1px #CCCCCC;width:auto;float:right;padding:7px;margin-left:10px;margin-bottom:10px}
.massTabelle {border:none;margin:0px;padding:0px;}
.massTabelle td {font-size:10px;border:none;padding:0px;padding-right:10px;padding-bottom:0px; vertical-align:top}
.massTabelle p{padding-right:20px}
.massTabelle th{padding:0px;font-size:11px;text-align:left;padding-bottom:5px;}

.formTabelle {border:none;padding:0px;}
.formTabelle td {border:none;padding:0px;padding-right:15px;padding-bottom:3px;}

#prodNavUndBild {width:auto;height:auto;width:500px;background-color:#666;display:block;float:left;}
#prodNav{width:200px;height:260px;background-color:#990000;display:block;float:left}
#stimmungsBild {width:300px;height:260px;background-color:#000;display:block;float:left}
#prodGalerie{width:500px;height:157px;background-color:#666666;display:block;float:left}


.scrollLink:link { text-decoration:none;color:#990000;font-size:9px}
.scrollLink:hover { text-decoration:none;color:#000}
.scrollName{height:15px;text-align:center;padding:3px;font-size:9px}

/*###### hompage textfeld auf bildhintergrund #########*/
#BildHome {width:100%;text-align:right;background-color:#000;}
.bildHome { float:right;width:570;height:390; background-image:url(/img/homepage/home_100_sml.jpg)}

.navBoxHome {padding:0px; width:232px; background-color:#990000; color:#fff}
.elementBottomHome   {padding-top:4px;padding-left:10px;margin-right:10px;width:auto;text-align:right;}
.elementNewsflashHome { padding-left:20px;border:solid 0px #ccc;}
.homeBildHell {background-image:url(/pix/home-hell.jpg); background-position:0px -20px; background-repeat:no-repeat;}
#blockContentHome    {
    position:relative;
	margin:0px;
	padding-top:0px;
	width:280px;
    height:auto;
	vertical-align:top;
}
#blockContentHome h1 {margin-top:20px;margin-bottom:10px}


/*################ Fragmente ################*/

.fragmentSpace             {width:100%;height:12px;margin-bottom:2px;margin-left:8px;border-style:none;}

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

.fragmentTableDoubleCol    {width:100%;border-width:0px;padding:0px;border-color:#FF0000;border-width:0px;border-style:solid}
.fragmentTableTripleCol    {width:100%;border-width:0px;padding:0px;border-color:#FF0000;border-width:0px;border-style:solid}
.fragmentCellDoubleCol     {width:50%;padding:4px;vertical-align:top}
.fragmentCellTripleCol     {width:33%;padding:4px;vertical-align:top}

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

.zellenOeffnungzeiten {padding-right:10px;padding-bottom:4px;}
.titelOeffnungzeiten {padding-right:10px;padding-bottom:4px; font-weight:bold;}

.geschichteJahr, .geschichteText {padding-right:10px;padding-bottom:4px;border-top:1px solid #999999}

.bildstreifenTableLinks {margin-right:10px; float:left;}
.bildstreifenTableLinks img {margin-right:5px;margin-bottom:5px;}

.bildstreifenTableRechts {margin-left:10px; float:right;}
.bildstreifenTableRechts img {margin-left:5px;margin-left:5px;}

/*################### Sonstiges ###############*/

.downloadRow {margin-top:8px;position:relative; height:40px}
.icon {position:absolute;top:0px;left:0px;padding:0px;margin:0px;}
.downloadText {position:absolute;top:0px;left:30px;padding:0px;margin:0px;}
.downloadText h4 {padding:0px;margin:0px}
.downloadTitel{margin-bottom:3px;font-size:12px;}
.downlaodFilename{ font-size:9px;font-style:italic;}


.textInfo    {background-color:#ECCCCC;border-style:solid;border-width:1px;border-color:#c9ced4;padding-left:4px;padding-top:4px;padding-bottom:4px;}

/*####### Formatierung fuer horizontale und vertikale Zentrierung ##########*/
.mainTable{
	height:100%;
	width:100%;
}
.mainTableHome{
border:solid 1px #cccccc;
	/*height:100%;*/
	width:100%;
}
#hcenter {
    text-align:center; 
	height:100%; 
}
/*.hcenter#home {
    text-align:center; 
	height:auto; 
}
*/
#container {
    background-color:#fff;
	position: relative;
	width:800px;
	text-align: left;
	margin:auto;
	height: 100%;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
}
.home#container {
	top:10%;
	width:800px;
	/*height: auto;*/
	border: none;
}


#logo {position:relative;top:1px;left:1px;}


.printTable { margin:10px; }
#printBanner { padding:10px;width:100%; display:none}
.symbolPrint{float:left;margin-right:8px;margin-bottom:4px}
.tablePrintAdresse td{padding-right:15px;font-size:10px;}

#kopfzeile {height:140px;}
.tableKopfzeile {width:100%; clear:left}

.tableToolbar {width:100%;}
.toolbarTop {color:#FFFFFF;background-color:#990000;padding:3px;}
.footer {height:20px;background-color:#fff;padding-bottom:10px;}


div#tipDiv {
  position:absolute; visibility:visible; left:-100px; top:-100px; z-index:10000;
  background-color:#FFFFCC; border:1px solid #336; clear:both;
  width:250px; padding:6px;
  color:#000; font-size:11px; line-height:1.3em;
  /*dee7f7*/
}


/* RATEGER FORMATIERUNGEN */

#ratgeber .frage{ font-size:12px;border-bottom:solid 1px #999999;margin-bottom:10px;padding-bottom:5px;font-weight:bold}
#ratgeber .antwort{ padding:0px}
#ratgeber .frage p{font-size:13px;font-weight:bold}

.ratgeberListEntry { padding-top:2px;padding-bottom:2px;border-bottom:1px solid #cccccc}
.ratgeberListEntry h4 { padding:0px; margin: 0px; font-size:12px; font-weight:normal}

/*.ratgeberListEntry p {padding:0px;}
.ratgeberListEntry p {color:#990000;font-size:12px;padding-bottom:2px }
.ratgeberListEntry p:hover, .ratgeberListEntry p:visited, .ratgeberListEntry:hover {color:red}
*/

/* LEXIKON FORMATIERUNGEN */
.lexikonListe{ padding:0px;list-style-type:none; text-indent:0px}
.lexikonListe li p{ padding:0px; margin:0px }
.lexikonListe h4{font-size:13px}

#fhanruf{padding:4px;border:solid 1px #666666;}

/* weblic formate auszug */

.includeWeblic { padding-left:20px;padding-right:20px;}

.buttonDefault          {font-family:arial, helvetica;font-size:9px;color:#000000;padding:0px;font-size:9px;line-height:16px;text-decoration:none;border-style:outset;background-color:#F0F0F0;border-color:#606060;border-width:1px;padding-left:4px;padding-right:4px}
a.buttonDefault        {text-decoration:none;border:outset;background-color:#F0F0F0;border-color:#606060;border-width:1px;font-weight:normal;}
a.buttonDefault:hover { background-color:#666; color:#fff }

.formButton               {margin:0;line-height:120%;}
.formButton a             {width:19.7em;text-align:center;}
.buttonAdmin             {float:left;padding:0;line-height:16px;}
a.buttonAdmin            {text-decoration:none;border:outset;background-color:#F0F0F0;border-color:#606060;border-width:1px;font-weight:normal;}

.fragmentEditGroupHead           {background-color:#F0F0F0; border: 1px solid #A0A0A0; border-bottom-style:none; padding:4px;color:#606060; font-weight: bold;}
.fragmentEditGroupBody           {background-color:#FAFAFA; margin-bottom:1.5em; color:#606060; padding:4px; border:1px solid #A0A0A0;}