/*
 * Pub-Me Content Management System (CMS)
 * http://www.pub-me.com/
 *
 * (c) 2005-2019 Pub-Me webdesign - http://www.pub-me.com
 *
 * This program or any of its parts may not be used, redistributed, and/or 
 * modified without an explicit permission of the author and/or 
 * the copyrights owner.
 *
 * Definition of styles used by the web
 *
 */

@import url(__css.php?file=_generic.tcss);
@import url(__css.php?file=_common.tcss);
@import url(__css.php?file=_gallery.tcss);

/* Main Containers */
body { background: url(img/bg_body.gif) #ccc center top repeat; text-align:center; position:relative; min-width:1060px;}
.ContainerFull { min-width:100%; }
.Container { width:100%; width:960px; margin:0 auto; text-align:left; }
#PageNavigationContainer { display:none; }
#HeaderContainer { background: url(img/bg_header_out.jpg) #eee center top repeat; }
#Header { background: url(img/bg_header.jpg) #ccc left top repeat; height:266px; padding:0; text-align:left; position:relative; }
#ContentContainer { background: 50% -36px repeat-y; }
#Content { background: url(img/bg_content.jpg) #f7f7f7 left top repeat; display:flex; justify-content:flex-start; align-content:flex-start; align-items:stretch; }
.MainColumn { position:relative; z-index:120; }
.SideColumn { flex:0 0 266px; order:-1; padding:0 18px 0 18px; }
.SideColumn2 { flex:0 0 0; order:1; padding:0 0 0 0; }
.MainColumn, .CenterColumn { flex:1 1 auto; order:0; }
.MainColumn { padding:41px 25px 40px 50px; }
.MainColumn a { font-weight:bold; }
.CenterColumn  { padding:0 0 0 0; }
#FooterContainer { background: url(img/bg_footer_out.gif)  center top repeat-x; } 
#Footer { background: url(img/bg_footer.jpg) #005991 center top no-repeat; width:960px; text-align:left; padding:83px 250px 70px 140px; color:#cbdae5; }
#Footer a { color:#8dccea; font-weight:bold; }
#Footer a:hover { color:white; }

/* Hide cell phone navigation items */
#Responsive_cell_NavigationItems,
#PageNavigationCloseButton { display:none; }


/* Logos and other stuff in header */
#Header #Logo,
#Header #Logo a,
#Header #Logo span { display:block; width:505px; height:101px; margin:0; padding:0; position:absolute; top:0; left:0; text-decoration:none; overflow:hidden; }
#Header #Logo a:hover { text-decoration:underline; }
#Header #Logo span { background: url(img/bg_header.jpg)  -10px -60px no-repeat; } 
#Header #Logo { left:10px; top:60px; font-size:font-size:2em;   font-family:Tahoma, sans-serif; margin:0 0 0 -20px; padding:5px 0 20px 30px; font-weight:normal; line-height:1; background:url(img/h2.png) 0 0 no-repeat; ; z-index:100; }

#Header #Motto,
#Header #Motto span { display:block; width:500px; height:40px; margin:0; padding:0; position:absolute; top:0; left:0; text-decoration:none; overflow:hidden; z-index:100; }
#Header #Motto { left:30px; top:170px; font-style:italic; }
#Header #Motto span { background: url(img/bg_header.jpg)  -30px -170px no-repeat;  z-index:100; } 

.en #Header,
.en #Header #Logo span,
.en #Header #Motto span { background-image:url(img/bg_header_en.jpg); }
.de #Header,
.de #Header #Logo span,
.de #Header #Motto span { background-image:url(img/bg_header_de.jpg); }

.SearchFormNormal { position:absolute; width:250px; height:30px; top:10px; right:10px; background:url(img/search.png) top left no-repeat; }
.SearchFormNormal .Heading { display:none; }
#SearchFormResults input.SearchFor,
.SearchFormNormal input { width:170px; padding:5px; width:170px; height:30px; line-height:20px; position:absolute; top:0; left:0; /* background:url(img/search.png) top left no-repeat; border:none; */ }
.SearchFormNormal input:focus { background-position:bottom left; }
.SearchFormNormal .SubmitButton { width:70px; left:auto; right:0; background-position:top right; }
.SearchFormNormal .SubmitButton:hover,
.SearchFormNormal .SubmitButton:focus { color:white; background-position:bottom right; }
#SearchFormResults input.SearchFor { display:inline-block; width:200px; border:1px solid #888; position:static; margin:0 10px; }



#language_switch { display: block; width:46px; height:100px; position:absolute; top:53px; left:960px; z-index:80; background:url(img/lang.png) top left no-repeat; }
#language_switch ul,
#language_switch li { display:block; margin:0; padding:0; list-style:none; }
#language_switch li { position:absolute; }
#language_switch a,
#language_switch span { display:block; position:relative; width:22px; height:15px; margin:0; padding:0; background:url(img/langs.jpg); overflow:hidden; }
#language_switch a span,
#language_switch span span { position:absolute; top:0; left:0; }
#language_switch li.Lang_cs { top:18px; left:9px; }
#language_switch li.Lang_en { top:70px; left:9px; }
#language_switch li.Lang_de { top:44px; left:9px; }
#language_switch li.Lang_cs a span       { background-position:0 0; }
#language_switch li.Lang_cs span span    { background-position:-22px 0; }
#language_switch li.Lang_cs a:hover span { background-position:-44px 0; }
#language_switch li.Lang_de a span       { background-position:0 -15px; }
#language_switch li.Lang_de span span    { background-position:-22px -15px; }
#language_switch li.Lang_de a:hover span { background-position:-44px -15px; }
#language_switch li.Lang_en a span       { background-position:0 -30px; }
#language_switch li.Lang_en span span    { background-position:-22px -30px; }
#language_switch li.Lang_en a:hover span { background-position:-44px -30px; }


/* Horizontal drop down menu (top navigation) */
#TopMenu { position:absolute; z-index:100; top:230px; left:0; width:960px; background:url(img/bg-menu.png) top left no-repeat; font-size:1.1em; }
#TopMenu ul,
#TopMenu li { padding:0; margin:0; list-style:none; }
#TopMenu ul { margin-left:15px; }
#TopMenu li { float:left; line-height:36px; border-right:1px solid #83adbd; }
#TopMenu li a,
#TopMenu li span { padding:0 20px; display:block; color:white; font-weight:bold; text-decoration:none; }
#TopMenu li span,
#TopMenu li a.Parent { background:#666666; color:white; }
#TopMenu li a:hover { background:#feffff; color:black; }
#TopMenu li a span,
#TopMenu li span span { display:none; }


/* Vertical menu (side navigation)  */
#Menu { margin:18px 0 10px; font-size:1.1em; }
#Menu ul, #Menu li { margin:0; padding:0; list-style:none; }
#Menu li { padding:0; }
#Menu a, #Menu span { display:block; padding:7px 8px 7px 15px; text-decoration:none; _width:100%; background:white; color:black; font-weight:bold; margin-bottom:2px; }
#Menu li.Home a,
#Menu li.Home a:hover,
#Menu li.Home span.Active { font-size:1.3em; background:url(img/bg-h4.png) right center no-repeat; font-weight:normal; border:none; padding:0 40px 0 15px; color:#005991; text-align:right; margin-bottom:18px; }
#Menu li a,
#Menu li span { padding-left:15px; border:1px solid #dcdcdc; border-top:none; border-left:none; }
#Menu li li a,
#Menu li li span { padding-left:25px; }
#Menu li li li a,
#Menu li li li span { padding-left:35px; }
#Menu li li li li a,
#Menu li li li li span { padding-left:45px; }
#Menu li span.Active { background:#4ca0d5; color:white; border-color:white; }
#Menu li a:hover { background:#005991; color:white; }
#Menu li a span,
#Menu li span span { display:none; }


/* Sitemap as directory tree */
.SiteMap.Expandable {	 }
.SiteMap.Expandable ul.off { display:none; }
.SiteMap.Expandable ul.on {	display:block; }
.SiteMap.Expandable ul { margin:0; padding:0; width:100%; position:relative; }
.SiteMap.Expandable ul li {	margin:0;	padding:0; list-style:none; position:relative; line-height:14px; font-size:12px; }
.SiteMap.Expandable ul li li { margin-left:13px; }
.SiteMap.Expandable ul li a { display:block; text-decoration:none; color:#444; background-position:15px 1px; background-repeat:no-repeat; }
.SiteMap.Expandable ul li a.HasSub,
.SiteMap.Expandable ul li a.NoSub,
.SiteMap.Expandable ul li span.HasSub,
.SiteMap.Expandable ul li span.NoSub { display:block; height:auto !important; height:19px; min-height:16px; padding:3px 0 0 15px; }
.SiteMap.Expandable ul li span { font-weight:bold; }
.SiteMap.Expandable ul li a:hover { text-decoration:underline; background-color:#fff; }
.SiteMap.Expandable li a.open { width:13px; height:19px !important; min-height:1px; padding:0; margin:0; position:absolute; top:0px; left:0px; overflow:hidden; text-indent:-2000px; background: white 2px 6px no-repeat; }
.SiteMap.Expandable li a:hover.open { background-color:white; }
.SiteMap.Expandable li a.open.on,
.SiteMap.Expandable li a:hover.open.off { background-image:url(imgdefault/directorytree/minus.gif); }
.SiteMap.Expandable li a.open.off,
.SiteMap.Expandable li a:hover.open.on { background-image:url(imgdefault/directorytree/plus.gif); }


/* Feed */
.Feed li { list-style:none; margin-left:10px; }


/* Decorated links */
.GoToArchiveLink a { padding-left:20px; background:url(imgdefault/decoration/gotoarchive.gif) 0 50% no-repeat; }
#FavoritePrintTop { text-align:right; margin:10px 0 0; }
#FavoritePrintTop a { padding-left:20px; }
#FavoritePrintTop span.Separator { visibility:hidden; }
#FavoritePrintTop a.TopPage { background:url(imgdefault/decoration/top.gif) 0 50% no-repeat; }
#FavoritePrintTop a.Print   { background:url(imgdefault/decoration/printer.gif) 0 50% no-repeat; }
#FavoritePrintTop a.AddToFavorite { background:url(imgdefault/decoration/addfavorites.gif) 0 50% no-repeat; }

/* Sidecolumn box */
.SideColumn .Box,
.SideColumn2 .Box { border:1px solid #888; background:#eee; padding:10px; margin:0 0 10px; }
.SideColumn .Box>:first-child,
.SideColumn .Box>:first-child >:first-child,
.SideColumn2 .Box>:first-child,
.SideColumn2 .Box>:first-child >:first-child { margin-top:0; }

/* Login form */

#LogInUser .LogInForm p { margin:10px 0; }

/* Special */
#Slider { display:block; position:absolute; top:0; right:0; height:350px; width:530px; z-index:50; }
#Slider img { border:none; border:0; padding:0; margin:0; background:none; }
.SliderImage { position:absolute; top:0; right:0; width:530px; }

#Banner24 { position:relative; margin:20px 0; }
#Banner24 { padding:10px; }
#Banner24,
#Banner24 span { display:block; width:230px; height:120px; overflow:hidden; }
#Banner24 span { position:absolute; top:0; left:0; background:url(img/24h-cs.png) top left no-repeat; }
.en #Banner24 span { background-image:url(img/24h-en.png); }
.de #Banner24 span { background-image:url(img/24h-de.png); } 

.off { display:none; }
#SideColumn .Box { padding:0; margin:0 0 20px 0; background:white; }
#SideColumn .Box a { display:block; border:1px solid #dcdcdc; border-top-color:white; border-left-color:white; }
#SideColumn .Box a:hover { border-color:#005991; box-shadow:0px 0px 10px #888; }
#SideColumn .Box img { border:0; margin:0; padding:10px; background:none; box-shadow:none; }