/* @override 
	http://contenido.heydt-korn.de/cms/css/layout.css
	http://dev.heydt-korn.de/css/layout.css
	http://www.heydt.de/css/layout.css
*/

body{
    text-align: center;
    padding: 0 20px;
    background: #F3F3F3 url('../_gfx/bg_body.gif') center 0  repeat-y;
}
#container{
    width: 960px;
    margin:0 auto;
    text-align: left;
    position: relative;
    top: 0; left: 0;
}
#header{
    height: 120px;
}
#logo{
    position: absolute;
    top: 20px; left: 30px;
    width: 168px;
    height: 52px;
    background: url('../_gfx/heydt_logo.gif') no-repeat;
}
#logo a{
    display: block;
    width:  100%; height: 100%;
}
#logo h1{
    display: none;
}

#language{
    position: absolute;
    top: 13px; right: 10px;
	margin: 0; padding: 0;
	list-style-type: none;
	list-style-position:outside;
}
#language li{
	margin: 0; padding: 0 0 8px 10px;
	display: block;
	float: left;
}
#language li.active{
	background: url('../_gfx/arrow_lang.gif') 18px bottom no-repeat;
}

.intro #language{
	right: 63px;
}
#servicenavi{
    position: absolute;
    top: 0; right: 60px;
    width:  200px;
    margin: 16px 10px; padding: 0;

}
#servicenavi ul{
	margin: 0; padding: 0;
    list-style-type: none;
    list-style-position:outside;
    font-size: 0.8em;	
}
#servicenavi li{
    margin:0; padding: 0px 7px;
    display: block;
    float: left;
    line-height: 120%;
	border-right: 1px solid #888;
}
#servicenavi a{
    text-decoration: none;
	color: #888;  
    font-size:  1.2em; 
    display: block;
    padding:  0; margin: 0;
}
#servicenavi li.last{
	border: none;;
}

#metaNavigation{
    margin: 40px 10px; padding: 0;
}
#metaNavigation ul{
	margin: 0; padding: 0;
    list-style-type: none;
    list-style-position:outside;
    font-size: 0.8em;	
}
#metaNavigation li{
    margin:0; padding: 0px 7px;
    display: block;
    float: left;
    line-height: 200%;
	border-right: 1px solid #888;
}
#metaNavigation a{
    text-decoration: none;
	color: #888;  
    font-size:  1.2em; 
    display: block;
    padding:  0; margin: 0;
}
#metaNavigation li.last{
	border: none;;
}






#topnav{
	position: absolute;
	top: 91px; left: 0;
    height:  30px;
}
#topnav ul{
    float: left;
    margin: 0 31px; padding: 0;
    list-style-type: none;
    list-style-position:outside;
    font-size: 1em;
}
#topnav li{
	position: relative;
	top:0; left:0;
    margin:0; padding: 9px 0 22px 0;
    display: block;
    float: left;
    line-height: 120%;
}
#topnav a{
    text-decoration: none;
    color: #888;  
    text-transform: uppercase; 
    font-size:  1em; 
    line-height:  12px;
    display: block;
    padding:  0 8px; margin: 0;
	border-right: 1px solid #888;
}
#topnav a:hover{
	color: #006941;     
}
#topnav li.active{
	background: url('../_gfx/menu_marker.gif') center 29px no-repeat;
}
#topnav .active a{
	font-weight: bold;
    color: #006941;   
}

#topnav ul li.active ul{
	position: absolute;
	top: 26px;
	left: -170px;
	float: none;
	width:  460px;
	z-index:  999;
	border-left: 1px solid #DDD;
}
#topnav ul li.active ul li{
	padding: 0;
	float: left;
	background: #FFF url('../_gfx/bg_menuact.gif') 0 bottom repeat-x;
	border: 1px solid #DDD;
	border-left: 0px;
}
#topnav ul li.active ul li a{
	text-transform: none;
	font-size: 1.1em;
	font-weight:  bold;
	color: #555;
	font-weight: normal; 
   	padding: 5px 9px;
	border-style: none;
}
#topnav ul li.active ul li a:hover{
    color: #006941;  	
}
#topnav ul li.active ul li.active a{
    color: #006941;  
}
#topstripe{
	background: url('../_gfx/bg_stripe.gif') repeat-x;
}

#main{
	background: url('../_gfx/main_shadow.gif') no-repeat;

}
#content{
    clear:both; float:none;
	min-height: 550px;
	height:auto !important;  /* für moderne Browser */	
	height: 550px;
	background-position: 0 15px;
	background-repeat: no-repeat;
}
#content.one-column{
	padding:  10px 60px;
}
/* @group Menü */

/* @group 1. Ebene */

#menu{
    width: 220px;
    float: left;
    background-color: #FFF;
    min-height:  250px;
    height: auto !important;
    height: 250px;    
}
#menu ul{
    padding: 0;
    margin: 50px 0 30px 20px;
    border-top: 1px solid #d4d4d4;
    list-style-type: none;
}
#menu ul ul{
    margin: 0;
}
#menu ul li{
    padding: 0; margin:0;
    display:block;
    width: 99%;
}
#menu ul a{
    color: #999;
    font-weight: bold;
    display:block;
    padding: 1px 10px 0 20px;
    border-bottom: 1px solid #d4d4d4;
    line-height: 28px;
    text-decoration: none;
}
#menu ul .active a{
    color: #50742f;
    background: url('../_gfx/menu_arrow.gif') 8px center  no-repeat;
}
#menu ul a:hover{
}

/* @end */

/* @group 2. Ebene */

#menu ul ul{
    margin-top: -1px;
    padding-bottom: 3px;
    border: none;
    border-bottom: 1px solid #CCC;
    background: #FFF url('../_gfx/menu_shadow.gif') bottom left no-repeat;
}
#menu ul li{
    width: 99%;
}


#menu ul .active ul a{
    color: #777;
    font-size: 1em;
    font-weight: bold;
    padding: 0 10px 0 29px;
    
    line-height: 22px;
    font-weight: normal;
    background: none;
    border: none;
}
#menu ul ul .active a{
    color: #50742f;
    background: url('../_gfx/ul-pfeil-green.gif') 15px center no-repeat; 
}
#menu ul ul a:hover{
    background-color: #F5F5F5;
}

/* @end */
/* @end */

.clear{
    clear:both;
    float:none;
}

.left{
	float: left;
	width:  385px;
	padding-left: 60px;
}
.right{
	float: right;
	width:  385px;
	padding-left: 60px;
	padding-top:  25px;
}
.right.top{
	padding-top:  115px;
}


#leftpan{
	float: left;
	width:  385px;
	padding-left: 60px;
}
#rightpan{
	float: left;
	width:  225px;
	margin-left: 260px;
	padding-top:  115px;
}
.galerie #rightpan{
	float: left;
	width:  415px;
	margin-left: 60px;
	padding-top:  115px;
}

#fullrightpan{
	float: left;
	width:  385px;
	margin-left: 70px;
	margin-left: 50px;
	padding-top:  117px;
}
#fullrightpan h2, #fullrightpan h1{
	margin-top: 0;
}
#content .newsitem{
    border-bottom: 1px solid #EEE;
    border-left: 1px solid #309D25;
    margin-bottom: 0.5em;
    padding-top: 0.5em; 
    padding-bottom: 0.5em;
    padding-left: 0.8em;
}   
#content .newsitem a{
    text-decoration: none;
    font-size: 0.9em;
}
#content .newsitem a:hover{
    text-decoration: underline;
}
#content .newsimg_left{
    float: left;
}
#content .newsimg_left img{
    margin-right: 10px;
}
#content .newsitem h3{
    color: #000000;
}   

#content .newsimg_right{
    float: right;
}
#content .newsimg_right img{
    margin-left: 10px;
}
#footer{
    font-size:0.8em;
    background-color: #FFF;
    padding:  30px 20px 20px 20px;
    
}
#footer a{
    color:#000;
}
#sitemap a{
    color: #000;
    text-decoration: none;
}
#sitemap .level1{
    font-size: 1.1em;
    font-weight:bold;
    color:  #50742f;
}
#sitemap .level2{
    font-size: 1em;
    font-weight:normal;
}
#sitemap .level3{
    font-size: 0.8em;
    font-weight:normal;
}

.leftpan{
    width: 280px;
    float: left;
    margin-right: 40px;
}
.rightpan{
    width: 320px;
    float: left;
}
.teaser {
    width: 280px;
    height: 50px;
    background: #FFF url('../_gfx/menu_shadow.gif') bottom right repeat-x;
    margin-top: 10px;
}
.teaser img {
    float: left;
    margin-right: 10px;
}
.teaser a img {
    border: none;
}
.teaser h1{
    margin: 0;
    padding: 10px 0 0 0;
}
.teaser h1 a {
    text-decoration: none;
    font-size: 0.6em;
    color: #98C000;
    line-height: 100%;
}
.teaser p {
    color: #50742F;
    font-size: 0.8em;
    margin: 0; padding: 0;
}

.gHead{
	margin-top: 50px;
}

.gHeadProducts{
	margin-top: 203px;
}

.gHeadProducts h1{
	margin-top:0;
}
h1 span{
	display: none;
}

/* @group Artikelliste */

.artikelliste{
	padding: 0 60px;
}
.artikelliste .artikelbild{
	float: left;
	width:  125px;
	padding: 0 50px;
}
.artikelliste .artikelteaser{
	float: left;
	width:  380px;
}
.artikelliste a{
	text-decoration: none;
}
.artikelliste h2{
	margin-bottom: 0.5em;
}

/* @end */



/* @group HomeArtikelliste */

.homeartikelliste{
	padding: 0 60px;
}
.homeartikelliste .artikelbild{
	float: left;
	width:  125px;
	padding: 0 50px;
}
.homeartikelliste .artikelteaser{
	float: left;
	width: 300px;
}
.homeartikelliste a{
	text-decoration: none;
}
.homeartikelliste h2{
	margin-bottom: 0.3em;
	font-size: 1.2em;
}
.homeartikelliste h3{
	margin-bottom: 0.3em;
	font-size: 1.6em;
}
.homeartikelliste .artikel{
	background: url('../_gfx/shadow700.gif') center bottom no-repeat;
	padding-bottom: 10px;
	width: 300px;
	margin-bottom: 10px;
}

/* @end */

/* @group shop */
#shop{
	margin: 0 40px;
}
.shoparticle{
	width: 165px;
	height: 200px;
	float: left;
	padding: 7px;
	border: 1px solid #CCC;
	margin-bottom: 9px;
	margin-right: 9px;
}
.shoparticle img{
	width: 165px;

}
.artikel{
	background: url('../_gfx/shadow700.gif') center bottom no-repeat;
	padding-bottom: 40px;
}
/* @end */

/* @group shop1860er */
#shop.shop1860er{
	margin: 0 0;
}
#shop.shop1860er .shoparticle{
	width: 220px;
	height: 320px;
	float: left;
	padding: 7px;
	border: 1px solid #CCC;
	margin-bottom: 9px;
	margin-right: 9px;
}
#shop.shop1860er .shoparticle img{
	width: 220px;
	height: 220px;
}
#shop.shop1860er .shoparticle strong{
	font-size: 1.4em;
	color: #333;
	margin-top: 10px;
	margin-bottom: -10px;
	display: block;
}
#shop.shop1860er .artikel{
	background: url('../_gfx/shadow700.gif') center bottom no-repeat;
	padding-bottom: 40px;
}
#container.idart85 ul.subNavigation,
#container.page86 ul.subNavigation{
	display: none;
}
/* @end */

/* @group sitemap */

.sitemapext_cat_0 li{
    float:none;
    clear: both;
}
.sitemapext_cat_0 ul li{
    float:Left;
    clear: none;
}
.sitemapext_cat_0 a{
    text-decoration: none;
    color: #000;
    font-weight: Bold;
}
.sitemapext_cat_0 ul a{
    font-weight: normal;
}
.sitemapext_art_0, .sitemapext_cat_1 {
    margin: 0;
    padding: 0;
}

#sitemap ul{
    list-style-type: none;
    padding: 0px 15px;
    margin: 0;
}
#sitemap li{
    padding: 0 10px;
    background: url('../_gfx/menu_arrow_sub_red.gif') 0px 6px no-repeat;
}
.links ul{
    list-style-type: none;
    padding: 0px 0px;
    margin: 0;
}
.links li{
    padding: 0 10px;
    background: url('../_gfx/menu_arrow_sub_red.gif') 0px 7px no-repeat;
}

/* @end */

.download .downloaditem{
	width: 140px;
	float: left;
	margin-right:  20px;
	margin-bottom:  20px;
	border:  1px solid #CCC;
	padding:  8px;
}
.download .downloaditem img{
	border:  1px solid #DDD;
}
.download h4{
	margin: 0.5em 0 0 0;
	text-transform: none;
}
.download a{
	text-decoration: none;
}
.download p.filesize{
	margin: 0;
	padding: 0;
	font-size: 0.9em
}
table.links {
	margin: 0;
	padding: 0;
}
table.links td, table.links td{
	padding: 8px;
}
table.links th{
	padding-top: 20px;
	padding-right: 20px;
}

.kennzeichen {
	width: 128px;
	height:  35px;
	float: left;
	background: url(../_gfx/bg_kennzeichen.gif) no-repeat;
	color: #000;
	font-weight: bold;
	font-size: 16px;
}

.page62 #main #leftpan{
	width: 520px;
}
.page62 #main #rightpan{
	margin-left:  70px;
}
.kennzeichen span {
	display: block;
	float: left;
	line-height:  20px;
	padding: 6px 0;
}
.kennzeichen .lk{
	width:  40px;
	padding-left:  15px;
}
.kennzeichen .kfz{
	padding-left: 5px;
	padding-right:  0;
}
.teaser{
	position: absolute;
	top: 650px;
	left: 80px;
	width: 320px;
	height: 190px;
}
#badge{
	position: absolute;
	top: 40px; right: -30px;
	width: 100px;
	height: 152px;
	z-index: 999;
}
.downloadhinweis {
	position: absolute;
	top: 315px; left: 0px;
	padding-top: 6px;
	width: 960px;
	background-color: #FFF;
	height: 19px;
	z-index: 998;
	text-align: center;
}
.downloadhinweis h5{
	font-size: 1.0em;
}
.plzsuche {
	margin-top: 25px;
}
.plzsuche h3 {
	font-size: 1.1em;
}
.plzsuche form{
	margin-top: 20px;
}
.umkreis{
	padding: 0;
}
.umkreis li{
	list-style: none;
	border: 1px solid #CCC;
	margin-bottom: 5px;
	padding: 5px;
	position: relative;
	top: 0; left: 0;
}
.umkreis li h3{
	font-size: 1.2em;
	width: 250px;
}
.umkreis li b{
	display: none;
	position: absolute;
	top: 5px;
	right: 5px;
	font-size: 0.9em;
}