/* Agrana */
/* HOME */
/* --- grid elements --- */
.dividerLine{float:left; width:100%; height:2px; overflow:hidden; background:white;}

#content{width:650px; font-size:0.7em;}

#content .headerBar{float:left; width:100%; padding:4px 0 4px 0;}
#content .headerBar h1{float:left; padding:4px 0 0px 14px; font-size:1.6em;}
#content .headerBar .options{padding:0px 11px 0 0; float:right;}
#content .headerBar .options2{padding:2px 11px 0 0; float:right;}
#content .headerBar .products{float:left;}
#content .headerBar .products label{float:left; padding:3px 11px 0px 12px;}
#content .headerBar .products select{float:left; margin-right:3px;}
#content .headerBar .products input{float:left;}
#content .headerImg{float:left;}

#teaserblock{float:left; width:100%; background:url(/local/images/layout/layout_home_bg.gif);}
#teaserblock .colLeft{float:left; width:456px; margin-bottom:-2px;}
#teaserblock .colRight{float:left; width:180px; padding:9px 5px 0 9px;}
#teaserblock .block{display:inline; float:left; width:226px; border:2px solid white; border-top:none; border-bottom:none; margin-left:-2px; padding:8px 0 8px 0; background:#f3f3f3;}
#teaserblock .block .img{float:left; padding-top:2px; padding-right:8px; padding-bottom:4px;}
#teaserblock .block .text{float:left; width:150px;}
#teaserblock .block .text h2{font-size:1em; padding-bottom:3px;}
#teaserblock .block.blockTwoCols{width:454px; height:100%; margin-bottom:-2px;}
#teaserblock .block.blockTwoCols .text{width:380px;}

#teaserblock .colRight h2{font-size:1em; padding-bottom:3px;}
#teaserblock .colRight ul.news{float:left; width:100%; margin-bottom:12px; list-style:none;}
#teaserblock .colRight ul.news li{float:left; width:100%;}
#teaserblock .colRight .quicklink{float:left; width:100%; margin-bottom:12px;}
#teaserblock .colRight .searchBox{float:left; margin-top:8px; padding-bottom:8px;}
#teaserblock .colRight .searchBox input{float:left;}
#teaserblock .colRight .searchBox #inputSearch{width:150px; margin-right:3px;}

#content a.agranaGroup{display:block; float:left; width:96px; padding:2px 5px 2px 19px; border-right:2px solid white; font-weight:bold; color:white; background:url(/local/images/layout/icon_agranagroup.gif) no-repeat 10px 6px #b2b2b2; }
#content a.agranaGroup:hover{text-decoration:none;}

/* additional elements in .com */

#dotCom #content .headerBarCom{background:#a70303; border-bottom:1px solid white;}    
#dotCom #content .headerBarCom .inCountry{float:left; margin-top:4px;}
#dotCom #content .headerBarCom .inCountry p{float:left; padding:3px 12px 0px 12px; color:white;}
#dotCom #content .headerBarCom .inCountry select{float:left; width:170px; margin-right:12px;}
#dotCom #content .headerBarCom .inCountry input{float:left; margin-top:1px;}    
#dotCom #content .headerBarCom .options a{color:white; background-image:url(/local/images/layout/icon_gt_white.gif);}
#dotCom #content .headerBarCom .submitFormHP{float:left; width:18px; height:18px; margin-top:1px; background:url(/local/images/layout/icon_form_submit.gif);}

    
#dotCom #content a.headTeaser{float:left; position:relative; border-bottom:1px solid white;}
#dotCom #content a.headTeaser:hover{text-decoration:none;}
#dotCom #content a.headTeaser .title{display:block; position:absolute; top:100px; left:10px; font-size:1.6em; width:440px;}
#dotCom #content a.headTeaser img.big{float:left;}
#dotCom #content a.headTeaser img.small{position:absolute; top:20px; left:470px; border:1px solid white;}

#dotCom #teaserblock .blockNoImage{width:204px; padding:8px 11px;}
#dotCom #teaserblock .blockNoImage .text{width:100%;}
#dotCom #teaserblock .blockNoImage .text h2{font-size:1em; padding-bottom:3px;}

#dotCom #teaserblock .blockSmall{width:128px; padding:8px 11px;}

#dotCom #content .links{float:left; display:inline; width:443px; margin:30px 0 30px 11px; list-style:none;}
#dotCom #content .links li{float:left; display:inline; margin-right:11px;}
#dotCom #content .links3Cols li{width:136px;}
#dotCom #content .links2Cols li{width:210px;}

#dotCom #content a.worldmap{float:left; width:194px; height:140px; margin:-9px 0 -8px -9px; background:url(/local/images/layout/home_worldmap.gif);}
#dotCom #content a.worldmap:hover{background:url(/local/images/layout/home_worldmap_hover.gif);}

/* ticker */
#dotCom #stockTicker{float:left; position:relative; overflow:hidden; width:100%; height:17px;}
#dotCom #tickerText{float:left; position:absolute; left:0; top:1px; white-space:nowrap;}