/* HTML Tag Redefinition */
html, body {height: 99,9%;  }
body {padding: 0px; margin: 0px; background: #292929;}
img {border: 0px;}

label { font-weight:normal;}
fieldset { border:0px solid #ccc;}

/* error text class optionally provided by theme */
div.ccm-error-response {color: #f00; margin-bottom: 12px}

/* Page Structure */
#page{ width:900px; margin: auto; text-align:left; background: #c0c0c0; margin-top: 10px;}
#page #header{ position:relative; background: url(https://www.fliesen-brueck.de/themes/fliesenbrueck/images/bg-header.png) repeat-x; padding-top: 12px;} 
#page #header-area { position:relative; margin: 10px 0px 0px 0px; padding: 0px 60px;} 
#page #header #logo {display: block; width:630px; height:130px; background: url(https://www.fliesen-brueck.de/themes/fliesenbrueck/images/logo.gif) no-repeat; margin: 0px 0px 0px 60px;}
#page #header #headerNav{margin:40px 0 0px 60px; border-bottom: none; width:780px; padding-bottom: 10px;}


/* Navigation: Main */
#headerNav .nav-header {padding: 0px; display: inline;}
#headerNav a{font-size: 16px; margin-bottom: 20px; outline: 0;}
#headerNav ul{height:15px; list-style:none;} 
#headerNav li{padding:0px 15px 0px; display: inline; float: left;}
#page ul.nav-header li.first  {padding-left: 0px;}
#page ul.nav-header li a  {text-decoration:none; color:#787878; outline: 0; }
#page ul.nav-header li a:hover {text-decoration:none; color:#000; border: none; background: none;}
#page ul.nav-header li a.nav-selected {color:#000;}
#page ul.nav-header li.nav-selected {border:none; text-decoration:none; }

/* Navigation: Sub: mit Benutzervorlage "Header-Menu" für sidebar-seiten*/
#page #central ul.nav-header a {background: #FFF; border: 1px solid #E9E9E9; padding: 7px 14px; font-weight: bold; }
#page #central ul.nav-header li {-moz-padding-start: 0px; display: block; list-style-type: none; margin: 0px; text-align: right; margin-bottom: 15px; padding: 10px; font-size: 14px; color: #000; text-transform: uppercase; border-bottom: none;} 
#page #central ul.nav-header li a:hover {color: #000; background: #FFF;}
#page #central ul.nav-header li a.nav-selected {color: #FFF; background: #000;} 

/* Navigation: Sub: mit Benutzervorlage "Header-Menu" für den header-bereich und fullwidth-seiten*/
#page #header-area ul, menu, dir {text-align: left; margin-bottom: 15px; padding-left: 0;}
#page #header-area ul.nav-header a {background: #FFF; border: 1px solid #E9E9E9; padding: 5px 17px; font-weight: normal; margin: 0px 0px 0px 0px;  background: url(https://www.fliesen-brueck.de/themes/fliesenbrueck/images/subnav-bg.png) repeat-x 0px 0px;}
#page #header-area ul.nav-header li {-moz-padding-start: 0px; display: block; list-style-type: none; margin: 5px 0 4px 0px; padding: 0px; font-size: 14px; color: #000; text-transform: none; border-bottom: none; float: left;} 
#page #header-area ul.nav-header li a:hover {color: #000; background:#FFF !important; border-bottom:}
#page #header-area ul.nav-header li a.nav-selected {color: #000; border-bottom: 3px solid #FFF; background:#FFF;} 




#page #central{clear:both; padding: 3px 60px 3px; background: url(https://www.fliesen-brueck.de/themes/fliesenbrueck/images/bg-central.png) no-repeat;}
#page #central-half{width: 650px; margin: 0 auto;} 
#page .no-sidebar {background: url(https://www.fliesen-brueck.de/themes/fliesenbrueck/images/bg-central.png) no-repeat;}
#page #central.central-left { background:none !important; }
#page #central.central-left div#sidebar {float: left !important; }
#page #central.central-left #body {padding-left: 0px !important; padding-right: 125px !important; float:right}
 
#page #central #body{ float:left; width:535px; padding-right:28px; padding-left: 0px !important; padding-right: 0px !important }
#page .no-sidebar #body{ float: none !important; width: auto !important; }
#page #central #sidebar{ float:right; width:250px; overflow:hidden }
#page #central #sidebar p{ line-height:24px}

#page #central.noSideNav{ background: none; }
#page #central.noSideNav  #sidebar{ display:none; }
#page #central.noSideNav  #body{float: none; padding-left:0px; padding-right:0px; width:100%; }

#page #footer{width: 780px; margin: 10px auto 0; height:20px;  border-top: 1px solid #CDCDCD; text-align: left; font-size: 12px;  line-height: 120%; padding: 10px 0 7px 0;}
#page #footer #year {float:left; padding-right: 5px;}

/* Page Elements */
.pagingNav{ margin:16px 0px 8px 0px;}
.pagination{ text-align:center; color:#bbb; padding-top:4px;}
.pagination .pageRight{width:20%; float:right; text-align:right;}
.pagination .pageLeft{width:20%; float:left; text-align:left;}
.jobs-fixed {
        position: fixed;
        top: 0px;
        right: 0;
        z-index: 10000;
        text-decoration: none;
}

/* MISC STYLES & SHORTCUTS */
div.code {border: 1px solid #ddd; background: #eee; padding: 10px;}
div.spacer,div.ccm-spacer{ clear:both; font-size:1px; line-height:1px;}
.noTopSpace{margin-top:0px; padding-top:0px;}
div.pageSection { margin-bottom: 10px; }

/* c5 system */
ul#ccm-system-nav #ccm-nav-dashboard {border: none;}
ul#ccm-system-nav #ccm-nav-logout {border: none;}