.service .notes {
    font-size:              1em;
    z-index:                20;
    margin-top:             -5px;
    margin-left:            -3px;
    overflow:               hidden;
    position:               absolute;
    width:                  306px;
    height:                 191px;
}

.addNote {
	height:					38px;
    width:                  272px;             
	display:				block;
    z-index:                1000;
    position:               absolute;
    bottom:                 13px;
    left:                   13px;  
    padding:                2px;
    background-image:       url('../../img/design.green/services/notes/notes.menu.new.back.gif');
    background-repeat:      no-repeat;   
}

/*
 * Note Menu
 */
 .NoteMenu {
    z-index:                20;
    width:                  50;
    height:                 20px;
    right:                  14px;
    bottom:                 2px;
    position:               absolute;
    background-image:       url('../../img/design.green/services/notes/notes.menu.left.gif');
    background-repeat:      no-repeat;
 }
 
 .NoteMenuContent {
    background-image:       url('../../img/design.green/services/notes/notes.menu.middle.gif');
    margin-left:            17px;
    margin-right:           6px;
    padding:                2px 0px 0px 0px;
 }
 
 img.NotesMenuRight {
    float:                  right;
    margin:                 0px;
 }
 
/*
 * All styles for options of notes
 */
.optionNote {
    height:                 36px;
    width:                  12px;
    position:               absolute;
    top:                    2px;
    right:                  2px;
    z-index:                1;
    display:                block;
}

.deleteNote {
    height:                 12px;
    width:                  24px;
    position:               absolute;
    top:                    2px;
    right:                  14px;
    z-index:                1px;
}

.deleteNote img {
    float:                  left;
}

.changeColor {
    height:                 24px;
    width:                  24px;
    position:               absolute;
    top:                    14px;
    right:                  14px;
    z-index:                1px;
}

.ColorBox {
    height:                 10px;
    width:                  10px;
    display:                block;
    border:                 1px solid #333333;
    float:                  left;
}

/*
 * Spinner
 */
.NotesSpinnerEdit {
	z-index:				1000;
	position:				absolute;
	width:					14px;
	height:					14px;
    left:                   150px;
    top:                    25px;
}

/*
 *    Design der Notizblätter
 */ 
div.notesheet_blue {
    width:                  95px;
    height:                 70px;
    background-color:       #80A0C8;
    border:                 1px solid #666666;
    padding:                2px;
    color:                  #333333;
}

div.notesheet_red {
    width:                  95px;
    height:                 70px;
    background-color:       #C67575;
    border:                 1px solid #666666;
    padding:                2px;
    color:                  #333333;
}

div.notesheet_yellow {
    width:                  95px;
    height:                 70px;
    background-color:       #DDDA6A;
    border:                 1px solid #666666;
    padding:                2px;
    color:                  #333333;
}

div.notesheet_green {
    width:                  95px;
    height:                 70px;
    background-color:       #55AA55;
    border:                 1px solid #666666;
    padding:                2px;
    color:                  #333333;
}

/*
 *	Form
 */ 
input.note {
	background-color:		transparent;
	border:					1px solid #999999;
	margin-right:			3px;
}