html {

}

body {
margin: 0;
padding: 0;
}

img {
border: 0;
}

a {
text-decoration: none;
color: #00669f;
}

a:hover {
color: #00314c;
}

form {
margin: 0;
padding: 0;
}

input {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}
input.text {
color: #686E72;
background: #fff;
border: 1px solid #C5D9E1;
}
input.button {
color: #4A5154;
}

textarea {
color: #686E72;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
background: #fff;
border: 1px solid #C5D9E1;
}

label {
padding: 0 0 0 3px;
color: #686E72;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}

#loginAlles {
text-align: center;
margin: 0px auto 0px auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background: #919a9f url(/cgt-organizer/images/loginHintergrund.png) 0 0 repeat-x;
}

#loginInhalt {
margin: 0px auto 0px auto;
padding: 0px;
width: 1200px;
text-align: left;
border-right: 1px solid #919a9f;
border-left: 1px solid #919a9f;
background: #fff;
}

#loginKopfLink {
position: absolute;
width: 270px;
}
#loginKopfLink a {
display: block;
height: 60px;
margin: 0;
padding: 0;
}

#loginKopf {
height: 90px;
margin: 0px;
padding: 0px;
background: url(/cgt-organizer/images/loginMenu.png) 0 -150px repeat-x;
}

#loginLogo {
float: left;
width: 260px;
height: 80px;
margin: 0px;
padding: 0px;
background: url(/cgt-organizer/images/loginLogo.png) 0 0 no-repeat;
}

#loginKopfNav {
float: right;
width: 700px;
margin: 0px;
padding: 0px 10px 0px 0px;
}

#loginKopfNav div.loginKopfNav {
float: right;
margin: 0px;
padding: 15px 10px 0px 0px;
}

#loginKopfNav div.loginKopfNav a {
padding: 0 0 0 5px;
font-size: 12px;
color: #2a2c2e;
}
#loginKopfNav div.loginKopfNav a:hover {
color: #00669f;
}

#loginKopfInfo {
float: right;
width: 690px;
margin: 0px;
padding: 30px 20px 0px 0px;
text-align: right;
font-size: 12px;
color: #fff;
}

#loginMenu {
float: right;
width: 979px;
height: 32px;
margin: 0;
padding: 0;
background: url(/cgt-organizer/images/loginMenu.png) 0 0px repeat-x;
border-top: 1px solid #686e73;
border-bottom: 1px solid #686e73;
border-left: 1px solid #686e73;
}

#loginMenu div {
float: left;
margin: 0px;
padding: 0px;
}

#loginMenu div a {
float: left;
width: auto;
height: 24px;
margin: 0px;
padding: 8px 18px 0px 18px;
text-align: center;
color: #2a2c2e;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
background: url(/cgt-organizer/images/loginMenu.png) 0 0 repeat-x;
border-right: 1px solid #829ead;
}
#loginMenu div.loginMenu a:hover {
background: url(/cgt-organizer/images/loginMenu.png) 0 -50px repeat-x;
}
#loginMenu div.loginMenuA a {
color: #fff;
background: url(/cgt-organizer/images/loginMenu.png) 0 -100px repeat-x;
}

#loginMenusub {
clear: both;
float: left;
margin: 0;
padding: 0;
width: 220px;
border-top: 1px solid #686e73;
}

#loginMenusub div.loginMenu {
margin: 0px;
padding: 0px;
}

#loginMenusub div.menusubBg div.loginMenu span {
display: block;
margin: 15px 0px 0px 0px;
padding: 8px 10px 9px 10px;
color: #686e72;
font-size: 13px;
font-weight: normal;
}
#loginMenusub div.menusubBg div.loginMenu:first-child span {
margin: 0px;
}

#loginMenusub div.menusubBg div.loginMenu a {
display: block;
margin: 0px;
padding: 8px 10px 9px 23px;
color: #2a2c2e;
font-size: 13px;
}
#loginMenusub div.menusubBg div.loginMenu a:hover {
background: #c3ced5;
}
#loginMenusub div.menusubBg div.loginMenuA a {
display: block;
min-height: 17px;
margin: 0px;
padding: 8px 10px 8px 23px;
color: #fff;
font-size: 13px;
background: #6092af;
}
#loginMenusub div.menusubBg div.loginMenuA a.open {
background: #6092af;
}
#loginMenusub div.menusubBg div.loginMenuA a:focus {
outline: 0;
}

#loginSeite {
margin: 0px;
padding: 0px;
background: #d5e1e7;
}

#loginSeiteInhalt {
float: right;
width: 949px;
min-height: 1000px;
margin: 0px;
padding: 15px;
background: #fff;
border-left: 1px solid #686e73;
}

#footer {
clear: both;
padding: 40px 10px 90px 10px;
color: #484e53;
background: #919a9f;
border-top: 1px solid #686e73;
}
#footer a {
color: #10668f;
}



/* tooltip (rechts von element) */
#kwTooltip {
position: absolute;
margin: -15px 0 0 0;
z-index: 1000000;
text-align: left;
opacity: 1;
}
#kwTooltip div {
position: relative;
}
#kwTooltip .kwTooltipPfeil {
position: absolute;
left: 0px;
top: 16px;
width: 20px;
height: 50px;
background: transparent url(/cgt-organizer/images/tooltipL.png) 0 0 no-repeat;
z-index: 1000002;
}
#kwTooltip .kwTooltipInhalt {
position: absolute;
left: 19px;
top: 0;
min-width: 180px;
min-height: 18px;
margin: 0px;
padding: 5px 18px 16px 18px;
border: 1px solid #959595;
background: #fff;
font-size: 12px;
font-family: Arial, sans-serif;
overflow: visible;
z-index: 1000001;
}
#kwTooltip .kwTooltipInhalt .laden{
width: 16px;
height: 16px;
margin: 13px 0 0 0;
background: url(/cgt-organizer/images/iconLoad.gif) 0 0 no-repeat;
}



/* tooltip (links von element) */
#kwTooltip.left .kwTooltipPfeil {
position: absolute;
left: -12px;
top: 16px;
background: transparent url(/cgt-organizer/images/tooltipR.png) 0 0 no-repeat;
z-index: 1000005;
}
#kwTooltip.left .kwTooltipInhalt {
position: absolute;
left: -299px;
top: 0;
width: 250px;
padding: 5px 18px 16px 18px;
overflow: hidden;
}
#kwTooltip div.row {
margin: 0;
padding: 0 0 3px 0;
background: none;
}
#kwTooltip div.row.spa {
padding: 0;
height: 10px;
}
#kwTooltip div.title {
font-weight: bold;
white-space: nowrap;
}
#kwTooltip .des {
color: #686e72;
font-size: 10px;
}



/* kw mitteilung */
#kwMitteilung {
position: fixed;
top: 0;
width: 465px;
margin: 0 auto;
height: 55px;
background: url(/cgt-organizer/images/loginMitteilung.png) 0 0 no-repeat;
z-index: 101;
}
#kwMitteilung div.info {
float: left;
width: 50px;
height: 53px;
background: url(/cgt-organizer/images/loginMitteilung.png) 0 -54px no-repeat;
}
#kwMitteilungText {
float: left;
padding: 20px 0 0 0;
width: 405px;
height: 38px;
color: #fff;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 80%;
}



/* modal dialog */
#kwDialogHintergrund {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
filter: alpha(opacity=60);
opacity: 0.6;
background: #fff;
z-index: 1;
}
#kwDialog {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
background: #fff;
z-index: 100;
}
#kwDialog.fenster {
color: #686e72;
font-family: Arial, Helvetica, sans-serif;
border: 1px solid #07699f;
}
#kwDialog.fenster h1 {
margin: 0px;
padding: 9px 18px 0px 18px;
height: 29px;
color: #fff;
font-size: 16px;
background: #07699f url(/cgt-organizer/images/loginModalDialogFenster.png) 0 0 repeat-x;
}
#kwDialog.fenster div {
margin: 0px;
padding: 0px;
line-height: 140%;
font-size: 13px;
}
#kwDialog.fenster div.box {
margin: 15px 0px 0px 15px;
padding: 10px;
line-height: 100%;
background: #e6eff3
}
#kwDialog.warnung {
color: #686e72;
font-family: Arial, Helvetica, sans-serif;
border: 1px solid #f66c05;
}
#kwDialog.warnung h1 {
margin: 0px;
padding: 9px 18px 0px 40px;
height: 29px;
color: #fff;
font-size: 16px;
background: #f66c05 url(/cgt-organizer/images/loginModalDialogWarnung.png) 0 0 no-repeat;
}
#kwDialog.warnung div {
margin: 0px;
padding: 0px;
line-height: 140%;
color: #ff6c00;
font-size: 13px;
}

#kwDialog h2 {
margin: 0;
padding: 15px 15px 10px 15px;
font-size: 18px;
}
#kwDialog.fenster div.col {
float: left;
width: 295px;
margin: 0;
padding: 0 5px 0 15px;
}
#kwDialog.fenster div.colR {
float: right;
width: 295px;
margin: 0;
padding: 0 15px 0 5px;
}

/* login */
#formLogin input.text {
width: 140px;
}


.box {
float: left;
width: 670px;
margin: 0 0 15px 0;
padding: 0;
color: #686E72;
background: #E7EFF2;
border: 1px solid #919A9F;
}

.box .title {
margin: 0 0 10px 0;
padding: 5px 10px 5px 10px;
color: #686E72;
font-weight: bold;
font-size: 16px;
background: #D5E1E7;
border-bottom: 1px solid #919A9F;
}

.box div {
padding: 0 10px 0 10px;
}

.box .col {
float: left;
width: 320px;
margin: 0;
padding: 0 10px 10px 0;
}

.box .info {
clear: both;
padding: 7px 10px 0 10px;
}

.box .field {
margin: 0 0 0 10px;
padding: 0;
}

.box .field input.text {
width: 300px;
}

.box .field textarea {
width: 630px;
}

.box .submit {
clear: both;
margin: 10px 0 0 0;
padding: 10px 20px;
text-align: right;
background: #ACB7BE;
border-top: 1px solid #919A9F;
}
.box .submit label {
color: #585E62;
font-size: 12px;
}

.boxNav {
float: right;
width: 260px;
margin: 0 0 15px 0;
padding: 0;
color: #686E72;
background: #E7EFF2;
border: 1px solid #919A9F;
}

.boxNav .title {
margin: 0 0 5px 0;
padding: 3px 10px;
color: #686E72;
font-weight: bold;
font-size: 14px;
background: #D5E1E7;
border-bottom: 1px solid #919A9F;
}

.boxNav .info {
padding: 3px 5px 3px 10px;
}

.row, .boxNav .rowOwn {
clear: both;
margin: 0;
padding: 0;
}

.row a, .rowOwn a {
display: block;
padding: 3px 5px 3px 25px;
}
.row:hover {
background: #fff url(/cgt-organizer/images/icons.png) 239px -198px no-repeat;
}
.rowOwn:hover {
background: #fff;
}

.rowOwn a span.tag {
color: #686E72;
}

a.rowdel {
float: right;
width: 16px;
height: 16px;
margin: 0;
padding: 2px 5px 2px 2px;
}

div.cont {
margin: 0;
padding: 0 0 5px 0;
}
div.cont .rowOwn {
padding: 3px 10px 5px 10px;
}

div.cont input.button, div.rowOwn input.button {
margin: 0;
padding: 0;
color: #686E72;
font-size: 10px;
cursor: pointer;
}



/* datepicker */
#ui-datepicker-div {
background: #fff;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: 1px solid #aaa;
}
#ui-datepicker-div table {
border-collapse: collapse;
}
.ui-datepicker-header {
margin: 2px;
padding: 4px 0 4px 30px;
color: #222;
font-size: 11px;
background: #cecece;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: 1px solid #aaa;
}
.ui-datepicker-header a.ui-datepicker-prev {
position: absolute;
display: block;
top: 5px;
left: 5px;
width: 15px;
height: 15px;
font-size: 0;
cursor: pointer;
background: #eee url(/cgt-organizer/images/icons.png) -1px -399px no-repeat;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: 1px solid #aaa;
}
.ui-datepicker-header a.ui-datepicker-next {
position: absolute;
display: block;
top: 5px;
right: 5px;
width: 15px;
height: 15px;
font-size: 0;
cursor: pointer;
background: #eee url(/cgt-organizer/images/icons.png) 0 -449px no-repeat;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: 1px solid #aaa;
}
.ui-datepicker-calendar th {
color: #222;
font-size: 10px;
}
.ui-datepicker-calendar td {
text-align: center;
}
.ui-datepicker-calendar td a {
display: block;
width: 18px;
height: 15px;
font-size: 12px;
background: #eaeaea;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
border: 1px solid #C5D9E1;
}
.ui-datepicker-calendar td a:hover, .ui-datepicker-calendar td.ui-datepicker-current-day a {
color: #fff;
background: #6092AF;
}