/* 
 *CSS Document 
 *Copyrights 2005 Taube Photoproduction
*/

 body {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size:9pt;
	background-color: #FFEDD1; /*früher B0CD68*/
  	margin:0px;
	padding:0px;
	text-align:center;
	color: #828282;
	behavior:  url(csshover2.htc);

}
#level0 {
	background-color: #FFEDD1; /*früher B0CD68*/
	margin:0px;
	padding:0px;/*wegen opera*/
	text-align:center;

}
#level1 {
	margin:0px;
	padding:0px; 
	text-align:center;
/*wegen Mozilla ansonsten k? das als margin-top in level 2
	/*width:1350px;
	height:1350px;
	background-image: url(hg.gif);
	background-repeat:no-repeat;
	background-position: top center;
	*/
}
#level2 {
   /* margin-right:163px;
	margin-bottom:291px;
	margin-left:163px;*/
	width:1024px;
	height:768px;
	padding-top:16px;
	margin:50px auto;
	background-image:   url(../grafik/leiste_oben.gif);
	background-repeat: no-repeat;
	background-position: top center;
	background-color:#FFF;
}
#lightboxBereich {
	width:1024px;
	height:768px;
	margin:50px auto 0px auto;
	padding:0px;
	background-image: url(../events/2010/sommer.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #000000;
	text-align:left;
}
#flashcontent {
	width:1024px;
	height:660px;
	clear:both;
}
#lightboxBilder {
	position:relative;
	top:70px;
	left:20px;
	width:520px;
	height:460px;
	padding:0px;
	float:left;
}
#lightboxBilderX {
	position:relative;
	top:279px;
	left:130px;
	width:520px;
	height:460px;
	padding:0px;
	float:left;
}
#lightboxBilderB {
	position:relative;
	top:145px;
	left:154px;
	width:455px;
	height:455px;
	padding:0px;
	float:left;
}
#lightboxBilderC {
	position:relative;
	top:215px;
	left:197px;
	width:606px;
	height:366px;
	padding:0px;
	float:left;
	background-color:#FFFFFF;
}
#text_und_link_lightbox {
	width:1024px;
	height:108px;
	float:left;
	clear:both;
	padding:0px;
	margin:0px;
	/*background-color:#000000;*/
}

#text_lightbox {
	width:auto;
	height:100px;
	padding:0px;
	margin:0px;
	clear:both;
	color:#000;
}
#text_lightbox h2 {
	color:#FF9B00;
	font-size:25px;
	font-weight:bold;
	padding:0px;
	margin:0px;
}
#link_lightbox {
	width:auto;
	clear:both;
	padding:0px;
	margin:0px;
	text-align:left;
	color:#FF9B00;
}
#text_und_link_lightboxB {
	position:relative;
	top:150px;
	left:154px;
	width:600px;
	height:20px;
	float:left;
	clear:both;
	padding:0px;
	margin:0px;
}

#text_und_link_lightboxC {
	position:relative;
	top:220px;
	left:197px;
	width:606px;
	height:20px;
	float:left;
	clear:both;
	padding:0px;
	margin:0px;
	color:#FFFFFF;
}

#leistungen {
	clear:both;
	position:relative;
	top:170px;
	left:82px;
	color:#fff;
}
#leistungen h1 {
	font-size:12px;
	font-weight:normal;
	margin:0px;
	padding:0px;
	color:#fff;
}
#bilderbereich_25_Jahre {	
	clear:both;
	margin:0px;
	width:774px;
	text-align:center;
}

#bilder_25_Jahre {
	width:466px;
	text-align:center;
}
#level3 {
  margin:0px;
  padding:0px;
  width:1024px;
  height:752px;
}

/* ================================ Der obere Bereich der Seite*/

#translation{
	height:20px;
	margin:0px;
	padding:0px;
	clear:both;
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	font-size:9pt;
}
.deutschEnglish {
	padding:0px;
	margin-right:184px;
	height:13px;
	font:bold;
	color:#FF9B00;
	float:right;
	}
#top {
	margin:0px;
	height:96px;
	clear:both;
	padding-left:36px;
	padding-right:136px;
	z-index:1;
}
#logo {
	/*padding-left:34px;
	padding-right:25px;*/
	margin-top:14px;
	margin-right:23px;
	padding:0px;
	float:left;
	background-image:  url(../grafik/logo_taube.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:55px;
	height:74px;
}
/* ================================ Ende des oberen Bereichs der Seite*/

/* ================================ Der mittlere Bereich der Seite*/

a:link, a:visited {
	color:#FF9B00;
	text-decoration:none;
}
a:hover, a:active {
	color:#828282;
	text-decoration:none;
}
/*
div#menu {float: left; margin: -1px 0 0 7em; background: #FFF; border: 1px solid #AAA;}
div#menu ul {margin: 0; padding: 0; background: white; border: 1px solid #CCC; border-width: 0 1px;}
div#menu li {position: relative; list-style: none; margin: 0; float:left; width: 7em; line-height: 1em;}
div#menu li:hover {backgroun: #EBB;}
div#menu li.subMenu {background: yellow;}
div#menu li.subMenu:hover {background-color: #EDD;}
div#menu li a {display: block; padding: 0.25em 0 0.25em 0.5em; text-decoration: none; width: 6.5em;}
div#menu>ul a {width: auto;}
div#menu ul ul {position: absolute; width: 7em; display: none;}
div#menu ul ul li {border-bottom: 1px solid #CCC;}
div#menu ul.menuLevel1 li.subMenu:hover ul.menuLevel2, div#menu ul.menuLevel2 li.subMenu:hover ul.menuLevel3 {display: block;}
div#menu ul.menuLevel2 {top: 1.5em; left: -1px;}
div#menu ul.menuLevel3 {top: -1px; left: 7em; border-top: 1px solid #CCC;}

*/
div#menu {float: left; margin: 0; border: 0; padding: 0;
	width: 774px;
	height:96px;
	background-image:   url(../grafik/menueleiste.gif);
	background-repeat: no-repeat;
	background-position:top left;
}
div#menu ul {margin: 0; padding: 0;}
div#menu li {position: relative; top:26px; left: 23px; list-style: none; margin-right: 10px; padding: 0; float:left; width: 300px; line-height: 1em; text-align:left; text-indent:8px;}
div#menu li li {position: relative; top:0; left: 0; list-style: none; margin: 0; padding: 0; float:left; width: 150px; line-height: 1em;}
div#menu li:hover {/*background: #EBB;*/}
div#menu li li:hover {background: #FFE6BF;}
div#menu li.subMenu {/*background: yellow;*/}
div#menu li.subMenu:hover {/*background-color: #EDD;*/}
div#menu li a {display: block; margin: 0; padding: 0.25em 0 0.25em 0; text-decoration: none; width: 144px; color:#FFF; font-weight:bold;  border-left: 8px solid #FFF;}
div#menu li li a {display: block; margin: 0; padding: 0.25em 0 0.25em 0; text-decoration: none; width: 144px; color:#828282; font-weight:normal; border-left: 8px solid #FF9B00;}

div#menu>ul a {width: auto;}
div#menu ul ul {position: absolute; width: 150px; display: none; padding:0; margin:0;}
div#menu ul ul li {border-bottom: 1px solid #FF9B00;  border-left: 0; background-color:#FFF; width:150px;}
div#menu ul.menuLevel1 li.subMenu:hover ul.menuLevel2, div#menu ul.menuLevel2 li.subMenu:hover ul.menuLevel3 {display: block;}
div#menu ul.menuLevel1 {margin:0; padding:0;}
div#menu ul.menuLevel2 {top: 1.5em; left: 0;}
div#menu ul.menuLevel3 {top: -1px; left: 7em; border-top: 1px solid #CCC;}
/*
#menu {
	width: 774px;
	height:96px;
	background-image:   url(../grafik/menueleiste.gif);
	background-repeat: no-repeat;
	background-position:top left;
	float:right;
	margin:0px;
	padding:0px;
	}
#menu ul {
		list-style: none;
		margin-top: 26px;
		margin-left:0px;
		padding: 0px;
		width:152px;
		float: right;
		
}
#menu a, #menu h2 {
font-family:Arial, Verdana, Helvetica, sans-serif; 
font-size:9pt;
display: block;
border-left: 8px;
border-left-style:solid;
border-right:0px;
margin: 0px;
padding: 0px;
text-align:left;
text-indent:8px;
}
#menu h2 {
color: #fff;
font-weight: bold;
border-color: #FFF;
}
#menu a {
color: #828282;
background: #FFF;
text-decoration: none;
font-weight:normal;

border-color:#FF9B00;
}
#menu a:hover {
color: #828282;
background-color: #FFE6BF;
padding:0px;
margin:0px;
}
#menu li {
position: relative;
left:0px;
padding:0px;
margin:0px;
}

#menu ul ul li {
list-style-type:none;
border-bottom: 1px solid #FF9B00;
width:152px;
}
#menu ul ul ul {
position: absolute;
top: 0px;
left: 100%;
padding:0px;
margin:0px;
}

#menu ul ul {
position: absolute;
z-index: 500;
margin:0px;
padding:0px;
}
div#menu ul ul {
display: none;
}
div#menu ul li:hover ul
{display: block;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;
}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;
}

==================
#menu {
	position: relative;
	top: 0px;
	background-image: url(menueleiste.gif);
	background-repeat: no-repeat;
	background-position:top left;
	padding-left:24px;
	margin-right:20px;
	float:right;
	height:96px;
	z-index:100;
}
#menu dl {
	float: left;
	width: 151px;
	padding:0px;
	margin-top:26px;
	text-align:left;
}
#menu dt {
	text-align: left;
	text-indent:8px;
	font-weight: bold;
	border-left: 8px solid #FFFFFF;
	margin:0px;
	height:20px;
}
#menu dd {
	padding:0px;
	margin:0px;
}
#menu li {
	padding:0px;
	margin:0px;
	text-align: left;
	background: #fff;
	height:20px;
	text-decoration:none;
	border-bottom: 1px solid #FF9B00;
	list-style-type:none;
	text-indent:8px;
	color:#828282;
}
#menu dt a {
	font-size:9pt;
	font-weight:bold;
	color: #FFF;
}
#menu ul{
	padding-left:0px;
	margin-left:0px;
	background-color:#FFF;
	border-left: 8px solid #FF9B00;
}
#menu li a{
	color:#828282;
	padding:0px;
	margin:0px;
}
#menu li a, #menu dt a {
	text-decoration: none;
	display: block;
	height: 18px;
	border: 0px;
	padding-top:2px;
}
#menu dt a:hover {}
#menu li a:hover{
background: #FFE6BF;
}
*/

#middle{
 	height:600px;
	width:1024px;
	text-align:left;
	z-index:2;
	margin:0px;
	padding:0px;
	}

#headline {
	margin:0px;
	padding-left:135px;
	height:85px;/*Statt 124px*/
}
.titel {
	color: #828282;
	font-size: 16pt;
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	font-weight:bold;
	letter-spacing: 2px;
	display: block;
	/*word-spacing: 8px;*/
	margin:0px;
	padding:0px;
}

.untertitel {
	margin:0px;
	padding:0px;
	letter-spacing: 1px;
	color: #828282;
	display: block;
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	font-size: 9pt;
	padding:0px;
}
.untertitelStart {
	margin-left:135px;
	padding:0px;
	letter-spacing: 1px;
	color: #828282;
	display: block;
	font-size: 9pt;
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	font-weight:bold;
	padding:0px;
}

.description {
	clear:both;
	display:block;
}

.descriptionTitel {/*Siehe die 4-screen Seite*/
	margin-top:0px; 
	margin-bottom:0px; 
	color:#828282;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size:9pt; 
	font-weight:bold;
	}
#content {
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size:9pt;
	width:794px;
	height:476px;
	margin-left:135px;
	padding:0px;
	overflow:auto;
	SCROLLBAR-FACE-COLOR: #EBEBEB;
	SCROLLBAR-SHADOW-COLOR: #828282;
	SCROLLBAR-DARKSHADOW-COLOR: #828282; 
	SCROLLBAR-ARROW-COLOR: #FF9B00; 
	SCROLLBAR-BASE-COLOR: #828282;
  	scrollbar-track-color:#FFF;
}

#section {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:9pt; 
	width:774px;
	border:0px;
	padding:0px;
	margin:0px;
	/*overflow:auto;*/
}
#section img {
	/*margin:0px;
	padding:0px;*/
	clear:both;
	display:block;

}

#section td {
	/*width: 144px; wird lokal bestimmt*/
	text-align:left;
	vertical-align:top;
	margin:0px;
	padding:0px;
	border:0px;
}

#section .secLink {
	text-align:left;
	text-decoration:none;
	font-weight: bold;
	font-size:9pt;
	padding:0px;
	margin:0px;
	/*font-size:9pt;
	height:35px;*/
}
#section .secLink a{
	/*color:#CCCCCC;*/
	color:#828282;
	padding:0px;
	margin:0px;
}

#section dl{
	float:left;
	padding:0px;
	margin-right:4px;
}


#section dd {
	width:148px; 
	margin-right:8px;
	padding:0px;
	margin:0px;
/*border: 1px solid gray;*/
}


#section li {
	margin:0px;
	text-align: left;
	background: #fff;
	height:20px;
	text-decoration:none;
	border-bottom: 1px solid #FF9B00;
	list-style-type:none;
	text-indent:8px;
	color:#828282;
}
#section ul {
	padding:0px;
	margin:0px;
	background-color:#FFF;
}

#section li a {
	color:#828282;
	width:100%;
	height:100%;
}
#section li a.aktionLink2 {
	background-color:#FFFFFF;
	color:#FF9B00;
	font-weight:bold;
}
#section li a.aktionLink {
	background-color:#FF9B00;
	color:#FFFFFF;
	font-weight:bold;
}
#section li a:hover .aktionLink {
	color:#828282;
	border-right:8px;
}
#section li a, #section .secLink a{
	/*color: #000;*/
	text-decoration: none;
	display: block;
	border: 0px;
	padding:0px;
	margin:0px;
	text-indent:8px;
	line-height:20px;
}
#section .secLink a:hover {
	color:#CCCCCC;
	padding:0px;
	margin:0px;
	line-height:20px;
}
#section li a:hover{
	background: #FFE6BF;
	padding:0px;
	margin:0px;
	}

#subSections {
	font-family:Arial, Verdana, Helvetica, sans-serif; 
	width:774px;
	border:0px;
	padding:0px;
	margin:0px;
	font-size:9pt;
	/*overflow:auto;*/
}

#subSections a.secLink {
	text-align:left;
	padding-left:8px;
	text-decoration:none;
	font-weight: bold;
	font-size:9pt;
	color:#828282;
	margin:0px;
	padding-top:0px;
	padding-bottom:0px;
	/*font-size:9pt;
	height:35px;*/
}
.subSection {
	margin-right:8px;
	margin-bottom:20px;
	padding:0px;
	width:144px;
	height:300px;
	float:left;
	}
.subSection table {
	margin:0px;
	padding:0px;
}
.subSectionImage { 
	vertical-align:bottom;
	line-height:216px;
	width:144px;
	padding:0px;
	margin:0px;
	text-align:center;
}
.subSectionDes {
	width:136px;
	clear:both;
	margin:0px;
	padding:0px;
} 

#information { /*4-screens Seite mit Beispiele*/
	margin:0px;
	padding:0px;
	width:798px;
	height:441px;
	/*overflow:auto;*/
}
#productUndpreisTabelleUndInfoPdf {
	clear:both;
	/*float:none;
	height:auto;*/
	width:774px;
	margin:0px;
	padding-bottom:40px;
}
#preisTabelleUndInfoPdf {
	padding:0px;
	margin:0px;
	width:306px;
	float:right;
	clear:right;
	background-color:#FFFFFF
}
#infoPdf {
	padding:0px;
	margin-bottom:20px;
	width:306px;
	clear:both;
}
#infoPdf a{
	width:auto;
	height:20px;
	background-color:#FF9900;
	color:#FFFFFF;
	font-weight:bold;
	padding:3px;
}
#infoPdf a:hover{
color:#999999;}

#preisTabelle {/*4-screens Seite mit Beispiele*/
	padding:0px;
	margin:0px;
	clear:both;
	width:306px;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size:8pt;
	background-color:#FFFFFF
}
#zeile {
	width:100%;
	height:18px;
	border-bottom:1px;
	border-bottom-color:#FF9B00;
	border-bottom-style:solid;
	text-align:center;
	background-color:#FFFFFF;
}
#zeileOhneBorder {
	width:100%;
	height:18px;
	border:0px;
	text-align:center;
}

#preisTabelle table {
	border:0px;
	padding:0px;
	margin:0px;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size:8pt;
	border-collapse:collapse;
	width:100%;
}
#preisTabelle td {/*4-screens Seite mit Beispiele*/
	height:20px;
	padding:0px;
	margin:0px;	
	
	border-bottom:1px;
	border-bottom-color:#FF9B00;
	border-bottom-style:solid;
	vertical-align:middle;
}
.bg_FFE6BF {
	background-color:#FFE6BF;
}

.leftPadding5 {/*4-screens Seite mit Beispiele*/
	float:left;
	line-height:18px; 
	width:243px;
	text-align:left;
	background-color:#FFFFFF;
	vertical-align:middle;
	margin-left:3px;
	padding:0px;
}

.rightPadding5 {/*4-screens Seite mit Beispiele*/
	float:right;
	line-height:18px;
	width:57px;
	text-align:right;
	background-color:#FFFFFF;
	vertical-align:middle;
	margin-right:3px;
	padding:0px;
}

.leftPadding5_2 {/*4-screens Seite mit Beispiele*/
	float:left;
	line-height:18px; 
	/*width:243px;*/ 
	width:306px;
	text-align:left;
	background-color:#FFFFFF;
	vertical-align:middle;
	padding:0px;
}

.rightPadding5_2 {/*4-screens Seite mit Beispiele*/
	float:right;
	line-height:18px;
	/*width:57px;*/
	width:306px;
	text-align:right;
	background-color:#FFFFFF;
	border-bottom-color:#CC6633;
	vertical-align:middle;
	padding:0px;
}

.boldOrange {/*4-screens Seite mit Beispiele*/
	font-weight:bold;
	color:#FF9B00;
	}
.boldOrangeSale {/*4-screens Seite mit Beispiele*/
	font-weight:bold;
	font-size:18px;
	color:#FF9B00;
	}
#product {/*4-screens Seite mit Beispiele*/
	padding:0px;
	margin-left:0px;
	margin-right:4px;
	float:left;
	clear:left;
	width:464px;
}
#productImage {
	padding:0px;
	margin-right:4px;
	float:left;
	clear:left;
	width:144px;
}
#productDescription {
	padding:0px;
	margin:0px;
	float:right;
	clear:right;
	width:316px;

}
ul.feature{
	list-style-type:square;
	list-style-position:outside;
	/*margin:0px;
	padding:0px;
	*/
}
ul.accessories {
	list-style-type: disc;
	list-style-position:outside;
	/*margin:0px;
	padding:0px;
	*/
	}
#productDescription li {
	padding:0px;
	margin:0px;
}

#productDescription a{
	background-color:#FF9900;
	color:#FFFFFF;
	font-weight:bold;
	padding:3px;
	margin-left:40px;
}
#productDescription a:hover{
color:#999999;}

#examples {/*4-screens Seite mit Beispiele*/
	/*padding-top:30px;*/
	margin:0px;
	width:774px;
	clear:both;
}
.example{/*4-screens Seite mit Beispiele*/
	margin-right:8px;
	margin-bottom:8px;
	padding:0px;
	width:144px;
	height:120px;
	float:left;
	text-align:center;
}

.exampleImage { 
	width:144px;
	height:106px;
	margin-top:8px;
	margin-bottom:8px;
	margin-left:0px;
	margin-right:0px;
	padding:0px; 
	vertical-align:middle;
	text-align:center;
	}
.exampleImageSale { 
	width:207px;
	margin-top:8px;
	margin-bottom:8px;
	margin-left:0px;
	margin-right:0px;
	padding:0px; 
	vertical-align:middle; 
	text-align:center;
	}

#QTMovies {
	clear:both;
	padding-top:20px;
}
.bold828282 {
	color:#828282;
	font-weight:bold;
}
.bold828282_12pt {
	color:#828282;
	font-weight:bold;
	font-size:14pt;
}
#referenzen 
{
	margin:0px;
	padding:0px;
	width:774px;
	height:441px;
	color:#828282;
	/*overflow:auto;*/
}
.referenz 
{
	margin-bottom:20px;
	padding:0px;
	text-align:left;
	color:#828282;
	font-size:9pt;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-weight:bold;
	clear:both;
}
/*
.referenz 
{
	margin-top:8px;
	margin-bottom:8px; 
	margin-left:0px;
	margin-right:0px;
	padding:0px;
	height:118px;
	float:left;
	text-align:center;
	width:259px;
}
*/
.referenzImage {
	width:259px;
	height:90px;
	padding:0px;
	margin-top:8px;
	margin-bottom:8px;
	margin-left:0px;
	margin-right:0px; 
	vertical-align:middle; 
	text-align:center;

}
#kontakt 
{
clear:both;
margin:0px;
padding-top:10px;
text-align:left;
}
#adresse 
{
float:left;
width:400px;
text-align:left;
clear:both;
}
#impressum 
{ 
	padding-top:20px;
	clear:both;
}
#anfahrt 
{
padding-top:20px;
clear:both;
}
.employee 
{
	width:144px;
	height:400px;
	float:left;
	margin-right:8px;
	padding:0px;
	text-align:left;

}
.left {
	float:left;
}
.right {
	float:right;
}

/*War bei der 25 jährigen Jubiläum : bei mouse over erscheint das bild
  <a class="thumbnail" href="#thumb">
*/

/* === OnMouseOver display thumb*/
a.thumbLink{ 
    position:relative; 
    z-index:1; 
    color:#000; 
    text-decoration:none} 

a.thumbLink:hover{
	border:none;
	z-index:2;
}

a.thumbLink span{
display: none;
} 

a.thumbLink:hover span{ 
    display:block; 
    position:absolute; 
	/*background-image: url(tmb/4-screen_01.jpg);
	background-repeat:no-repeat;*/
    top:0px; left:-50px;width:auto; height:auto; /*width:250px; height:300px;*/
     } 



/* ================================ Ende des mittleren Bereichs der Seite
*/
#link_to_taube{
position:relative;
top: 735px;/*-30px;*/
float:left; height:30px; 
color:#FFF;
/*background-color:#000000;*/
margin:0;
padding:0;
width:1024px;
}
#link_to_taube a {
 margin: 0; padding: 0.25em; text-decoration: none; color:#FF9B00; font-weight:bold; background-color:#FFF;
}
/* ================================ Der untere Bereich der Seite*/

#footer{
	height:69px;
	background-image:   url(../grafik/leiste_unten.gif);
	background-repeat: no-repeat;
	background-position: top left;
	margin:0px auto;
	width:1024px;
}
#copyrights {
	float:right;
	margin-top:50px;
	margin-right:5px;
	color:#FFFFFF;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size:9pt;

}

/* ================================ Ende des unteren Bereichs der Seite*/