/* @group Top teasers */
#frontpageColumn1of1 { }

/* @group ContentBoxes */
.contentBox {  }

.contentBoxTopBg { height: 2px; background: url(../../../fileadmin/template/media/img/general/contentbox/contentbox_top_bg.gif) no-repeat; overflow: hidden; }
.contentBoxContent { width: 209px; background: url(../../../fileadmin/template/media/img/general/contentbox/contentbox_bg_repeat.gif) repeat-y; }
.contentBoxBottomBg { height: 5px; background: url(../../../fileadmin/template/media/img/general/contentbox/contentbox_bottom_bg.gif) no-repeat; overflow: hidden; }
/* @end */

/* OVERRIDING STYLES FROM general.css */
#contentContainer { position: relative; }
.contentBox { width: 209px; padding: 0 3px 0 0; display: inline; float: left; position: relative; }
.contentBoxContent { position: relative; }

#topTeasers { padding: 18px 0 0 18px; }

.teaserMedia { padding: 0 0 1px 2px; margin: 0; }
.teaserMedia img { padding: 0; margin: 0; display: block; }
.teaserContent P { width: 182px; height: 64px; background: #336699; margin: 0 0 0 2px; padding: 10px; font: 12px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif; color: #FFFFFF; line-height: 16px;}
.teaserContentBot P {display:none;}
.teaserContentBot .bodytext {;width: 182px; font: 12px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif; color: #FFFFFF;display:block;padding: 14px 10px 6px 10px;}
.teaserContentBot  { height: 37px;width: 202px; background: #E0A300; margin: 0 0 0 2px; font: 12px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif; color: #FFFFFF;border-top:1px solid #fff;}
.teaserContent a { font: 12px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif; color: #FFFFFF; line-height: 16px; text-decoration:none;}
.teaserContent a:hover { color: #003366; text-decoration:none; }
.teaserContentBot a { font: 12px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif; font-weight: bold; color: #FFFFFF; background: url(../../../fileadmin/template/media/img/general/arrow_white_in_orange.gif) center left no-repeat; text-decoration: none; padding-left: 10px;}
.teaserContentBot a:hover { color: #003366; text-decoration:none;background: url(../../../fileadmin/template/media/img/general/arrow_blue_in_orange.gif) center left no-repeat;  }


.teaserPrice { width: 182px; height: 40px; padding: 10px; background: #E0A300; margin: 1px 0 0 2px; position: relative; }

.teaserPricePreText { float: left; font: 12px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif; color: #FFFFFF; position: absolute; bottom: 12px; left: 10px; }
.teaserPricePriceText { float: left; font: 12px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif; color: #FFFFFF; margin: 0; padding: 0; line-height: 27px; position: relative; }
/* @end */

/* @group Bottom area */
#frontpageColumn1of3 { width: 260px; margin: 15px 0 0 0; padding: 20px 10px 0 30px; float: left; }
#frontpageColumn2of3 { width: 248px; margin: 15px 0 0 0; padding: 20px 10px 0 20px; float: left; background: url(../../../fileadmin/template/media/img/general/1pix_border.gif) left repeat-y; }
#frontpageColumn3of3 { width: 270px; margin: 15px 0 0 0; padding: 0 0 0 10px; float: left; background: url(../../../fileadmin/template/media/img/general/1pix_border.gif) left repeat-y; text-align: left; font-size: 0}

#frontpageColumn1of3 h3 { font: bold 16px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif; color: #003366; }
#frontpageColumn1of3 p { font: 12px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif; color: #000000; }

#frontpageColumn2of3 h3 { font: bold 16px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif; color: #003366; }
#frontpageColumn2of3 p { font: 12px "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif; color: #000000; }

/* From the TYPO3 generated style sheet - in order to avoid the 5 pixels betwen images */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0px; }
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { padding-bottom: 1px; }
/* @end */


.clientLogosHeader { width: 270px; height: 62px; padding: 0; margin: 0; display: block; }
.clientLogosItem { width: 270px; height: 49px; padding: 0; margin: 4px 0 0 0; }
.clientLogosItem img { border: none; }

.borderSeperator { height: 1px; width: 100%; margin: 10px 0 10px 0; background: #EDF0F4; overflow: hidden; }

.creditCards { width: 270px; height: 101px; background: url(../../../fileadmin/template/media/img/frontpage/creditcards.gif); }
/* @end */