/************************************************
    style.css
*************************************************

    1.0 GLOBALS 
    2.0 LAYOUT 
      2.1 header 
      2.2 main 
      2.3 footer
    3.0 NAVIGATION
      3.1 hilfsnav
      3.2 mainnav
      3.3 subnav
    4.0 CONTENT
      4.1 headings  
      4.2 text 
      4.3 hyperlinks  
      4.4 lists
      4.5 table
      4.6 images
	 4.7. comments
    5.0 FORMS
    6.0 EXTRAS
      6.1 teaser    
    7.0 PRINT
    8.0 CLEARING

************************************************/

/************************************************
    GLOBALS
************************************************/
@media handheld, screen {

* {
    border: 0;
    margin: 0;
    padding: 0;
}

/* IE6 - Italic Bug Fix */
* html body * { overflow:visible }
* html iframe, * html frame { overflow:auto }
* html frameset { overflow:hidden }


html, body {
	padding: 0;
	margin: 0;
   	height:100%;
 	font-size: 101%;	
}


body {
	background:#f8b45a url(../images/corporate/bg_body.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	position:relative;
	font-size: 12px;	
	color: #707173;
    overflow: -moz-scrollbars-vertical;
    overflow-x: auto;	
}

div { outline: 0 none; } /* Safari */

} /* end: @media handheld, screen */

/************************************************
    LAYOUT
************************************************/
@media handheld, screen {

#wrapper {
	width: 100%;
	background:url(../images/corporate/bg_header.gif) repeat-x;
	overflow:hidden;	
}

/**** header ****/
#header {
	width: 960px;
	margin: 0 auto 0 auto;
	position:relative;
	z-index:1;	
}

#header div.inside {

}

/* Custom (unter Header) */
.custom {
	padding: 0 16px 0 19px;
	margin: 0 auto;
	background-image: url(../images/corporate/bg_custom.png);	
	background-repeat: repeat-y;	
}

/**** logo ****/
#header #logo {
	width: 234px;
	height: 131px;
	position: absolute;
	z-index: 10;
	padding: 39px 0 0 230px;
}

#header #helpernav {

}

#headerAddon {
	width: 960px;
	margin:0 auto;
	padding-top:109px;	
}

#headerAddon .mod_pageImage {
	width: 608px;
	height: 307px;	
	float: left;
}

#headerAddon #slogan {
	width: 608px;
	height: 46px;
	background-image:url(../images/corporate/bg_slogan.png);
	background-repeat: no-repeat;	
	position: absolute;
	top: 261px;
	left: 189px;
}

#headerAddon #slogan .inside {
	color: #FFFFFF;
	font-weight: bold;
	padding: 21px 0 0 33px;	
}

/* navigation */
#navigation {
	height: 86px;	
	background: #C01120;
}

/**** container  ****/
#container {
	width: 960px;
	padding: 0;
	margin: 0 auto;	
	
	min-height:300px;
	height:auto !important;  /* für moderne Browser */
	height:300px;  /*für den IE */	
	
	background-image: url(../images/corporate/bg_container.gif);
	background-repeat: repeat-y;
	background-position: 190px 0px;
}

/**** main  ****/
#container #main {
	width: 606px;
	margin: 0 0 0 190px;
}

#main div.inside {
	padding: 26px 31px 26px 31px;	
}

/**** footer ****/
#footer {	
	height: 28px;
	padding: 0 0 20px 190px;	
	width:770px;
	margin:0 auto;	
}

#footer .inside {
	color: #FFFFFF;
	font-weight: bold;	
	text-align: center;
	display:block;
	background: #de2a26;
	padding:7px 0 0 0;
	height:21px;
	width: 608px;
}

#footer div#adresse {

	padding: 31px 0 0 21px;
	font-size: 12px;
}

/* news */

.mod_newslist{
margin:0 0 10px 0;
}

.block {
overflow:hidden;
}

.layout_latest {
border-bottom:1px solid #5f5c59;
margin:1px 0 8px 0px;
padding: 2px 0 10px 0;
}

.last {
	border: none;	
}

.mod_newslist .image_container {
float:left;
width: 220px;
overflow: hidden;
border: 1px solid #575451;
}

.layout_latest img {
float:left;
padding:0 0 14px;
}

#main .layout_latest .teaser {
padding:0;
}

#main .float_right {
	margin: 0 0 0 16px;
}

#main .image_container img {
	padding: 0;	
}


body.geschenkartikel .ce_image {
	width: 135px;
	float: left;
	margin-bottom: 18px;		
}

body.geschenkartikel .divider {
	clear: left;
}

body.geschenkartikel .caption {
	text-align: center;	
}


#main .mod_newslist h2,
#main .mod_newslist .teaser {
	margin: 0 0 0 235px;
}

#main .mod_newslist .teaser a,
#main .mod_newslist .teaser a:visited,
#main .mod_newslist .teaser a:active {
	color:#FFFFFF;
	text-decoration: underline;
}

#main .mod_newslist .teaser a:hover {
	color:#9ab717;
	text-decoration: underline;
}

#main .layout_latest span.more {
padding: 0 0 0 12px;	
}

#main .layout_latest span.more a,
#main .layout_latest span.more a:visited,
#main .layout_latest span.more a:active {
	color:#9ab717;
	text-decoration: none;
}

#main .layout_latest span.more a:hover {
	color: #FFFFFF;
	text-decoration: underline;	
}



#news-details .image_container {
	float: left;	
}

/*** DIVIDER */
#main .divider {
	height: 1px;
	border-bottom: 1px dashed #707173;	
	margin: 0 0 18px 0;
}

/**** GALERIE ****/


/* KONTAKTFORM */
#main label {
	float: left;
	width: 125px;
	margin-bottom: 10px;
}
#main #tl_login label {
	width: auto;
}


#main form span {
	clear: both;
}

#main form span label {
	width: 40px;
}

#main input.radio {
	float: left;
	margin-right: 5px;
}

*+html #main .radio_container { /*IE7-Hack */
	float: left;
	margin-bottom: 10px;
}

#main input.text {
	font-size: 12px;
	padding: 2px;
	margin-bottom: 10px;
	width: 300px;
	background-image:url(../images/corporate/bg_input_kontaktformular.png);
	background-repeat: no-repeat;	
}
#main input.error, #main textarea.error, #main .radio_container.error {
	margin-left: 100px;
}

#main .mod_personalData input.confirm.error {
	margin-left: 0;
}

#main .mod_personalData #ctrl_website, #main .mod_personalData #ctrl_password_confirm {
	margin-bottom: 30px;
}


#main select.select {
	margin-bottom: 10px;
	width: 300px;
}

#main textarea {
	border: 1px solid #CCCCCC;
	padding: 2px;
	margin-bottom: 10px;
	width: 300px;
	height: 130px;
	font-size: 12px;	
	font-family: Arial, Helvetica, sans-serif;
}

#main p.error {
	color: #990000;
}

.submit_container {
	padding: 10px 0 0 120px;
}
.upload #main .submit_container {
	padding-left: 0;
}

#main input.submit {
	color: #FFFFFF;
	float: left;
	margin: 0 5px;
	padding: 4px 6px;
	text-align: center;
	text-decoration: none;
	width: 150px;
	background: #de2a26;
	font-size: 12px;
	font-weight: bold;
	height: 24px!important;
}
#kontaktformular .ce_form br, #kontaktformular-de .ce_form br {
	clear: both;
}

.upload #main input.submit {
	margin-left: 0;
}




} /* end: @media handheld, screen */
/************************************************
    NAVIGATION
************************************************/
@media handheld, screen {

/**** hilfsnav ****/
#header div.mod_customnav ul {	
	position: absolute;
	top: 136px;
	right: 20px;
	list-style: none;
	width: auto;
	padding: 0;
	margin: 0;
	display: inline;
}

#header div.mod_customnav ul li {
	margin: 0 0 0 8px;
	padding: 0;	
	text-align: left;
	float: left;
}

#header div.mod_customnav ul li a,
#header div.mod_customnav ul li a:active, 
#header div.mod_customnav ul li a:visited,
#header div.mod_customnav ul li span {
	color: #58585a;	
	text-decoration: none;
	font-size: 12px;
}

#header div.mod_customnav ul li a:hover,
#header div.mod_customnav ul li a.active,
#header div.mod_customnav ul li span {
	text-decoration: underline;	
}


/**** mainnav ****/
div.mod_navigation {
	margin: 68px 0 0 0;
	width: 189px;
	float: left;
}

div.mod_navigation ul {	
	list-style: none;
	width: 155px;
	padding: 0;
	margin: 0px 0 0 0x;
}

div.mod_navigation ul li {
	margin: 0;
	padding: 0;	
	text-align: right;
	margin: 0 0 4px 0;
	display: block;
}

div.mod_navigation ul li a,
div.mod_navigation ul li a:active, 
div.mod_navigation ul li a:visited,
div.mod_navigation ul li span {
	display: block;
	color: #FFFFFF;	
	text-decoration: none;
	font-weight: bold;
	padding: 0 20px 0 0;
}
* html div.mod_navigation ul li a,
* html div.mod_navigation ul li span {
	display:inline-block;
}


div.mod_navigation ul li a:hover,
div.mod_navigation ul li a.trail,
div.mod_navigation ul li span {
	background-image: url(../images/corporate/rollover_mainnav.gif);
	background-repeat: no-repeat;
	background-position: 143px 3px;
}

/* submenu */
div.mod_navigation ul li ul {
	display: none;	
}

div.mod_navigation ul li.active ul,
div.mod_navigation ul li.trail ul {
	display: block;	
}

div.mod_navigation ul li ul {
	position: absolute;
	z-index: 10;
	height: 20px;
	left: 4px;
	top: 52px;
}

div.mod_navigation ul li ul li a,
div.mod_navigation ul li ul li a:active, 
div.mod_navigation ul li ul li a:visited,
div.mod_navigation ul li ul li span {
	display: block;
	color: #FFFFFF;	
	text-decoration: none;
	font-weight: bold;
	border-right: 1px solid #FFFFFF;
	border-left: none;
	padding: 0 6px 0 6px!important;
}

div.mod_navigation ul li ul a:hover,
div.mod_navigation ul li ul a.trail,
div.mod_navigation ul li ul span {
	background: none;
	text-decoration: underline!important;
}

div.mod_navigation ul li ul a.last,
div.mod_navigation ul li ul a.last:active,
div.mod_navigation ul li ul span.last {
	border-right: none!important;
}


/**** supportnav ****/
#navigationSupport {
		
}

#navigationSupport ul {
	position: absolute;
	top: 88px;
	right: 20px;
	list-style: none;
	width: auto;
	padding: 0;
	margin: 0;
}

#navigationSupport ul li {
	float: left;	
}


/*** products nav (right) ***/
#products_right ul {
	margin: 20px 0 0 40px;	
}

#products_right ul li {
	width: 130px;
	float: left;	
	list-style-type: none;
	list-style: none;
	margin: 0 0 6px 0;
}



/*** sitemap ***/
#sitemap ul li a,
#sitemap ul li a:visited,
#sitemap ul li a:active {
	color: #58585A;
	text-decoration: none;
}

#sitemap ul li a:hover {
	color: #000000;!important;
}
 
} /* end: screen, handheld */
/************************************************
    CONTENT
************************************************/
@media handheld, screen {

/**** headings ****/
h1, h2, h3, h4, h5, h6 {

}

h1 {
	font-size: 16px;
	font-weight: bold;
	color: #DE2A26;
	margin: 0 0 12px 0;
}

h2  {
	font-size: 12px;
	margin: 0 0 12px 0;
	font-weight: bold;
}

h3  {
	font-size: 12px;
	margin: 0;
	font-weight: bold;
}

.unternehmen h2 {
	font-size: 12px;	
}

.adresse h2 {
	margin: 0 0 18px 0!important;
}

#right h2 {
	text-transform: uppercase;	
	color: #FFFFFF;
	font-weight: bold;
	padding: 22px 0 0px 40px;
}

#news-details h1 {
	margin: 0;	
}

/**** text ****/
#main p {	
	font-size: 12px;
	line-height: 17px;	
	margin: 0 0 18px 0;
}
#main ul {
	list-style: square;
	margin: 0 0 18px 0;
}

#main ul li {
	font-size: 12px;
	line-height: 18px;	
	margin: 0 0 0 16px;
	padding: 0;
}
#main p.back {
	text-align: right;	
}
#main p.info {
margin: 0;	
font-size: 11px;
font-style: italic;
}

#news-details p.info {
margin: 0 0 18px 0;	
}


#footer {
		
}


div.adresse {
	background-image: url(../images/corporate/bg_kasten_adresse.jpg);
	background-repeat: no-repeat;
	padding: 20px;
	border: 1px solid #31302f;	
	margin: 0 0 12px 0;
}

#main table td p {
	margin: 0;	
}

#main table {
	margin: 0 0 12px 0;	
}

/**** hyperlinks ****/
a,
a:visited,
a:active {
	margin: 0;
	padding: 0;	
	color: #707173;
}

a:hover {

}

#right a, 
#right a:visited,
#right a:active {
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}

#right span {
	
}

#right a:hover,
#right span.active {
	color: #C01120;
}

#right a img {
	display: block;
}

#footer a,
#footer a:visited,
#footer a:active {
	text-decoration: none;
}

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

h2 a {
	color: #FFFFFF;	
	text-decoration: none;
}

/**** table ****/

/**** images ****/
img.socialLogo {
	margin: 0 12px 0 0;	
}
 
/*** comments ***/
#main div.ce_comments p.info {
	color: #B1C669; /* #5b5a4a; */
	font-style: italic;
}

#main div.ce_comments span.date {
	color: #CCCCCC;
	font-style: normal;
}

#main div.form input.text, #main div.form input.mandatory {
	font-family: Georgia, "Times New Roman", Times, serif;
	background: #eeeeee;
	background-image: none;
	border: none;
	width: 500px;
	height: 20px;
	padding: 2px 2px 2px 2px;
	font-size: 11px;
	margin: 0 0 15px 0;
}

#main div.form div.widget {
	left: 10px;
	width: 700px;
	text-align: left;
	vertical-align: top;
	display: block;
}

} /* end: @media handheld, screen */
/************************************************
    EXTRAS
************************************************/
@media handheld, screen {



 
} /* end: @media handheld, screen */
/************************************************
    FORMS
************************************************/
@media handheld, screen {
	
input {
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #cccccc;
	width: 181px;
	height: 20px;
	padding: 2px 2px 2px 2px;
	font-size: 11px;
	margin: 0 0 10px 0;
}

input#ctrl_2_submit {
	background: none;
	background-image:url(../images/corporate/button_suche.png);
	background-repeat: none;	
	width: 64px;
	height: 19px;
	margin: 0 0 0 120px;
}

} /* end: @media handheld, screen */
/************************************************
    PRINT
************************************************/
@media print {


.mod_navigation,
#navigationSupport,
#helpernav,
#right,
.noprint,
#inside img[alt="HomebaseSauerland - Zukunft seit 1266"],
#footer,
#logo,
.pdf_link,
.ce_comments .form { 
	display:none; 
}

body {
    font-size:11pt;
    text-align:left;
    color:#000;
    font-family: Verdana, Georgia, "Times New Roman", Times, serif;	
}

#logo { padding:0 0 30pt 0; border:0; }
 
/**** headings ****/
h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, Verdana, "Times New Roman", Times, serif;		
}

h1 {
    font-size:158%;
    line-height:1.4;
    border-bottom: 1pt solid #000;
    margin:0 0 0.75em 0;
}

h2 {
    font-size:125%;
    line-height:1.4;
    font-weight:bold;
    margin:0 0 0.5em 0;
}

.unternehmen h2 {
	font-size: 100%;	
}


h3 {
    font-size:92%;
    line-height:1.4;
    font-weight:bold;
    margin:0 0 0.5em 0;
}

/**** text ****/
p {
    font-size:1em;
    line-height:1.4;
    margin:0 0 0.92em 0;
}

#main p.info {
font-size:11px;
font-style:italic;
margin:0;
}

small { font-size:0.92em; }
blockquote { font-style:italic; }

/**** hyperlinks ****/
a,
a:link,
a:visited {
    text-decoration:none;
    color:#000;
}

/**** teaser ****/
#main .image_container {
border:1pt solid #575451;
height:140px;
margin:0 12px 0 0;
overflow:hidden;
width:220px;
}

.mod_newslist h2, #main .mod_newslist .teaser, .sauerland .mod_article h2, .unterstuetzen .mod_article h2 {
margin:0 0 0 235px;
}
 
.mod_newslist .image_container, .sauerland .image_container, .unterstuetzen .image_container {
float:left;
}

.layout_latest {
border-bottom:1pt solid #000;
margin:1px 0 8px 0;
padding:2px 0 10px;
}
 
 
} /* end: @media print */
/************************************************
    CLEARING
************************************************/
@media all {

.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clearfix { display:inline-block; }

/* Hide from IE Mac \*/
.clearfix { display:block; }
/* End hide from IE Mac */

* html .clearfix { height:1%; }

.floatbox { overflow:hidden; }

} /* end: @media all */