@charset "utf-8";

/**
 * CMS k-onstruct
 * Copyright (C) 2008-2014 Kevin Kis
 *
 * Formerly known as CECMS Content Management System
 *
 * PHP version 5
 * @copyright  2008-2013 Kevin Kis
 * @author     Kevin Kis <http://www.k-kombinat.de>
 *
*/

/*******************************************************************

loginbg   : #d3e2ff;
darklue   : #335cad;
babyblue  : #eef3fe;

*******************************************************************/


/*
 * Signets
*/
@font-face {
    font-family: 'allesieben';
    src: url('../fonts/allesieben.eot?69140595');
    src: url('../fonts/allesieben.eot?69140595#iefix') format('embedded-opentype'),
        url('../fonts/allesieben.woff?69140595') format('woff'),
        url('../fonts/allesieben.ttf?69140595') format('truetype'),
        url('../fonts/allesieben.svg?69140595#allesieben') format('svg');
    font-weight: normal;
    font-style: normal;
}

.icon-search:before { content: '\e800'; } /* '' */
.icon-ok:before { content: '\e801'; } /* '' */
.icon-embassy:before { content: '\e802'; } /* '' */
.icon-triangle:before { content: '\e803'; } /* '' */


/**
 * General
*/
html, body, div, h1, h2, h3, h4, h5, h6, span, applet, object, iframe,
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
li, ol, ul, dd, dl, dt, fieldset, form, label, legend, table, tbody, tfoot,
thead, tr, th, td, caption
{
    margin: 0;
    padding: 0;
    text-align: left;
    vertical-align: baseline;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    font-size:100%;
    font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    font-size: 12px; 
    color:rgba(77,77,77,1);
}

table {border-collapse: collapse; border-spacing: 0;}

body, html{
    height:100%;
}

fieldset {
    border:1px solid #FA8A00;padding: 10px;
}

th, tr, td {
    vertical-align: middle;
}

.error {
    color:rgba(193,39,45,1);
}

.bold {
    font-weight: bold;
}

.fs13 {
    font-size:13px;
}

.success {
    color:rgba(140,198,63,1);
}

div {
    text-align: left;position:relative;
}

h1 {
    color:#335cad;font-size: 1.3em;font-weight:bold;
}


input {
    width: 100%; border:1px solid #335cad;padding:1px;
    font-family: arial,helvetica,geneva,sans-serif;
}

input.button {
    height:24px; font-size: 11px; color:#335cad;border:0; font-weight: bold;cursor: pointer;
    text-align:center;
}

input.button85x23 {
    width:85px;
    background: url(../media/design/button85x23.gif) no-repeat;
}

input.button_medium {
    width:104px;
    background: url(../media/design/button_medium_bg.gif) no-repeat;
}

input.button159x23{
    width: 159px;
    background: url(../media/design/button_large_bg.gif) no-repeat;
}

input.checkbox {
    width: 14px;
}

.icon {
    width: 14px;
}

.icon22 {
    width: 22px; cursor: pointer;
}

.delicon{
    width: 11px; height: 11px;cursor: pointer;
}

.clearleft {
    clear:left;height: 0;
}

.clearright {
    clear:right;height: 0;
}

.clearboth {
    clear:both;height: 0px;;
}


.fleft {
    float: left;
}

.fright {
    float: right;
}

.show0, .hide1 {
    display: none;
}

.show1, .hide0 {
    display: block;
}

body {
    background-color:rgba(230,230,230,1);
    text-align: left;
}

#LoginDiv {
    margin: 0 auto; width: 630px;padding:40px 5px 0 5px;height: 100%;
}

#MainDiv {
    margin: 0 auto; padding:5px;height: 100%;
}

#LegendAddOnTxt {
    font-weight: bold;
}

/**
 *LOGIN
*/
#Login, 
#ForgotLoginData {
    margin: 5px auto;
    width: 445px; 
    background-color: white;
    box-shadow: 0 7px 7px -1px rgba(200,200,200,1);
}
#Login .logo, #ForgotLoginData .logo {
    top: -1px;
    font-family: "allesieben";
    font-size: 2.3rem;
    color: rgba(247,147,30,1);
}

#Login h1 {
    color: rgba(247,147,30,1);
    text-transform: uppercase;
    font-size: 2.5rem;
    margin: 0 25px;
}
#Login h1 span {
    color: inherit;
    font-size: inherit;
    background: none repeat scroll 0 0 #f7931e;
    border-radius: 1.9rem;
    color: white;
    display: inline-block;
    line-height: 1.7rem;
    margin: 0;
    padding: 6px 7px 5px 9px;
    text-align: center;
    vertical-align: baseline;
}
#ForgotLoginData h2 {
    color: rgba(247,147,30,1);
    text-transform: uppercase;
    font-size: 1.5rem;
    margin: 0 25px;
}
#ForgotLoginData h2 span {
    color: inherit;
    font-size: inherit;
    background: none repeat scroll 0 0 #f7931e;
    border-radius: 1.9rem;
    color: white;
    display: inline-block;
    line-height: 1.7rem;
    margin: 0;
    padding: 6px 7px 5px 9px;
    text-align: center;
    vertical-align: baseline;
}
#ForgotLoginData .logo {
    font-size: 18px;
}

#Login .logo img {
    width: 220px;border:0;
}

#Login .logo .version {
    color:#000;
}


#Login .inputborder,
#ForgotLoginData .inputborder {
    margin: 15px auto;
    width: 395px; 
    padding: 0 0 20px;
}

.loginfooter {
    display: inline-block;
    margin: 10px 0;
    width: 100%;
}
.loginfooter div {
    display: inline-block;
    width: 47%;
    padding: 0 10px 0 0;
}

#Login .formfieldlabel, 
#ForgotLoginData .formfieldlabel {
    line-height: 20px;margin-right: 14px;
}

#Login .formfield,
#ForgotLoginData .formfield{
    display: inline-block;
    width: 47%;
    padding: 0 10px 0 0;
}

#ForgotLoginData .msg, #Login .msg {
    color: rgba(193,39,45,1); 
    margin-bottom: 20px;
    font-size: 14px;
    text-align: center;
}

#Login .loginbutton .formfield, #ForgotLoginData .loginbutton .formfield {
    width: 100%;
}
#ForgotLoginData .loginbutton .formfield input.button159x23,
#Login .loginbutton .formfield input.button85x23 {
    background: #f7931e;
    width: 100%;
    color: white;
}
#ForgotLoginData .loginbutton .formfield input.button159x23:hover, #ForgotLoginData .loginbutton .formfield input.button159x23:focus,
#Login .loginbutton .formfield input.button85x23:hover, #Login .loginbutton .formfield input.button85x23:focus {
    background: rgba(200,200,200,1);
}
#Login input[type="text"], 
#Login input[type="password"], 
#Login textarea,
#ForgotLoginData input[type="text"], 
#ForgotLoginData input[type="password"], 
#ForgotLoginData textarea {
    background-color: #ffffff;
    border-color: #cccccc;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    box-sizing: border-box;
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-family: inherit;
    font-size: 0.875rem;
    height: 2.3125rem;
    margin: 0 0 1rem;
    padding: 0.5rem;
    transition: box-shadow 0.45s ease 0s, border-color 0.45s ease-in-out 0s;
    width: 100%;
}
/* IE 6 */
* html #Login .formfield input,
* html #ForgotLoginData .formfield input {
    margin-right:15px;
}

/* IE 7 */
* + html #Login .formfield input,
* + html #ForgotLoginData .formfield input {
    margin-right:15px;
}

.buttonbar {
    height: 22px;text-align:right;
}

.fixedbuttonbarcontent {
    text-align: right;z-index:1;position:fixed;background-color:#F7DFBA;height:25px;top:0;left:0;padding:5px;
    opacity: 0.9; -moz-opacity: 0.9; filter: alpha(opacity=90);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}

.previewimage {
    cursor:pointer;border:1px solid #BBBFBF;
}

.delposition {
    margin-left: 0px;margin-top: -5px;vertical-align: top;
}

.pagingarrow {
    border-width:0px; width:9px; height:10px; vertical-align:middle;
}

.paging {
    height: 30px;vertical-align: middle;
}

.paging a {
    float:left;padding:2px;
}

.pointer {
    cursor:pointer;
}

h1.contentheadline {
    margin-top: 15px;
}

.bgblueline {
    background: url('../media/design/cecms_headerbackground.gif') no-repeat scroll 0 0 transparent;
    margin-bottom: 15px;;
}

#KsysInfo {
    text-align: center;background-color: #FFF; border:1px solid #000;height: 350px; overflow: auto;
}

#KsysInfo h1 {
    text-align: center;margin: 15px 0;text-decoration: underline; font-style:italic; font-size: 12pt;
}

#KsysInfoMenu.togglesysinfo {
    background-color:grey;color:#FFFFFF;cursor:pointer;text-align:right;z-index:2;padding-right:5px;
}

button.newfield {
    left: 503px;position: relative;top: -70px;
}

/**
 * Header
*/

#Header {
    height:45px;
}

#Header .version {
    color: #000000;font-size: 9px;left: 0;position: absolute;top: 29px;
}

#Header .userdetails {
    position: absolute;right: 0;top: 0;
}

#Header .logout {
}

#Header #Logo {
    width:200px;
}

#Header #Logo img{
    width:220px;
}

a.header:link, a.header:visited, a.header:active{

}

a.header:focus, a.header:hover {

}

/**
 * Menu
*/
#Menulayer a {
    text-decoration: none;font-size:12px;
}

ul#MainMenu  {
    list-style-position: inherit; background-color:#CFCFCF;height: 25px;  
    margin-bottom: 2px;
}

ul#MainMenu li.mainli {
    float: left; padding:5px 10px; list-style-type: none;
}

ul#MainMenu li.mainli img {
    border:0px; height:10px;padding-right: 3px;
}

/**
 * Submenue01 HOVER
*/

ul#MainMenu li ul {
    display: none;z-index: 1000;
}

ul#MainMenu li:hover ul {
    display: block;position: absolute; z-index: 1000;
}

ul#MainMenu li:hover ul.submenuulhover li {
    background: none repeat-y scroll 0 0 transparent; border: none;
    border-bottom: 1px solid #FFF; font-size: 12px;font-weight: normal;
    text-transform: none;margin: 0 0 0 -10px; background-color: #CFCFCF;
    float: none;  list-style-type: none;padding: 5px 30px 5px 30px;
}

ul#MainMenu li:hover ul.submenuulhover li a:hover {
    font-weight: bold;
}

/**
 * Submenu
*/

ul#SubMenu {
    background-color:#DFDFDF;height: 25px; list-style-position: inherit;
}

ul#SubMenu li{
    float: left;padding: 5px 10px;list-style-type: none;
}

#Menulayer #Menuheadline {
    font-weight:bold;position:absolute;right:7px;top:7px;
}

/**
 * Content
*/

#Content {
    padding:10px;min-height: 400px;
}

a.content:link, a.content:visited, a.content:active{

}

a.content:focus, a.content:hover {

}

/**
 * Templates
*/

#LeftContent{
    float: left;overflow: auto;position: absolute;width: 220px;
}

#LeftContent span {
    cursor:pointer;
}

#RightContent {
    float:left;position:absolute;left:240px;right:10px;
}

#RightContent .label {
    float: left;width: 150px;
}


/**
 * editMenu
*/
#LeftContent .listheader {
    text-align:center;background-color: #FA8A00; color:#ffffff;font-weight: bold;padding:5px;
}

#MenuTree li span:hover {
    cursor:pointer;color:red;
}

#MenuTree li a {
    position: relative;
}

#MenuTree li img.norelease {
    width: 11px
}

#FormFieldLayout .formfield {
    clear:left;margin:5px;
}

#FormFieldLayout label {
    font-weight: bold;
}

#FormFieldLayout .formfieldlabel {
    float:left;
}

#FormFieldLayout .formfieldlabel,
#FormFieldLayout input,
#FormFieldLayout textarea,
#FormFieldLayout select {
    width: 300px;
}

/**
 * editMeta
*/
#f_MetaBoxes #FormFieldLayout input,
#f_MetaBoxes #FormFieldLayout textarea,
#f_MetaBoxes #FormFieldLayout select {
    width: 350px;
}

#f_MetaBoxes #FormFieldLayout textarea {
    height: 80px;
}

/**
 * editSettings
*/

#f_Settings #FormFieldLayout input,
#f_Settings #FormFieldLayout textarea,
#f_Settings #FormFieldLayout select {
    width: 350px;
}

/**
 * editTables
*/
#LeftContent .tablelist ul {
    padding-left: 10px; list-style-type: none;
}

table#TableFieldList {
    width: 100%;
}

#TableFieldList .header{
    font-weight: bold; height:25px; border:0
}

#TableFieldList td{
    height: 20px; border: 1px solid #E5E5E5; padding: 5px;
}

#TableFieldList select, #NewTableField select {
    width:200px;
}

table#NewTableField {
    margin-bottom: 20px;background-color: #E5E5E5;
}

table#NewTableField td, table#NewTableField th {
    padding: 0 10px;
}

table#NewTableField .headlinenewfield {
    height:25px;padding-top: 5px;
}

/* editTableContent
.primkey, .shorttext, .longtext, .password, .image, .file, .integer, .float,
.date, .datetime, .timestamp, .bool, .order, .frontendrelease, .checkbox,
.forwardtohtml, .action, .template, .table, .bigint {
    margin: 0px 5px;
}

/* TableContent*/
#TableContent {
    width: 99.9%;vertical-align: top;margin-left:1px;
}

/* TableContent headers */
#TableContent td.primkey,
#TableContent td.shorttext,
#TableContent td.longtext,
#TableContent td.password,
#TableContent td.image,
#TableContent td.file,
#TableContent td.integer,
#TableContent td.float,
#TableContent td.date,
#TableContent td.datetime,
#TableContent td.timestamp,
#TableContent td.lastmodified,
#TableContent td.bool,
#TableContent td.order,
#TableContent td.frontendrelease,
#TableContent td.checkbox,
#TableContent td.forwardtohtml,
#TableContent td.action,
#TableContent td.template,
#TableContent td.table,
#TableContent td.bigint
{
    text-align: center;
}

/* TableContent div container */
#TableContent .tablerow div.primkey,
#TableContent .tablerow div.order,
#TableContent .tablerow div.frontendrelease,
#TableContent .tablerow div.checkbox,
#TableContent .tablerow div.float,
#TableContent .tablerow div.image,
#TableContent .tablerow div.date,
#TableContent .tablerow div.datetime,
#TableContent .tablerow div.timestamp,
#TableContent .tablerow div.file,
#TableContent .tablerow div.lastmodified
{
    text-align: center;
}


#TableContent th {
    font-weight: bold;text-align: center;
}

#TableContent .tablerow td{
    padding: 5px; border:1px solid #E5E5E5;
}

#TableContent th.primkey, #TableContent td.primkey,
#TableContent th.checkbox, #TableContent td.checkbox,
#TableContent th.frontendrelease, #TableContent td.frontendrelease,
#TableContent th.order, #TableContent td.order,
#TableContent th.date, #TableContent td.date, #TableContent td div.date
{
    width:80px;
}

#TableContent .frontendrelease input,
#TableContent .checkbox input {
    width:25px;
}

#TableContent .lastmodified,
#TableContent .datetime,
#TableContent .timestamp
{
    width:100px;
}


#TableContent .longtext {
    max-height:200px; overflow: auto;
}

#TableContent .password {
    font-weight: bold; text-align: center;
}

#RightContentBox .searchcontent {
    margin: 20px 0;
}


/* TableContentDetail */
#TableContentDetail {
    margin-top: 15px;
}

#TableContentDetail .formfieldlabel {
    float: left;width: 150px;
}

#TableContentDetail .formfieldlabel label{
    font-weight: bold;
}

#TableContentDetail .formfield {
    margin-bottom: 20px;
}

#TableContentDetail .formfield input,
#TableContentDetail .formfield textarea
{
    width: 400px;
}

#TableContentDetail .formfield textarea {
    height:150px;
}

#TableContentDetail .formfield input.date,
#TableContentDetail .formfield input.datetime,
#TableContentDetail .formfield input.timestamp
{
    width: 140px;
}

#TableContentDetail .formfield input.primkey,
#TableContentDetail .formfield input.order,
#TableContentDetail .formfield input.float
{
    width: 80px;
}

#TableContentDetail .formfield input.frontendrelease,
#TableContentDetail .formfield input.checkbox
{
    width:  20px;
}

/**
 * TableMenuAndPages
*/
#LeftContent .pagelist, #LeftContent .tablelist, #MenuTree {
    padding: 10px 0;background-color: #FFFFEE;
}

#TblShowPages th {
    width: 200px;
}

#FormFieldLayout fieldset {
    margin:12px 0;
}


#FormFieldLayout input.frontendrelease ,
#FormFieldLayout input.checkbox
{
    width: 20px;
}

/**
 * Settings Email
*/
#LegendAddOnTxt {
    font-weight: bold;
}

/**
 * Mediacenter
*/
.mcimg {
    width: 100px;
}

.mcdetails {
    border-bottom: 1px solid #DFDFDF;height: 27px;
}

.mcdetails td{
    color: #000;
}

.buttonbarcontent #fUploadFile{
    position: absolute;right: 40px;top: -37px;
}