/* CSS Document */

BODY { margin:0; color:#777777; background:#3A0A0B; font-family:Arial,Helvetica,sans-serif; font-size:75%; }

H1 { color:#4A090C; font-size:18px; font-weight:normal; margin:0 0 0.7em 0; }
H2 { color:#4A090C; font-size:16px; font-weight:normal;}
H3 { color:#4A090C; font-size:13px; font-weight:normal;}

P { font-size:11px; line-height:1.5em; margin:1em 0 0.7em 0; }

TH { font-size:10px; }
TD { font-size:10px; }

FORM { display:inline; }
INPUT, SELECT, TEXTAREA { margin:0; border:none; background-color:#FFFFFF; border:1px solid #DDDDDD; font-family:Arial,Helvetica,sans-serif; color:#555555; font-size:12px; }

A { color:#4A090C; text-decoration:none; }
A:hover { color:#A2353A; text-decoration:none; }

/* DESIGN */
#wrapper { position:relative; float:left; width:100%; height:680px; background:url(../pix/bg-body.png) repeat-x; }
#headArea { position:relative; top:0; left:0; width:960px; height:100px; z-index:100; }
#contentArea { position:absolute; top:0; left:0; width:960px; height:570px; }

#logo { position:absolute; left:793px; top:22px; }
#naviMain { position:absolute; left:75px; top:60px; }
#naviSub { position:absolute; left:85px; top:90px; height:36px; background:url(../pix/bg-navi2.png); }
#naviSubSmall { position:absolute; left:69px; top:86px; width:850px; background:url(../pix/bg-navi2small.png); padding-top:6px; }
#naviMeta { position:absolute; left:83px; top:530px; }

/* Navigation */
#naviMain UL { list-style-type:none; margin:0; padding:0; }
#naviMain UL LI { float:left; margin:0 73px 0 0; padding:0; font-size:12px; font-weight:bold; }
#naviMain UL LI A { color:#9F9F9F; padding:0 0 0 15px; background:url(../pix/marker-navi1-0.png) no-repeat left center; }
#naviMain UL LI.act A { color:#581214; background:url(../pix/marker-navi1-1.png) no-repeat left center; }
#naviMain UL LI A:hover { color:#581214; background:url(../pix/marker-navi1-1.png) no-repeat left center; }

/* Subnavigation */
#naviSub UL { list-style-type:none; margin:0; padding:0; }
#naviSub UL LI { float:left; margin:0; padding:0 5px 0 5px; font-size:11px; font-weight:bold; }
#naviSub UL LI A { display:block; color:#AAAAAA; padding:12px 0 0 0; background:url(../pix/marker-navi1-0.png) no-repeat center top; }
#naviSub UL LI.act A { display:block; color:#581214; background:url(../pix/marker-navi1-1.png) no-repeat center top; }
#naviSub UL LI A:hover { color:#581214; }

/* Fussnavigation */
#naviMeta UL { list-style-type:none; margin:0; padding:0; }
#naviMeta UL LI { float:left; margin:0 0 0 0; padding:0; font-size:11px; font-weight:bold; }
#naviMeta UL LI A { color:#FFFFFF; padding:0 7px 0 7px; }
#naviMeta UL LI.act A { color:#FF6600; }
#naviMeta UL LI A:hover { color:#FF6600; }


/* zusaetzliche Stile */
.required { color:#4A090C; }
.button, .CMM_button { background:#4A090C; color:#FFFFFF; border:none; padding:0 5px 0 5px; }
.referenzenTable TD { padding:0 6px 0 0; }
.referenzenTable P { font-size:11px; padding:5px 0 5px 0; margin:0 0 0 0; }
A.linkGal { position:relative; left:-22px; display:block; margin-top:20px; padding:3px 5px 3px 22px; background:url(../pix/icon-link-gal-0.png) no-repeat 5px center; font-size:11px; font-weight:bold; }
A.linkGal:hover { background:url(../pix/icon-link-gal-1.png) no-repeat 5px center; }
A.linkBack { font-size:12px; font-weight:bold; color:#AAAAAA; }
A.linkBack:hover { color:#581214; }

/* Galerie-Elemente */
#galleryBack { position:absolute; left:75px; top:40px; width:100px; height:20px; z-index:1000; }
#galleryThumbs { position:absolute; left:75px; top:70px; width:300px; }
#galleryDetails { position:absolute; left:385px; top:100px; width:500px; height:375px; }


/* CMM - Pagenavi V2 */
DIV.CMM_pageNavi { margin:5px 0 5px 0; clear:both; text-align:center; } /* Child-Elements TABLE, TR, TD, DIV, A */
DIV.CMM_pageNavi TABLE { text-align:center; margin:0 auto; } 
DIV.CMM_pageNavi DIV { margin:0 1px 0 1px; text-align:center; line-height:1.5; font-weight:bold; font-size:10px; font-family:Verdana,Helvetica,Arial,sans-serif; }
DIV.CMM_pageNavi A { display:block; width:100%; }
DIV.CMM_pageNavi A:hover { background:#333333; }
DIV.CMM_pageNaviPage { width:20px; background-color:#DDDDDD; }
DIV.CMM_pageNaviPageSelected { width:20px; background-color:#CCCCCC; }
DIV.CMM_pageNaviSeparator { width:5px; }
DIV.CMM_pageNaviArrowsActive { width:25px; background-color:#DDDDDD; }
DIV.CMM_pageNaviArrowsInactive { width:25px; background-color:#DDDDDD; color:#FFFFFF; }

/* CMM - Version */
DIV.CMM_version { display:none; padding-top:10px; width:100%; text-align:center; color:#FFFFFF; }
DIV.CMM_version A { color:#DDDDDD; }

/* CMM - Meldungen */
.CMM_statusMessage { font-size:10px; line-height:1.75em; margin:1em 0 1em 0; }
.CMM_errorMessage { font-size:10px; line-height:1.75em; margin:1em 0 1em 0; }

/* CMM - Fromulare */
DIV.CMM_GalleryFormArea { margin-top:3px; text-align:center; }
DIV.CMM_GalleryFormArea TABLE { margin:auto; }
DIV.CMM_GalleryListItemFrom SELECT { width:130px; font-size:11px; }
DIV.CMM_GalleryDetailItemForm SELECT { width:200px; font-size:11px; }
DIV.CMM_GalleryFormArea INPUT { font-size:11px; }
SELECT.CMM_SelectOption { }

/* CMM_ShopGalerie - Login */
DIV.CMM_GalleryLogin { width:300px; margin:100px auto 100px auto; text-align:center; }

/* CMM_ShopGalerie - Index */
DIV.CMM_GalleryIndexTitle { text-align:center; margin:0 0 10px 0; padding:3px 0 3px 0; background:#111111; }
DIV.CMM_GalleryIndexTitle H1 { text-align:center; font-size:16px; letter-spacing:4px; }
DIV.CMM_GalleryIndexText { text-align:center; margin:0 0 10px 0; }
DIV.CMM_GalleryIndexItem { margin:0 auto 20px auto; width:110px; background-color:#202020; text-align:center; border:1px solid #C19C81; }
DIV.CMM_GalleryIndexItemImage { margin:auto auto; background-color:#000000; text-align:center; }
DIV.CMM_GalleryIndexItemImage TABLE { margin:auto auto; }
DIV.CMM_GalleryIndexItemTitle { margin:3px; padding:1px 0 1px 0; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:9px; background-color:#303030; text-align:center; vertical-align:middle; }
DIV.CMM_GalleryIndexItemsubtitle { margin-top:3px; padding:0px 3px 0px 3px; display:none; font-weight:bold; text-align:center; }
DIV.CMM_GalleryIndexItemText { display:none; margin:3px; padding:0px 3px 0px 3px; font-size:9px; text-align:center; }

/* CMM_ShopGalerie - Archiv */
DIV.CMM_GalleryArchiveTitle { text-align:center; margin:0 0 10px 0; padding:3px 0 3px 0; background:#111111; }
DIV.CMM_GalleryArchiveTitle H1 { text-align:center; font-size:16px; letter-spacing:4px; }
DIV.CMM_GalleryArchiveText { text-align:center; margin:0 0 10px 0; }
DIV.CMM_GalleryArchiveItem { margin:0 auto 20px auto; width:110px; background-color:#202020; text-align:center; border:1px solid #C19C81; }
DIV.CMM_GalleryArchiveItemImage { margin:auto auto; background-color:#000000; text-align:center; }
DIV.CMM_GalleryArchiveItemImage TABLE { margin:auto auto; }
DIV.CMM_GalleryArchiveItemTitle { margin:3px; padding:1px 0 1px 0; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:9px; background-color:#303030; text-align:center; vertical-align:middle; }
DIV.CMM_GalleryArchiveItemsubtitle { margin-top:3px; padding:0px 3px 0px 3px; display:none; font-weight:bold; text-align:center; }
DIV.CMM_GalleryArchiveItemText { display:none; margin:3px; padding:0px 3px 0px 3px; font-size:9px; text-align:center; }

/* CMM_ShopGalerie - Subindex */
DIV.CMM_GallerySubindexTitle { text-align:center; margin:0 0 10px 0; padding:3px 0 3px 0; background:#111111; }
DIV.CMM_GallerySubindexTitle H1 { text-align:center; font-size:16px; letter-spacing:4px; }
DIV.CMM_GallerySubindexText { text-align:center; margin:0 0 10px 0; }
DIV.CMM_GallerySubindexLink { text-align:center; margin:0 0 10px 0; font-size:0.85em; letter-spacing:2px; }
DIV.CMM_GallerySubindexItem { margin:0 auto 20px auto; width:110px; background-color:#202020; text-align:center; border:1px solid #C19C81; }
DIV.CMM_GallerySubindexItemImage { margin:auto auto; background-color:#000000; text-align:center; }
DIV.CMM_GallerySubindexItemImage TABLE { margin:auto auto; }
DIV.CMM_GallerySubindexItemTitle { margin:3px; padding:1px 0 1px 0; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:9px; background-color:#303030; text-align:center; vertical-align:middle; }
DIV.CMM_GallerySubindexItemsubtitle { margin-top:3px; padding:0px 3px 0px 3px; display:none; font-weight:bold; text-align:center; }
DIV.CMM_GallerySubindexItemText { display:none; margin:3px; padding:0px 3px 0px 3px; font-size:9px; text-align:center; }

/* CMM_ShopGalerie - Liste */
DIV.CMM_GalleryListTitle { text-align:center; margin:0 0 10px 0; padding:3px 0 3px 0; }
DIV.CMM_GalleryListSubtitle { text-align:center; margin:0 0 10px 0; } /* Child H2 */
DIV.CMM_GalleryListText { text-align:center; margin:0 0 10px 0; }
DIV.CMM_GalleryListLink { text-align:center; margin:0 0 10px 0; font-size:0.85em; letter-spacing:2px; }
DIV.CMM_GalleryListItem { margin:0 10px 10px 0; }
DIV.CMM_GalleryListItem A { margin:0; padding:0; }
DIV.CMM_GalleryListItemImage {  }
DIV.CMM_GalleryListItemFilename { margin:3px; font-size:0.9em; font-weight:bold }
DIV.CMM_GalleryListItemComment { margin:3px; font-size:1em; }
DIV.CMM_GalleryListForm { text-align:center; }
DIV.CMM_GalleryListLogin { margin:0.5em 0 0.5em 0; text-align:center; }

/* CMM_ShopGalerie - Details */
DIV.CMM_GalleryDetailTitle { text-align:center; margin:0 0 10px 0; padding:3px 0 3px 0; background:#111111; }
DIV.CMM_GalleryDetailTitle H1 { text-align:center; font-size:16px; letter-spacing:4px; }
DIV.CMM_GalleryDetailSubtitle { text-align:center; margin:0 0 10px 0; } /* Child H2 */
DIV.CMM_GalleryDetailText { text-align:center; margin:0 0 10px 0; }
DIV.CMM_GalleryDetailLink { text-align:center; margin:0 0 10px 0; font-size:0.85em; letter-spacing:2px; }
DIV.CMM_GalleryDetailItem { margin:3px auto 3px auto; text-align:center;}
DIV.CMM_GalleryDetailItemImage { text-align:center; margin:3px auto 3px auto; }
DIV.CMM_GalleryDetailItemImage TABLE { margin:auto auto; }
DIV.CMM_GalleryDetailItemImage TD { padding:5px; border:1px solid #333333; background-color:#111111; }
DIV.CMM_GalleryDetailItemFilename { margin:10px 10px 10px 10px; text-align:center; font-size:1.1em; font-weight:bold }
DIV.CMM_GalleryDetailItemComment { margin:10px 10px 10px 10px; text-align:center; font-size:1em; }
DIV.CMM_GalleryDetailItemForm { width:50%; margin:auto; font-size:1em; }
DIV.CMM_GalleryDetailLogin { margin:0.5em 0 0.5em 0; text-align:center; }

