@font-face { font-family:bauhaus-light; src:url('bauhaus-light.eof'); }
@font-face { font-family:bauhaus-light; src:url('bauhaus-light.ttf'); }

body,button,a,input,p,td,tr,table,h1,h2,h3,h4,h5,h6,div,span,textarea  {font-family:Verdana, Tahoma, Arial, sans-serif; color:#333333; }
body,button,a,input,p,td,tr,table,div,span,textarea {font-size:1em;}

body { padding:0px; margin:0px; }
body.vorschau {background-color:#ffffcc; padding:5px; background-image:none; container:vorschaucontainer/inline-size;}

p {margin:0px; padding:0px;}

h1 {font-size:1.5em; font-weight:bold}
h2 {font-size:1.4em; font-weight:bold}
h3 {font-size:1.3em; font-weight:bold}
h4 {font-size:1.2em; font-weight:normal}
h5 {font-size:1.1em; font-weight:bold}
h6 {font-size:1.1em; font-weight:normal}

a:link { font-weight:normal; color:#333333;  text-decoration:underline;}
a:visited {font-weight:normal; color:#333333; text-decoration:underline; }
a:focus { font-weight:normal; color:#333333;  text-decoration:none;}
a:hover {font-weight:normal; color:#333333; text-decoration:none; }
a:active { font-weight:normal; color:#333333; text-decoration:none; }

img {border:0px solid black; margin:2px; display:inline;}
img.button {cursor:pointer}
div#inhalt2 img, body.vorschau img {box-shadow:8px 8px 12px #999999; border:1px solid grey; max-width:95%}

button {border-width:2px 1px 2px 1px; border-color:#cc8800; border-style:solid; background-color:#ffffcc; font-weight:bold}
button:hover {background-color:#ffffee;}
button:focus{background-color:#ddddaa;}

table {border-collapse:collapse; border:1px solid #222222; margin:2px 10px 8px 10px; empty-cells:show; width:auto; max-width:460px; table-layout:fixed;}
td { border:1px solid #222222; padding:3px; vertical-align:top; text-align:center;}
table.adaptivetabelle {margin:0px; width:100%; border-width:0px;}
table.adaptivetabelle td, table.adaptivetabelle tr {padding:0px;border-width:0px;}
@media  (max-width:800px) {
table.adaptivetabelle td , table.adaptivetabelle tr {display:inline-block;width:100% }
}
@container vorschaucontainer (max-width:799px) {
table.adaptivetabelle td, table.adaptivetabelle tr {display:inline-block;width:100% }
}


input[type=button], input[type=submit], button {font-family:'bauhaus-light','bauhaus', bauhaus; font-size:17px; padding:2px 4px; border:1px solid silver; border-radius:15px; margin:3px 4px;}

div {border:solid 0px black; text-align:left; margin:auto; padding:3px; }
div.seiteninhaltsblock {margin:0px -20px; padding:3px 23px;}

ul {list-style-type:disc;}


/*sitemap*/
a.sitemaplink:link {display:block; text-decoration:none;}
a.sitemaplink:visited {display:block; text-decoration:none;}
a.sitemaplink:focus {display:block; text-decoration:none;}
a.sitemaplink:hover {display:block; text-decoration:none;}
a.sitemaplink:active {display:block; text-decoration:none;}

a.sitemap1:link {font-weight:bold; font-size:13pt; margin:10px 0px 0px 20px;}
a.sitemap1:visited {font-weight:bold; font-size:13pt; margin:10px 0px 0px 20px;}
a.sitemap1:focus {font-weight:bold; font-size:13pt; margin:10px 0px 0px 20px;}
a.sitemap1:hover {font-weight:bold; font-size:13pt; margin:10px 0px 0px 20px;}
a.sitemap1:active {font-weight:bold; font-size:13pt; margin:10px 0px 0px 20px;}

a.sitemap2:link { margin:2px 0px 0px 150px;}
a.sitemap2:visited { margin:2px 0px 0px 150px;}
a.sitemap2:focus { margin:2px 0px 0px 150px;}
a.sitemap2:hover {margin:2px 0px 0px 150px;}
a.sitemap2:active { margin:2px 0px 0px 150px;}

a.sitemap3:link {margin:2px 0px 0px 150px;}
a.sitemap3:visited {margin:2px 0px 0px 150px;}
a.sitemap3:focus {margin:2px 0px 0px 150px;}
a.sitemap3:hover {margin:2px 0px 0px 150px;}
a.sitemap3:active {margin:2px 0px 0px 150px;}






/*Galerie*/
div.galeriediv {width:100%; height:auto; border:solid 0px white; text-align:center; margin:5px auto; padding:0px;}
div.galeriedivseparat {width:auto; height:auto; border:solid 0px green; text-align:right; margin:5px auto; padding:0px; display:block; text-align:center;}

img.galerieklein {vertical-align:middle; border:1px solid #bbbbbb;}

p.galerietext {margin:10px 0px 0px 20px; display:block; text-align:left; display:none;}

button.galeriebutton {margin-right:auto; margin-left:auto; text-align:center;}




/*lytebox*/
#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; background-color: #000000;}
	#lbOverlay.grey { background-color: #000000; }
	#lbOverlay.red { background-color: #330000; }
	#lbOverlay.green { background-color: #003300; }
	#lbOverlay.blue { background-color: #011D50; }
	#lbOverlay.gold { background-color: #666600; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
	#lbOuterContainer.grey { border: 3px solid #888888; }
	#lbOuterContainer.red { border: 3px solid #DD0000; }
	#lbOuterContainer.green { border: 3px solid #00B000; }
	#lbOuterContainer.blue { border: 3px solid #5F89D8; }
	#lbOuterContainer.gold { border: 3px solid #B0B000; }

#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
	#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }
	#lbDetailsContainer.red { border: 3px solid #DD0000; border-top: none; }
	#lbDetailsContainer.green { border: 3px solid #00B000; border-top: none; }
	#lbDetailsContainer.blue { border: 3px solid #5F89D8; border-top: none; }
	#lbDetailsContainer.gold { border: 3px solid #B0B000; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
	position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(http://zubehoer.tjr-webdesign.de/werkbilder/loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(http://zubehoer.tjr-webdesign.de/werkbilder/blank.gif) no-repeat; display: block; left: 0; float: left; }
	#lbPrev:hover, #lbPrev:visited:hover { background: url(http://zubehoer.tjr-webdesign.de/werkbilder/prev_grey.gif) left 15% no-repeat; }
	#lbPrev.red:hover, #lbPrev.red:visited:hover { background: url(http://zubehoer.tjr-webdesign.de/werkbilder/prev_red.gif) left 15% no-repeat; }
	#lbPrev.green:hover, #lbPrev.green:visited:hover { background: url(http://zubehoer.tjr-webdesign.de/werkbilder/prev_green.gif) left 15% no-repeat; }
	#lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(http://zubehoer.tjr-webdesign.de/werkbilder/prev_blue.gif) left 15% no-repeat; }
	#lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url(http://zubehoer.tjr-webdesign.de/werkbilder/prev_gold.gif) left 15% no-repeat; }
	
#lbNext { width: 49%; height: 100%; background: transparent url(http://zubehoer.tjr-webdesign.de/werkbilder/blank.gif) no-repeat; display: block; right: 0; float: right; }
	#lbNext:hover, #lbNext:visited:hover { background: url(http://zubehoer.tjr-webdesign.de/werkbilder/next_grey.gif) right 15% no-repeat; }
	#lbNext.red:hover, #lbNext.red:visited:hover { background: url(http://zubehoer.tjr-webdesign.de/werkbilder/next_red.gif) right 15% no-repeat; }
	#lbNext.green:hover, #lbNext.green:visited:hover { background: url(http://zubehoer.tjr-webdesign.de/werkbilder/next_green.gif) right 15% no-repeat; }
	#lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(http://zubehoer.tjr-webdesign.de/werkbilder/next_blue.gif) right 15% no-repeat; }
	#lbNext.gold:hover, #lbNext.gold:visited:hover { background: url(http://zubehoer.tjr-webdesign.de/werkbilder/next_gold.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
	#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
	#lbPrev2.red, #lbNext2.red, #lbSpacer.red { color: #620000; }
	#lbPrev2.green, #lbNext2.green, #lbSpacer.green { color: #003300; }
	#lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue { color: #01379E; }
	#lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold { color: #666600; }
	
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
	#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
	#lbPrev2_Off.red, #lbNext2_Off.red { color: #FFCCCC; }
	#lbPrev2_Off.green, #lbNext2_Off.green { color: #82FF82; }
	#lbPrev2_Off.blue, #lbNext2_Off.blue { color: #B7CAEE; }
	#lbPrev2_Off.gold, #lbNext2_Off.gold { color: #E1E100; }
	
#lbDetailsData { padding: 0 10px; }
	#lbDetailsData.grey { color: #333333; }
	#lbDetailsData.red { color: #620000; }
	#lbDetailsData.green { color: #003300; }
	#lbDetailsData.blue { color: #01379E; }
	#lbDetailsData.gold { color: #666600; }

#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; background: url(http://zubehoer.tjr-webdesign.de/werkbilder/close_grey.png) no-repeat;}
	#lbClose.grey { background: url(http://zubehoer.tjr-webdesign.de/werkbilder/close_grey.png) no-repeat; }
	#lbClose.red { background: url(http://zubehoer.tjr-webdesign.de/werkbilder/close_red.png) no-repeat; }
	#lbClose.green { background: url(http://zubehoer.tjr-webdesign.de/werkbilder/close_green.png) no-repeat; }
	#lbClose.blue { background: url(http://zubehoer.tjr-webdesign.de/werkbilder/close_blue.png) no-repeat; }
	#lbClose.gold { background: url(http://zubehoer.tjr-webdesign.de/werkbilder/close_gold.png) no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; background: url(http://zubehoer.tjr-webdesign.de/werkbilder/play_grey.png) no-repeat; }
	#lbPlay.grey { background: url(http://zubehoer.tjr-webdesign.de/werkbilder/play_grey.png) no-repeat; }
	#lbPlay.red { background: url(http://zubehoer.tjr-webdesign.de/werkbilder/play_red.png) no-repeat; }
	#lbPlay.green { background: url(http://zubehoer.tjr-webdesign.de/werkbilder/play_green.png) no-repeat; }
	#lbPlay.blue { background: url(http://zubehoer.tjr-webdesign.de/werkbilder/play_blue.png) no-repeat; }
	#lbPlay.gold { background: url(http://zubehoer.tjr-webdesign.de/werkbilder/play_gold.png) no-repeat; }
	
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; background: url(http://zubehoer.tjr-webdesign.de/werkbilder/pause_grey.png) no-repeat;}
	#lbPause.grey { background: url(http://zubehoer.tjr-webdesign.de/werkbilder/pause_grey.png) no-repeat; }
	#lbPause.red { background: url(http://zubehoer.tjr-webdesign.de/werkbilder/pause_red.png) no-repeat; }
	#lbPause.green { background: url(http://zubehoer.tjr-webdesign.de/werkbilder/pause_green.png) no-repeat; }
	#lbPause.blue { background: url(http://zubehoer.tjr-webdesign.de/werkbilder/pause_blue.png) no-repeat; }
	#lbPause.gold { background: url(http://zubehoer.tjr-webdesign.de/werkbilder/pause_gold.png) no-repeat; }