* {margin: 0;}
html {margin-top: 0px; padding-top: 0px; font: 12px Arial, sans-serif;}

div.page { width: 1000px; margin: auto;}

div.top {width: 1000px; height: 120px; overflow: hidden; margin: 0 auto;}
div.logo { float: left; height: 100px; width: 383px; }

div.topMenu { float: right; height: 20px; width: 610px; margin: 30px auto; }
div.topMenu div.MenuItem { padding-left: 6px; padding-right: 6px; display: block; float: right; border-right: solid 1px #888888; }
div.topMenu div.MenuItem a { text-decoration: none; color: #888888; font: bold 14px Arial, sans-serif; letter-spacing: 0.25pt; }
div.topMenu div.MenuItemActive div.MenuItem { background-color: #888888; }
div.topMenu div.MenuItemActive div.MenuItem a { color: White;}
div.topMenu div.MenuItemHovered, div.topMenu div.MenuItem:hover { background-color: #888888;}
div.topMenu div.MenuItemHovered a, div.topMenu div.MenuItem:hover a { color: White;}

div.topMenu div.MenuItem div.subMenu { display: none; margin-left: -6px; width: 230px; padding-top: 3px; padding-bottom: 3px;}
div.topMenu div.MenuItem div.subMenu div.subMenuItem { padding: 5px}
div.topMenu div.MenuItem div.subMenu div.line { height: 2px; line-height: 2px; width: 90%; margin: auto; background-color: White; padding: 0px 5px; text-align: center;}
div.topMenu div.MenuItemHovered div.subMenu, div.topMenu div.MenuItem:hover div.subMenu { display: block; position: absolute; margin-left: -7px; visibility: visible; background: url(img/submenu_bg.png) repeat top left; z-index: 10; }
div.topMenu div.MenuItem div.subMenu a { color: White;}
div.topMenu div.MenuItemHovered div.subMenu div.subMenuItemHovered, div.topMenu div.MenuItem:hover div.subMenu div.subMenuItem:hover {background-color: White;}
div.topMenu div.MenuItemHovered div.subMenu div.subMenuItemHovered a, div.topMenu div.MenuItem:hover div.subMenu div.subMenuItem:hover a {color: #888888;}

div.clear {clear: both;}

div.footer {width: 1000px; height: 50px; margin: 10px auto; font-size: 12px; color: #949599; border-top: 1px solid #949599; padding-top: 10px;}
div.footer div.left { float: left;}
div.footer div.left p.footerTabs { float: left; padding-right: 30px;}
div.footer div.left p.footerTabs a { text-decoration: none; color: #949599;}
div.footer div.right { float: right;}
div.footer div.right p.logging { padding-top: 10px; }
div.footer div.right p.logging a { font-size: 10px; color: #d9d9d9; text-decoration: none;}

div.pageBody { width: 1000px; margin-left: auto; margin-right: auto; min-height: 330px; }
div.leftMenu { float: left; width: 230px; }
div.content { float: right; width: 750px; }

div.MenuSection { margin-bottom: 10px; width: 210px; }
div.MenuSection a { text-decoration: none; letter-spacing: 0.25pt; }
div.MenuSectionTitle { width: 100%; background-color: #888888; font-size: 14px; font-weight: bold; color: White; padding: 5px;}
div.MenuSectionTitle a { font-size: 14px; font-weight: bold; color: White; }
div.MenuSectionItem { margin: 10px; color: #888888;}
div.MenuSectionItem a { color: #888888; }
div.MenuSectionItem a:hover { text-decoration: underline;}

div.article { float: left; width: 523px; }
div.article img { border: none;}
div.artTabs { float: left; overflow: hidden; position: relative; text-align: center;}
div.artTabs a { text-decoration: none; color: White;}
div.artTabs a:hover { text-decoration: underline; color: White;}
div.artTabs a:visited { color: White;}
div.artTabs div.tabItem { padding: 5px; margin-bottom: 10px; min-height: 20px; width: 120px; background-color: #888888}
div.artTitleTabs { float: right; background: url(img/diagonal.png) repeat top left; width: 380px; padding-bottom: 10px; margin-bottom: 10px;}
div.artTitleTabs div.title { padding: 10px; font-weight: bold; font-size: 20px;}
div.artTitleTabs div.intro { padding: 10px; text-align: justify;}
div.artTitleTabs div.link { padding: 10px; text-align: right; font-weight: bold;}
div.artTitleTabs div.line { height: 3px; width: 95%; line-height: 3px; margin: auto; background-color: Black;}
div.artTitle { float: left; background: url(img/diagonal.png) repeat top left; width: 100%; padding-bottom: 10px; margin-bottom: 10px;}
div.artTitle div.title { padding: 10px; font-weight: bold; font-size: 20px;}
div.artTitle div.intro { padding: 10px; text-align: justify;}
div.artTitle div.link { padding: 10px; text-align: right; font-weight: bold;}
div.artTitle div.line { height: 3px; width: 95%; line-height: 3px; margin: auto; background-color: Black;}
div.artContent { padding-left: 10px; padding-bottom: 10px;}
div.artContent a { color: #888888;}
div.baner, div.banerKontakt, div.banerOnas, div.banerHelpinvest, div.banerInventree, div.banerRoefs { float: right; width: 227px; height: 500px; }
div.baner { background: url(img/baner.jpg) no-repeat top right; }
div.banerKontakt { background: url(img/banerKontakt.jpg) no-repeat top right;}
div.banerOnas { background: url(img/banerOnas.jpg) no-repeat top right;}
div.banerHelpinvest { background: url(img/banerHelpinvest.jpg) no-repeat top right;}
div.banerInventree { background: url(img/banerInventree.jpg) no-repeat top right;}
div.banerRoefs { background: url(img/banerRoefs.jpg) no-repeat top right;}

div.peoplePub { float: left; width: 100%;}
div.peoplePub img { border: none;}
div.peoplePub div.avatar { padding: 0 10px 10px 0; float: left; width: 95px; height: 106px; text-align: center;}
div.peoplePubTitle { float: left; background: url(img/diagonal.png) repeat top left; padding-bottom: 10px; width: 644px; min-height: 95px;}
div.peoplePubTitle div.title { padding: 10px; font-weight: bold; font-size: 20px;}
div.peoplePubTitle div.intro { padding: 10px; text-align: justify;}
div.peoplePubTitle div.line { clear: both; height: 3px; width: 620px; line-height: 3px; margin: auto; background-color: Black;}
div.peoplePub div.content { padding-left: 10px; }
div.peoplePub div.content a { color: #888888;}

div.newsPub { float: left; width: 100%;}
div.newsPub img { border: none;}
div.newsPubTitle { background: url(img/diagonal.png) repeat top left; padding-bottom: 10px; margin-bottom: 10px;}
div.newsPubTitle div.title { padding: 10px; font-weight: bold; font-size: 20px;}
div.newsPubTitle div.intro { padding: 10px; text-align: justify;}
div.newsPubTitle div.date { padding: 10px; text-align: right; font-style: italic;}
div.newsPubTitle div.line { height: 3px; width: 730px; line-height: 3px; margin: auto; background-color: Black;}
div.newsPub div.content { padding-bottom: 10px; }
div.newsPub div.content a { color: #888888;}

div.album { margin-left: auto; margin-right: auto; text-align: center;}
div.album div.albumItem { display: inline; width: 105px; height: 80px; margin-top: 10px; margin-left: 10px;}

div.circle { float: left; width: 432px; height: 510px; }

div.subsection { float: left; width: 700px; background: url(img/diagonal.png) repeat top left; padding: 10px; margin-bottom: 20px; }
div.subsection div.date { text-align: right; font-size: 11px;}
div.subsection div.date a { font-weight: bold; color: #000; text-decoration: none;}
div.subsection div.title a { font-size: 14px; font-weight: bold; color: Black; text-decoration: none;}
div.subsection div.intro { color: #331F20; text-align: justify; padding-top: 10px; }
div.subsection div.more { width: 100%; text-align: right; font-size: 10px;}
div.subsection div.more a { text-decoration: none; color: Black; }
div.subsection div.line { width: 100%; height: 3px; line-height: 3px; background-color: Black; margin: 10px 0;}

div.subsectionWithAvatar { float: right; width: 750px; margin-bottom: 20px; }
div.subsectionWithAvatar div.avatar { padding: 10 10px 0px 0; float: left; max-width: 95px; max-height: 106px; text-align: center; }
div.subsectionWithAvatar div.pubTitle { float: left; background: url(img/diagonal.png) repeat top left; width: 634px; min-height: 95px; }
div.subsectionWithAvatar div.pubTitle div.title { padding: 10px; font-weight: bold; font-size: 20px;}
div.subsectionWithAvatar div.pubTitle div.title a { font-size: 14px; font-weight: bold; color: Black; text-decoration: none;}
div.subsectionWithAvatar div.pubTitle div.intro { color: #331F20; text-align: justify; padding-left: 10px; padding-right: 10px;}
div.subsectionWithAvatar div.pubTitle div.more { width: 95%; text-align: right; font-size: 10px;}
div.subsectionWithAvatar div.pubTitle div.more a { text-decoration: none; color: Black; }
div.subsectionWithAvatar div.pubTitle div.line { width: 95%; height: 3px; line-height: 3px; background-color: Black; margin: 10px auto;}

div.lato { float: right; width: 250px; padding: 0px; padding-right: 40px; padding-top: 10px;}
div.lato img { border: none; text-decoration: none;}

div.news { float: right; width: 250px; background: url(img/diagonal.png) repeat top left; padding: 20px;}
div.news div.date a { font-weight: bold; color: #000; text-decoration: none;}
div.news div.newsTitle a { font-size: 11px; font-weight: bold; color: Black; text-decoration: none;}
div.news div.intro a { font-size: 10px; font-weight: normal; color: #331F20; text-decoration: none; text-align: justify;}
div.news div.more { width: 100%; text-align: right;}
div.news div.more a { text-decoration: none; color: Black;}
div.news div.line { width: 100%; height: 3px; line-height: 3px; background-color: Black; margin: 10px 0;}

div.LogBg { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background-color: #000; filter:alpha(opacity=50); opacity: 0.5;}
div.logInBox { position: absolute; bottom: 40px;  background-color: White; border: solid 1px black; margin-left: 40%; padding: 10px; text-align: center;}
div.logInBox input { width: 100px;}
div.logInButton a { color: Black; text-decoration: none; font: bold 14px Arial; margin-left: 25px;}