@charset "UTF-8";
/* @group Common */
body { margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.33em; color: #fff; background: #900 url(/CSS/Bilder/Navbar/LEER.gif) repeat-y fixed left top; }

html, body, textarea, div { scrollbar-face-color: #900 !important; scrollbar-highlight-color: #fff !important; scrollbar-shadow-color: #fff !important; scrollbar-3dlight-color: #900 !important; scrollbar-arrow-color: #fff !important; scrollbar-track-color: #900 !important; scrollbar-darkshadow-color: #900 !important; }

h2 { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 1.8em; line-height: 2em; font-weight: normal; color: #fff; background-color: transparent; }

a:link { text-decoration: none; color: #f00; padding-left:1px; padding-right:1px; }
a:visited { text-decoration: none; color: #f96 }
a:hover { text-decoration: none; color: #fff; background-color: #c30; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
a:active { text-decoration: none; color: #fff; }

.Zoom { cursor: crosshair; }
.clearer { width:99%; height:1px; margin-bottom:-1px; clear:both; display:block; }
/* @end */


/* @group Navigation */
#Menu, .Menu { height: 400px; width: 123px; left: 0; top: 167px; position: fixed; visibility: visible; overflow: hidden; z-index: 1000; }
a.Button, a.Button:visited { text-decoration: none; color: #fff !important; text-align:center; font-weight:bold; line-height:24px; background: transparent url(/Assets/images/link_BG.png) top left; display:block; width:123px; height:24px; margin:0 0 3px 0; }
a.Button:hover { background: transparent url(/Assets/images/link_BG.png) center; }
a.Button:active { background: transparent url(/Assets/images/link_BG.png) top right; color: #900 !important; }
#Home, .Home { height: 26px; width: 26px; left: 48px; top: 135px; position: fixed; overflow: hidden; z-index: 1000; }
#Sitemap, .Sitemap { height: 26px; width: 26px; left: 48px; top: 400px; position: fixed; overflow: hidden; z-index: 1000; }
#Home a, .Home a { background: transparent url(/CSS/Bilder/Navbar/exit.gif) top left repeat; }
#Sitemap a, .Sitemap a { background: transparent url(/CSS/Bilder/Navbar/sitemap.gif) top left repeat; }
a.miniButton { text-decoration: none; color: #fff; text-align:center; font-weight:bold; line-height:24px; display:block; overflow:hidden; width:26px; height:52px; margin:-26px 0 0 0; }
#Home a:hover, #Sitemap a:hover, .Home a:hover, .Sitemap a:hover { background-position:-26px 0; }
/* @end */


/* @group Thumbnails */
#Thumbs { font-size: 0.8em; line-height: 10px; text-decoration: none; text-align: right; vertical-align: top; width: 105px; position: fixed; top: 0; right: 0; bottom: 0; height: auto; overflow: auto; overflow-x: visible; margin: 0; padding: 8px; z-index: 100; background-color: transparent; }
#Thumbs a { display:block; }
#Thumbs a div img { margin:-1px 0 0 -1px; }
#Thumbs a div { border:1px solid #c66; }
a.Thumb { text-decoration: none; margin-bottom: 10px; }
a.Thumb:hover, a.Thumb:active, #Thumbs a:hover { text-decoration: none; color: #fff; background-color: transparent; }
a img.Thumb { opacity: 0.7; -moz-opacity: 0.7; filter: Alpha(opacity=70, style=0); margin: 0; border: 1px solid #900; }
a:visited img.Thumb { opacity: 0.3; -moz-opacity: 0.3; filter: Alpha(opacity=30, style=0); }
a:hover img.Thumb { opacity: 1; -moz-opacity: 1; filter: Alpha(opacity=100, style=0); }
/* @end */

#Intro { position: fixed; left: 50%; top: 50%; margin-left: -133px; margin-top: -150px; width: 266px; height:266px; z-index: 2; text-align: center; vertical-align: middle; }

#loader { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #900 url(/Assets/images/loading.gif) no-repeat center center; opacity: 0.8; z-index:100; }

/* @group Malerei */
#Container_M { position: relative; display: block; font-size: 0.9em; line-height: 1.2em; text-decoration: none; text-align: center; vertical-align: top; padding: 0; color: #fff; width: auto; margin: 0; top: 0; left: 0; right: -14px; }
#Galerie_Bild { text-align: center; position: relative; top: 0; left: 0; width: 100%; padding: 0; margin:20px 0 0 0; }
#Galerie_Titel { font-size: 1em; line-height: 1.2em; text-align: center; position: relative; top: 0; left: 0; width: 100%; clear: both; font-weight: bold; padding: 0; margin:15px 0 5px 0; top: 0; left: 0; right: 0; }
.Untertitel { font-weight: normal; font-style: normal; margin: 0; padding: 0; }
#Galerie_Daten { position: relative; font-size: 0.8em; text-align: center; width: 100%; height: auto; clear: both; margin:5px 0 10px 0; padding: 0; top: 0; left: 0; right: 0; left: 0; bottom: 0; }
/* @end */


/* @group Pola (Plastik)  */
#Container_P { position: relative; display: block; font-size: 0.9; line-height: 1.2; vertical-align: top; padding: 0; color: #900; width: auto; margin: 0; top: 10px; left: 0; right: -14px; height:720px; }

#infolinks_P { position: absolute; top: -37px; width: 100%; height: 22px; z-index: 5; overflow: hidden; text-align: right; color: #fff; right: -16px; }
img.infolink_P:hover, img.infolink_P.current { top: -22px; position: relative; }

.zweites { border-left: 15px solid #fff; }

#Bild { position: absolute; text-align:center; top:30px; left:50%; overflow:visible; color: #900; background-color: #fff; margin:10px; display:block; }
#o_l { position: absolute; height: 22px; background-image: url(/Galerien/assets/uplftcorner.jpg); background-repeat: no-repeat; width: 24px; left: -24px; top:-22px; }
#o_m { position: absolute; height: 22px; background-image: url(/Galerien/assets/upmid.jpg); background-repeat: repeat-x; width: 100%; left: 0; top:-22px; }
#o_r { position: absolute; height: 22px; background-image: url(/Galerien/assets/uprtcorner.jpg); background-repeat: no-repeat; width: 29px; right: -29px; top:-22px; }
#l_m { position: absolute; height: 100%; background-image: url(/Galerien/assets/midlft.jpg); background-repeat: repeat-y; width: 24px; left: -24px; top:0; }
#r_m { position: absolute; height: 100%; background-image: url(/Galerien/assets/midrt.jpg); background-repeat: repeat-y; width: 29px; right: -29px; top:0; }

#u_l { position: absolute; height: 62px; background-image: url(/Galerien/assets/btmlftcorner.jpg); background-repeat: no-repeat; width: 24px; left: -24px; bottom:-72px; z-index: 0; padding-top: 10px; }
#u_m { position: absolute; height: 62px; background-image: url(/Galerien/assets/btmmid.jpg); background-repeat: repeat-x; width: 100%; left: 0; bottom:-72px; z-index: 0; padding-top: 10px; font-size: 0.75em; line-height: 1.5em; }
#u_r { position: absolute; height: 62px; background-image: url(/Galerien/assets/btmrtcorner.jpg); background-repeat: no-repeat; width: 29px; right: -29px; bottom:-72px; z-index: 0; padding-top: 10px; }

#u_m b { font-size: 1.2em; }
/*  @end */


/* @group Launen */
#Content { position: relative; z-index: 5; vertical-align: middle; text-align: justify; margin-left: auto; margin-right: auto; }

#Textblock { position: relative; height: 100%; z-index: 4; vertical-align: middle; font-size: 1em; line-height: 1.2em; text-align: justify; padding-left: 10px; padding-right: 10px; margin-left: auto; margin-right: auto; max-width:650px; }

#Bild_L { float: left; }

#Bild_L img.Zettel { left: -3px; position: relative; top: 2px; margin-bottom: -2px; }
#Bild_L img.Foto { position: relative; top: 0; left: 0; margin-bottom: 5px; margin-right: 10px; margin-top: 5px; }

#Bild_R { float: right; }

#Bild_R img.Zettel { position: relative; right: -7px; top: 2px; margin-bottom: -2px; }
#Bild_R img.Foto { position: relative; top: 0; right: 0; margin-bottom: 5px; margin-left: 10px; margin-top: 5px; }

#Bild_M { float: none; clear: both; text-align: center; overflow: hidden; }

#Bild_L, #Bild_M, #Bild_R { display:block; }

#DetailLink { left: 0; bottom: 0; width: 100%; height: 18px; z-index: 4; vertical-align: middle; text-align: right; padding-top: 20px; padding-bottom: 20px; clear: both; }
#DetailLink_L { left: 0; bottom: 0; width: auto; height: 18px; z-index: 4; vertical-align: middle; text-align: left; padding-top: 20px; padding-bottom: 20px; clear: left; float: left; }
#DetailLink_R { right: 0; bottom: 0; width: 200px; height: 18px; z-index: 4; vertical-align: middle; text-align: right; padding-top: 20px; padding-bottom: 20px; clear: right; float: right; position: relative; }
#prev { left: -26px; bottom: 32px; width: 25px; height: 32px; z-index: 4; padding: 0; clear: left; float: left; position: relative; }
#next { right: -26px; bottom: 32px; width: 25px; height: 32px; z-index: 4; padding: 0; clear: right; float: right; position: relative; }
#next a, #prev a, #next a:hover, #next a:active, #prev a:hover, #prev a:active { width: 25px; height: 32px; border:none; padding:0; text-decoration: none; color: #900; background-color: transparent; }
/* @end */


/* @group Containers */
#mainContainer { font-size: 1em; line-height: 1.33em; text-decoration: none; vertical-align: top; position: absolute; top: 0; right: 0; bottom: 0; left: 123px; height: auto; overflow: auto; padding: 8px; background-color: #900; color: #fff; width: auto; margin: 0; }
#Container { font-size: 1em; line-height: 1.33em; color: #fff; text-decoration: none; text-align: justify; vertical-align: top; position: fixed; top: 0; right: 123px; bottom: 0; left: 123px; width: auto; height: 100%; overflow: auto; padding: 0; background-color: transparent; margin:0; }
/* #Container_M { } */
/* @end */


/* @group Input */
input { border: 0px #900; background-color: #900; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 1.3em; color: #fff; }
input:focus { border: 0px #900; background-color: #c33; }
textarea { border: 0px #900; border-bottom: 1px dotted #fff; background-color: #900; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 1.3em; color: #fff; scrollbar-face-color: #900; scrollbar-highlight-color: #fff; scrollbar-shadow-color: #fff; scrollbar-3dlight-color: #900; scrollbar-arrow-color: #fff; scrollbar-track-color: #900; scrollbar-darkshadow-color: #900; }
textarea:focus { border: 0px #900; border-bottom: 1px dotted #fff; background-color: #C33; }
select { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 1.2em; color: #fff; background-color: #900; }
input.button { cursor: pointer; font-weight: bold; font-size: 1,5em; width:150px; }
/* @end */


/* Mozilla und IE Unfug austreiben: */
:active, :focus { outline: none; -moz-outline-style: none; }
a img, :link img, :visited img { border: none; }