/* HPS-Anpassungen - gk_twn2 style2 */

#gkPageWrap { background: #fff; }

/* obere Linkleiste */
#gkTopNav { background: #255280; }
#gkTopNav .gkWrap { background: none; margin: 0 auto; }
#gkTopLinks { float: right; padding: 4px 0; }
#gkTopLinks a { color: #cfeff8; font-size: 12px; margin: 0 6px; text-decoration: none; }
#gkTopLinks a:hover { text-decoration: underline; }

/* Kopfbereich */
#gkHeader { background: #3d77b1 url('../images/style2/bg1.jpg') no-repeat center top; }
#gkLogo { padding: 18px 0 0 20px; }
#gkLogo a { border: none; }

/* horizontales Hauptmenue */
#gkMainMenuWrap { background: #356aa1; border-top: 1px solid #5594d6; border-bottom: 3px solid #255280; }
#gkMainMenu ul { list-style: none; margin: 0; padding: 0; }
#gkMainMenu > ul > li { float: left; position: relative; }
#gkMainMenu > ul > li > a { display: block; color: #fff; font-family: 'Yanone Kaffeesatz', Arial, sans-serif; font-size: 17px; text-transform: uppercase; padding: 7px 16px; text-decoration: none; }
#gkMainMenu > ul > li:hover > a,
#gkMainMenu > ul > li.active > a { background: #255280; }
#gkMainMenu ul ul { display: none; position: absolute; top: 100%; left: 0; background: #356aa1; min-width: 220px; z-index: 99; }
#gkMainMenu ul li:hover > ul { display: block; }
#gkMainMenu ul ul li { float: none; }
#gkMainMenu ul ul a { display: block; color: #fff; font-family: Arial, Verdana, sans-serif; font-size: 13px; padding: 5px 14px; text-decoration: none; }
#gkMainMenu ul ul a:hover { background: #255280; }

/* linke Spalte */
#gkLeft .box { margin-bottom: 14px; }
#gkLeft .box .header { background: #e7e7e7 url('../images/style2/separator_color.png') no-repeat left center; border-bottom: 2px solid #3d77b1; color: #255280; font-size: 21px; padding: 4px 10px; }
#gkLeft .box .content { padding: 8px 10px; font-size: 12px; }
#gkLeft .box .content p { margin: 0 0 6px 0; }

/* Navigationsmodul links */
ul.menu, ul.menu ul { list-style: none; margin: 0; padding: 0; }
ul.menu li a { display: block; padding: 4px 8px; border-bottom: 1px solid #eee; color: #333; font-size: 13px; text-decoration: none; }
ul.menu li li a { padding-left: 24px; font-size: 12px; color: #555; }
ul.menu li li li a { padding-left: 40px; }
ul.menu li a:hover, ul.menu li.active a, ul.menu li.current a { color: #255280; font-weight: bold; }

/* Inhalt */
#gkContentWrap { background: #fff; border-left: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; }
#gkContentMainbody { padding: 8px 24px 20px 8px; }
#gkContent h1.item-title { color: #255280; font-size: 30px; margin: 6px 0 4px 0; }

/* Artikel */
.article-info { font-size: 11px; color: #686868; border-bottom: 1px dotted #bbb; margin: 0 0 12px 0; padding-bottom: 6px; }
.article-info dd { margin: 0 12px 0 0; display: inline; }

/* Blogartikel auf Kategorieseiten */
.blog-item { border-bottom: 1px solid #e7e7e7; margin-bottom: 14px; padding-bottom: 10px; }
.blog-item h2 { font-size: 22px; margin: 0 0 4px 0; }
.blog-item h2 a { color: #255280; text-decoration: none; }

/* Tabelle */
table.article-table { border-collapse: collapse; width: 100%; margin: 8px 0; }
table.article-table th, table.article-table td { border: 1px solid #bbb; padding: 3px 6px; font-size: 12px; }
table.article-table th { background: #e7e7e7; color: #255280; }

/* Footer */
#gkBottomWrap { background: #255280; margin-top: 12px; }
#gkBottomWrap .gkWrap { background: none; }
#gkFooter { color: #cfeff8; font-size: 11px; padding: 10px 0; text-align: center; }