/* RESET BROWSERSTYLE */
* {padding: 0; margin: 0;}


/* GLOBAL STYLES */
h1, h2, h3 {font-family: georgia, serif; color: #234; font-size: 22px; line-height: 1.4em; font-weight: 300; letter-spacing: 1px; border-bottom: 0px solid #999; padding: 0; margin: 0 0 16px 0;}
h4 {font-family: georgia, serif; color: #234; font-size: 20px; line-height: 1.4em; font-weight: 300; letter-spacing: 1px; margin: 15px 0 10px 0;}
h5 {font-family: georgia, serif; color: #234; font-size: 18px; line-height: 1.4em; font-weight: 300; letter-spacing: 1px; margin: 15px 0 10px 0;}
h6 {font-family: georgia, serif; color: #234; font-size: 16px; line-height: 1.4em; font-weight: 300; letter-spacing: 1px; margin: 15px 0 10px 0;}
p {margin: 10px 0;}
ol {margin: 6px 0;}
ol li {line-height: 1.2em; border: 0; padding: 3px 0; margin: 0 0 0 22px;}
ul {list-style-image: url(images/inhlist.gif); margin: 6px 0;}
ul li {line-height: 1.2em; border: 0; padding: 3px 0; margin: 0 0 0 17px;}
hr {clear: both; height: 1px; color: #666; background-color: #666; border: 0; margin: 5px 0 3px 0;}

div.tplge_content_anchor {display: none;}
div.tplge_menu_anchor {display: none;}
div.tplge_news_anchor {display: none;}
div.tplge_news_anchor_bottom {display: none;}


/* CONTENT CLASSES */
.tplge_left_border {float: left; border: 5px solid #c0c6cc; margin: 0 20px 10px 0;}
.tplge_left_noborder {float: left; border: 0; margin: 0 20px 10px 0;}
.tplge_right_border {float: right; border: 5px solid #c0c6cc; margin: 0 0 10px 20px;}
.tplge_right_noborder {float: right; border: 0; margin: 0 0 10px 20px;}
.tplge_border {border: 5px solid #c0c6cc;}
.tplge_noborder {border: 0;}

.tplge_code {background: #eed; font-family: 'courier new', monospace; color: #222; border: 1px solid #999; padding: 10px 12px;}
.tplge_box01 {clear: both; background: #d0d6dc; border: 1px solid #999; padding: 16px;}
.tplge_legal {padding: 6px 0;}

.tplge_box_download {clear: both; background: #075; color: #ccc; text-align: center; line-height: 1.6em; border: 0; padding: 12px 16px; margin: 12px auto;}
.tplge_box_download a:link {color: #fff;}
.tplge_box_download a:visited {color: #fff;}
.tplge_box_download a:hover {color: #f90;}

.XXXXXXXXXXXXXXXXXX {} /* Marker for styles menu tinymce */


/* LINKS GLOBAL */
a:link {color: #258; text-decoration: none;}
a:visited {color: #258; text-decoration: none;}
a:hover {color: #c60; text-decoration: none;}
a:active {color: #c60; text-decoration: none;}
a:focus {color: #c60; text-decoration: none;}

.tplge_navintern a:link {color: #333; text-decoration: none;}
.tplge_navintern a:visited {color: #333; text-decoration: none;}
.tplge_navintern a:hover {color: #c60; text-decoration: none;}
.tplge_navintern a:active {color: #c60; text-decoration: none;}
.tplge_navintern a:focus {color: #c60; text-decoration: none;}


/* BODY */
body {font-family: arial, sans-serif; color: #222; font-size: 15px; line-height: 1.4em; padding: 0; margin: 0;}
body#tplge_body {min-width: 760px; background: #134; color: #444;}
#top {}


/* CONTAINERS */
#tplge_headers_container {background: #134 url(images/bgheader.jpg) right top no-repeat; border: 0px solid #c60;}
#tplge_contents_container {background: #fff; border: 0px solid #090;}


/* LAYOUT */
#tplge_header {max-width: 1440px; margin: 0 auto;}
#tplge_locatorin {max-width: 1440px; clear: both;}
#tplge_main {max-width: 1440px; margin: 0 auto;}
#tplge_page {width: 720px; float: left;}
#tplge_content {width: 480px; float: right;}
#tplge_sidebarNav {width: 240px; float: left;}
div.tplge_news {width: 240px; float: left; line-height: 1.2em;}


/* HEADER */
#tplge_headerin {color: #ddd; border: 1px solid transparent; padding: 0 10px; margin: 0;}

.tplge_slogan {font-family: arial, sans-serif; font-size: 16px; color: #ccc; padding: 0 0 0 2px;}
#tplge_headerin h2 {font-family: georgia, serif; color: #cb9; font-size: 28px; line-height: 1.4em; font-weight: 100; letter-spacing: 1px; margin: 16px 0 20px 0;}

#tplge_header a:link {color: #b0b6bc; text-decoration: none;}
#tplge_header a:visited {color: #b0b6bc; text-decoration: none;}
#tplge_header a:hover {color: #f90; text-decoration: underline;}
#tplge_header a:active {color: #f90; text-decoration: none;}
#tplge_header a:focus {color: #f90; text-decoration: none;}

/* searchbox */
#searchbox {text-align: left; margin: 12px 0 2px 0;}
#searchbox .text {width: 140px; background: #abc; color: #222; font-family: arial, sans-serif; font-size: 14px; border: 1px solid #fff; padding: 2px 3px;}
#searchbox .submit {background: transparent; color: #ddd; font-family: arial, sans-serif; font-size: 16px; font-weight: 700; border: 0px solid #f60; padding: 1px 6px;}
#searchbox .submit:hover {color: #f90;}

/* topnav */
#tplge_topnav {float: left; font-family: courier new, monospace; font-size: 20px; font-weight: 700; color: #f90; line-height: 1.4em; padding: 2px 10px 2px 2px; margin: 20px 0 5px 0;}

/* locator */
#tplge_locator {background: #bcd;}
#tplge_locatorin {background: #bcd; font-family: arial, sans-serif; padding: 12px 0 12px 0; margin: 0 auto;}
#tplge_locatorinin {padding: 0 10px;}


/* MAIN CONTAINER */
#tplge_mainin {min-width: 720px; border: 0px solid #c00; padding: 0 0 30px 0;}



/* SEITE / PAGE */
#tplge_page {}


/* INHALT / CONTENT */
#tplge_contentin {margin: 0 20px 20px 20px;}

#tplge_langmenu {text-align: right; padding: 20px 0 2px 0;}
#tplge_langmenu img {border-bottom: 3px solid transparent; padding: 0 2px 3px 2px; margin: 0 0 0 12px;}
#tplge_langmenu a:hover img {border-bottom: 3px solid #c60; padding: 0 2px 3px 2px; margin: 0 0 0 12px;}
#tplge_langmenu img.tplge_langakt {border-bottom: 3px solid #c60;  margin: 0 0 0 12px;}
#tplge_langmenu img.tplge_langinakt {border: 0; margin: 3px 0 3px 12px;}

ul.sitemaplevel1 {font-weight: 700;}
ul.sitemaplevel2 {font-weight: 400;}

/* vor-hoch-zurueck / prev-top-next */
.tplge_prevnext {clear: both;}
.tplge_prevnextin {text-align: center; border-top: 1px solid #aaa; padding: 16px 0 0 0; margin: 30px 0 0 0;}
.tplge_prevnextin img {padding: 0 16px;}


/* SIDEBAR NAVIGATION */
#tplge_sidebarNavin {padding: 0 10px;}

/* toc */
#tplge_sidebarNav li {list-style-type: none; list-style-image: none;}

#tplge_sidebarNav ul.menulevel1 {font-family: century gothic, arial, sans-serif; color: #fa0; border: 0; padding: 12px 0 12px 0; margin: 0;}
#tplge_sidebarNav ul.menulevel1 li {background: #245; font-size: 15px; line-height: 1.2em; text-align: left; font-weight: 700; border-radius: 3px; padding: 10px 12px; margin: 6px 0;}

#tplge_sidebarNav ul ul.menulevel2 {border: 0; padding: 8px 0 4px 0; margin: 0;}
#tplge_sidebarNav ul ul.menulevel2 li {background: transparent; font-size: 14px; line-height: 1.2em; font-weight: 300; text-align: left; border: 0; padding: 2px 0 7px 1px; margin: 0;}

#tplge_sidebarNav ul ul ul.menulevel3 {margin: 5px 0 0 0;}
#tplge_sidebarNav ul ul ul.menulevel3 li {line-height: 1.2em; font-size: 14px; text-align: left; border: 0; padding: 4px 0 2px 16px; margin: 0;}

#tplge_sidebarNav ul.menulevel1 a:link {color: #fff; text-decoration: none;}
#tplge_sidebarNav ul.menulevel1 a:visited {color: #fff; text-decoration: none;}
#tplge_sidebarNav ul.menulevel1 a:hover {color: #fa0; text-decoration: none;}
#tplge_sidebarNav ul.menulevel1 a:active {color: #fa0; text-decoration: none;}
#tplge_sidebarNav ul.menulevel1 a:focus {color: #fa0; text-decoration: none;}

#tplge_subnav ul {padding: 0; margin: 8px 0 0 0;}
#tplge_subnav ul li {padding: 4px 0; margin: 2px 4px;}
#tplge_sidebarNav p.tplge_lastupdate {font-size: 12px; color: #999; text-align: left; padding: 4px 0; margin: 2px 4px;}

#tplge_sidebarNav ul.menulevel1 li.sdocs {background: #075;}
#tplge_sidebarNav ul.menulevel1 li.sdoc {background: #075;}
#tplge_sidebarNav ul.menulevel2 li.docs {}
#tplge_sidebarNav ul.menulevel2 li.doc {}



/* NEWSBOXEN / NEWSBOXES */
div.tplge_newsin {margin: 0 10px 10px 10px;}

div.tplge_news h4 {background: #245; font-size: 16px; color: #fff; font-weight: 300; line-height: 1.2em; text-align: center; border-radius: 3px; padding: 6px 9px 9px 9px; margin: 20px 0 0 0;}
div.tplge_news h5 {font-size: 17px; font-weight: 300; letter-spacing: 0; margin: 10px 0 0 0;}
div.tplge_news h6 {font-size: 16px; font-weight: 300; letter-spacing: 0; margin: 10px 0 0 0;}

.tplge_greenbg {background: #080; text-align: center; color: #fff; border-radius: 3px; padding: 6px!important;}

.tplge_greenbg a:link {color: #fc0; text-decoration: none;}
.tplge_greenbg a:visited {color: #fc0; text-decoration: none;}
.tplge_greenbg a:hover {color: #eee; text-decoration: none;}
.tplge_greenbg a:active {color: #eee; text-decoration: none;}
.tplge_greenbg a:focus {color: #eee; text-decoration: none;}


/* BLÄTTERN / PAGENAV */
.tplge_pagenav {background: #fff; text-align: center; padding: 16px;}
.tplge_pagenav img {padding: 0 16px;}


/* FUSSLINKS / FOOTER LINKS */
#tplge_footer {color: #bbb; font-family: arial, sans-serif; font-size: 14px; text-align: right; border-top: 0px solid #fff; padding: 16px 30px 90px 30px; margin: 0;}
#tplge_footer span {white-space: nowrap; padding: 0 6px 0 2px;}


#tplge_footer a:link {color: #eee; text-decoration: none;}
#tplge_footer a:visited {color: #eee; text-decoration: none;}
#tplge_footer a:hover {color: #c60; text-decoration: none;}
#tplge_footer a:active {color: #eee; text-decoration: none;}
#tplge_footer a:focus {color: #eee; text-decoration: none;}


/* SONSTIGES / THE REST */
#passwd {border: 1px solid #999;}
.text {background: #d0d6dc; color: #333; font-family: arial, sans-serif; font-size: 14px; border: 1px solid #999; padding: 2px 3px;}
.file {border: 1px solid #999;}
p.code {background: #eed; font-family: 'courier new', serif; border: 1px solid #997; padding: 20px;}
p.date {color: #093; text-align: right; line-height: 1.2em;}
.scroll {background: #eec; border: 1px solid #997; padding: 10px; overflow: scroll;}
.retrieve {background: #ffffff; background-image:none; border: 0;}
table.edit {background: #eee; font-size: 14px; line-height: 1.2em; border: 1px solid #999; margin: 1px 0;}
table.edit td {border: 0; padding: 3px;}
#tplge_content textarea {width: 90%; background: #d0d6dc; color: #333; border: 1px solid #999; padding: 4px 8px!important; margin: 0 0 10px 0;}
#cmsimple_mailform textarea {width: 90%; background: #d0d6dc; color: #333; font-family: arial, sans-serif; border: 1px solid #999; padding: 10px; margin: 0 0 10px 0;}
.hinweis {line-height: 1.2em; padding: 2px 10px;}


/* 
############################## 
   R E S P O N S I V E  CSS
############################## 
*/

@media (min-width: 1221px) and (max-width: 1460px) {
#tplge_header, #tplge_locatorin, #tplge_main {width: 1200px;}
}

@media (min-width: 981px) and (max-width: 1220px) {
#tplge_header, #tplge_locatorin, #tplge_main {width: 960px;}
}

@media (min-width: 760px) and (max-width: 980px) {
#tplge_header, #tplge_locatorin, #tplge_main {width: 720px;}
}



@media (max-width: 759px) {
#body {font-size: 16px;}
body#tplge_body {min-width: 240px; color: #444;}

div.tplge_navintern {clear: both; margin: 0 auto;}
div.tplge_content_anchor {display: table; padding: 60px 0 0 0;}
div.tplge_menu_anchor {display: table; padding: 60px 0 0 0;}
div.tplge_news_anchor {display: table; padding: 60px 0 16px 0;}
div.tplge_news_anchor_bottom {display: table; padding: 12px 0 24px 0;}

.tplge_toplink {float: left; padding: 5px 9px;}
.tplge_button {background: url(images/button.jpg) repeat-x; color: #333; float: left; font-size: 16px; font-weight: 400; line-height: 20px; border: 1px solid #666; border-radius: 3px; padding: 2px 6px; margin: 0 6px;}
.tplge_button_active {background: #930 url(images/buttonMaroon.jpg) repeat-x; color: #fff; float: left; font-size: 16px; font-weight: 400; line-height: 20px; border: 1px solid #333; border-radius: 3px; padding: 2px 6px; margin: 0 6px}

/* header */
#tplge_header {min-width: 240px; border: 1px solid 134; padding: 0; margin: 0 auto;}
#tplge_header h1 {font-size: 20px;}

/* locator */
#tplge_locator {border: 0px solid #090; margin: 0;}

/* searchbox */
.tplge_searchboxContainer {padding: 12px 0 16px 0; margin: 16px 0 9px 0;}
#searchbox {clear: both;}

/* language menu */
#tplge_langmenu {min-height: 24px; clear: left; float: none; text-align: right; border: 0px solid #c00; padding: 24px 0 16px 0; margin: 0;}
#tplge_langmenu img {margin: 0 0 6px 6px;}

/* Main Area */
#tplge_mainin {width: 100%; min-width: 240px; max-width: 420px; font-size: 16px; border: 0px solid #c00; padding: 0; margin: 0 auto;}
#tplge_page {width: 100%; min-width: 200px; max-width: 420px; float: left; padding: 0; margin: 0;}

/* Content Area */
#tplge_content {width: 100%; padding: 0; margin: 0;}
#tplge_contentin {padding: 0; margin: 0 12px 12px 12px;}
#tplge_prevtopnextin {font-weight: 400; padding: 16px 0 16px 0; margin: 30px 0 16px 0;}

/* Menu Area */
#tplge_sidebarNav {width: 100%; padding: 0; margin: 16px 0 12px 0;}
#tplge_sidebarNavin {padding: 0; margin: 0 12px;}

/* Newsboxes */
div.tplge_news {width: 100%;}
div.tplge_newsin {font-size: 16px; padding: 0; margin: 0 16px 36px 16px;}

/* Footer */
#tplge_footer {padding: 16px 10px 36px 10px; margin: 0;}
}
