﻿/************************************* * Artikel Box auf der Startseite * **************************************/
#top3news { width : 292px; height: 222px; padding: 40px 0px 0px 0px; overflow: hidden; background-image : url(../images/bg_aktuelles_box.gif); background-repeat : no-repeat; }
#top3news a, #top3news a:link, #top3news a:visited{ color: #409879; }
#top3news .font_news_title { font-family: Arial; color: black; /* font-size: 80%; */ font-weight: bold; }
#top3news .small { position: relative; left: 16px; width : 260px; height: 50px; /* display: none; */ clear: both; line-height: 125%; }
#top3news .small .pic{ float : left; width: 40px; height: 30px; overflow: hidden; padding: 0px 10px 0px 0px; }
#top3news .small .pic .image { width: 40px; height: 30px; }
#top3news .small .text, #top3news .small .onlytext { float : left; width: 210px; height: auto; font-size: 75%; line-height: 130%; }
#top3news .small .onlytext { width: auto; }
#top3news .big_news{ position: absolute; left: 160px; width: 274px; height: 96px; /* display: none; */ clear: both; overflow: hidden; cursor: pointer; }
#top3news .big{ position: relative; left: 16px; width: 260px; height: 96px; /* display: none; */ clear: both; overflow: hidden; cursor: pointer; line-height: 125%; }
#top3news .big .pic{ float: left; width: 80px; height: 60px; overflow: hidden; padding: 0px 10px 0px 0px; }
#top3news .big .pic .image { width: 80px; height: 60px; }
#top3news .big .text, #top3news .big .onlytext{ float : left; position: relative; width: 170px; height: auto; font-size: 75%; line-height: 130%; }
#top3news .big .onlytext { width: auto; }
#top3news .big .text p{ position: relative; top: -10px; }
/********************************* * PhotoBox, mit gro�em Photo * **********************************/
#picAltText { clear : both; }
.photoBoxLarge { position: absolute; left: 189px; width: 297px; max-width: 287px; height: auto; text-align: center; overflow: hidden; z-index: 200; display: none; background-color: #CEE4DC; padding: 11px 5px 11px 5px; }
.photoBoxLarge .pic { width: 275px; max-width: 275px; height: auto; overflow : hidden; cursor: pointer; }
.photoBoxVeryLarge { position: absolute; left: 189px; width: 599px; max-width: 589px; height: auto; text-align: center; overflow: hidden; z-index: 200; display : none; background-color: #CEE4DC; padding: 11px 5px 11px 5px; }
.photoBoxVeryLarge .picLarge { width: auto; max-width: 578px; height: auto; cursor: pointer; }
.photoBoxVeryLarge .pic { width: 275; max-width: 578px; height: auto; overflow : hidden; cursor: pointer; }
.searchImg {border: 1px solid #E0E0E0; }
#trailimageid {font-size: 0.75em;position: absolute;display: none;left: 0px;top: 0px;width: 330px;height: 0px;z-index: 200;}

/**************************************	Newsletter Anmeldung	******************************************/
#recommendFormTitel{background-color:#cdcdcd;border-bottom:1px solid #ffffff;padding:10px;font-weight:bold;font-size:16px;font-family:Verdana;width:400px}
#recommendForm{background-color:#efefef;border-bottom:2px solid #ffffff;padding-bottom:10px;width:400px;}
#title{padding:5px;padding-left:10px;font-size:13px;font-family:Verdana;}
#input{padding:5px;}
.input{padding:2px;width:100px;}
.title_select{width:200px;}
.email_input{padding:2px;width:250px;}
.checkbox{padding:5px;}
#checkbox{font-size:14px;font-family:Verdana;font-weight:200;}
#checkbox_titel{padding:5px;background-color:white;width:440px;font-size:14px;font-family:Verdana;}
#checkbox_t{padding:10px;padding-left:5px;}



    #mediumRectangle {
        padding: 0px;
        padding-left:17px;
        border: 0px;
        margin: 0 0 20px 154px;
        width: 290px;
    }

    *html #mediumRectangle {
        padding: 0px;
        padding-left:17px;        
        border: 0px;
        margin: 0px 0px 20px 154px;
        width: 290px;
    }  
    

/**************************************	Bug Fixes T.E.	******************************************/  
.topDogNote a {font-size:12px}
a {outline:none}
/*Content Images width:100%*/
#rightColContainer .contentItem .csc-textpic-above      {display:inline; float:left;}
#rightColContainer .contentItem .csc-textpic-clear      {padding:10px 0; height:1x; width:420px; clear:none}
/*Content instead of anchors*/
#talcNavAnker .contentItem {padding:12px 11px 0; }
#talcNavAnker .contentItem h3 {padding-bottom:8px}
#talcNavAnker .contentItem li,
#talcNavAnker .contentItem a {font-size:11px}
/**************************************	INDEX PAGE T.E.	******************************************/
#content2cols {margin-top:-20px} 
/*Aktuelle Themen*/
#content2cols_red {width:600px; overflow:hidden;}
#content2cols_red #col1Redaktionsblog {margin:0 0 20px 0;background:#cfe0da; padding:10px 10px 0 10px}
#content2cols_red #col1RedaktionsblogBottom {display:none}	
#content2cols_red #col1RedaktionsblogHeadline{padding-bottom:15px}
#col1RedaktionsblogContent {width:700px; overflow: auto; height:100%;}
#col1RedaktionsblogContent .contentItem {width:280px; height:125px; margin:0 5px 5px 0; float:left; overflow:hidden}
#col1RedaktionsblogContent .contentItem p a {color:#333; font-size:12px;display:block; padding: 10px 0 0 18px; height:16px; clear:both; background:url(../img/ehft_btn_arr_transparent.gif) no-repeat 0 11px;}
#col1RedaktionsblogContent .contentItem h3 {margin-bottom:4px}
/*Videos*/
#rightColContainer #video4Teaser {background: #f1f1f1;width:580px;overflow:hidden; margin-bottom:5px; padding: 5px 10px 0px 10px;height:155px;}
#rightColContainer #video4TeaserHeadline {display:block; height:25px; width: 575px;border-bottom:5px solid #f1f1f1; clear:both;}
#rightColContainer #video4TeaserContent {width:670px;}
#rightColContainer #video4Teaser .thumb_con {width:120px; float:left; margin:0 30px 0 0px}
#rightColContainer #video4Teaser .thumb_con a {display:block; font-weight:normal; height:35px; width:120px; font-size:12px}
#rightColContainer #video4Teaser .thumb_con h3 {height:35px; width:120px; font-weight:normal; text-align:center; position:absolute; margin-top:80px;}
#rightColContainer #video4Teaser .thumb_con:hover h3{background:#d7d7d7; text-decoration:underline}
html #rightColContainer #video4Teaser div.csc-textpic,
html #rightColContainer #video4Teaser div.csc-textpic-center,
html #rightColContainer #video4Teaser div.csc-textpic-above {background:#999; width:120px; height:80px; overflow:hidden}
#rightColContainer #video4TeaserBottom {background: url(images/box_bottom_grey.gif) top left no-repeat;width: 595px;height: 15px; clear:both}
html #rightColContainer #video4Teaser div.csc-textpic-image{padding:0; margin:0; border:none; height:80px;background:none}

