/*
	Anselment
 	css/styles.css		2012-04-19	(c) e.sens.e GmbH
*/

html { overflow-y: scroll; }

body
{
	margin:			0px;
	color:			#0f0f0f;
	background-color:	#4a4f53;
	font-family:		sans-serif;
	font-size:		12px;
	text-align:		left;
	line-height:		125%;
}

form
{
	display:		inline;		/* IE */
}

img
{
	border-style:		none;
}

ul
{
	list-style-type:	square;
}

ul li
{
}

a:link,
a:visited
{
	color:			#333;
}

a:hover,
a:active
{
	color:			#660000;
}

.float_left
{
	clear:			left;
	float:			left;
}

.float_right
{
	clear:			right;
	float:			right;
}

.align_left
{
	text-align:		left;
}

.align_right
{
	text-align:		right;
}

.align_center
{
	text-align:		center;
}

.align_justify
{
	text-align:		justify;
}

.allcaps
{
	text-transform:	uppercase;
}

div#centered
{
	width:			984px;
	margin-left:    auto;
	margin-right:   auto;
	margin-top:	    40px;
    margin-bottom:  40px;
    background:     white;
    overflow:       hidden;
    background:     #dddddd url('../img/main_bg2.jpg') 0px 139px repeat-x;
}

div#header
{
	background:		white url('../img/deco.jpg') top right no-repeat;
    xbackground: white;
	height:			139px;
    position: relative;
}

div#header h1
{
    text-indent:    -10000px;
    float: left;
}

div#deco,
div#deco2
{
	background-position:		top right;
    background-repeat:          no-repeat;
    position: absolute;
    width:          984px;
	height:			139px;
}

div#deco2
{
    z-index: 3;
}

div#logo
{
	xfloat:			left;
    position: absolute;
    z-index: 50;
    margin-left:	34px;
	margin-top:		20px;
}

div#logo img
{
	float:			left;
}

ul#nav
{
	float:			left;
    margin:         25px 0 0 34px;
	padding:		0px;
    padding-left:   20px;
	list-style-type:	none;
	width: 			804px;
    background:     #dddddd;
    border-bottom:  1px solid white;
}

ul#nav li
{
	float:			left;
	list-style: 	none;
	padding:		2px 14px 0 14px;
    padding:        0px;
	margin:		    0px;
    margin-right:   8px;
}

ul#nav li a:link,
ul#nav li a:visited
{

    display:		block;
	height:			27px;
	padding-left:		14px;
	padding-right:		24px;
	color:			    #333;
	background-image:	url("../img/pfeil.gif");
	background-position:	92% 10px;
	background-repeat:	no-repeat;
	text-decoration:	none;
	text-align:         center;
	line-height: 		26px;
    font:               bold 11px/26px Verdana,sans-serif;
	white-space:        nowrap;
}

ul#nav li a:hover,
ul#nav li a:active
{
	text-decoration:	none;
	white-space:        nowrap;
    background-image:	url("../img/pfeil2.gif");
}

ul#nav li.current a:link,
ul#nav li.current a:visited,
ul#nav li.current a:hover,
ul#nav li.current a:active
{
	border-bottom:      1px solid #660000; 
	xbackground-image:	none;
}


/*----------------------------------------------------------------------------*/
ul#nav li.current ul,
ul#nav li ul li
{
    xmargin:                     0px;
    xpadding:                    0px;
    xlist-style-type:            none;
}

ul#nav li.current ul li a:link,
ul#nav li.current ul li a:visited
{
    xwidth:                      140px;
    xpadding-left:               42px;
    xpadding-top:                4px;
    xpadding-bottom:             4px;
    xbackground:                 transparent url('../img/subbullet.gif') no-repeat 25px 9px;
    xfont-size:                  11px;
    border: none;
}

ul#nav li.current ul li a:hover,
ul#nav li.current ul li a:active
{
    xbackground-color:           #ededed;
    xtext-decoration:            none;
     border: none;
}

ul#nav li.current ul li.current a:link,
ul#nav li.current ul li.current a:visited,
ul#nav li.current ul li.current a:hover,
ul#nav li.current ul li.current a:active
{
    xcolor:                      #bd1a1f;
    xfont-weight:                bold;
    xbackground-color:           #ffffff;
}

ul#nav li.current ul li.current ul li a:link,
ul#nav li.current ul li.current ul li a:visited
{
    xbackground:                 transparent url('../img/subsubbullet.gif') no-repeat 42px 9px;
    xwidth:                      130px;
    xpadding-left:               59px;
   xcolor:                      #1d3630;
}

ul#nav li.current ul li.current ul li a:hover,
ul#nav li.current ul li.current ul li a:active
{
    xbackground-color:           #ededed;
}

ul#nav li.current ul li.current ul li.current a:link,
ul#nav li.current ul li.current ul li.current a:visited,
ul#nav li.current ul li.urrent ul li.current a:hover,
ul#nav li.current ul li.current ul li.current a:active
{
   xcolor:                      #bd1a1f;
   xbackground:                 transparent url('../img/subbullet.gif') no-repeat 42px 9px;
     
}


/*----------------------------------------------------------------------------*/


ul#social
{
	float:			    left;
	margin:			    0px;
    margin-top:         25px;
    height:             28px;
    padding:            0;
    background:         #dddddd;
    border-bottom:      1px solid white;
}

ul#social li
{
	float:			    left;
	list-style: 	    none;
	padding:			2px 0px 0px;
}

div#main
{
	float:				left;
    width:              100%;
}


div#rightpanewrapperintro
{
	float:			    right;
	width:			    244px;
	height: 		    354px;
    margin:             27px 24px 0 7px;
	background: 	    transparent url("../img/rightpane_bg.png") top left no-repeat;
}

div#rightpanewrapper
{
    float:			    right;
	width:			    506px;
	height: 		    354px;
    margin:             27px 12px 0 7px;
	background: 	    transparent url("../img/rightpane_2_bg.png") 80px 0px no-repeat;
}

div#rightpanewrapperintro div#rightpane
{
	height:			    290px;
	width:			    260px;
}

div#rightpanewrapper div#rightpane
{
	height:			    100%;
	width:			    100%;
}

dl#news
{
    border:             1px solid #333;
    width:              200px;
    height:             300px;
    margin:             20px 0 0 17px;
}

dl#news dt 
{
    background-color:   #cccccc;
    border-bottom:      1px solid #333;
    padding:            4px 2px 2px 4px;
}

dl#news dt.active
{
    background-color:   #A80231;
    color: white;
}

dl#news dd
{
    margin:             0;
    height: 223px;
    padding:            4px 2px 2px 4px;
    overflow: hidden;
    background: white;
}

dl#news dt.selected
{
}

div#contentwrapper
{
	float:			    left;
	width:			    430px;
	height: 		    354px;
    margin:             27px 0 0 27px;
	background: 	    transparent url("../img/content_3_bg.png") top left no-repeat;
}

div#contentwrapperintro
{
	float:			    left;
	width:			    680px;
	height: 		    354px;
    margin:             27px 0 0 27px;
	background: 	    transparent url("../img/content_bg.png") top left no-repeat;
}

div#content
{
    margin:             6px 17px 0 0;
    padding:		    20px 20px 20px 30px;
    overflow-y:		    scroll;
    height:             290px;
    position:           relative;
}

div#content h2
{
	color:              #660000;
    margin:			    0px;
	margin-bottom:		10px;
	padding:		    0px;
	font-size:		    14px;
	font-weight:		bold;
}

div#content h3
{
	color:              #660000;
    margin:			    0px;
	margin-bottom:		20px;
	padding:		    0px;
	font-size:		    14px;
	font-weight:		bold;
}

div#imagewrapper
{
    float:              right;
    width:              66px;
    height: 		    348px;
    background:         red;
    margin:             33px 0 0 0px;
}


/******************************************************************************
* Textblock
******************************************************************************/


div.textblock
{
	margin-bottom:		15px;
	font-size:		    12px;
	line-height:        1.5em;
	width:              100%;
}

div.textblock-first {
}

div.textblock ul {
	margin-bottom:      0; 
}

div.textblock img,
div.textblock_textcol_odd img
{

}

div.textblock_news
{
    border-bottom: 1px solid grey;
    clear: both;
}

div.textblock_textcol
{
    clear:                      both;
    float:                      left;
    width:                      268px;
    border: 0px solid blue;
}

div.textblock_textcol_odd
{
    clear:                      none;
    float:                      right;
    margin:                     0 0 0 15px;
    width:                      308px;
    border: 0px solid red;
}

div.textblock_textcol_even
{
 clear:                          none;
 margin-left: 5px;
}

div.textblock_textcol h3
{
  
}

div.textblock_textcol strong.textblock_subline
{
}

div.textblock_semipremium_even,
div.textblock_semipremium_odd
{
	margin-top:               12px;
	padding-top:              18px;
	border-top: 		      1px solid #cbd2ba;
}

div#siegel
{
    display: none;
    position: absolute;
  right: 36%;
    top: 50%;
}

div#footer
{
	float:              left;
    height:             42px;
    width:              100%;
    padding-right:		20px;
	padding-top:		5px;
	padding-bottom:		5px;
	color:			    #fff;
    background:         #5b5b5b;
    font-weight:        bold;
}

div#footer hr
{
	display:		    none;
}

div#footer a:link,
div#footer a:visited
{
	color:			    #fff;
	text-decoration:	none;
	text-transform:		uppercase;

}

div#footer a:hover,
div#footer a:active
{
	text-decoration:	underline;
}

div#footer .right
{
        float:          right;
        margin:         15px 30px 0 0;
}

div#footer  a
{
        float:          left;
        margin:         15px 0 0 34px;
}

div.tabs {
    float:              left;
    margin-top:         6px;
    padding:            0px;
    width:              66px;
    height: 		    348px;
}

a#contenttab0 {
} 

a.selectedTab, 
a.tab, a.tab:link, a.tab:visited, a.tab:active, a.tab:hover {
   margin-bottom: 5px;
}

div#content0,
div#content1,
div#content2,
div#content3,
div#content4,
div#content5,
div#content6 
{
    display:            none;
    float:              right;
    width:			    418px;
    margin-top:         6px; 
}

div#content0
{
    display:            block;
}
/*	
ul#nav {
	display: inline-block;
}

ul#nav li {
	position: relative;
	z-index: 1000;
}*/

ul#nav li a {
	/* HOVER OFF */
	x-moz-transition: all 0.5s;
	x-webkit-transition: all 0.5s;
}

ul#nav li:not(.selected):hover > a {
	background-color:   #660000;
    background-image:	url("../img/pfeil2.gif");
	color: #fff;
	
	/* HOVER ON */
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
/*

ul#nav li.selected a {
	xcolor: #f60;
}
*/
ul#nav li ul li ul,
ul#nav li ul {
	width:              auto;
	position:           absolute;
	padding:            0;
	margin:	            0;
}

ul#nav li ul li {
	box-shadow:         none;
	float:              none;
	height:             0;
	overflow:           hidden;
	position:           relative;
    z-index:            1000;
	margin:             0px;
	-moz-animation-duration: .05s;
	-moz-animation-name: hideMenu;
	-moz-animation-timing-function: ease-out;
}

ul#nav li ul li#nav_kachelofen ul {
    margin-top: -27px;
    margin-left:110px;
}

ul#nav li#nav_accessoires ul li ul {
    margin-top: -27px;
    margin-left:188px;
}

ul#nav li ul li ul li {
    xheight:             0px;
    xoverflow:           none;
    xz-index:            1001;
}

ul#nav li ul li a{
	background-color: #dddddd;;
    background-image: none !important;
}

/*nav > ul li:hover ul li*/
ul#nav li:hover ul li 
 {
	height: 27px;
	text-align: left;
	-moz-animation: showMenu 0.5s ease-out;
	-webkit-animation: showMenu 0.5s ease-out;
}

ul#nav li:hover ul li:last-child
{

}

/*----------------------------------------------------------------------------*/
ul#nav li ul li#nav_kachelofen:hover,
ul#nav li ul li#nav_aussergewoehnlich:hover,
ul#nav li ul li:hover ul li
 {
	height: 27px !important;
	text-align: left !important;
    overflow:          visible;
    -moz-animation: showMenu 0.5s ease-out;
	-webkit-animation: showMenu 0.5s ease-out;
}

/*----------------------------------------------------------------------------*/

@-moz-keyframes showMenu {
    0% {
        height: 0;
    }
    100% {
        height: 27px;
    }
}
@-moz-keyframes hideMenu {
    0% {
        height: 27px
    }
    100% {
        height: 0;
    }
}
@-webkit-keyframes showMenu {
    0% {
        height: 0;
    }
    100% {
        height: 27px;
    }
}
@-webkit-keyframes hideMenu {
    0% {
        height: 27px
    }
    100% {
        height: 0;
    }
}