/*** GENERAL STYLES ***/

* {
    font-family: Trebuchet MS,  Arial;
}

body {
    color: #636363;
    padding: 0;
    margin: 0;
    font-size: 12px;
}

td {
    color: #636363;
    font-size: 12px;
}

h1 {
    font-size: 16px;
    font-family: Trebuchet MS, Georgia, arial;
    font-weight: bold;
    color: #F58220;
    border-bottom: 1px solid #cdcdcd;
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 10px 0px;
}


h3 {
    margin-top: 0;
}

h2 {
    font-family: Trebuchet MS, arial;
    font-weight: bold;
    color: #636363;
}

a {
    outline: none;
    font-family: Trebuchet MS, arial, sans-serif;
    /**font-size: 11px;*/
    text-decoration: none;
    border: 0;
    color: black;
}

h3 a {
    color: #636363;
}

img {
    outline: none;
    border: 0;
}

input, textarea {
    border: 1px solid #CDCDCD;
    margin: 0 3px;
}

input.btn {
    color: #636363;
}


table.lstcmps {
    width: 100%;
}

.tooltip_text {
    border: 1px solid #999;
    background-color: #ccc;
    padding: 4px;
    position:absolute;
    z-index: 1000;
    font-family: arial,tahoma,verdana,sans-serif;
    font-size: 11px;
    color: #000;
    display: none;
    width: 250px;
}

/*** LANDING PAGE ***/
#landing-main {
    width: 740px;
    margin: 20px auto 0px auto;
}

#landing-footer {
    width: 740px;
    margin: 1px auto;
    text-align: center;
}


/*** CMS ELEMENTS ***/
div.ct-vertical {
    position: relative;
    float: left;
}
#portal-header {
    width: 834px;
}

div#portal-header-left {
    float: left;
}
div#portal-header-right {
    float: right;
}

#portal-header-flag {
    float: right;
}

/*** TEXT STYLES ***/
p.welcome {
    font-size: 12px;
    font-family: Georgia, arial;
    font-weight: bold;
    color: #F58220;
}

p.msg-inf {
    color: #000000;
}

p.msg-err {
    color: #AA0000;
}

p.msg-suc {
    color: #00AA00;
}

/*** PORTAL SPECIFIC STYLES ***/

/* links & buttons */
a.portal-link, a.portal-link:active, a.portal-link:hover, a.portal-link:visited {
    border: none;
    margin: 0;
    padding: 0;
    float: none;
    font-family: Trebuchet MS, sans-serif;
    font-size: 11px;
    text-decoration: none;
    color: #F58220;
}

a.portal-link:hover {
    color: #F58220;
    text-decoration: underline;
}

.portal-link-inactive {
    color: #CDCDCD;
}

a.btn, a.btn:active, a.btn:visited, a.btn:hover {
    display: block;
    padding: 2px;
    padding-top: 2px;
    color: #000000; 
    font-family: Trebuchet MS, arial, Sans;
    font-size: 10px;
    font-weight: bold;

    text-decoration: none;
    text-transform: uppercase;
}

#app-contentpane-faq a.portal-link, 
#app-contentpane-faq a.portal-link:active, 
#app-contentpane-faq a.portal-link:hover, 
#app-contentpane-faq a.portal-link:visited {
    color: black;
}

#app-contentpane-faq u a {
    text-decoration: underline;
}

.btn_orange {
    background-image: url(/site_media/susi/img/buttons/btn_orange_m.png);
    background-repeat: repeat-x;
    height: 18px;
    margin: 5px;
}

.btn_grey input,
.btn_orange input,
.btn_orange a {
    font-family: Trebuchet MS, arial;
    font-size: 10px;
    text-transform: uppercase;
    text-align: center;
}

.btn_orange_l {
    background-image: url(/site_media/susi/img/buttons/btn_orange_l.png);
    background-repeat: no-repeat;
    background-position: left;
    margin: 0 0 0 -5px;
    height: 18px;
}

.btn_orange_r {
    background-image: url(/site_media/susi/img/buttons/btn_orange_r.png);
    background-repeat: no-repeat;
    background-position: right;
    margin: 0 -5px 0 0;
    height: 18px;
    text-align: center;
}

.btn_grey {
    background-image: url(/site_media/susi/img/buttons/btn_grey_m.png);
    background-repeat: repeat-x;
    background-position: center center;
    height: 18px;
    margin: 5px;
}

.btn_grey_l {
    background-image: url(/site_media/susi/img/buttons/btn_grey_l.png);
    background-repeat: no-repeat;
    background-position: left;
    margin: 0 0 0 -5px;
    height: 18px;
}

.btn_grey_r {
    background-image: url(/site_media/susi/img/buttons/btn_grey_r.png);
    background-repeat: no-repeat;
    background-position: right;
    margin: 0 -5px 0 0;
    height: 18px;
    text-align: center;
}


/* div & structure */
div#portal-root {
    padding: 38px 93px 0 93px;
    float: left;
}

div#portal-header {
/*
 *  margin: 0 0 5px 9px;
 *  background-image: url(/site_media/susi/img/logo/superwitcher_logo.png);
 *  background-position: left 10px;
 *  background-repeat: no-repeat;
 */
    background-color: #FFFFFF;
    height: 85px ! important;
}

div#portal-headermenu {
    float: right;
    margin-right: 2px;
}

div#portal-footer {
    clear: both;
    padding-top: 10px;
    text-align: center;
    font-family: Trebuchet MS, arial, sans-serif;
    font-size: 11px;
    text-decoration: none;
    width: 620px;
}

div#portal-footermenu {
    text-align: left;
}

div#portal-body {
}

div#portal-body-left {
    float: left;
    border: 1px solid #CDCDCD;
    padding: 15px;
    width: 599px ! important;
}

div#portal-body-right {
    float: left;
    margin-left: 10px;
    padding: 0 6px 0 6px;
}
.portal-portlet {
    border: 1px solid #CDCDCD;
    overflow: hidden;
    margin: 0 0 10px 0;
}

/*** APPLICATION SPECIFIC STYLES ***/

.app-portlet {
    margin: 0 0 10px 0;
}

/*** EDITOR MODE STYLES ***/

a.edit { 
    color: #FFFFFF;
    background-color: #FF5555;
    text-decoration: none;
    padding-left: 3px;
    padding-right: 3px;
}

/*** CONTENTPANE STYLES ***/

/* default contentpane style*/
div#app-contentpane-start-saved {
    width: 427px ! important;
}

div#start-body-left {
    width: 427px ! important;
    display: inline;
}

div#start-body-right {
    margin: 0px 0px 0px 0px;
    padding-left: 7px;
    width: 159px ! important;
}

div#dyngfx {
    margin: 0px 0px 10px 0px;
    background-image: url(/site_media/susi/img/contentpane/orange/160x130.png);
    padding: 2px;
    width: 156px;
    height: 126px;
    background-repeat: no-repeat;
}

div#start-body-right #start-body-right-dynamic-graphic .cp_o_content {
    height: 120px;
    position: relative;
    padding: 0;
    margin-left: 2px;
}

div#start-body-right #start-body-right-dynamic-graphic .cp_o_hd_l {
    background-image: url(/site_media/susi/img/contentpane/orange/cp_hd_l_transp.png);
}

div#start-body-right #start-body-right-dynamic-graphic .cp_o_hd_r {
    background-image: url(/site_media/susi/img/contentpane/orange/cp_hd_r_transp.png);
}

div#start-body-right #start-body-right-dynamic-graphic .cp_o_ft_l {
    background-image: url(/site_media/susi/img/contentpane/orange/cp_ft_l_transp.png);
}

div#start-body-right #start-body-right-dynamic-graphic .cp_o_ft_r {
    background-image: url(/site_media/susi/img/contentpane/orange/cp_ft_r_transp.png);
}

div#start-body-right #start-body-right-dynamic-graphic .cp_o_hd_l,
div#start-body-right #start-body-right-dynamic-graphic .cp_o_hd_r,
div#start-body-right #start-body-right-dynamic-graphic .cp_o_ft_l,
div#start-body-right #start-body-right-dynamic-graphic .cp_o_ft_r {
    position: relative;
    z-index: 100;
}

div#start-body-right #start-body-right-dynamic-graphic #dynamic-graphic-control {
    position: absolute;
    top: -3px;
}

div#app-mysuswi-start-root {
    margin: 0;
}

div#app-contentpane-welcome_hd div.cp_msg_hd_m {
	position: relative;
}

div#app-content-welcome {
	height:24px;
	position:absolute;
	top:0px;
}

div#app-content-welcome p {
	margin: 6px 0px 0px 0px;
}

div#app-contentpane-start-switches,
div#app-contentpane-start-actions {
	margin: 0px;
	width: 146px;
}

.hiddenPane {
    display: none;
}

.cp {
    position: relative;
    margin: 0 0 10px 0;
}

.cp_won {
    margin-top: 22px;
}

.cp_product {
    position: relative;
    float: left;
    margin: 0 10px 0 0;
}

.cp_hd {
    background-color: #FFFFFF;
    overflow: visible;
    margin-left: 4px;
    margin-right: 4px;
    left: 0px;
    right: 0px;
    position: relative;
    height: 4px;
    border-top: 1px solid #959595;
}

/*** IE6 fix ***/
* html .cp_hd {
	width: 587px;
}

.cp_hd_r {
    position: absolute;
    top: -1px;
    right: -4px;
    background-image: url(/site_media/susi/img/contentpane/grey/cp_hd_r.png);
    background-repeat: no-repeat;
    width: 4px;
    height: 4px;
}

.cp_hd_l {
    position: absolute;
    top: -1px;
    left: -4px;
    background-image: url(/site_media/susi/img/contentpane/grey/cp_hd_l.png);
    background-repeat: no-repeat;
    width: 4px;
    height: 4px;
}

.cp_ft {
    position: relative;
    background-color: #FFFFFF;
    left: 0px;
    right: 0px;
    margin-left: 4px;
    margin-right: 4px;
    height: 4px;
    border-bottom: 1px solid #959595;
}

/*** IE6 fix ***/
* html .cp_ft {
	width: 589px;
}

.cp_ft_l {
    position: absolute;
    bottom: -1px;
    left: -4px;
    background-image: url(/site_media/susi/img/contentpane/grey/cp_ft_l.png);
    background-repeat: no-repeat;
    width: 4px;
    height: 4px;
}

/*** IE6 fix ***/
* html .cp_ft_l {
	LEFT: -4px;
	top: 1px;
}

.cp_ft_r {
    position: absolute;
    bottom: -1px;
    right: -4px;
    background-image: url(/site_media/susi/img/contentpane/grey/cp_ft_r.png);
    background-repeat: no-repeat;
    width: 4px;
    height: 4px;
}

/*** IE6 fix ***/
* html .cp_ft_r {
	right: -2px;
	top: 1px;
}

.cp_bd {
    margin-top: -1px;
    margin-bottom: -1px;
    background-color: #fff;
    background-repeat: repeat-x;
    padding: 15px;
    border-left: 1px solid #959595;
    border-right: 1px solid #959595;
}

* html .cp_bd {
    width: 562px;
    overflow: hidden;
}

* html #app-contentpane-compare-home {
    width: 558px;
}

.cp_bd_tit {
    font-family: Georgia, arial, sans-serif;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 5px;
    color: #F58220;
}

hr {
    height: 1px;
    background-color: #CDCDCD;
    margin-bottom: 5px;
    border: 0px solid #cdcdcd;
}

.cp_bd_con {
    font-family: Trebuchet MS, arial, sans-serif;
}

/* contentpane orange style */
.cp_o_hd {
    margin-left: 5px;
    margin-right: 5px;
    height: 5px;
    background-image: url(/site_media/susi/img/contentpane/orange/cp_hd.png);
    background-repeat: repeat-x;
}

.cp_o_hd_l {
    margin-left: -5px;
    float: left;
    height: 5px;
    width: 5px;
    background-image: url(/site_media/susi/img/contentpane/orange/cp_hd_l.png);
    background-repeat: repeat-x;
    background-repeat: repeat-x;
    background-repeat: repeat-x;
    background-repeat: repeat-x;
    background-repeat: repeat-x;
    background-repeat: repeat-x;
    background-repeat: no-repeat;
}

.cp_o_hd_r {
    margin-right: -5px;
    float: right;
    height: 5px;
    width: 5px;
    background-image: url(/site_media/susi/img/contentpane/orange/cp_hd_r.png);
    background-repeat: no-repeat;
}

.cp_o_ft {
    margin-left: 5px;
    margin-right: 5px;
    height: 5px;
    background-image: url(/site_media/susi/img/contentpane/orange/cp_ft.png);
    background-repeat: repeat-x;
}

.cp_o_ft_l {
    margin-left: -5px;
    float: left;
    height: 5px;
    width: 5px;
    background-image: url(/site_media/susi/img/contentpane/orange/cp_ft_l.png);
    background-repeat: no-repeat;
}

.cp_o_ft_r {
    margin-right: -5px;
    float: right;
    height: 5px;
    width: 5px;
    background-image: url(/site_media/susi/img/contentpane/orange/cp_ft_r.png);
    background-repeat: no-repeat;
}

.cp_o_bd { background-color: #FFFFFF; }

.cp_o_bd_l {
    width: 100%;
    background-image: url(/site_media/susi/img/contentpane/orange/cp_bd_l.png);
    background-position: left;
    background-repeat: repeat-y;
}

.cp_o_bd_r {
    width: 100%;
    background-image: url(/site_media/susi/img/contentpane/orange/cp_bd_r.png);
    background-position: right;
    background-repeat: repeat-y;
}

.cp_o_content {
    padding: 10px;
}


/* contentpane frame style */
.cp_fr {
    float: left;
    width: 620px;
    margin-top: 0;
}

/*** IE6 fix ***/
* html .cp_fr {
    margin-top: 0px;
}

.cp_fr_ft {
    background-image: url(/site_media/susi/img/frame/fb_ft.png);
    background-repeat: repeat-x;
    height: 11px;
}

.cp_fr_ft_l{
    float: left;
    background-image: url(/site_media/susi/img/frame/fb_ft_l.png);
    background-repeat: no-repeat;
    width: 12px;
    height: 11px;
}

.cp_fr_ft_r{
    float: right;
    background-image: url(/site_media/susi/img/frame/fb_ft_r.png);
    background-repeat: no-repeat;
    width: 12px;
    height: 11px;
}

.cp_fr_hd{
    background-image: url(/site_media/susi/img/frame/fb_hd.png);

    background-repeat: repeat-x;
    height: 11px;

}

/*** IE6 fix ***/
* html .cp_fr_hd {
    overflow: hidden;
}

.cp_fr_hd_l{
    float: left;
    background-image: url(/site_media/susi/img/frame/fb_hd_l.png);
    background-repeat: no-repeat;
    width: 12px;
    height: 11px;
}

.cp_fr_hd_r{
    float: right;
    background-image: url(/site_media/susi/img/frame/fb_hd_r.png);
    background-repeat: no-repeat;
    width: 12px;
    height: 11px;
}

.cp_fr_bd {
    float: left;
    background-image: url(/site_media/susi/img/misc/bg_main.png);
    background-repeat: repeat-x;
}

.cp_fr_bd_r {
    background-image: url(/site_media/susi/img/frame/fb_r.png);
    background-repeat: repeat-y;
    background-position: left;
    float: left;
    width: 100%;
}

.cp_fr_bd_l {
    background-image: url(/site_media/susi/img/frame/fb_l.png);
    background-repeat: repeat-y;
    background-position: right;
    float: left;
    width: 620px;
}

.cp_fr_bd_content {
    padding: 4px 6px;
    height: 70%;
    width: 100%;
}

/*** IE6 Fix ***/
* html .cp_fr_bd_content {
	width: 607px;
}

.cp_fr_content {
    position: relative;
    /*float: left;*/
    overflow-y: none;
    overflow-x: none;
    width: 600px;
    min-height: 475px;
    margin-top: -34px;
    height: auto !important;
    height: 475px;
}

/* contentpane messagebar */
.cp_msg {
    margin: 0 0 10px 0;
    position: relative;
}

.cp_msg_hd{
    height: 25px;
    z-index: 1000;
}

.tp {
    margin-top: 5px;
}

.tp_arrow_0 {
    background-image: url(/site_media/susi/img/titlepane/tp_arrow_0.png);
    background-repeat: no-repeat;
    height: 8px;
    width: 8px;
    position: relative;
    float: left;
    margin: 4px 4px 4px 0;
}

.tp_arrow_1 {
    background-image: url(/site_media/susi/img/titlepane/tp_arrow_1.png);
    background-repeat: no-repeat;
    height: 8px;
    width: 8px;
    position: relative;
    float: left;
    margin: 4px 4px 4px 0;
}

.tp_title {
    position: relative;
    float: left;
    margin: 0 10px 0 0;
    width: 505px;
}

.tp_title_steps {
    position: relative;
    float: left;
}

/* FF hack */
:root .tp_title_steps {
    padding-top: 3px;
    height: 20px;
}

.cp_msg_hd_l{
    background-image: url(/site_media/susi/img/titlepane/tp_hd_l.png);
    background-repeat: no-repeat;
    height: 25px;
    width: 10px;
    float: left;
}

.cp_msg_hd_r{
    background-image: url(/site_media/susi/img/titlepane/tp_hd_r.png);
    background-repeat: no-repeat;
    height: 25px;
    width: 10px;
    float: left;
}

.cp_msg_hd_m{
    font-size: 12px;
    font-family: Trebuchet MS, arial, sans-serif;
    border: none;
    background-image: url(/site_media/susi/img/titlepane/tp_hd.png);
    background-repeat: repeat-x;
    height: 25px;
    width: 575px;
    padding-top: 5px;
    overflow: visible;
    float: left;
    user-select: none;
}


/*** tooltip ***/
img.tooltip-widget {
    margin-top: 3px;
}


*** News Block ***/

#portal-right-news h2,
#portal-right-news h3,
#portal-right-news h4,
#portal-portlet-info h2,
#portal-portlet-info h3,
#portal-portlet-info h4 {
    color: #448CCB;
    font-family: Georgia, arial ! important;
    font-size: 14px;
}



#portlet-news-listing .headline {
    font-weight: bold;
    margin-top: 13px;
}

#portlet-news-listing p {
    margin: 1px 0px;
}

#full-news-listing h4,
#full-news-listing p,
#portal-news-control h4,
#portal-news-control p {
    margin: 0px;
}

#full-news-listing h4 a,
#portal-news-control h4 {
    font-size: 13px;
    color: black;
}

#full-news-listing p,
#portal-news-control p {
    margin-bottom: 14px;
}

#full-news-listing td.headlineCell,
#portal-news-control td.headlineCell {
    width: 500px;
}

/*** sonstiges ***/
.error {
    color: red;
}

.clearall {
    clear: both;
}

.switchHeadline {
    margin: 0px 0px 20px 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #cbcbcb;
    width: 550px;
    font-weight: bold;
}

.switchHeadline ul {
    margin: 0px;
    padding: 0px;
}

.switchHeadline ul li {
    margin: 0px 20px 0px 0px;
    padding: 0px;
    float: left;
    list-style: none;
    font-family: Georgia, arial;
    font-size: 14px;
}

.switchHeadline ul li.hl {
    color: #F58220;
}

/*** Result table ***/
.result_tbl {
    padding: 15px;
}

.result_tbl table {
    width: 100%;
}

.result_tbl table td {
    padding-top: 3px;
    padding-bottom: 3px;
}

.result_tbl .sortierbar {
    text-align: left;
}


td.col-title {
   font-weight: bold;
}

/*** Contentpanel, Rightpanel ***/

div.content_panel_main {
    float: left;
    width: 420px !important;
}

.content_panel_right {
    float: left;
    width: 160px;
    margin-left: 10px;
}


/** new app menu **/
    #app-menu {
        margin-top: 8px;
        background-image: url(/site_media/susi/img/menu/btn_ic.png);
        background-repeat: repeat-x;
        height: 18px;
        width: 606px;
        font-family: Trebuchet MS,arial,sans-serif;
    }
    #app-menu .menu-item {
        float: left;
        background-image: url(/site_media/susi/img/menu/btn_il.png);
        background-repeat: no-repeat;
    }

    #app-menu .menu-item a,
    #app-menu .menu-item span {
        display: block;
        float: left;
        padding: 2px 14px 2px 13px;
        font-weight: bold;
        color: #636363;
        background-image: url(/site_media/susi/img/menu/btn_ir.png);
        background-position: right;
        background-repeat: no-repeat;
        text-transform: uppercase;
        font-size: 10px;
        height: 14px;
    }
    #app-menu .menu-item span {
	color: #969696;
    }
    #app-menu .active {
        background-image: url(/site_media/susi/img/menu/button_active_left.png);
    }

    #app-menu .active a {
        background-image: url(/site_media/susi/img/menu/btn_ar.png);
        color: black;
    }
    #app-menu a:hover {
        color: black;
    }

#app-submenu .menu-item {
    padding: 5px 11px;
    font-weight: bold;
}
#app-submenu a {
    font-size: 12px;
    color: white;
}

#app-submenu .active a {
    color: black;
}



div.content-wrap {
    margin: 0px 0px 0px 5px;
}

.portal-content {
    border: 1px solid #cdcdcd;
}

.visual-wrapper {
    margin: 10px;
}
.rounded {
    width: 100%;
    margin: 0px 0px 10px 0px;
}
.rounded    td.corner {
        font-size: 0px;
        width: 4px; height: 4px; 
    }
 .rounded     td.edge {
        font-size: 0px;
        background-color: white;
    }
 .rounded     td.top-right {
        background-image: url('/site_media/susi/img/contentpane/grey/cp_hd_r.png');
    }
 .rounded     td.top-left {
        background-image: url('/site_media/susi/img/contentpane/grey/cp_hd_l.png');
    }
 .rounded     td.bottom-right {
        background-image: url('/site_media/susi/img/contentpane/grey/cp_ft_r.png');
    }
 .rounded     td.bottom-left {
        background-image: url('/site_media/susi/img/contentpane/grey/cp_ft_l.png');
    }
 .rounded     td.edge-top {
        border-top: 1px solid  #959595;
    }
 .rounded     td.edge-bottom {
        border-bottom: 1px solid #959595;
    }
 .rounded     td.edge-left {
        border-left: 1px solid #959595;
    }

 .rounded     td.edge-right {
        border-right: 1px solid #959595;
    }
 .rounded  td.content {
        background-color: white;
        padding: 5px;
    }

.portlet {
    width: 100%;
    margin: 0px 0px 10px 0px;
}
.portlet .corner {
        font-size: 0px;
        width: 5px; 
        height: 5px; 
        background-repeat: no-repeat;
    }
.portlet .edge {
        font-size: 0px;
        background-color: white;
}
.portlet .top-right {
    background-image: url('/site_media/susi/img/contentpane/orange/cp_hd_r.png');
}
.portlet .top-left {
    background-image: url('/site_media/susi/img/contentpane/orange/cp_hd_l.png');
}
.portlet .bottom-right {
    background-image: url('/site_media/susi/img/contentpane/orange/cp_ft_r.png');
}
.portlet .bottom-left {
    background-image: url('/site_media/susi/img/contentpane/orange/cp_ft_l.png');
}
.portlet .edge-top {
    background-image: url('/site_media/susi/img/contentpane/orange/cp_hd.png');
    background-repeat: repeat-x;
    background-position: left top;
}
.portlet td.edge-bottom {
    background-image: url('/site_media/susi/img/contentpane/orange/cp_ft.png');
    background-repeat: repeat-x;
    background-position: left bottom;
}
.portlet .edge-left {
    background-image: url('/site_media/susi/img/contentpane/orange/cp_bd_l.png');
    background-repeat: repeat-y;
}

.portlet .edge-right {
    background-image: url('/site_media/susi/img/contentpane/orange/cp_bd_r.png');
    background-repeat: repeat-y;
    background-position: right top;
}
.portlet .content {
    background-color: white;
    padding: 2px;
}


ul {
    margin: 3px 0px 0px 20px;
    padding: 0px;
}

.left {
    float: left;
}

.right {
    float: right;
}


div.visualClear {
    clear: both;
    margin-top: 5px;
}

#facebook-connect {
    margin: 4px 0px;
}


.notification-error {
    color: red;
}

.notification-warning {
    color: orange;
}

.notification-info {
    color: green;
}