/******************************************** ********** ********** **********/
/**********          Layout        ********** ********** ********** **********/
/******************************************** ********** ********** **********/


body {
  	margin: 0;
   	padding:0px 0px 0 0px;
   	font: normal 11px  Arial, Helvetica, Verdana, sans-serif;
   	color: #333;
   	text-align: left;
   	background: #fff;
	line-height:15px;
	background-image: url(../designbuero/corporate-design-background.jpg);
	background-repeat: no-repeat;
}


#header {
	padding:0px 0px 0 0px;
	border-width:0px;
    border-style:solid;
    border-color:red;
   	width: 940px;
   	height: 135px;
   	margin-left: 0px;
   	padding-left: 0px;
}

#left {
	border-width:0px;
    border-style:solid;
    border-color:blue;
	float: left;
   	width: 256px;
   	height: 120px;
   	margin-left: 0px;
	margin-right: 2px;
	background-color:none;
	padding:15px 2px 0 0px;
}

#right {
	border-width:0px;
    border-style:solid;
    border-color:green;
	float: left;
   	width: 675px;
   	height: 120px;
	padding:15px 0px 0 0px;
}

html* #right { 
	padding:27px 0px 0 0px;
	
}

#content {
	border-width:0px;
    border-style:solid;
    border-color:black;
   	width: 940px;
	height: 540px;
	clear: both;
}

#contentleistungen {
	border-width:0px;
    border-style:solid;
    border-color:black;
   	width: 666px;
	height: 760px;
	float: left;
   	font: normal 12px  Arial, Helvetica, Verdana, sans-serif;
	line-height: 17px;
}

#contentkontakt {
	border-width:0px;
    border-style:solid;
    border-color:black;
   	width: 666px;
	height: 950px;
	float: left;
	font: normal 12px  Arial, Helvetica, Verdana, sans-serif;
	line-height: 17px;
}

#contentreferenzen {
	border-width:0px;
    border-style:solid;
    border-color:black;
   	width: 666px;
	height: 1217px;
	float: left;
	}

#contentref {
	border-width:0px;
    border-style:solid;
    border-color:black;
   	width: 940px;
	clear: both;
   	font: normal 12px  Arial, Helvetica, Verdana, sans-serif;
	line-height: 17px;
	
}

#contentleft {
	border-width:0px;
    border-style:solid;
    border-color:black;
   	width: 666px;
	height: 500px;
	float: left;
}

#contentleftleistungen {
	border-width:0px;
    border-style:solid;
    border-color:black;
   	width: 666px;
	height: 763px;
	float: left;
}

#contentleftkontakt {
	border-width:0px;
    border-style:solid;
    border-color:black;
   	width: 666px;
	height: 950px;
	float: left;
}

#contentleftref {
	border-width:0px;
    border-style:solid;
    border-color:black;
   	width: 666px;
	height: 900px;
	float: left;
}

#contentinner1 {
	border-bottom:1px solid #000;
   	width: 193px;
	height: 170px;
	float: left;
	padding:18px 0px 10px 0px;
	margin:10px 0px 0 42px;
}

#contentinnerref {
	border-bottom:0px solid #000;
   	width: 624px;
	float: left;
	text-align: center;
	padding:18px 0px 10px 0px;
	margin:10px 0px 0 42px;
}

#contentinner2 {
	border-bottom:1px solid #000;
   	width: 193px;
	height: 170px;
	float: left;
	padding:18px 0px 10px 0px;
	margin:10px 0px 0 22px;
}

#contentinner3 {
	border-bottom:1px solid #000;
   	width: 193px;
	height: 170px;
	float: left;
	padding:18px 0px 10px 0px;
	margin:10px 0px 0 22px;
}

#contentinner4 {
	border-bottom:1px solid #000;
   	width: 193px;
	height: 145px;
	float: left;
	padding:18px 0px 10px 0px;
	margin:10px 0px 0 42px;
}

#contentinner5 {
	border-bottom:1px solid #000;
   	width: 193px;
	height: 145px;
	float: left;
	padding:18px 0px 10px 0px;
	margin:10px 0px 0 22px;
}

#contentinner6 {
	border-bottom:1px solid #000;
   	width: 193px;
	height: 145px;
	float: left;
	padding:18px 0px 10px 0px;
	margin:10px 0px 0 22px;
}

#contentinnerleistungen1 {
	font-size: 12px;
	line-height: 17px;
	border-bottom:1px solid #000;
   	width: 193px;
	height: 310px;
	float: left;
	padding:18px 0px 22px 0px;
	margin:10px 0px 0 42px;
}

#contentinnerleistungen2 {
	font-size: 12px;
	line-height: 17px;
	border-bottom:1px solid #000;
   	width: 193px;
	height: 310px;
	float: left;
	padding:18px 0px 22px 0px;
	margin:10px 0px 0 22px;
}

#contentinnerleistungen3 {
	font-size: 12px;
	line-height: 17px;
	border-bottom:1px solid #000;
   	width: 193px;
	height: 310px;
	float: left;
	padding:18px 0px 22px 0px;
	margin:10px 0px 0 22px;
}

#contentinnerkontakt1 {
	font-size: 12px;
	line-height: 17px;
	border-bottom:1px solid #000;
   	width: 193px;
	height: 200px;
	float: left;
	padding:18px 0px 22px 0px;
	margin:10px 0px 0 42px;
}

#contentinnerkontakt2 {
	font-size: 12px;
	line-height: 17px;
	border-bottom:1px solid #000;
   	width: 193px;
	height: 200px;
	float: left;
	padding:18px 0px 22px 0px;
	margin:10px 0px 0 22px;
}

#contentinnerkontakt3 {
	font-size: 12px;
	line-height: 17px;
	border-bottom:1px solid #000;
   	width: 193px;
	height: 200px;
	float: left;
	padding:18px 0px 22px 0px;
	margin:10px 0px 0 22px;
}

#contentinnerkontakt4 {
	border-bottom:1px solid #000;
   	width: 624px;
	height: 255px;
	float: left;
	padding:7px 0px 25px 0px;
	margin:10px 0px 0 42px;
	line-height: 19px;

}

#contentright {
	border-width:0px;
    border-style:solid;
    border-color:black;
   	width: 266px;
	float: left;
	font: normal 12px  Arial, Helvetica, Verdana, sans-serif;
	line-height: 17px;
	
}

#teaser-zero {
	border:0px solid #000;
   	width: 200px;
	height: 60px;
	margin:13px 0px 0px 60px;
}

#teaser-one {
	border-bottom:1px solid #000;
   	width: 200px;
	height: 62px;
	margin:16px 0px 0px 60px;
}

#teaser-two {
	border-bottom:1px groove #000;
   	width: 200px;
	height: 65px;
	margin:12px 0px 0px 60px;
}

#teaser-two  a {
color: #333;
text-decoration: underline;

}
 
#teaser-two  a:hover {
color: #FF6;
text-decoration: none;

}

#teaser-two  a:hover span {
color: #FF6;
background-color:#000;
text-decoration: none;
}

#teaser-three {
	border-bottom:1px groove #000;
   	width: 200px;
	height: 79px;
	margin:10px 0px 0px 60px;
}

#teaser-four {
	border-bottom:1px groove #000;
   	width: 200px;
	height: 100px;
	margin: 10px 0px 0px 60px;
}

#teaser-four  a {
color: #333;
text-decoration: underline;

}
 
#teaser-four  a:hover {
color: #FF6;
text-decoration: none;

}

#teaser-four  a:hover span {
color: #FF6;
background-color:#000;
text-decoration: none;
}

#teaser-five {
	border-bottom:0px groove #000;
   	width: 200px;
	height: 230px;
	margin: 10px 0px 0px 60px;
}

#teaser-five  a {
color: #333;
text-decoration: underline;

}
 
#teaser-five  a:hover {
color: #FF6;
text-decoration: none;

}

#teaser-five  a:hover span {
color: #FF6;
background-color:#000;
text-decoration: none;
}

#teaser-six {
	border-bottom:1px groove #000;
   	width: 200px;
	height: 64px;
	margin:10px 0px 0px 60px;
}

#contentwelcome {
	border-width:0px;
    border-style:solid;
    border-color:black;
   	width: 624px;
	clear: both;
	font: normal 12px  Arial, Helvetica, Verdana, sans-serif;
	line-height: 19px;
   	color: #333;
	padding:15px 0px 0 42px;
}

#contentteaser {
	border-width:0px;
    border-style:solid;
    border-color:black;
	/* background:url(../designbuero/bg-teaser.jpg) no-repeat; */
	width: 622px;
	height: 200px;
	clear: both;
	font: bold 17px  Arial, Helvetica, Verdana, sans-serif;
	line-height: 25px;
   	color: #ffffff;
	margin:10px 0px 0 42px;
	padding:0px 0px 0px 0px;
	border-top:#000 0px solid;
}

ul#portfolio li {
	border: 0px solid #ccc;
	width: 622px;
	height: 200px;
	clear: both;
	list-style:none;
	
}


#footerref {
	display: none;
	border-width:0px;
    border-style:solid;
    border-color:black;
   	width: 640px;
	height: 70px;
	padding:18px 0px 18px 0px;
	font: normal 10px  Arial, Helvetica, Verdana, sans-serif;

}

#footer {
	clear: both;
	border-width:0px;
    border-style:solid;
    border-color:black;
   	width: 918px;
	margin:10px 0px 0 0px;
	padding:20px 0px 18px 40px;
	font: normal 10px  Arial, Helvetica, Verdana, sans-serif;

}
	

hr {
	height:1px;
	border-top:solid 1px #000000;
	border-left:0; 
	border-right:0; 
	border-bottom:0;
	margin:10px 0px 0px 42px;
}

h1 {
  font: bold 12px  Arial, Helvetica, Verdana, sans-serif;
  margin-bottom:0.7em;
  margin-top:0.4em;
  padding:3px 0px 3px 4px;
  color:#000;
  letter-spacing:0.0em;
  color: #fff;
  background-color:#000;
}

h2 {
  font: bold 100%  Arial, Verdana, Helvetica, sans-serif;
  margin-bottom:0.3em;
  margin-top:0.0em;
  padding:0px 0px;
  color:#666666;
  letter-spacing:0.0em;

}


a.phonenumber span { visibility: hidden; position: absolute; z-index: 5; left: 0em; margin-top: 1em; padding: 1em; text-decoration: none; cursor: pointer }
a.phonenumber:hover span { 
	border:0px solid red;
	visibility: visible; 
	background:url(../designbuero/phone-number.png) no-repeat;
   	position: absolute;   
   	height: 150px; 
   	width: 950px;    
   	left: 9px; 
   	top: 190px;    
	cursor: pointer 
	}

/******************************************** ********** ********** **********/
/**********      Main-Navigation   ********** ********** ********** **********/
/******************************************** ********** ********** **********/

      #tabs2 {
      width: 415px;
	  border: 0px solid blue;
      font-size:12px;
	  letter-spacing: 0px;
	  font-weight: bold;
      line-height:normal;
	  float: left;
	  padding: 0px 0px 0 243px;
	  margin-left: 0;

}
	  
    #tabs2 ul {
	  margin:0;
	  padding:0px 0px 0 0px;
	  list-style:none;
	  
}
	  
    #tabs2 li {
      display:inline;
      margin:0;
      padding:0;
}
	  
    #tabs2 a {
	  float:left;
      margin:0;
	  padding:0px 0px 0 0px;
      text-decoration: none;
	  border: 0px solid red;
}

    #tabs2 a span {
	  float:left;
      display:block;
      padding:0px 0px 0px 0px;
      color:#666;
	  
}

    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs2 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs2 a:hover span {
      color:#000000;
}

    #tabs2 a:hover {
	color: #000;
	text-decoration: underline;

}

    #tabs2 a:hover span {
	color: #000;
	/*background-color:#000; */

}

	#tabs2 li.active span {
	color: #000;
	/*background-color:#000; */
	float:left;
    margin:0;
    text-decoration:underline;
	border: 0px solid red;
}


ul#tabs2 li.spacer {
   	width: 58px;
   	height: 14px;
   	margin: 0 0 0px 0;
   	background: url(../holzofenbrot/mainnavi_bg-rechts.gif) repeat;
	float: left;
    border: 0px solid blue;
}

    #contentreferenzen a:link {
	color : #333; 
	text-decoration : underline; 

}

    #contentreferenzen a:link span {
	color : #333; 
	text-decoration : underline; 

}

    #contentreferenzen a:visited {
	color : #333; 
	text-decoration : underline; 

}

    #contentreferenzen a:visited span {
	color : #333; 
	text-decoration : underline; 
}

    #contentreferenzen a:active {
	color : #333; 
	text-decoration : underline; 

}

    #contentreferenzen a:active span {
	color : #333; 
	text-decoration : underline; 

}

    #contentreferenzen a:hover {
	color: #FF6;
	text-decoration: none;
	background-color:#000;


}

    #contentreferenzen a:hover span {
	color: #FF6;
	/*background-color:#000;*/
	text-decoration: none;


}

    #contentleistungen a:link {
	color : #333; 
	text-decoration : underline; 

}

    #contentleistungen a:link span {
	color : #333; 
	text-decoration : underline; 

}

    #contentleistungen a:visited {
	color : #333; 
	text-decoration : underline; 

}

    #contentleistungen a:visited span {
	color : #333; 
	text-decoration : underline; 
}

    #contentleistungen a:active {
	color : #333; 
	text-decoration : underline; 

}

    #contentleistungen a:active span {
	color : #333; 
	text-decoration : underline; 

}

    #contentleistungen a:hover {
	color: #FF6;
	text-decoration: none;

}

    #contentleistungen a:hover span {
	color: #FF6;
	background-color:#000;
	text-decoration: none;


}

    #contentkontakt a:link {
	color : #333; 
	text-decoration : underline; 

}

    #contentkontakt a:link span {
	color : #333; 
	text-decoration : underline; 

}

    #contentkontakt a:visited {
	color : #333; 
	text-decoration : underline; 

}

    #contentkontakt a:visited span {
	color : #333; 
	text-decoration : underline; 
}

    #contentkontakt a:active {
	color : #333; 
	text-decoration : underline; 

}

    #contentkontakt a:active span {
	color : #333; 
	text-decoration : underline; 

}

    #contentkontakt a:hover {
	color: #FF6;
	text-decoration: none;

}

    #contentkontakt a:hover span {
	color: #FF6;
	background-color:#000;
	text-decoration: none;


}

    #contentref a:link {
	color : #333; 
	text-decoration : underline; 

}

    #contentref a:link span {
	color : #333; 
	text-decoration : underline; 

}

    #contentref a:visited {
	color : #333; 
	text-decoration : underline; 

}

    #contentref a:visited span {
	color : #333; 
	text-decoration : underline; 
}

    #contentref a:active {
	color : #333; 
	text-decoration : underline; 

}

    #contentref a:active span {
	color : #333; 
	text-decoration : underline; 

}

    #contentref a:hover {
	color: #FF6;
	text-decoration: none;

}

    #contentref a:hover span {
	color: #FF6;
	background-color:#000;
	text-decoration: none;


}

    #footer a:link {
	color : #333; 
	text-decoration : underline; 

}

    #footer a:link span {
	color : #333; 
	text-decoration : underline; 

}

    #footer a:visited {
	color : #333; 
	text-decoration : underline; 

}

    #footer a:visited span {
	color : #333; 
	text-decoration : underline; 
}

    #footer a:active {
	color : #333; 
	text-decoration : underline; 

}

    #footer a:active span {
	color : #333; 
	text-decoration : underline; 

}

    #footer a:hover {
	color: #FF6;
	text-decoration: none;

}

    #footer a:hover span {
	color: #FF6;
	background-color:#000;

}


/******************************************** ********** ********** **********/
/**********   FADING WITH JQUERY   ********** ********** ********** **********/
/******************************************** ********** ********** **********/

/* Start button effects */


/* Tutorial button with jQuery */
.otherbutton {
	clear: both;
	position:relative;
	display:block;
	height: 137px;
	width: 193px;
	background:url(../designbuero/porzellanikon.jpg) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.otherbutton span.hover {
	position: absolute;
	display: block;
	height: 137px;
	width: 193px;
	background:url(../designbuero/porzellanikon.jpg) no-repeat;
	background-position: bottom;
	text-decoration: none;

}

.kufstein {
	clear: both;
	position:relative;
	display:block;
	height: 137px;
	width: 193px;
	background:url(../designbuero/fh-kufstein.jpg) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.kufstein span.hover {
	position: absolute;
	display: block;
	height: 137px;
	width: 193px;
	background:url(../designbuero/fh-kufstein.jpg) no-repeat;
	background-position: bottom;
	text-decoration: none;

}

.jamiroquai {
	clear: both;
	position:relative;
	display:block;
	height: 137px;
	width: 193px;
	background:url(../designbuero/jamiroquai.jpg) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.jamiroquai span.hover {
	position: absolute;
	display: block;
	height: 137px;
	width: 193px;
	background:url(../designbuero/jamiroquai.jpg) no-repeat;
	background-position: bottom;
	text-decoration: none;

}

.substudio {
	clear: both;
	position:relative;
	display:block;
	height: 137px;
	width: 193px;
	background:url(../designbuero/substudio.jpg) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.substudio span.hover {
	position: absolute;
	display: block;
	height: 137px;
	width: 193px;
	background:url(../designbuero/substudio.jpg) no-repeat;
	background-position: bottom;
	text-decoration: none;

}

.dendro {
	clear: both;
	position:relative;
	display:block;
	height: 137px;
	width: 193px;
	background:url(../designbuero/dendro_.jpg) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.dendro span.hover {
	position: absolute;
	display: block;
	height: 137px;
	width: 193px;
	background:url(../designbuero/dendro_.jpg) no-repeat;
	background-position: bottom;
	text-decoration: none;

}

.luxor {
	clear: both;
	position:relative;
	display:block;
	height: 137px;
	width: 193px;
	background:url(../designbuero/luxor.jpg) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.luxor span.hover {
	position: absolute;
	display: block;
	height: 137px;
	width: 193px;
	background:url(../designbuero/luxor.jpg) no-repeat;
	background-position: bottom;
	text-decoration: none;

}

.logos {
	clear: both;
	position:relative;
	display:block;
	height: 137px;
	width: 193px;
	background:url(../designbuero/logos.jpg) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.logos span.hover {
	position: absolute;
	display: block;
	height: 137px;
	width: 193px;
	background:url(../designbuero/logos.jpg) no-repeat;
	background-position: bottom;
	text-decoration: none;

}

.wfb {
	clear: both;
	position:relative;
	display:block;
	height: 137px;
	width: 193px;
	background:url(../designbuero/wfb-ansicht.jpg) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.wfb span.hover {
	position: absolute;
	display: block;
	height: 137px;
	width: 193px;
	background:url(../designbuero/wfb-ansicht.jpg) no-repeat;
	background-position: bottom;
	text-decoration: none;

}

.poster {
	clear: both;
	position:relative;
	display:block;
	height: 137px;
	width: 193px;
	background:url(../designbuero/poster.jpg) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.poster span.hover {
	position: absolute;
	display: block;
	height: 137px;
	width: 193px;
	background:url(../designbuero/poster.jpg) no-repeat;
	background-position: bottom;
	text-decoration: none;

}

.elemar {
	clear: both;
	position:relative;
	display:block;
	height: 137px;
	width: 193px;
	background:url(../designbuero/elemar.jpg) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.elemar span.hover {
	position: absolute;
	display: block;
	height: 137px;
	width: 193px;
	background:url(../designbuero/elemar.jpg) no-repeat;
	background-position: bottom;
	text-decoration: none;

}

.lebenslaenglich {
	clear: both;
	position:relative;
	display:block;
	height: 137px;
	width: 193px;
	background:url(../designbuero/lebenslaenglich.jpg) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.lebenslaenglich span.hover {
	position: absolute;
	display: block;
	height: 137px;
	width: 193px;
	background:url(../designbuero/lebenslaenglich.jpg) no-repeat;
	background-position: bottom;
	text-decoration: none;

}

.nord {
	clear: both;
	position:relative;
	display:block;
	height: 137px;
	width: 193px;
	background:url(../designbuero/50nord.jpg) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.nord span.hover {
	position: absolute;
	display: block;
	height: 137px;
	width: 193px;
	background:url(../designbuero/50nord.jpg) no-repeat;
	background-position: bottom;
	text-decoration: none;

}

.aktuellteaser {
	margin: 5px 0px 0px 0px;
	clear: both;
	position:relative;
	display:block;
	height: 60px;
	width: 200px;
	background:url(../designbuero/dendro.jpg) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
.aktuellteaser span.hover {
	position: absolute;
	display: block;
	height: 60px;
	width: 200px;
	background:url(../designbuero/dendro.jpg) no-repeat;
	background-position: bottom;
	text-decoration: none;

}



/* End button effects */