@charset "utf-8";

/* CSS Document */

/*********************    Index    ************************

   domain: bestattung-slunsky.at 
   author: Samuele Prati
    
	1. Global Tags
	
   2. Global Classes
		2.1 h2 Graphic
		2.2 h3 Graphic
		2.3 a Graphic
		2.4 IMG Class
		2.5 Tables 
	
   3. Container

   4. Header
		4.1 Shoplink
		4.2	NavigationAdditional
		4.3	Branding
		
		
   5. ContentContainer
   	5.1 contentMain
      5.2 contentSidebar
		5.3	Navigation
		
	6. Footer
		6.1 Push // Sticky footer
    

/*********************************************************/
/******************   = global-tags  *********************/
/*********************************************************/

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

div {

}


input {
	border:#CCCCCC 1px solid;
}

html {
	background-color: #040507;
	background-image: url("../images/bg-html.jpg");
	background-position: top center;
	background-repeat:repeat-x;
}


body {
	background-color: #040507;
	height:100%;
	min-height:600px;
	font-family: Arial, 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
	background: url("../images/bg-body.jpg") no-repeat top center;
	color:#676d55;
}





/*********************************************************/
/****************   = global-classes  ********************/
/*********************************************************/
a {
	text-decoration:underline;
	color:#fff;
}

a:hover {
	text-decoration: none;
}

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

h1, h2, h3, h4 {
	font-weight:lighter;
}



h1 {
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1px;
}

.highlight {


}

.bigtext {
	font-size:22px;
	line-height:33px;
	color:#c1c1c1;
}

.lighter {
	font-weight:lighter;
}

.floatleft {
	float:left;
}

/*********************************************************/
/*******************   = container  **********************/
/*********************************************************/

div#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width : 950px;
	margin: 0 auto 0px;
}


/*********************************************************/
/*********************   = header  ***********************/
/*********************************************************/

div#header {
	position:relative;
	width : 950px;
	height: 437px;
	margin-right: auto;
	margin-left: auto;
	overflow:visible;
	z-index:50;
}

div#header a:hover {
	color:#FF0000;
	text-decoration:none;
}

#headad {
	position:absolute;
	display:block;
	width:113px;
	height:50px;
	left: 1px;
	top: 261px;
}

#headtel  {
	position:absolute;
	display:block;
	width:239px;
	height:50px;
	left: 122px;
	top: 261px;
}

/*********************************************************/
/********************   = navigation  ********************/
/*********************************************************/        

ul#navigation  {
	position:absolute;
	left: 1px;
	top: 373px;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	z-index: 999;
	height: 64px;
}

ul#navigation {
	padding: 0;
	margin: 0;
	list-style: none;
	display:block;
	z-index: 11;
	float:left;
}

ul#navigation li a {
	display: block;
	line-height:24px;
	height: 64px;
	text-indent:-9999px;
	background-image:url("../images/bg-navigation.jpg");
	background-repeat:no-repeat;
	
}


ul#navigation li {
	float: left;
	left: -999em;
}

ul#navigation li a{
	float: left;
	left: -999em;
	border:none;
	height:64px;
	padding:0px!important;
	margin:0px!important;
	border:none!important;
}

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


li#navigationtab01 a.inactive {
	background-position: -0px -0px;
	width:169px;
}

li#navigationtab01 a:hover, li#navigationtab01 a.active {
	background:none;
	width:169px;
}

li#navigationtab02 a.inactive {
	background-position: -169px -0px;
	width:201px;
}

li#navigationtab02 a:hover, li#navigationtab02 a.active {
	background:none;
	width:201px;
}

li#navigationtab03 a.inactive {
	background-position: -370px -0px;
	width:169px;
}

li#navigationtab03 a:hover, li#navigationtab03 a.active {
	background:none;
	width:169px;
}

li#navigationtab04 a.inactive {
	background-position: -539px -0px;
	width:162px;
}

li#navigationtab04 a:hover, li#navigationtab04 a.active {
	background:none;
	width:162px;
}

li#navigationtab05 a.inactive {
	background-position: -701px -0px;
	width:120px;
}

li#navigationtab05 a:hover, li#navigationtab05 a.active {
	background:none;
	width:120px;
}

li#navigationtab06 a.inactive {
	background-position: -821px -0px;
	width:120px;
}

li#navigationtab06 a:hover, li#navigationtab06 a.active {
	background:none;
	width:120px;
}

/*********************************************************/
/*************   = navigationAdditional  *****************/
/*********************************************************/        

ul#navigationAdditional {
	position:absolute;
	top:18px;
	left:475px;
	height: 26px;
	width:460px;
	list-style: none;
	display:block;
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
}

ul#navigationAdditional li {
	display: block;
	z-index:90;
	float:left;
}

ul#navigationAdditional a {
	display: block;
	background:url("../images/bg-naviadditional.jpg");
	text-indent: -9999px;
	height: 26px;
}

ul#navigationAdditional a:hover {
	display: block;
	color:#ffe494;
	text-decoration:underline;
}

li#Additionalnavigator01 a {
	width:101px;
	background-position: 0px 0px;
}

li#Additionalnavigator02 a {
	width:95px;
	background-position: -101px 0px;
}

li#Additionalnavigator03 a {
	width:90px;
	background-position: -196px 0px;
}

li#Additionalnavigator04 a {
	width:88px;
	background-position: -286px 0px;
}


li#Additionalnavigator05 a {
	width:85px;
	background-position: -374px 0px;
}

li#Additionalnavigator01 a:hover, 
li#Additionalnavigator01 a.active {
	background:none;
}

li#Additionalnavigator02 a:hover, 
li#Additionalnavigator02 a.active {
	background:none;
}
li#Additionalnavigator03 a:hover, 
li#Additionalnavigator03 a.active {	
	background:none;
}

li#Additionalnavigator04 a:hover, 
li#Additionalnavigator04 a.active {	
	background:none;
}

li#Additionalnavigator05 a:hover, 
li#Additionalnavigator05 a.active {	
	background:none;
}
/*********************************************************/
/*******************   = branding  ***********************/
/*********************************************************/     			
			
h1.branding a {
	display: block;
	width: 335px;
	height: 105px;
	position: absolute;
	top: 119px;
	left: 310px;
	background-image:url("http://www.bestattung-slunsky.at/images/bg-branding.jpg");
	background-repeat:no-repeat;
}

/*********************************************************/
/****************   = contentContainer  ******************/
/*********************************************************/ 

div#contentContainer {
	position:relative;
	width : 950px;
	background-repeat:no-repeat;
	background-image:url("../images/bg-content.jpg");
	background-position:top center;
	min-height: 100%;
	height: auto !important;
	min-height:400px;
	z-index:10;
	margin-bottom:100px;
}


/*********************************************************/
/*******************   = contentMain  ********************/
/*********************************************************/ 
   
div#contentMain {
	position:relative;
	float:left;
	display:block;
	width: 570px;
	z-index: 15;
	line-height:22px;
	font-size:12px;
	color:#FFFFFF;
}

div#contentMain #contentMainText {
	position:relative;
	background-image:url("../images/bg-content.png");
	padding: 20px;
	min-height: 220px;
	height: auto !important;
	height: 220px;
}

div#contentMain a {
	text-decoration:underline;
	
}

div#contentMain p {
	line-height:21px;
	margin-bottom:21px;
}

#contentMain h2 {
	font-size:32px;
	height:32px;
	line-height:35px;
	color:#a7bbfe;
	padding-left:20px;
	padding-top:20px;
}

#contentMain h3 {
	vertical-align:middle;
	font-size:22px;
	height:30px;
	line-height:30px;
	color:#ffffff;
	padding-bottom:30px;
	padding-left:20px;
}

#contentMain .h2black {
	color:#000;
}

#contentMain h4 {
	display:block;
	font-size:18px;
	line-height:30px;
	vertical-align:bottom;
	color:#8fa60c;
	margin-bottom:20px;
}

div#contentMain ul {
	margin: 0 0 15px 0;
}

div#contentMain ul li {
	margin: 0 15px 10px 5px;
	padding: 0 0 0 25px;
	background-image:url("../images/bg-li.jpg");
	background-repeat:no-repeat;
	background-position: left +5px;
	list-style:none;
}


div#contentMain .column {
	position:relative;
	width:240px;
	float:left;
	margin-right:20px;
	_margin-right:10px!important;
}


div#contentMain .columnlong {
	position:relative;
	width:480px;
	float:left;
	margin-right:20px;
	_margin-right:10px!important;
}

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

div#contentMain dl  {
	margin: 0;
	width:160px;
	padding-bottom:20px;
	clear:both;
	margin-bottom:20px;
	display:block;
}

div#contentMain dt {
	float:left;
	width:80px;
	height:60px;
	font-weight:bold;
	display:block;
}

div#contentMain dd {
	float:left;
	width:80px;
	height:60px;
	display:block;
}

div#contentMain dl dd {
	margin-bottom: 20px;
	display:block;

}


div#contentMain dl.dllong  {
	margin: 0;
	width:300px;
	padding-bottom:20px;
	clear:both;
	margin-bottom:20px;
	display:block;
}

div#contentMain dt.dtlong {
	float:left;
	width:80px;
	height:80px;
	font-weight:bold;
	display:block;
}

div#contentMain dd.ddlong {
	float:left;
	width:200px;
	height:80px;
	display:block;
}


div#contentMain dl.dlvlong  {
	margin: 0;
	width:420px;
	clear:both;
	display:block;
	font-size:11px!important;
}

div#contentMain dt.dtvlong {
	float:left;
	width:220px;
	height:20px;
	font-weight:bold;
	display:block;
}

div#contentMain dd.ddvlong {
	float:left;
	width:200px;
	height:20px;
	display:block;
}

div#contentMain #pixelround {
	position:relative;
	width:570px;
	height:156px;
	background-image:url("http://www.bestattung-slunsky.at/images/bg-pixelround.jpg");
	background-position:center;
}

#panorama_formatierung {
	position:absolute;
	width:307px;
	height:97px;
	left: 261px;
	top: 30px;
}
/*********************************************************/

div#impressum dl  {
	margin: 0;
	width:490px;
	padding-bottom:20px;
	clear:both;
	margin-bottom:20px;

	display:block;
}

div#impressum dt {
	float:left;
	width:200px;
	font-weight:bold;
	display:block;
	height:20px;
}

div#impressum dd {
	float:left;
	width:280px;
	display:block;
	height:20px;
}

div#impressum dl dd {
	margin-bottom: 20px;
	display:block;
}

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

h5 {
	font-size: 32px!important;
	padding-bottom:20px;
	color:#d09821;
}



div#contentMain .separator {
	display:block;
	width:584px;
	height:1px;
	clear:both;
	margin-bottom:45px;
}



.contentchapter { 
	position:relative;
	min-height:100px;

}


.imageborder {
	border:#a7b0b8 1px solid;
	margin-right:5px;
	padding:4px;
	margin-bottom:20px;
}


/*********************************************************/
/*****************   = contentSidebar  *******************/
/*********************************************************/ 
         
div#contentSidebar {
	position:relative;
	float:left;
	width:314px;
	font-size:11px;
	z-index:10;
	padding-top:137px;
	padding-left:22px;


}

div#contentSidebar p {
	font-size:12px;
	line-height:21px;
	margin-bottom:11px;
	width:254px;
	color:#FFFFFF;
}

div#contentSidebar p.highlight {
	font-size:24px!important;
}

.greenP {
	color:#8fa60c;
}

h3 {
	color:#932826;
}


h4 {
	color:#8fa60c;
	font-size:12px;
}


h3 {
	font-size:24px;
}


div#contentSidebar .separator {
	border-bottom:1px solid #e4da8d;
	width:292px;
}

.pdf {
	display:block;
	width:187px;
	height:80px;
	background-image:url("../images/pdf.jpg");
	text-indent:-9999px;
}

/********************** Finito :-) ************************/