@charset "utf-8";

/* CSS Document */

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

   domain: kuenzel.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: #f4f1e2;
	height:100%;

}


body {
	height:100%;
	min-height:600px;
	color: #3a2f1b;
	font-family: Georgia, Verdana, Arial,  "Trebuchet MS";
	background-image: url(../images/bg-html.jpg);
	background-repeat:repeat-x;
}


#euroweb {
	width:580px!important;
}

#euroweb img {
	float:left;
	margin: 0 15px 0 0;
}


/*********************************************************/
/****************   = global-classes  ********************/
/*********************************************************/

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

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


h4 {
	line-height:18px;
	font-weight:bold;
	font-size: 12px;
}

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

.highlight {
	text-transform: uppercase;

}

.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-top: 0px;
	margin-right: auto;
	margin-bottom: -13px;
	margin-left: auto;
}

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

div#header {
	position:relative;
	width : 950px;
	height: 545px;
	background: url(../images/bg-header.jpg) no-repeat;
	background-position:top center;
	margin-right: auto;
	margin-left: auto;
	overflow:visible;
	z-index:50;
}

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

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

div#navigation {
	position:absolute;
	width: 843px;
	margin-right: auto;
	margin-left: auto;
	z-index: 9999;
	left: 0px;
	top:485px;
	left:5px;
}

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

div#navigation a {
	display: block;
	background-image: url(../images/bg-navigation.jpg);
	background-repeat:no-repeat;
	height: 36px;
	text-indent: -9999px;
	z-index:90;
}

div#navigation a:hover {
	display: block;
}

div#navigation li {
	float: left;
	left: -999em;
}
	
div#navigation li ul {
	position: absolute;
	display: none;
}

div#navigation li:hover ul, div#navigation li.sfhover ul {     
   left: auto;
	display: block;
}


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

div#navigation a.navigation_01 {
	width: 130px;
	background-position: 0 0;
}

div#navigation a.navigation_02 {
	width: 126px;
	background-position: -130px 0;
}

div#navigation a.navigation_03 {
	width: 146px;
	background-position: -256px 0;
}

div#navigation a.navigation_04 {
	width: 151px;
	background-position: -402px 0;
}

div#navigation a.navigation_05 {
	width: 153px;
	background-position: -553px 0px;
}


div#navigation a.navigation_01:hover {
	width: 130px;
	background-position: 0 -36px;
}

div#navigation a.navigation_02:hover {
	width: 126px;
	background-position: -130px -36px;
}

div#navigation a.navigation_03:hover {
	width: 146px;
	background-position: -256px -36px;
}

div#navigation a.navigation_04:hover {
	width: 151px;
	background-position: -402px -36px;
}

div#navigation a.navigation_05 :hover {
	width: 153px;
	background-position: -553px -36px;
}


/*********************************************************/
	
#navigation li.Pulldown {
	width: 260px!important;
	margin-left: 0px;
	line-height:49px;
	clear: both;
	z-index:90;
	background-color:#ece9da;
}

a.Pulldown {
	vertical-align:middle;
	background-repeat:no-repeat;
	text-decoration:none;
	font-size:12px;
	padding-left:15px;
	color:#2d2717;

	background-image:none!important;

	text-indent: 0px !important;
	outline:none;
	z-index:90;
}

a.Pulldown:hover {
	z-index:90;
	width: 250px!important;
	color:#a17604;

}


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


div#navigationAdditional {
	position:absolute;
	top:8px;
	left:720px;
	height: 24px;
	width:229px;
	float:left;
	font-size:12px;
	text-transform:uppercase;
}

div#navigationAdditional ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display:block;
}

div#navigationAdditional a {
	display: block;
	background-image: url(../images/bg-alternativenavigation.jpg);
	background-repeat:no-repeat;
	height: 24px;
	text-indent: -9999px;
	z-index:90;
}

div#navigationAdditional a:hover {
	display: block;
}

div#navigationAdditional li {
	float: left;
}

div#navigationAdditional li ul {
	position: absolute;
	display: none;
	margin: 0;
	float: left;
	text-indent: -9999px;
	outline: none;
	z-index:90;
}

div#navigationAdditional li:hover ul, div#navigationAdditional li.sfhover ul {     
	left: auto;
	z-index:90;
}

div#navigationAdditional ul li a {
	display: block;
	z-index:90;
}

div#navigationAdditional #Additionalnavigator01 {
	width: 66px;
	background-position: 0px 0;
}

div#navigationAdditional #Additionalnavigator02 {
	width: 74px;
	background-position: -66px 0;
}

div#navigationAdditional #Additionalnavigator03 {
	width: 86px;
	background-position: -140px 0;
}


div#navigationAdditional #Additionalnavigator01:hover {
	background-position: 0 -24px;
}

div#navigationAdditional #Additionalnavigator02:hover {
	background-position: -66px -24px;
}

div#navigationAdditional #Additionalnavigator03:hover {
	background-position: -140px -24px;
}


/*********************************************************/
/*******************   = branding  ***********************/
/*********************************************************/     			
			
			
h1.branding a {
	display: block;
	width: 470px;
	height: 123px;
	position: absolute;
	top: 19px;
	left: 234px;
	background-image:url(../images/bg-branding.jpg);
	background-repeat:no-repeat;
}

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

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

div#contentContainer a {
	color:#442814;
	text-decoration:underline;
}

div#contentContainer a:hover {
	text-decoration: none;
}

/*********************************************************/
/*******************   = contentMain  ********************/
/*********************************************************/ 
   
div#contentMain {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#3a2f1b;
	position:relative;
	float:left;
	display:block;
	width: 692px;
	z-index: 15;
	
	padding-top:45px;	
	line-height:20px;
	font-size:13px;
}

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

div#contentMain .margin20 {
	margin-left:20px;
}


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

#contentMain h2 {
	display:block;
	color:#1c1c1c;
	font-size:30px;
	float:left;
	height:37px;
	line-height:37px;
	vertical-align:bottom;
	margin-bottom:48px;
	margin-right:5px;
}

#contentMain h3 {
	display:block;
	font-size:24px;
	height:26px;
	color:#a49c70;
	height:42px;
	line-height:42px;
	vertical-align:bottom;
}

#contentMain h4 {
	font-size:18px!important;
	font-weight:lighter;
	margin-bottom:24px;
}

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

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

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

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

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

div#contentMain dd {
	float:left;
	width:350px;
	display:block;
}

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



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

div#contentMain .column {
	width:330px;
	margin-right:13px;
	_margin-right:7px;
	overflow:visible;
	float:left;
	color:#3a2f1b;
}

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

}

.separator {
	position:relative;
	width:100%;
	height: 20px;
	margin-bottom:10px;
	border-bottom:#c6ceb0 1px solid;
	display:block;
	clear:both;
}

.imgborder {
	border:#dcdcdc 1px solid;
	padding:4px;
	margin-bottom:20px;
}

/*********************************************************/
/*****************   = contentSidebar  *******************/
/*********************************************************/ 
         
div#contentSidebar {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	position:relative;
	float:left;
	width: 240px;
	margin-left:8px;
	margin-top:100px;
	font-size:11px;
	z-index:10;
}

ewcms_edit_table {
	position:relative;
	z-index:100;
}

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

div#contentSidebar p {
	font-size:11px;
	color:#695c07;
	line-height:21px;
	margin-left:45px;
	margin-bottom:21px;

}

div#contentSidebar #kontaktdaten {
	padding:0;
	margin:0;
}

div#contentSidebar h3 {
	font-size:17px;
	color:#256278;
	display:block;
	margin-left:45px;
	margin-bottom:25px;
}

a#karte {
	width: 235px;
	height: 128px;
	display:block;
	background-image:url(../images/bg-karte.jpg);
}

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



div#footer {
	height: 136px;
	background-position: booton center;
	background-image:url(../images/bg-footer.jpg);
}


div#footerContainer {
	padding-top:20px;
	position:relative;
	text-align:center;
	width:920px;
	height: 100px;
	background-repeat:no-repeat;
	background-position: top center;
	margin-left:auto;
	margin-right:auto;
}


div#push {
	height: 136px;
}

h5 {
	color:#e6d278;
	font-weight:lighter;
	font-size:15.3px;
	padding-bottom:20px;
}

p {
	color:#3a2f1b;
	font-size:12px;
	line-height:21px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
/*********************************************************/
/************************ Euro-CMS ***********************/
/*********************************************************/


#ewcms_edit_controller {
	position:absolute;
	padding: 10px;
	top:15px;
	left: 15px;
	background-color:#FF0000;
	z-index: 100;
	width: 150px;
	height: 30px;
}


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