/* CSS Document */
body                 { color: black; font: 11px/16px Verdana, Arial, Helvetica, Geneva, Swiss, SunSans-Regular; background: transparent url(../images/22_01/back_pix.jpg) repeat-x 0px 0px; margin: 0px; padding: 0px }

/*----Body main----*/
.body_content     { background: transparent url(../images/22_01/back_content.jpg) no-repeat 0px 0px; text-align: left; width: 539px; height: auto }

div.content_er    { 
color: black; 
font-size: 11px; 
line-height: 16px; 
background: #f5f5f5 repeat 0px 0px; 
margin: 0px; 
padding-left: 10px;
padding-right: 10px;  
border: solid 1px #cdcdcd }

ul{list-style-type:none}


/* >> i-fekt Gallery */
	/* &#65533;bersichtsseite */
	div.ifgallery {
		margin: 5px 0;
		width: 100%;
		font-size: 11px;
	}
	div.gallery {
		margin: 55px 0;
		width: 100%;
		font-size: 11px;
	}
	div.gallery a {
		color: #fff;
		font-size: 11px;
	}
	div.gallery a:hover {
		color: #b22222;
	}
	div.gallery div.cont {
		width: 100%;
	}
	div.gallery table.gTable td {
		vertical-align: top;
		padding-bottom: 5px;
	}
	div.gallery td.gallery_image div.link {
		border: 1px solid #333;
		margin-top: 5px;
		height: 65px;
		width: 100px;
		overflow: hidden;
		text-align: center;
	}
	div.gallery td.gallery_image div.link a img {
		filter: Gray();
		-moz-opacity:0.6;
	}
	div.gallery td.gallery_image div.link a:hover img {
		filter: none();
		-moz-opacity: 1;
	}
	div.gallery div.medianame {
		display: none;
	}
	div.gallery div.description {
		display: none;
	}
	/* Hover Thumb in der &#65533;bersicht */
	div.gallery #trailimageid {
		position: absolute;
		visibility: hidden;
		left: 0;
		top: 0;
		height: 1px;
		z-index: 5000;
	}
	/* Detailansicht */
	div.gallery div.gallery_detail {
		position: absolute;
		width: auto;
		top: auto;
		left: auto;
		z-index: 500;
	}
	div.gallery div.gallery_detail div.cont {
		position: absolute;
		top: -300px;
		left: -100px;
		width: 450px;
		background: #000;
		border: 10px solid #fff;
		border-bottom: 0;
		z-index: 600;
	}
	* html div.gallery div.gallery_detail div.cont {
		width: 500px;
	}
	/* Allgemein Links */
		div.gallery div.gallery_detail a {
			color: black;
		}
		div.gallery div.gallery_detail a:hover {
			color: #ff8c00;
		}
		div.gallery div.gallery_detail div.image {
			text-align: center;
			margin-bottom: 5px;
		}
		/* Bild */
		div.gallery div.gallery_detail div.image {
		}
		/* Breitenangaben der Container */
		div.gallery div.gallery_detail h3,
		div.gallery div.gallery_detail p.description,
		div.gallery div.gallery_detail div.option,
		div.gallery div.gallery_detail div.back,
		div.gallery div.gallery_detail table.galleryNav {
			text-align: left; /* Nicht entfernen */
			width: 95%;
		}
		/* &#65533;berschrift */
		div.gallery div.gallery_detail h3 {
			margin: 10px auto 5px auto;
			color: white;
			text-align: left;
		}
		/* Beschreibung */
		div.gallery div.gallery_detail p.description {
			margin: 0 auto;
			text-align: left;
		}
		/* Optonen */
		div.gallery div.gallery_detail div.option {
			text-align: left;
			margin: 10px auto;
			display: none;
		}
		/* PopUp Link */
		div.gallery div.gallery_detail span.popup {
		}
		/* Download Link */
		div.gallery div.gallery_detail span.download {
		}
		div.gallery div.gallery_detail span.download span.size {
		}
	/* Navigation Detailansicht */
		div.gallery div.gallery_detail div.gTop,
		div.gallery div.gallery_detail div.gBottom {
			width: 100%;
			background: white;
			text-align: left;
			padding: 2px 0;
			margin-top: 10px;
		}
		div.gallery div.gallery_detail div.gTop {
			display: none;
		}
		div.gallery div.gallery_detail div.gTop table.galleryNav,
		div.gallery div.gallery_detail div.gBottom table.galleryNav {
			width: 95%;
			margin: 0 auto;
		}
		div.gallery div.gallery_detail div table.galleryNav td.next,
		div.gallery div.gallery_detail div table.galleryNav td.back,
		div.gallery div.gallery_detail div table.galleryNav td.prev {
			width: 33%;
		}
		div.gallery div.gallery_detail div table.galleryNav td.back {
			text-align: center;
		}
		div.gallery div.gallery_detail div table.galleryNav td.next {
			text-align: right;
		}
		div.gallery div.gallery_detail div a {
		}
		div.gallery div.gallery_detail div a:hover {
		}
/* << */


/* >> Lightbox Gallery */
	/* >> >> Allgemeine Angaben */
		div.ligallery div.gallery h3 {
			font-size: 10px;
		}
		div.ligallery div.gallery div.description {
			font-size: 10px;	
		}
		div.ligallery div.gallery div.medianame {
			display: block;
		}
		div.ligallery div.gallery div.description {
			display: block;
		}
		div.ligallery div.gallery div.galleryNav {
			background: #0f0f0f;
			text-align: center;
			padding: 1px 0;
		}
		div.ligallery div.gallery div.galleryNav a {
			padding: 0 5px;
		}
/* << */





/*----Header and Body Left Menu----*/
.header    { background: transparent url(../images/22_01/header.jpg) no-repeat; width: 800px; height: 306px }
.beige  { background: transparent url(../images/22_01/right.jpg) repeat }
.top   { background: transparent url(../images/22_01/red.jpg) repeat 0px 0px; width: auto; height: auto }

.red  { background: transparent url(../images/22_01/red.jpg) repeat; width: 20px; height: auto }
.right  { background: transparent url(../images/22_01/right.jpg) repeat; width: 20px; height: auto }

.nav_back   { background: transparent url(../images/22_01/nav_back.jpg) repeat; 0px 0px; width: 300px; height: auto }
.navi_right  { background: transparent url(../images/black/Bilder/navi_cont.jpg) no-repeat; width: 31px; height: 445px }


h1
           { color: black; font-weight: bold; font-size: 11px; line-height: normal; background: transparent url(../images/22_01/nav_back.jpg) repeat 0px 0px; text-indent: 8px; letter-spacing: 1px; margin: 0px 0px 0px; padding: 3px 8px 2px 0px; height: auto }
h2
         { color: #ffffff; font-weight: bold; font-size: 11px; line-height: normal; background: transparent; text-indent: 8px; margin: 0px; padding: 3px 8px 2px 0px; border-style: solid none solid none; border-width: 1px 0px 1px 0px; border-color: white; height: 18px }

h3
          { color: #A9A9A9; font-weight: normal; font-size: 11px; line-height: normal; background: transparent repeat; margin: 0px }
          
h4
          { color: #a9a9a9; font-weight: bold; font-size: 11px; line-height: normal; background-color: transparent; text-indent: 8px; margin: 0px; padding: 3px 8px 2px 0px; border-style: solid none solid none; border-width: 1px 0px 1px 0px; border-color: #dcdcdc; height: 18px }
          
          
.footer        { color: white; font-size: 11px; background: transparent url(../images/22_01/red.jpg) repeat; text-align: right; padding-top: 2px; padding-right: 120px; height: 22px }

.td_back      { background: transparent url(../images/22_01/back_content.jpg) repeat-x; border-style: none solid solid none; border-width: medium 1px 1px medium; border-color: #cdcdcd }

div.content    { background: #000000 repeat 0px 0px; margin: 0px; padding-left: 15px; border: solid 1px #cdcdcd }

p     { color: #000000; font-size: 11px; line-height: 16px; background-color: transparent; margin: 0px 5px 8px 0px; padding: 5px }

b     { color: #A9A9A9; font-size: 11px; line-height: 16px }

.img_text  { padding: 0px; border: solid 1px black }
.img_big  { padding: 0px; margin: 0px }



/*----navigationspfad----*/
#navipath {
	padding:5px;
	padding-bottom:10px;
	background-color:transparent;
	color:#cdcdcd;
	width:388px;
}


A           { color: #a9a9a9; font-weight: normal; font-size: 11px; font-family: Tahoma, Verdana, sans-serif; text-decoration: underline }
A:hover    { color: #cdcdcd; text-decoration: underline }

 /*----mainnavigation----*/
a.navileft_passive         { color: black; text-decoration: none; background: transparent url(../images/22_01/nav.jpg) repeat-y 0px 0px; text-indent: 15px; margin: 0px; padding-top: 2px; border-bottom: 1px solid white; height: 22px; display: block }
a.navileft_passive:hover         { color: white; text-decoration: none; background: transparent url(../images/22_01/nav_over.jpg) repeat-y 0px 0px; text-indent: 15px; margin: 0px; padding-top: 2px; border-bottom: 1px solid white; height: 22px; display: block }

a.navileft_active    { color: #b22222; font-weight: 600; background: transparent url(../images/22_01/nav_over.jpg) repeat-y 0px 0px; text-indent: 15px; margin: 0px; padding-top: 2px; border-bottom: 1px solid white; height: 22px; display: block } 
a.navileft_active:hover    { color: white; font-weight: 600; background: transparent url(../images/22_01/nav_over.jpg) repeat-y 0px 0px; text-indent: 15px; margin: 0px; padding-top: 2px; border-bottom: 1px solid white; height: 22px; display: block } 

a.navileft_open     { color: black; font-weight: 600; background: transparent url(../images/22_01/nav_over.jpg) repeat-y 0px 0px; text-indent: 15px; margin: 0px; padding-top: 2px; border-bottom: 1px solid white; height: 22px; display: block } 
a.navileft_open:hover     { color: white; font-weight: 600; background: transparent url(../images/22_01/nav_over.jpg) repeat-y 0px 0px; text-indent: 15px; margin: 0px; padding-top: 2px; border-bottom: 1px solid white; height: 22px; display: block } 

