html {
     overflow: -moz-scrollbars-vertical;
}

a:link { text-decoration: none; cursor: hand; cursor:pointer;}
a:visited  { text-decoration: none; cursor: hand; cursor:pointer;}
a:active  { text-decoration: none; cursor: hand; cursor:pointer;}
a:hover { text-decoration: underline; cursor: hand; cursor:pointer;}


/* IMAGES */
#logotype {
	background: transparent url(/static/images/rah_apps.png) no-repeat -0px -611px;
	height: 60px;
	width: 360px;
    margin-left: 0px;
    margin-top: 15px;

}

#logotype_rah {
	background: transparent url(/static/images/rah_apps.png) no-repeat -0px -611px;
	height: 60px;
	width: 360px;
    margin-left: 0px;
    margin-top: 15px;

}

#logotype_mailinglists {
	background: transparent url(/static/images/rah_apps.png) no-repeat -105px -309px;
	height: 70px;
	width: 75px;
	float: left;
	margin-right: 15px;
}

#logotype_newsletters {
	background: transparent url(/static/images/rah_apps.png) no-repeat -180px -309px;
	height: 70px;
	width: 75px;
	float: left;
	margin-right: 15px;
}
#logotype_newsletter_contacts {
	background: transparent url(/static/images/kontakter_image.png) no-repeat;
	height: 80px;
	width: 80px;
	float: left;
	margin-right: 10px;
}
#logotype_newsletter_contacts {
	background: transparent url(/static/images/kontakter_image.png) no-repeat;
	height: 80px;
	width: 80px;
	float: left;
	margin-right: 10px;
}

#logotype_newsletter_campaigns {
	background: transparent url(/static/images/campaigns_image.png) no-repeat;
	height: 80px;
	width: 80px;
	float: left;
	margin-right: 10px;
}
#logotype_agenda {
	background: transparent url(/static/images/icn_calendar.png) no-repeat;
	height: 69px;
	width: 69px;
	float: left;
	margin-right: 10px;
}

#logotype_statistics {
	background: transparent url(/static/images/rah_apps.png) no-repeat -255px -309px;
	height: 70px;
	width: 75px;
	float: left;
	margin-right: 15px;
}

div.logotype_edit {
        background: transparent url(/static/images/edit.png) no-repeat;
        height: 16px;
        width: 22px;
		margin-top: 5px;
        margin-right: 3px;
        float: right;
        cursor: hand;
        cursor: pointer;
}

div.logotype_more {
        background: transparent url(/static/images/more.png) no-repeat;
        height: 16px;
        width: 22px;
        margin-right: 3px;
		margin-top: 5px;
        float: right;
        cursor: hand;
        cursor: pointer;
}

div.logotype_template {
        background: transparent url(/static/images/template.png) no-repeat;
        height: 16px;
        width: 22px;
        margin-right: 3px;
		margin-top: 5px;
        float: right;
        cursor: hand;
        cursor: pointer;
}

div.logotype_sendmail {
        background: transparent url(/static/images/sendmail.png) no-repeat;
        height: 16px;
        width: 22px;
		margin-top: 5px;
        margin-right: 3px;
        float: right;
        cursor: hand;
        cursor: pointer;
}

div.logotype_acl {
        background: transparent url(/static/images/lock.png) no-repeat;
        height: 16px;
        width: 22px;
		margin-top: 5px;
        margin-right: 3px;
        float: right;
        cursor: hand;
        cursor: pointer;
}

div.logotype_delete {
        background: transparent url(/static/images/delete.png) no-repeat;
        height: 16px;
		margin-top: 5px;
		width: 20px;
        margin-right: 3px;
        float: right;
        cursor: hand;
        cursor: pointer;
}

div.logotype_undelete {
        background: transparent url(/static/images/undelete.png) no-repeat;
        height: 16px;
        width: 22px;
		margin-top: 5px;
        margin-right: 3px;
        float: right;
        cursor: hand;
        cursor: pointer;
}

div.checkbox_empty {
        background: url(/static/images/custom_checkbox.gif) no-repeat -0px -16px;
        height: 15px;
        width: 15px;
        margin-right: 3px;
        margin-bottom: 2px;
        float: left;
        cursor:hand;
        cursor:pointer;
}

div.checkbox_filled {
        background: url(/static/images/custom_checkbox.gif) no-repeat -0px -0px;
        height: 15px;
        width: 15px;
        margin-right: 3px;
        margin-bottom: 2px;
        float: left;
        cursor:hand;
        cursor:pointer;
}

div.login_failed {
        background: #ffebe8;
        padding: 10px;
        margin: 0 0;
        border: 1px solid #dd3c10;
        line-height: 16px;
        font-size: 11px;
}

div.login_failed h4 {
        color: #525252;
        padding: 0 0 8px 0;
        margin-bottom: 8px;
}

div.page_message {
        background: #f4ffe8;
        padding: 10px;
        margin: 0 0;
        border: 1px solid #6cdd10;
        line-height: 16px;
        font-size: 11px;
}

div.example_box {
        background: #ffffff;
        padding: 10px;
        margin: 0 0;
        border: 1px solid #666666;
        line-height: 12px;
        font-size: 10px;
}

div.example_box h4 {
        font-family: lucida sans unicode, lucida grande, tahoma, arial, sans-serif;
        font-size: 10px;
        font-weight: bold;
        color: #525252;
        background: url(/static/images/box_grey_h3_line.gif) repeat-x bottom;
        padding: 0 0 2px 0;
        margin-bottom: 2px;
}


div.page_message h4 {
        color: #525252;
        padding: 0 0 8px 0;
        margin-bottom: 8px;
}

/* COMMON */

/* jSuggest */
#jSuggestContainer {
        position:absolute;
        font: 11px lucida sans unicode, lucida grande, tahoma, arial, sans-serif;
        border:1px solid #246560;
        border-top:0;
        background:#FFF;
}

.jSuggestLoading {
        font-style:italic;
        padding: 10px;
}

#jSuggestContainer ul, #jSuggestContainer ul li{
        margin: 0;
        padding:0;
        list-style:none;
}



#jSuggestContainer ul li{
        padding: 2px 4px;
        border-bottom: 1px dotted #246560;
        color:#000;
        background:#fff;
        cursor:pointer
}

#jSuggestContainer ul li.last{
        border-bottom: 0;
}

#jSuggestContainer ul li.jSuggestHover{
        background:#fff;
        color:#000;
}


/* --- BOX --- */
div.box {
 	background: url(/static/x/box_grey.gif) repeat-x bottom #eeeeeb;
        padding: 10px;
        margin: 0 0;
        border: solid 1px #e2e2e2;
}

div.box h3 {
        color: #000;
        background: url(/static/images/box_grey_h3_line.gif) repeat-x bottom;
        padding: 0 0 8px 0;
        margin-bottom: 8px;
}

div.box ul {
        padding-bottom: 18px;
}

div.box li {
        float: left;
        display: inline;
        width: 292px;
        margin: 0 12px 2px 0;
        padding: 0 0 0 8px;
        background: url(/static/images/ico_linkarrow_black.gif) no-repeat top left;
}

/* --- END BOX 2 --- */

div.crmbox {
 		background: url(/static/images/crm_box.png) repeat-x -0px -0px;
        background-color:#ffffff;
        padding: 5px;		
        margin: 0 0;
        border: solid 1px #269ebc;
		float: left;
}

/* --- BOX 2 --- */
div.formbox {
        margin: 0 0;
        /*border: solid 1px #246560;*/
	line-height: 14px;
	font-size: 11px;
        color: #525252;


}
ul li {list-style:none;}
div.formbox h3 {
        color: #525252;
        background: url(/static/images/box_grey_h3_line.gif) repeat-x bottom;
        padding: 0 0 8px 0;
        margin-bottom: 8px;
}

div.formbox h4 {
        color: #525252;
        background: url(/static/images/box_grey_h3_line.gif) repeat-x bottom;
        padding: 0 0 8px 0;
        margin-bottom: 8px;
}

div.formbox input {
	width: 400px;
	font-family: lucida sans unicode, lucida grande, tahoma, arial, sans-serif;
	padding: 6px 6px 6px 6px;
	line-height: 14px;
	font-size: 11px;
	border: 1px solid #246560;
	margin-bottom: 2px;
}



div.formbox select {
	width: 400px;
	font-family: lucida sans unicode, lucida grande, tahoma, arial, sans-serif;
	padding: 4px 4px 4px 4px;
	line-height: 14px;
	font-size: 11px;
	border: 1px solid #246560;
	margin-bottom: 2px;
}

div.formbox input.input_warning{
	border: 1px solid red;
}

div.formbox select {
	font-family: lucida sans unicode, lucida grande, tahoma, arial, sans-serif;
	line-height: 14px;
	font-size: 11px;
	border: 1px solid #246560;
	margin-bottom: 2px;
}

div.formbox textarea {
	width: 400px;
	height: 100px;
	font-family: lucida sans unicode, lucida grande, tahoma, arial, sans-serif;
	padding: 4px 4px 4px 4px;
	line-height: 14px;
	font-size: 11px;
	border: 1px solid #246560;

}

/* --- END BOX 2 --- */


body {
        font-family: lucida sans unicode, lucida grande, arial, tahoma, sans-serif;
        color: #525252;
/*        background: url(/static/images/bg.gif) repeat bottom;*/
        background-color: #f5f5f5;
        margin: 0px 0 0 0;
        padding: 0;
        font-size: 12px;
        line-height: 16px;
	
}

input {
	font-family: lucida sans unicode, lucida grande, tahoma, arial, sans-serif;
	font-size: 12px;
	padding: 5px 5px 5px 5px;
	margin-bottom: 2px;
}

input_filter {
	width: 250px;
	font-family: lucida sans unicode, lucida grande, tahoma, arial, sans-serif;
	padding: 4px 4px 4px 4px;
	line-height: 14px;
	font-size: 11px;
	border: 1px solid #525252;
	margin-bottom: 2px;
}

h1 {
	color: #525252;
        font-size: 22px;
        font-weight: normal;
        margin: 0 0 10px 0;
        padding: 0;
        line-height: 25px;
}

h2 {
	color: #000;
        font-size: 18px;
        font-weight: normal;
}

h3 {
	color: #000;
        font-size: 18px;
		font-weight:normal;
		line-height:24px;
        margin: 0;
		text-decoration:none;
		
}

h4 {
        font-family: lucida sans unicode, lucida grande, tahoma, arial, sans-serif;
        font-size: 14px;
        font-weight: normal;
        /*text-transform: uppercase;*/
        color: #525252;
        background: url(/static/images/box_grey_h3_line.gif) repeat-x bottom;
        padding: 0 0 8px 0;
        margin-bottom: 8px;
}

.base-text {
        font-family: lucida sans unicode, lucida grande, tahoma, arial, sans-serif;
        color: #000;
        font-size: 11px;
        line-height: 14px;

}

.base-text_subhead {
        font-family: lucida sans unicode, lucida grande, tahoma, arial, sans-serif;
        color: #666666;
        font-size: 12px;
        line-height: 14px;
}

.help_text {
        font-family: lucida sans unicode, lucida grande, tahoma, arial, sans-serif;
        color: #525252;
        font-size: 9px;
        line-height: 14px;

}

.formbox_submit {
	font-family: lucida sans unicode, lucida grande, tahoma, arial, sans-serif;
	padding: 4px 4px 4px 4px;
	line-height: 14px;
	font-size: 12px;
	border: 1px solid #246560;
	margin-bottom: 2px;
}

.form_warning {
        font-family: lucida sans unicode, lucida grande, tahoma, arial, sans-serif;
        color: red;
        font-size: 10px;
        line-height: 14px;
}

.form_green {
        font-family: lucida sans unicode, lucida grande, tahoma, arial, sans-serif;
        color: green;
        font-size: 10px;
        line-height: 14px;
}


img {
	align: left;
	border: 0;
}

ul {
        display: block;
        list-style: none;
        padding: 0;
        margin: 0;
}


/* WRAPPER */
#wrapper {
        width: 960px;
        margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
}

/* TOP */

#top {
        padding: 0 0 0px 0;
        background: #;
}

#top input {
        border: solid 1px #abadb3;
        margin: 0px;
        background-color: #fff;
        color: #686868;
}

#top #logo {
	float: left;
	width: 450px;
        padding: 0 8px 0 0;
        margin: 0 8px 0 0;
	height: 60px;
}

#top #top-right {
	padding: 10px 20px 0 8px;
            margin: 0px;
	float: right;
	text-align: right;
	vertical-align:top;
}

/* --- TABS --- */
#top div.menu-top {
        width: 100%;
        height: 26px;
        margin-top: 10px;
		text-align:center;
}


#top div.menu-top li {
        list-style: none;
		font-size: 12px;
        height: 26px;
		width: 123px;
        margin: 0px;
        display: block;
        float: left;
		text-align:center;
		background: url(/static/images/rah_apps.png) no-repeat -0px -200px;
}

#top div.menu-top li.selected {
        list-style: none;
        height: 26px;
        width: 123px;
        margin: 0px;
        display: block;
        float: left;
		text-align: center;
		background: url(/static/images/rah_apps.png) no-repeat -125px -200px;
}

#top div.menu-top a,
#top div.menu-top a:hover,
#top div.menu-top a:visited,
#top div.menu-top a.active,
#top div.menu-top a.active:hover,
#top div.menu-top a.active:visited {
        font-family: lucida sans unicode, lucida grande, tahoma, arial, sans-serif;
		color: #01698f;
        font-weight: normal;
        text-decoration: none;
        line-height: 26px;
        margin-right: 2px;
	    cursor: pointer;

}

/* --- END TABS --- */

/* --- MENU --- */
#top div.menu {
        width: 100%;
        height: 35px;
        margin-top: 0px;
        background: url(/static/images/rah_apps.png) repeat-x -0px -40px;
}


#top div.menu li {
        list-style: none;
        line-height: 34px;
        margin: 0;
        display: block;
        float: left;

}

#top div.menu li.last {

}

#top div.menu a,
#top div.menu a:hover,
#top div.menu a:visited,
#top div.menu a.active,
#top div.menu a.active:hover,
#top div.menu a.active:visited {
        font-family: lucida sans unicode, lucida grande, tahoma, arial, sans-serif;
        color: #fff;
        padding: 5px 13px 5px 13px;
		font-size:11px;
        font-weight: normal;
        text-decoration: none;
        line-height: 34px;
        margin-right: 2px;
}


#top div.menu a.active,
#top div.menu a.active:hover,
#top div.menu a.active:visited {
        color: #3c3c3c;
        background: url(/static/images/rah_apps.png) repeat-x -0px -120px;
        font-weight: normal;
		margin: 0;
		border: 0;
		padding: 5;
        line-height: 34px;
}

#top div.menu ul.right li {
        background: url(/static/images/splitter.png) repeat-y left;
        text-align: right;
		float: right;
}

#top ul.right li a.active {
        background: url(/static/images/rah_apps.png) no-repeat -0px -0px;
        margin: 0;
		border: 0;
		padding: 5;
}

#top div.menu ul.right li a.yellow,
#top div.menu ul.right li a.red {
        background: url(/static/images/rah_apps.png) no-repeat -0px -0px;
        margin: 0;
		border: 0;
		padding: 5;
		vertical-align:top;
		
}


/* --- END MENU --- */

/* --- MENU RAH --- */
#top div.menu_rah {
        width: 100%;
        height: 35px;
        margin-top: 0px;
        background: url(/static/images/rah_apps.png) repeat-x -0px -686px;
}


#top div.menu_rah li {
        list-style: none;
        line-height: 34px;
        margin: 0;
        display: block;
        float: left;
		border-left:1px solid #555555;
		border-right:1px solid #252022;
}

#top div.menu_rah li.last {

}

#top div.menu_rah a,
#top div.menu_rah a:hover,
#top div.menu_rah a:visited,
#top div.menu_rah a.active,
#top div.menu_rah a.active:hover,
#top div.menu_rah a.active:visited {
        font-family: lucida sans unicode, lucida grande, tahoma, arial, sans-serif;
        color: #fff;
        padding: 5px 13px 5px 13px;
		font-size:11px;
        font-weight: normal;
        text-decoration: none;
        line-height: 34px;
        margin-right: 2px;
}


#top div.menu_rah a.active,
#top div.menu_rah a.active:hover,
#top div.menu_rah a.active:visited {
        color: #222;
        background: url(/static/images/rah_apps.png) repeat-x -0px -120px;
        font-weight: normal;
		margin: 0;
		padding: 5;
		line-height: 34px;
}

#top div.menu_rah ul.right li {
        background: url(/static/images/splitter_rah.png) repeat-y left;
        text-align: right;
		float: right;
}

#top ul.right li a.active {
        background: url(/static/images/rah_apps.png) no-repeat -0px -0px;
        margin: 0;
		border: 0;
		padding: 5;
}

#top div.menu_rah ul.right li a.yellow,
#top div.menu_rah ul.right li a.red {
        background: url(/static/images/rah_apps.png) no-repeat -0px -0px;
        margin: 0;
		border: 0;
		padding: 5;
		vertical-align:top;
		
}


/* --- END MENU --- */

/* --- MENU CRM --- */
#top div.menu_crm {
        width: 100%;
        height: 35px;
        margin-top: 0px;
        background: url(/static/images/rah_apps.png) repeat-x -0px -0px;
}


#top div.menu_crm li {
        list-style: none;
        line-height: 34px;
        margin: 0;
        display: block;
        float: left;
        background: url(/static/images/splitter_crm.png) repeat-y right;
}

#top div.menu_crm li.last {

}

#top div.menu_crm a,
#top div.menu_crm a:hover,
#top div.menu_crm a:visited,
#top div.menu_crm a.active,
#top div.menu_crm a.active:hover,
#top div.menu_crm a.active:visited {
        font-family: lucida sans unicode, lucida grande, tahoma, arial, sans-serif;
        color: #fff;
        padding: 5px 13px 5px 13px;
		font-size:11px;
        font-weight: normal;
        text-decoration: none;
        line-height: 34px;
        margin-right: 2px;
}


#top div.menu_crm a.active,
#top div.menu_crm a.active:hover,
#top div.menu_crm a.active:visited {
        color: #888888;
        background: url(/static/images/rah_apps.png) repeat-x -0px -120px;
        font-weight: normal;
		margin: 0;
		border: 0;
		padding: 5;
                line-height: 34px;
}

#top div.menu_crm ul.right li {
        background: url(/static/images/splitter_crm.png) repeat-y left;
        text-align: right;
		float: right;
}

#top ul.right li a.active {
        background: url(/static/images/rah_apps.png) no-repeat -0px -0px;
        margin: 0;
		border: 0;
		padding: 5;
}

#top div.menu_crm ul.right li a.yellow,
#top div.menu_crm ul.right li a.red {
        background: url(/static/images/rah_apps.png) no-repeat -0px -0px;
        margin: 0;
		border: 0;
		padding: 5;
		vertical-align:top;
		
}


/* --- END MENU --- */


/* --- SUB MENU --- */

#top div.submenu {
        width: 100%;
        height: 40px;
        background: url(/static/images/rah_apps.png) repeat-x -0px -80px;
}


#top div.submenu li {
        list-style: none;
        display: block;
        float: left;
        margin: 10px 0 0 13px;
}

#top div.submenu li a,
#top div.submenu li a:hover,
#top div.submenu li a:visited {
        font-family: lucida sans unicode, lucida grande, tahoma, arial, sans-serif; font-size:12px;  color: #01698f; text-decoration: none;
}

#top div.submenu li a:hover {
        text-decoration: underline;
}

/* --- END SUBMENU --- */

/* CONTENT */

#content {
        padding: 0 0px 0 0;
        margin: 0 0px 0 0;
}

#content #content-leftish {
        float: left;
        width: 640px;
        padding: 0 10px 0 0;
        margin: 0 px 0 0;
        overflow: hidden;
	background: transparent url(/static/images/splitter_content.png) repeat-y right;
}

#content #content-rightish {
        float: left;
        width: 300px;
        padding: 0 0 0 10px;
        margin: 0 px 0 0;
        overflow: hidden;
}


#content #content-left {
        float: left;
        width: 190px;
        padding: 0 10px 0 0;
        margin: 0 px 0 0;
        overflow: hidden;
}

#content #content-lm {
        float: left;
        width: 960px;
        padding: 0 0px 0 0;
        margin: 0 px 0 0;
        overflow: hidden;
}

#content #content-right {
        float: right;
        width: 190px;
        padding: 0 px 0 10px;
        margin: 0 0px 0 0;
        overflow: hidden;
}

#content #content-rm {
        float: right;
        width: 837px;
        padding: 0 px 0 10px;
        margin: 0 0px 0 0;
        overflow: hidden;
}

#content #content-middle {
        float: left;
        width: 647px;
        overflow: none;
        margin-bottom: 0px;
}

/* TABLES */
.tr-head {
        height: 20px;
        margin-top: 0px;
        background: url(/static/images/rah_apps.png) repeat-x -0px -505px;
}

.td-head {
	font-family: lucida sans unicode, lucida grande, tahoma, arial, sans-serif;
        color: #fff;
        font-weight: bold;
        text-decoration: none;	
	line-height: 20px;
	text-align: left;
        padding: 0px 13px 7px 13px;
	cursor: hand;
	cursor: pointer;
}



.cal .tr-head {
        height: 20px;
        margin-top: 0px;
        background: url(/static/images/rah_apps.png) repeat-x -0px -505px;
}

.cal .td-head {
	font-family: lucida sans unicode, lucida grande, tahoma, arial, sans-serif;
        color: #fff;
        font-weight: bold;
        text-decoration: none;	
	line-height: 20px;
	text-align: left;
    padding: 0px 5px 0px 5px;
	cursor: hand;
	cursor: pointer;
}

.tr-data {
        padding: 5px 5px 5px 5px;
        background: url(/static/x/box_grey_h3_line.gif) repeat-x bottom  #ffffff;
}

.tr-data-color {
        margin-top: 0px;        
        background: url(/static/x/box_grey_h3_line.gif) repeat-x bottom #ecf5f9;
}

.tr-data-deleted {
        margin-top: 0px;
        background: #dd3c10;
}

.tr-data-zebra {
        margin-top: 0px;
        background: url(/static/x/box_grey_h3_line.gif) repeat-x bottom #e1f0f7;
}

.tr-data-zebra-deleted {
        margin-top: 0px;
		line-height:26px;
        background: #ffebe8;
}

.td-data {
	font-family: lucida sans unicode, lucida grande, tahoma, arial, sans-serif;
        color: #525252;
        text-decoration: none;
}
.td-data-small {
	font-family: lucida sans unicode, lucida grande, tahoma, arial, sans-serif;
	font-size:10px;
        color: #525252;
        line-height: 30px;
        text-decoration: none;	
        padding: 0px 4px 0px 13px;
}


/* BOTTOM */

#bottom {
	padding: 25px 0;
	margin-top: 0px;	
    clear: both;
	background: transparent url(/static/images/foot.png) repeat-x -0px -0px;
	height: 150px;
	width: 100%;
}
#bottom_rah {
	padding: 25px 0;
	margin-top: 0px;	
    clear: both;
	background: transparent url(/static/images/foot_rah.png) repeat-x -0px -0px;
	height: 150px;
	width: 100%;
}

#bottom_clear {
	padding: 0px 0;
	margin-top: 0px;	
    clear: both;
	height: 30px;
	width: 100%;
}