/*
 * @author ( Angie Radtke )
*/
/* not ready */
/* ##########################  general  ########################### */
@font-face {
    font-family: "Titillium Maps";
    src: url(../fonts/TitilliumMaps29L002.eot);
    src: local("Titillium Maps"), local("TitilliumMaps"), url(../fonts/TitilliumMaps29L002.otf) format("opentype"), url(../fonts/TitilliumMaps29L002.woff) format("woff")
    }
body {
    background: #e0dedf url(../images/personal/bg2.png) repeat-x;
    color: #333;
    font-family: arial, helvetica, sans-serif
    }
#all {
    color: #333;
    border: solid 0;
    padding-top: 0;
    background: #fff
    }
a:link, a:visited {
    color: #095197
    }
a:hover, a:active, a:focus {
    background: #095197;
    color: #FFF
    }
input:focus {
    border: solid 2px
    }
fieldset {
    border: solid 0 #ccc
    }
.article-info {
    color: #444
    }
.article-info dd span {
    color: #444;
    border-right: solid 0;
    background: #eee
    }
/* ##########################  back  ########################### */
/* ##########################  logo  ########################### */
#logo span {
    color: #fff;
    padding-left: 50px;
    font-size: 0.3em !important;
    text-transform: none;
    font-family: arial, sans-serif
    }
#all #header {
    padding-top: 2em
    }
.logoheader {
    color: #fff;
    min-height: 80px;
    margin: 0 10px 0 10px !important
    }
h1#logo {
    font-family: "Titillium Maps", Arial;
    padding: 0.9em 20px 20px 10px;
    text-transform: uppercase;
    font-weight: normal;
    margin-top: 0
    }
#line {
    width: 98%;
    max-width: 100%;
    top: 0;
    left: 0;
    padding: 5px 10px !important;
    margin-right: 10px;
    text-align: right
    }
/* ##########################  header  ########################### */
#header {
    background: #fff;
    font-size: 1em;
    position: relative
    }
/* ++++++++++++++  lists, skiplinks  ++++++++++++++ */
#header ul.menu {
    /* top:62px; */
    top: 5em;
    padding: 0 0 0 0;
    background: #e0e0e0 url(../images/personal/ecke.gif) top left repeat-x;
    border: 0;
    text-align: left;
    left: 0;
    display: block;
    margin: 0 10px 0 10px;
    border-top: solid 1px #ddd
    }
#header ul.menu li {
    border: 0;
    margin: 0 !important
    }
#header ul.menu li a:link, #header ul.menu li a:visited {
    color: #333;
    border: 0;
    border-right: solid 1px #ddd;
    margin: 0 0 0 0;
    padding: 12px 15px;
    position: relative;
    background: #e0e0e0 url(../images/personal/ecke.gif) repeat-x top left;
    display: inline-block
    }
#header ul.menu li a:hover, #header ul.menu li a:active, #header ul.menu li a:focus {
    background: #0d4c89;
    color: #fff
    }
#header ul li.active a:link, #header ul li.active a:visited {
    color: #f5f5f5;
    background: url(../images/personal/navi_active.png);
    text-shadow: 1px 1px 1px #000
    }
#header ul.skiplinks {
    width: 100%;
    text-align: left;
    background: none;
    z-index: 20000;
    top: 0;
    display: inline;
    padding: 0
    }
#header ul.skiplinks li a.u2:active, #header ul.skiplinks li a.u2:focus {
    background: #095197 !important;
    color: #fff !important;
    border: solid 1px;
    top: 0 !important;
    z-index: 10000;
    right: auto;
    left: 0 !important;
    display: block
    }
/* ++++++++++++++  fontsize  ++++++++++++++ */
#fontsize {
    display: inline
    }
#fontsize p a:link, #fontsize p a:visited {
    color: #222;
    border-right: solid 1px #ccc
    }
#fontsize p a.larger, #fontsize p a.reset, #fontsize p a.smaller {
    padding-left: 5px;
    padding-right: 5px;
    text-decoration: none;
    margin: 0
    }
#fontsize p a:hover, #fontsize p a:active, #fontsize p a:focus {
    background: #095197 !important;
    color: #fff
    }
#fontsize h3 {
    color: #222;
    font-weight: bold
    }
/* ++++++++++++++  search  ++++++++++++++ */
#header form, #header form .search, #header form .finder {
    display: inline;
    padding-right: 1px
    }
#header form .inputbox {
    background: url(../images/header-bg.gif) repeat-x;
    border: solid 1px #ccc;
    border-bottom: 0;
    border-right: 0;
    padding: 5px
    }
#header form .inputbox:focus {
    border: solid 2px #000
    }
#header form .button {
    border: solid 0 #ddd;
    background: #ccc url(../images/personal/button.png);
    color: #333;
    padding: 4px !important
    }
/* ##########################  contentarea  ########################### */
#contentarea, #contentarea2 {
    background: #fff
    }
/* ##########################  breadcrumbs  ########################### */
#breadcrumbs {
    color: #333
    }
#breadcrumbs span {
    color: #333
    }
#breadcrumbs span a:link, #breadcrumbs span a:visited {
    background: #fff;
    color: #333
    }
#breadcrumbs span a:hover, #breadcrumbs span a:active, #breadcrumbs span a:focus {
    background: #095197;
    color: #fff
    }
/* ##########################  navigation column  ########################### */
.module_content {
    border: solid 1px #ddd
    }
.moduletable_js {
    border: solid 0 #ddd
    }
#right .moduletable_js {
    border: 0
    }
#nav h3 {
    border-bottom: solid 1px #ddd;
    font-family: "Titillium Maps", Arial;
    color: #555
    }
h3.js_heading {
    border-bottom: solid 1px #ddd;
    background: #eee;
    font-family: "Titillium Maps", Arial
    }
h3.js_heading span.backh {
    border: solid 0 #000
    }
h3.js_heading a {
    border: 0
    }
h3.js_heading a img {
    border: 0
    }
h3.js_heading a.opencloselink:hover, h3.js_heading a.opencloselink:active, h3.js_heading a.opencloselink:focus {
    background: none
    }
#right h3 span.backh2 {
    background: #fff;
    color: #555;
    border-bottom: solid 1px #ddd
    }
#right h3 span.backh3 {
    padding-left: 0
    }
#nav form {
    color: #000
    }
#nav form a:hover, #nav form a:active, #nav form a:focus {
    color: #fff;
    background: #095197;
    text-decoration: none
    }
/* ++++++++++++++  first level  ++++++++++++++ */
#nav .moduletable-example ul.menu {
    background: #fff;
    border: 0
    }
ul.menu {
    border: 0;
    background: #fff /* url(../images/nature/nav_level_1.gif) repeat-x */;
    border: solid 0 #eee
    }
.module_content ul.menu {
    border: 0
    }
ul.menu li {
    border-bottom: solid 1px #ddd
    }
ul.menu li a:link, ul.menu li a:visited {
    color: #444;
    background: url(../images/nature/karo.gif) 5px 12px no-repeat
    }
ul.menu li.active a:link, ul.menu li.active a:visited {
    color: #333
    }
ul.menu li a:hover, ul.menu li a:active, ul.menu li a:focus, ul.menu li.active a:hover, ul.menu li.active a:active, ul.menu li.active a:focus {
    background: #fff url(../images/nav_level_1.gif) repeat-x;
    color: #095197
    }
/* ++++++++++++++  second level  ++++++++++++++ */
ul.menu li ul {
    border: solid 0 #eee
    }
ul.menu li ul li {
    border: solid 0 #000;
    background: #fff
    }
ul.menu li.active ul li a:link, ul.menu li.active ul li a:visited {
    color: #444;
    border: 0;
    border-bottom: solid 1px #fff;
    background: #e8e8e8
    }
ul.menu li.active ul li.active a:link, ul.menu li.active ul li.active a:visited {
    border: 0;
    color: #333;
    border-bottom: solid 1px #fff
    }
ul.menu li.active ul li a:hover, ul.menu li.active ul li a:active, ul.menu li.active ul li a:focus {
    background: #666 !important;
    color: #fff !important
    }
/* ++++++++++++++  third level  ++++++++++++++ */
ul.menu li ul li ul {
    border: 0 !important;
    background: #f5f5f5 !important;
    padding-bottom: 0
    }
ul.menu li.active ul li.active ul li a:link, ul.menu li.active ul li.active ul li a:visited {
    background: #f5f5f5;
    border-bottom: solid 1px #fff;
    color: #444
    }
ul.menu li.active ul li.active ul li.active a:link, ul.menu li.active ul li.active ul li.active a:visited {
    color: #333
    }
/* ++++++++++++++  fourth level  ++++++++++++++ */
ul.menu li ul li ul li ul {
    border: solid 1px #eee !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    background: #fff url(../images/nature/level4.png) repeat-x !important
    }
ul.menu li.active ul li.active ul li.active ul li a:link, ul.menu li.active ul li.active ul li.active ul li a:visited {
    font-weight: normal;
    padding: 3px 2px 3px 40px;
    font-size: 0.9em;
    background: #fff url(../images/nature/arrow_small.png) no-repeat 30px 5px;
    color: #444
    }
ul.menu li.active ul li.active ul li.active ul li.active a:link, ul.menu li.active ul li.active ul li.active ul li.active a:visited {
    font-weight: bold;
    color: #333
    }
/* ++++++++++++++  fifth level  ++++++++++++++ */
ul.menu li ul li ul li ul li ul {
    border: solid 0 #eee !important;
    padding-top: 5px !important;
    padding-bottom: 10px !important;
    background: #fff !important
    }
ul.menu li.active ul li.active ul li.active ul li.active ul li a:link, ul.menu li.active ul li.active ul li.active ul li.active ul li a:visited {
    font-weight: normal;
    padding: 3px 2px 3px 5px;
    font-size: 0.9em;
    background: #fff;
    color: #444;
    margin: 0 10px 0 35px;
    border-bottom: solid 1px #ddd
    }
ul.menu li.active ul li.active ul li.active ul li.active ul li.active a:link, ul.menu li.active ul li.active ul li.active ul li.active ul li.active a:visited {
    font-weight: bold;
    color: #333
    }
/* ##########################  content - main   ########################### */
#main a:hover, #main a:active, #main a:focus {
    background: #095197;
    color: #fff
    }
#main th a:hover, #main th a:active, #main th a:focus {
    background: #333;
    color: #fff
    }
.items-row {
    background: #fff
    }
.items-row h2 {
    border-bottom: solid 1px #ddd;
    border-top: solid 1px #ddd;
    color: #555
    }
.column-1, .column-2 {
    border: solid 0
    }
.item-separator {
    border: solid 0 #333
    }
.small {
    border: solid 0
    }
ul#archive-items li.row0, ul#archive-items li.row1 {
    border-bottom: solid 1px #ddd
    }
.archive #adminForm fieldset {
    border: 0;
    padding: 0;
    margin: 20px 0
    }
/* ++++++++++++++  images  ++++++++++++++ */
.image-left {
    padding: 2px
    }
.image-right {
    border: solid 1px #ddd;
    padding: 2px
    }
/* ++++++++++++++  leading  ++++++++++++++ */
/* ++++++++++++++++++++ headings +++++++++++++ */
#main h1 {
    color: #0d4c89;
    border-bottom: solid 1px #ddd;
    font-family: "Titillium Maps", Arial
    }
#main .blog h1, #main .blog-featured h1 {
    color: #0d4c89;
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    font-family: "Titillium Maps", Arial;
    margin-top: -1px !important
    }
/* h1 on frontpage */
.items-row h2 {
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd
    }
.items-leading h2, #main h3, #main h4 {
    color: #555
    }
#main h2 {
    color: #555;
    font-family: "Titillium Maps", Arial
    }
#main h2 a {
    color: #095197
    }
/* ++++++++++++++  readmore  ++++++++++++++ */
.readmore a:link, .readmore a:visited, a.readmore:link, a.readmore:visited {
    color: #095197;
    background: #eee url(../images/nature/arrow1.gif) no-repeat left top;
    border: solid 1px #ddd
    }
.readmore a:hover, .readmore a:active, .readmore a:focus, a.readmore a:hover, a.readmore a:active, a.readmore a:focus {
    background: #555 url(../images/nature/arrow2.gif) no-repeat left 6px !important;
    color: #fff
    }
a.readmore:hover, a.readmore:active, a.readmore:focus {
    background: #555;
    color: #fff
    }
/* ++++++++++++++  icons  ++++++++++++++ */
.actions img {
    border: 0
    }
/* ++++++++++++++  items-more  ++++++++++++++ */
#main .items-more h3 {
    border-bottom: solid 1px #ddd;
    border-top: solid 1px #ddd;
    color: #444
    }
#main .items-more ol {
    color: #000
    }
#main .items-more ol li a {
    background: #FFF url(../images/blog_more.gif) no-repeat 0 center;
    color: #095197
    }
#main .items-more ol li a:hover, #main .items-more ol li a:active, #main .items-more ol li a:focus {
    background: #095197 url(../images/blog_more_hover.gif) no-repeat 0 center;
    color: #fff
    }
/* ++++++++++++++  pagination  ++++++++++++++ */
#main .pagination {
    border-top: solid 1px #ddd;
    clear: both
    }
/* ++++++++++++++  article index  ++++++++++++++ */
table.contenttoc {
    border: solid 1px #ccc
    }
/* ##########################  right column   ########################### */
#right {
    border: solid 0 #e6e6e6;
    background: #fff
    }
#right h4 {
    color: #555;
    border: solid 0
    }
#right ul li a:hover, #right ul li a:active, #right ul li a:focus {
    background: #095197;
    color: #fff
    }
/* ++++++++++++++  button for closing right column  ++++++++++++++ */
#close span {
    color: #000
    }
/* ##########################  modules  ########################### */
/* ++++++++++++++  mostread, latest news ++++++++++++++ */
.mostread li a:link, .mostread li a:visited, .latestnews li a:link, .latestnews li a:visited {
    background: url(../images/personal/arrow2_grey.png) 2px 7px no-repeat
    }
.mostread li a:hover, .latestnews li a:hover, .mostread li a:active, .latestnews li a:active, .mostread li a:focus, .latestnews li a:focus {
    background: #555 url(../images/arrow_white_grey.png) 2px 7px no-repeat !important
    }
/* ++++++++++++++  newsfeed  ++++++++++++++ */
ul.newsfeed {
    border: solid 0 #000
    }
.newsfeed-item {
    border-bottom: solid 1px #ddd
    }
/* ++++++++++++++  newsflash  ++++++++++++++ */
/* newsflash horizontal */
ul.newsflash-horiz {
    background: #F5F5F5 url(../images/nature/box.png) repeat-x;
    border: 1px solid #EEE
    }
ul.newsflash-horiz li {
    border: solid 0 #eee;
    background: #f5f5f5
    }
ul.newsflash-horiz li h4 {
    font-family: "Titillium Maps", Arial
    }
/* newsflash vertical */
/* ++++++++++++++  banner  ++++++++++++++ */
.banneritem {
    border: 0
    }
.banneritem a {
    background: none
    }
.banneritem a img {
    background: none;
    border: 0
    }
/* ++++++++++++++  login  ++++++++++++++ */
#login-form .inputbox {
    border: solid 1px #ddd;
    background: url(../images/content_bg.gif) repeat-x
    }
fieldset.input {
    border: 0
    }
input.button, button.button, button.validate {
    background: #FFF url(../images/nature/arrow1.gif) no-repeat left top;
    border: 1px solid #DDD;
    color: #444
    }
/* ++++++++++++++  tabs/ slide  ++++++++++++++ */
ul.tabs {
    border: solid 1px #ddd;
    border-bottom: 0;
    background: #f5f5f5 url(../images/nature/box.png) repeat-x
    }
ul.tabs li {
    background: #f5f5f5 url(../images/nature/box.png) repeat-x;
    border-right: solid 1px #ddd
    }
ul.tabs li a:link, ul.tabs li a:visited {
    color: #333
    }
ul.tabs li a:hover, ul.tabs li a:active, ul.tabs li a:focus {
    color: #000
    }
.tabcontent {
    border: solid 1px #ddd;
    background: #fff;
    color: #000
    }
.tabcontent .linkclosed {
    color: #000;
    border-bottom: solid 1px #e5e5e5
    }
ul.tabs li a.linkopen {
    background: #fff;
    color: #333;
    border: 0
    }
ul.tabs li a.linkclosed:hover, ul.tabs li a.linkclosed:active, ul.tabs li a.linkclosed:focus, ul.tabs li a.linkopen:hover, ul.tabs li a.linkopen:active, ul.tabs li a.linkopen:focus {
    background: #555;
    color: #fff
    }
/* ++++++++++++++  category-module  ++++++++++++++ */
#right .category-module h4 a:link, #right .category-module h4 a:visited {
    color: #0D4C89
    }
#right .category-module h4 a:hover, #right .category-module h4 a:active, #right .category-module h4 a:focus {
    color: #fff
    }
.category-module li {
    border-bottom: solid 1px #ddd
    }
.category-module li li {
    border: 0
    }
/* ##########################  search   ########################### */
.searchintro img {
    border: 0
    }
.inputbox:focus {
    border: solid 2px #000
    }
.word {
    background: #fff;
    border: solid 0 #ccc
    }
.word input {
    border: solid 1px #ddd;
    background: url(../images/content_bg.gif) repeat-x;
    color: #333
    }
.only {
    border: solid 1px #ccc
    }
.phrases {
    color: #000;
    border: solid 1px #ccc
    }
/* ++++++++++++++  selects  ++++++++++++++ */
.phrases .inputbox {
    background: #fff;
    color: #000
    }
.phrases .inputbox option {
    background: #f5f5f5;
    border-bottom: solid 1px #ccc
    }
.phrases .inputbox option a:hover {
    background: #C00;
    border-color: #CFD0D6;
    color: #fff
    }
/* ++++++++++++++   search results  ++++++++++++++++++ */
dl.search-results {
    background: #f5f5f5
    }
dl.search-results dt.result-title {
    border-top: dotted 1px #ddd
    }
dl.search-results dd.result-url {
    border-bottom: solid 5px #fff;
    color: #159
    }
dl.search-results dd.result-created {
    border-bottom: solid 5px #fff
    }
/* ##########################  forms   ########################### */
/* ++++++++++++++  form validation  ++++++++++++++ */
.invalid {
    border-color: red !important
    }
label.invalid {
    color: red
    }
/* ##########################  user profile  ########################### */
#users-profile-core, #users-profile-custom {
    border: solid 1px #ccc
    }
#member-profile fieldset {
    border: solid 1px #ccc
    }
/* ##########################  tables   ########################### */
tr.odd, .cat-list-row1 {
    background: url(../images/news.gif) repeat-x
    }
table.weblinks th, table.newsfeeds th, table.category th, table.jlist-table th {
    background: #444
    }
table.weblinks th a, table.newsfeeds th a, table.category th a, table.jlist-table th a, table.weblinks th, table.newsfeeds th, table.category th, table.jlist-table th {
    color: #fff
    }
td.table_footer {
    background: #ddd url(../images/table_footer.gif) bottom left repeat-x
    }
table.category th a img {
    border: solid 0
    }
/* for opera */
tr, td {
    border: solid 1px #ddd
    }
#main table.moduletable td, #main table.moduletable tr {
    border: 0
    }
fieldset.filters {
    border: solid 0 #ddd
    }
/* ##########################  contacts   ########################### */
.contact form {
    background: #fff;
    color: #000
    }
.contact input {
    background: #fff;
    color: #000
    }
.contact input.invalid, .contact textarea.invalid {
    border: solid 2px red
    }
.contact label.invalid {
    color: red
    }
/* ++++++++++++++  Error Message contact form  ++++++++++++++ */
p.error {
    color: #044b63;
    background: #eee;
    border-top: 3px solid #044b63;
    border-bottom: 3px solid #044b63
    }
body.contentpane {
    background: #fff
    }
/* ##########################  footer   ########################### */
#footer {
    /*  background:url(../images/footer_bg.gif) repeat-x;*/
    background: #333 url(../images/personal/tabs_back.png) repeat-x;
    color: #fff;
    border-top: solid 0 #ccc
    }
#footer-inner {
    background: #f5f5f5 url(../images/personal/footer.jpg) repeat-x left bottom;
    border-top: solid 1px #ddd
    }
#footer a {
    color: #fff
    }
#bottom a img {
    border: 0
    }
.box h3 {
    font-family: "Titillium Maps", Arial;
    font-size: 1.2em
    }
.box ul {
    padding-left: 0
    }
.box1 {
    border-right: solid 1px #ccc
    }
.box3 {
    border-left: solid 1px #ccc
    }
#bottom ul li a {
    background-image: none;
    padding-left: 0
    }
/* ##########################  editor  ########################### */
.contentpaneopen_edit img {
    border: 0
    }
form.editor fieldset {
    border: solid 1px #ccc
    }
/* ++++++++++++++  edit  ++++++++++++++ */
form#adminForm {
    border: solid 0 #000
    }
.edit form#adminForm fieldset {
    border: solid 1px #ddd
    }
.edit form#adminForm legend {
    font-weight: bold
    }
/* ++++++++++++++  tooltip  ++++++++++++++ */
.tip {
    border: solid 1px #333;
    background: #ffc
    }
/*-------------------------------*/
table.pagenav, table.pagenav tr, table.pagenav td {
    border: 0 !important
    }
.cat-children ul ul, .categories-list ul ul {
    list-style-type: none
    }
.categories-list .category-desc ul li {
    list-style-type: square
    }
/* contact  plain */
#main .contact h3 {
    border-bottom: solid 1px #ddd;
    margin: 20px 0
    }
.form-required {
    font-weight: bold;
    margin: 10px 0;
    background: #fff url(../images/req.png) no-repeat;
    padding: 10px 40px
    }
.contact .inputbox, .registration input, .profile-edit input, .login-fields input, .remind input, .reset input {
    background: #fff url(../images/content_bg.gif) repeat-x;
    border: solid 1px #ccc;
    padding: 3px
    }
.profile-edit select {
    padding: 0;
    border: solid 1px #ccc;
    background: #f5f5f5
    }
.profile-edit select option {
    padding: 3px
    }
/* contact  slider */
.panel {
    border: solid 1px #ddd;
    margin-top: -1px
    }
#main .contact .panel h3 {
    margin: 0 0 0 0;
    padding: 0;
    background: #eee;
    border: 0
    }
.panel h3 a {
    display: block;
    padding: 6px;
    text-decoration: none;
    color: #444;
    padding: 6px
    }
.panel h3.pane-toggler a {
    background: #f5f5f5 url(../images/slider_plus.png) right top no-repeat
    }
.panel h3.pane-toggler-down a {
    background: #f5f5f5 url(../images/slider_minus.png) right top no-repeat;
    border-bottom: solid 1px #ddd
    }
.pane-slider {
    border: solid 0;
    padding: 0 10px !important;
    margin: 0;
    background: url(../images/nav_level_1.gif) repeat-x
    }
.panel .contact-form, .panel .contact-miscinfo {
    padding: 10px
    }
.contact .panel .contact-form form, .contact .panel .contact-address {
    margin: 20px 0 0 0
    }
/* tabs */
div.current {
    background: url(../images/nav_level_1.gif) repeat-x
    }
/* image upload modal */
#all #upload-flash ul li a:hover, #all .item a:hover span {
    background: #095197;
    color: #fff
    }
#close a {
    text-decoration: none
    }
/* ########################## sample module styling  ########################### */
div.sample-module {
    border: 2px dashed #ddd;
    padding: 10px;
    background-color: #f5f5f5
    }