/***************************************************************************
                       Screen layout for STRATO
***************************************************************************/

/**
    some system wide
    
    loc: shared
*/
html, body {
    padding: 0;
    margin: 0 0 10px 0;
    background-color: #fff;
    color: #000;
}

body, td, div, p, ul, ol, li, form, h1, h2, h3, h4, h5, h6, pre, input, textarea {
    font-family: verdana,arial,sans-serif;
    color: #000;
}

body, td, div, p, pre, ul, ol, li, form, h1, h2, h3, h4, h5, h6, pre, input, textarea { font-size: 11px; }

h1, h2, h3, h4, h5, h6, pre { text-align: left; }

pre { line-height: 15px; }

img { border: 0; }

button, .pointer {  
    border: 0;
    cursor: pointer;
} 



/**
    default headings
    
    loc: shared
*/
h1 {
    font-weight: bold;
    font-size: 15px;
    color: #fff;
}

h2 {
    font-weight: bold;
    font-size: 14px;
}

h2.subHeadline {
    color: #002F67;
    background-color: transparent;
    padding: 0 6px;
    text-align: left;
    line-height: 14px;
}

h3 {
    background-color: transparent;
    color: #fff;
    margin: 2px;
}

h4 {
    font-weight: bold;
    font-size: 12px;
}


/**
    display style for iframe
    
    loc: shared
*/
iframe { margin-bottom: 20px; }

.iframeTable td {
    padding: 0;
    margin: 0;
    line-height: 15px;
    text-align: left;
}



/**
    
    loc: shared
*/
h1 {
    font-weight: bold;
    font-size: 15px;
    color: #fff;
}

h2 {
    font-weight: bold;
    font-size: 14px;
}

h2.subHeadline {
    color: #002F67;
    background-color: transparent;
    padding: 0 6px;
    text-align: left;
    line-height: 14px;
}

h3 {
    background-color: transparent;
    color: #fff;
    margin: 2px;
}

h4 {
    font-weight: bold;
    font-size: 12px;
}


/**
    display style for iframe
    
    loc: shared
*/
iframe { margin-bottom: 20px; }

.iframeTable td {
    padding: 0;
    margin: 0;
    line-height: 15px;
    text-align: left;
}



/**
    Links
    
    loc: shared
*/    
/* standard links */

a:link, a:hover, a:active, a:visited { 
    /*background: transparent;*/
	color: #3366CC;
    font-weight: normal;
    text-decoration: none;
    outline: 0;
}

a:hover { color: #002f67; }

a.plain { 
	background: transparent;
	text-decoration: none; 
}

a.print {
    background: transparent url(/assets/ksb/strato/shared/images/icons/printer.png) no-repeat right top;
    line-height: 24px;
    padding: .2em 2em;
}


/*
a:link, a:visited {
    background: transparent;
    color: #3366cc;
    font-weight: normal;
    text-decoration: underline;
}

a:hover, a:active {
    color: #002F67;
    text-decoration: underline;
} 
*/
/* just in case
a[target ^="_blank"], a[target ^="new"] {
    background: transparent url(/assets/ksb/strato/shared/images/icons/icon_external-link.gif) no-repeat right 2px;
    padding: 0 12px 0 0;
}
*/

/* external */
a.external-link,
 a.external {
    background: transparent url(/assets/ksb/strato/shared/images/icons/icon_external-link.gif) no-repeat right 2px;
    padding: 0 12px 0 0;
}

a.external-link:link, a.external-link:visited, a.external:link, a.external:visited, 
a.external-link:hover, a.external-link:active, a.external:hover, a.external:active { 
    color: #3366cc;
    font-weight: normal;
    text-decoration: underline;
}

/* dropdown */
ul.dropdown div a:hover {
    background-color:#E0E9ED;
}


/* image links */
a.linkImage {
    background: transparent;
    padding: 0 4px;
}

a.linkImage:hover {background-color: transparent;}

/* pdf */
.boxOverviewHead a.pdf {
    background: url(/assets/ksb/strato/shared/images/icons/pdf.gif) no-repeat top left;
    padding-left: 20px;
}

/* no style look / black colored */
a.noStyle:link, a.noStyle:visited, a.noStyle:active {
    background: transparent;
    color: #000;
    cursor: pointer;
    font-weight: normal;
    text-decoration: none;
}

a.noStyle:hover {
    background-color: transparent;
    color: #666;
    cursor: pointer;
    text-decoration: underline;
}

span.txtHover:hover {
    background-color: transparent;
    color: #002F67;
}


/*
    dyntabs
    
    loc: ksb
*/
a.dynTabs:link, a.dynTabs:hover, a.dynTabs:active, a.dynTabs:visited, .dynTabs { 
    background: transparent;
    color: #3c6694;
    font-weight: normal;
    text-decoration: none; 
    display: block;
}

a.dynTabs:hover, a.dynTabs:active { color:#f90; }




/* 
    reiternav fuer package-upgrade 
*/
a.pkg-upgr, a.pkg-upgr:hover {
    display: block;
    width:100%;
    height:100%;
    color:#0a2a5b;
    font-weight: bold;
    background: transparent;
}

a.pkg-upgr-act, a.pkg-upgr-act:hover { 
    display: block;
    width:100%;
    height:100%;
    color: #fff;
    font-weight: bold;
    background: transparent;
}

/* 
    buttonlook for links in toolbar 
*/
a.linkTools:link, a.linkTools:visited, a.linkTools:active, a.linkTools:hover {
    background-color:#a01e1e;
    border:1px solid black;
    color:#fff;
    font-weight:normal;
    padding:3px 6px !important;
    padding:3px 6px 4px 6px;
    text-align:center;
}

a.buttonLook, a.buttonBack, a.buttonBackMiddle {
    background: #E0E9ED url(/assets/ksb/strato/shared/images/buttons/verlauf_ora_button.jpg) repeat-x left top;
    border: 1px solid #c16840;
    color: #fff;
    display: block;
    font-weight: normal;
    padding: 3px 4px;
    text-align: center;
    text-decoration: none;
}

/* 
    buttonlook for right sided input-like links
*/
a.buttonLook:link, a.buttonLook:visited, a.buttonLook:active, a.buttonLook:hover {
    color: #fff;
    float: right;
    width: auto;
}

/* 
    buttonBack for left sided input-like links 
*/
a.buttonBack:link, a.buttonBack:visited, a.buttonBack:active, a.buttonBack:hover {
    color: #fff;
    float: left;
    width: auto;
}

/* buttonBack for left sided input-like links */
a.buttonBackMiddle:link, a.buttonBackMiddle:visited, a.buttonBackMiddle:active, a.buttonBackMiddle:hover { color: #fff; }

a.print {
    background: transparent url(/assets/ksb/strato/shared/images/icons/printer.png) no-repeat right top;
    line-height: 24px;
    padding: 0.2em 2em;
}

div.contentprint { margin-right: 0.56em; }



/**
    styles for sitenavigation in 
    domaindisplay and maildisplay

    loc: unknown
*/        
.formcount a:link, .formcount a:visited, .formcount a:active {
    background-color:#fff;
    text-align:center;
    float:left;
    padding:4px;
    margin-right:4px;
    border: 1px solid #999;
    font-weight:bold;
}

.formcount a:hover {
    color:#FFF;
    background-color:#002F67;
    border: 1px solid #999;
}

.formcountSelected, .formcountSelected a:link, .formcountSelected a:visited, .formcountSelected a:active, .formcountSelected a:hover {
    background-color:#002F67;
    text-align:center;
    color:#FFF;
    font-weight:bold;
    float:left;
    padding:4px;
    margin-right:4px;
    border: 1px solid #999;
    font-weight:bold;
}
 


/**
    display style for iframe
    
    loc: shared
*/
iframe {margin-bottom:20px;}
.iframeTable td {
    padding:0;
    margin:0;
    line-height:15px;
    text-align:left;
}



/**
    default headings
    
    loc: shared
*/
h1 {
    font-weight:bold;
    font-size:15px;
    color:#fff;
}

h2 {
    font-weight:bold;
    font-size:14px;
}

h2.subHeadline {
    color:#002F67;
    background-color:transparent;
    padding:0 6px;
    text-align:left;
    line-height:14px;
}

h3 {
    background-color:transparent;
    color:#fff;
    margin:2px;
}

h4 {
    font-weight:bold;
    font-size:12px;
}

/**
    form styles
    
    loc: shared
*/
input, textarea {
    padding:2px;
    border:1px solid #0d2240;
}

input:focus, textarea:focus {
    background-color:#fff;
    border:1px solid #f99d1c;
}

input[type="button"] {
    background: #E0E9ED url(/assets/ksb/strato/shared/images/buttons/verlauf_ora_button.jpg) repeat-x left top;
    border:1px solid #c16840;
    color:#fff; 
    cursor:pointer;
}

input[type="checkbox"], input[type="radio"] {
    background: transparent; 
    border: 0; 
    outline: 0
}

.buttonSubmit, .buttonsubmit {
   background: #E0E9ED url(/assets/ksb/strato/shared/images/buttons/verlauf_ora_button.jpg) repeat-x left top;
   border: 1px solid #c16840;
   color:#fff; 
   cursor:pointer;
    /*display:block;*/
   font-weight:normal;
   padding:2px 4px;
   text-align:center;
}

.buttonSubmit:focus {border:1px solid #c16840;cursor:pointer;}
    
    
    
/**
    Sonderbehandlung fuer IE 7! TAN-Hack.
    Der \ kann ueberall, ausser vor den Buchstaben a-f stehen. \ mit a-f wird
    als Hexadezimalwert interpretiert. Der \ in Verbindung mit dem Star-Hack
    ist dann der TAN Hack an der entsprechenden Stelle im Template VOR den
    <input class="buttonsubmit" type="submit"> ein  <span class="button">
    packen und entsprechend beenden!
    
    loc: shared
*/
*span.bu\tton  {
    width: 50px;
    height: 50px;
    background: #eee;
}

*.button\Submit, .button\submit {
    background: #E0E9ED url(/assets/ksb/strato/shared/images/buttons/verlauf_ora_button.jpg) repeat-x left top; 
    border: 1px solid #c16840; 
    background-color: #f29023; 
    color: #FFF;
    cursor:pointer;
    /*display:block;*/
    font-weight:normal;
    padding:2px 4px;
    text-align:center;
    width:auto;
}

*span.bu\tton input  {
    border:1 !important;
    margin:1 !important;
    padding:0 !important;
}

.btn-layout {
    background-color: #c16840;
    cursor: pointer;
    display: block;
    font-weight: normal;
    height: 21px;
    line-height: 21px;
    text-align: center;
    text-decoration: none;
}

/* layout for all button */
a.btn-layout {
    height: 20px;
    line-height: 19px;
    outline: 0;
    padding: 1px 10px 0;
}

input.btn-layout {
    height: 23px;
    line-height: 21px;
    outline: 0;
    padding: 0 10px 2px;
}

.btn-silver, a.btn-silver {
    background: #E0E9ED url(/assets/ksb/strato/shared/images/buttons/bg_silver_gradient.png) repeat-x left top;
    border: 1px solid #999;
    color: #333;
}

.btn-silver:hover, a.btn-silver:hover {
    background: #E0E9ED url(/assets/ksb/strato/shared/images/buttons/bg_silver_gradient_hover.png) repeat-x left bottom;
}

.btn-silverDelete, a.btn-silverDelete {
    background: #E0E9ED url(/assets/ksb/strato/shared/images/icons/iconsprite_buttons.png) no-repeat scroll 0 -48px;
    height: 23px;
    color: #333;
    border: 1px solid #999; 
    padding: 0 5px 0 23px !important; 
}

.btn-silverDelete:hover, a.btn-silverDelete:hover {
    background: #E0E9ED url(/assets/ksb/strato/shared/images/icons/iconsprite_buttons.png) no-repeat scroll 0 -70px;
}

.btn-orange, a.btn-orange {
    background: #eb7722 url(/assets/ksb/strato/shared/images/buttons/bg_orange_gradient.png) repeat-x left top;
    border: 1px solid #c16840;
    color: #fff;
}

.btn-orange:hover, a.btn-orange:hover {
    background: #eb7722 url(/assets/ksb/strato/shared/images/buttons/bg_orange_gradient_hover.png) repeat-x left bottom;
}



/**
    inputfield search 
    
    loc: unknown
*/
DIV#searchDesc {
    float: left;
    margin-top: 3px;
}

DIV#searchFrame {
    margin: 0;
    padding: 0;
}

.searchButton { 
    background: transparent url(/assets/ksb/strato/shared/images/icons/loupe_searchfield.png) no-repeat 3px 4px;
    border: 0;
    cursor: pointer;
    float: left;
    height: 20px;
    margin: 0;
    padding: 0;
    position: relative;
    top: 0;
    left: -21px;
    width: 22px;
}

.searchButton:hover { background: transparent url(/assets/ksb/strato/shared/images/icons/loupe_searchfield_hover.png) no-repeat 3px 4px; }

.searchfield {
    border: 1px solid black;
    float: left;
    margin: 0;
    padding-right: 20px;
}



/**
    for tabledatas
    
    loc: shared
*/
table {
    empty-cells:show;
    border-collapse:collapse;
}

td, th {vertical-align:top;}

td.paddingHeight {
    padding-right:20px;
    line-height:22px;
}

.tableToolbar tr {background-color:#f1f2eb;}

.tableToolbar td {
    padding:5px;
    border-bottom:1px solid #fff;
}

.tableView tr {/*background-color:#dee5e8;*/}

.tableView th {
    padding:2px 5px;
    border-bottom:1px solid #626b70;
    font-size:11px;
}

.tableView td {
    padding:5px;
    border-bottom:1px solid #fff;
}

/* view class "tableView" tabledata mouseover colors */
tr.subDomain {background-color:#fff;}

tr.subDomain2 {background-color:#f2f2f2;}

tr.subDomain_ruled {background-color:#e0eaef;}

/*tr.topDomain {background-color:#dee5e8;}*/

tr.topDomain {background-color:#f4f7f8;}

tr.topDomain2 {background-color:#d7dee1;}

tr.topDomain_ruled {background-color:#afc4d2;}

tr.errDomain {
    background-color:#FCC;
    font-weight:bold;
}

tr.listing_head, tr.listing_head:hover {
    background-color: rgb(145, 176, 196);
    line-height: 22px;
}

.tableLink tr {background-color:#E5EFFB;}

.tableLink tr:hover {background-color:#afc4d2;}

.tableLink th {
    padding:0;
    border-bottom:1px solid #626b70;
    font-size:11px;
} 

.tableLink td {padding:5px;} 



/**
    for headlines
    
    loc: shared
*/
#top {
    padding:0.32em 0.4em;
    border-bottom:1px solid #E7E7E7;
    text-align:left;
}

#top h1 {
    padding:0;
    margin:0;
}



/**
    postioning
    
    loc: shared
*/
.forward {
    display:inline;
    color:#555;
    font-size:10px;
}

.center-middle {
    text-align:center;
    vertical-align:middle;
}

.right-middle {
    text-align:right;
    vertical-align:middle;
}

.right-bottom {
    text-align:right;
    vertical-align:bottom;
}

.bottom {vertical-align:bottom;}

.middle {vertical-align:middle;}

.center {text-align:center;}

.right {text-align:right;}

.top {vertical-align:top;}

.left {text-align:left;}

.bold {font-weight:bold;}



/**
    hole outer boxcontainer
    
    loc: shared
*/
#container {
    width:545px;
    margin:0;
    padding:0;
    background-color:#FFF;
    color:#333;
    border:1px solid #636363;
    border-bottom-width:1px;
    line-height:130%;
    text-align:center;
    clear:both;
}

#container_fm {
    width:950px;
    margin:0;
    padding:0;
    background-color:#FFF;
    color:#333;
    border:1px solid #636363;
    border-bottom-width:1px;
    line-height:130%;
    text-align:center;
    clear:both;
}



/**
    for outline floating

    loc: shared
*/
.outerBox {
    /*float:left; */
    margin:0 4px !important;
    margin:0 2px;
    width:535px;
    border:1px solid #636363;
    background-color:#fefefe;
    text-align:left;
}

.outerBox_noBorder {
    border: 0; 
    padding:0;
}

    
    
/**
    border for hole width of boxed toolcontainer
    
    loc: shared
*/
div.outerTableBorder {
    border:1px solid #626b70;
    margin:4px !important;
    margin:3px;
}

/* border for half width of boxed toolcontainer */
div.outerTableBorderSmall {
    border:1px solid #626b70;
    margin:4px;
}

/* hack for IE */
* html div.outerTableBorderSmall {width:99%;}



/**
    the footer or "sternchentexte"
    
    loc: shared
*/
#footer {
    clear:both;
    margin:4px;
    color:#333;
    font-size:9px;
    text-align:left;
    line-height:12px;
}



/**
    normal p
    
    loc: shared
*/
p.normal {
    padding:0 4px;
    margin:4px;
    text-align:left;
}

    
    
/**
    some infos
    
    loc: shared
*/
.popInfo, .popInfoRed,
.popInfoRedWhite, .popInfoBlueWhite {
    padding:4px;
    margin:15px 4px;
    text-align:left;
}

/* display informations in light-blue and blue bordered p-style boxes */
.popInfo {
    background-color:#F3F8FF;
    border:1px solid #E5EFFB;
}

.popInfoBG {
    background-color:#F3F8FF;
    border:1px solid #E5EFFB;
}

/* display informations in light-blue and red bordered p-style boxes */
.popInfoRed {
    background-color:#F3F8FF;
    border:1px solid #F00;
}

/* display informations in white and red bordered p-style boxes */
.popInfoRedWhite {
    background-color:#fff;
    border:1px solid #F00;
}

/* display informations in white and blue bordered p-style boxes */
.popInfoBlueWhite {
    background-color:#fff;
    border:1px solid #002F67;
}

div.whiteBox {
    border: 1px solid #626b70;
    padding:4px;
    margin:4px 0;
    background-color:#fff;
} 



/**
    some colored text
    
    loc: shared
*/
.green {color:green;}
.red {color:red;}
.navy {color:navy;}
.orange {color:orange;}
.olive {color:olive;}
.maroon {color:maroon;}



/**
    popup-box for manage dirs in listbrowser

    loc: unknown
*/
#selectNewDirectory, #selectRemoveDirectory {
    border:1px solid #666;
    background-color:#f3f3f3;
    color:#000;
    padding:5px;
}

    
    
/**
    ftp listview of ftp-accounts overview 
    
    loc: unknown
*/
ul.ftpOverview {
    list-style-image:url(/assets/ksb/strato/shared/images/arrows/pfeil7.gif);
    list-style-position:outside;
    margin:0;
    padding-left:18px;
}

li.ftpOverviewFolder {color:green;}

.ftpOverviewFolder {
    overflow:hidden;
    white-space:nowrap;
    width:300px;
}

.ftpOverviewFolder {*text-overflow: ellipsis;}


.formcount_def {
    background-color:#fff;
    text-align:center;
    float:left;
    width:17px;
    padding:4px;
    margin-right:4px;
    border: 1px solid #999;
}

.sizeS {font-size:10px;}



/**
    display search-output in domain administration
    
    loc: domainverwaltung
*/
.searchDisplay {
    margin:0 4px;
    padding:4px;
    background-color:#f1f2eb;
    color:#ae1e1e;
    border:1px solid #626b70;
}



/**
    fuer die featureboxen der rubriken
    
    loc: shared
*/
.boxOverview {
    background-color:#f5faff;
    border:1px solid #e7edf3;
    width:254px;
    margin-bottom:6px;
}

.boxOverview:hover {background-color:#fbfbfb;}

.boxOverviewLong {
    background-color:#f5faff;
    border:1px solid #e7edf3;
    width:514px;
    margin-bottom:4px;
}

.boxOverviewLong:hover {background-color:#fbfbfb;}

.boxOverview_floatLeft {
    float:left;
    margin-bottom:5px;
    margin-right:1px;
}

.boxOverview_floatRight {
    float:right;
    margin-bottom:5px;
    margin-left:1px;
}

.boxOverviewHead {
    background-color:#E0E9ED;
    border-bottom:1px solid #e7edf3;
}

.boxOverviewHead a {
    display:block;
    padding:2px 5px;
}

.boxOverviewHead a:visited {font-weight:bold;}

.boxOverviewBody {padding:3px;}

#startheight, #dynheight, .dynheight, .defheight {
    height:auto;
    min-height:80px;
    position: relative;
}




/**
    margin, padding and more

    loc: ksb
*/
.fivePix {
    clear:both;
    line-height:5px;
}

.paddingTwo {padding:2px;}
.paddingSix {padding:6px;}

.paddingCenter {
    padding:5px;
    text-align:center;
    vertical-align:middle;
}

.paddingLineHelp {
    padding:5px;
    line-height:18px;
    text-align:left;
}

/* gap between buttons and outer borders */
.buttonmargin { margin: 0.2em; }
.margin2em { margin: 2em; }




/**
    for easy-video
    
    loc: easyvideo
*/
#loading, .loading {
    background-color:#fff;
    width:500px;
    height:50px;
    text-align:center;
}

.buttonWait {
    display:none;
    color:#1e2828;
    padding:4px 0;
    height:40px;
}

.displayVideoOptions {
    border-top:1px solid #626b70;
    margin-top:2px;
}



/**
    for blue-colored head with logo of strato in top of page
    
    loc: shared
*/
#blueHead {
    background-color:#0F3774;
    border-left:19px solid #083360;
    width:auto;
    height:65px;
}



/**
    for multiple file-upload (easyvideo)

    loc: easyvideo
*/ 
.odd {background-color:#F3F8FF;}
.even {background-color:#e1ebf6;}



/**
    self signed numbered listelements

    loc: shared
*/
.numberedListOrange {
    display:block;
    float:left;
    background-color:#f99d1c;
    color:black;
    padding:5px 8px;
    margin-right:4px;
    font-weight:bold;
}



/**
    Trennlinie

    loc: shared
*/
hr.trennlinie { 
    height:1px;
    border:0px;
    border-bottom:1px solid #E5E7EB;
}



/**
    show/hide debug messages

    loc: shared
*/
#link-debug { 
    cursor: pointer; 
    text-align: center;
    text-decoration: underline; 
    width: 530px; 
}

#link-debug:hover { color: green; }

#debug, .debug {
    border: 1px solid black;
    height: 400px;
    margin: 20px 5px 5px 5px;
    overflow: scroll;
    width: 530px;
}

.debug-font {
    font-size: 10px;
    text-align: left;
}

.show_hide_debug {
    color: maroon;
    cursor: pointer;
    font-weight: bold;
    text-align: center;
    width: 535px;
}
   

  
/**
    Stammdaten
    
    loc: masterFileDataManagement
*/
#iframe_content {height:85%;}
.stamdaten_short_bg {background-color:#F5F9FF;}
#stamdaten_short td {padding:0 4px;}



/**
    software-download

    loc: unknown
*/
ul.bblist {list-style-type:circle;}
ul.bblist li {line-height:16px;}    
#software-features td { padding:5px 15px 5px 5px; }
.bild-nopadding { padding:0 !important; }
.entry-tip { background-color: #E1ECFD; }



/**
    blog headlines

    loc: shared
*/
.blogHeadline {
    padding: 3px;
    background-color: #d7dee1;
}

.smallHeadline {
    padding: 3px;
    margin: 0;
}



/**
    sternchentexte

    loc: shared
*/
p.stern, .stern {
    color:#9A9A9A;
    font-size:9px;
    line-height:120%;
    font-family:arial,verdana,sans-serif;
    text-align: left;
}



/**
    FARBENDEFINITION  / BEREICHSFARBEN FUeR HINTERGRUND UND SCHRIFT BEGIN
    
    loc: shared
*/
.farbeschriftrot {color:#ED1C24;}



/**
    SEITENDEFINITION  / LAYOUTCONTAINER BEGIN 
    
    loc: shared
*/
#contenttabelle, .contenttabelle {border:1px solid #636363;}

#contenttabelle>TH, .contenttabelle>TH {
    padding:4px;
    height:22px;
    text-align:left;
    color:#003874;
}

#contenttabelle TD.padding, .contenttabelle TD.padding {
    padding:6px;
    text-align:left;
}

#headline, .headline {
    font-size:14px;
    font-weight:bold;
    color:#002F67;
    margin:5px 0 8px 0;
    text-align:left;
}

/* new */
#headline a, .headline a { text-decoration: none; font-weight: bold; }

#headline.subhead {
    font-size:12px;
    font-weight:bold;
    color:#002F67;
    margin:0;
} 

.subHeadBlack {
    font-size:12px;
    font-weight:bold;
    color:#000;
    margin:0;
} 

ul {list-style-image:url(/assets/ksb/strato/shared/images/listen/visi_pfeil.gif);}

/* display without yellow arrow */
ul.normal {
    list-style-type:none;
    list-style-image:none;
}



/**
    KSB 2.0 START 
    
    loc: masterContainer
*/
#ksb_body {background-color:#FFF;}

#ksb_content {
    vertical-align:top;
    padding:5px;
}

#ksb_nav_left {
    padding:5px 0 0 10px;
    width:230px;
    text-align:left;
}

#ksb_rahmen_blau {
    width:780px;
    margin:0;
    padding:0;
    border:1px solid #000;
    text-align:left;
}



/**
    KSB 2.0 FORMULAROPTIK 
    
    loc: shared
*/
.form_info {
    border:1px solid #E5EFFB;
    background-color:#F3F8FF;
    padding:2px;
    margin-bottom:5px;
}

.formbox_outline {background-color:#636363;}

.formbox_outline_pgkupgr {border: 1px solid #636363;}

.formbox_title {
    color:#fff;
    font-weight:bold;
}

.form_blau1 {
    background-color:#E0E9ED;
    color:#003874;
}

.form_blau2 {background-color:#f3f8ff;}

.form_blau3 {background-color:#fff;}



/**
    fuer kundennummerprozesse
    
    loc: masterContainer
*/
.form_blau5 { background-color:#e1ebf6; }

.form_blau5_err { background-color:#f3d8d8; }

    
    
/**
    FORMULARFELDER
    
    loc: shared
*/
#form_head_title, .form_head_title {margin-top:10px;}

#form_desc, .form_desc {
    font-weight:bold;
    margin-bottom:3px;
    color:#000;
}

input.standard {border: 1px solid #999;}

.radio, .pers_radio_input_blue, .radio:focus, .pers_radio_input_blue:focus,
.checkbox, .checkbox_ftp, .pers_radio_input, .pers_radio_input_white {
    background: transparent;
    border:0;
}

.pers_radio_input_white {background-color:#fff;}

.input_1-2 {width:240px;}

.input_error {
    width:240px;
    background-color:#FFF5FF;
    border:1px solid #C91705;
}

.form_erroroutline {
    border:1px dotted #F00;
    padding:2px 12px;
    margin:4px 0;
    background-color: #FCC;
}

#form_info.outline {
    border:1px solid #083360;
    padding:2px;
    margin-bottom:5px;
}

#form_info.filled {
    border:1px solid #083360;
    background-color:#FFF;
    padding:2px;
    margin-bottom:5px;
}



/**
    redesign 
    
    loc: shared
*/
/* .bgBlue {padding:4px;margin:0;background-color:#002F67;font-weight:bold;color:#fff;text-align:left;} */

.borderHeadline {
    width:535px !important;
    width:537px;
    margin:0 4px !important;
    margin:0;
    *margin-left:2px;
    *width:535px;
    border:1px solid #636363;
    border-bottom:none;
}

#container .borderHeadline { *margin-left:1px;}

.bgBlueNew {
    padding:0;
    margin:0;
    background:#D7DCE3 url(/assets/ksb/strato/shared/images/navleft_bg.jpg) repeat-x scroll left bottom;
    font-weight:bold;color:#003874;
}

.bgBlueBorder { 
    border:1px solid #636363;
    border-bottom:none;padding:4px;
    color:#003874;
}

.borderHeadline .bgBlueNew {
    padding:4px;
    text-align:left;
}

.borderHeadline .right { text-align:right }

.borderHeadline table { width:535px; }

.bgBlueHeadline {
    padding:4px;
    margin:0;
    background:#002F67 ! important;
    font-size:13px;
    font-weight:bold;
    color:#fff ! important ;
    text-align:left;
}

p.more {
    position: absolute;
    text-align: right;
    margin: 0;
    color: #FFFFFF;
    bottom: 5px;
    right: 25px;
    font-weight:bold;
}

.dynheight p.more {
    text-decoration:line-through;
}

a .dynheight p.more {
    position: absolute;
    text-align: right;
    margin: 0;
    color: #FF9900;
    bottom: 5px;
    right: 5px;
    font-weight:bold;
    text-decoration:none;
}

.dynheight p.more a:hover { color: #FF9900; }

/* fix to avoid background-color change - strange behavior in ff*/
.dynheight a:hover { background:none;}



/**
    color-settings for default error-message

    loc: shared
*/
.error {
    background-color: transparent;
    color: #d30000;
}

/* 
    you can combine
    "id=fehler_rot" and "class=form_erroroutline" to class "class=errorBox"  
*/
.errorBox, .errorbox {
    font-size:11px;
    font-weight:bold;
    color:#F00;
    border:1px dotted #F00;
    padding:2px 12px;
    margin:4px;
    background-color:#FCC;
    text-align:left;
}



/**
    for input-fields

    loc: shared
*/
input.errorField {
    /*background-color: #fbe7e7;*/
    background-color: #FCC;
    border: 1px solid red;
}



/**
    for green colored success box
    
    loc: shared
*/
.successBox, .successbox {
    font-size:11px;
    font-weight:bold;
    color:#1f5a0f;
    border:1px dotted #2d7719;
    padding:2px 12px;
    margin:4px;
    background-color:#c4eaba;
    text-align:left;
}



/**
    maintenance and tip-off messages (more errormessage-style see above (errorbox))
    
    loc: shared
*/
.maintenance, .tipoff {
    background: #fdeac0 url(/assets/ksb/strato/shared/images/icons/icon_attention.png) no-repeat 10px 10px;
    border: 1px solid #f7e2b2;
    color: #333;
    padding: 10px 20px 0 66px;
    min-height:40px;
}

.maintenance {
    padding: 10px 20px 10px 66px;
    text-align: left;
    margin: 4px;
}

.noMargin { margin: 0; }

.maintenance h3, .tipoff h3 { 
    color: #333;
    font-size: 12px !important;
    font-size: 12px;
    margin: 0;
    padding: 0;
}

.maintenance a, .tipoff a {
    color: #ff9900;
    text-decoration: underline;
}

.tipoff a.buttonLook {
    text-decoration: none;
}

.tipoff {
    text-align: left;
    padding: 10px 20px 15px 66px;
    margin: 4px;
}



/* notice messages
    loc: shared
*/
.notice {
    background: #fdeac0 url(/assets/ksb/strato/shared/images/icons/icon_notice.gif) no-repeat 10px 10px;
    /*border: 1px solid #f7e2b2;*/
    border: 1px solid #aaa;
    color: #333;
    padding: 10px 20px 10px 66px;
    text-align: left;
    margin: 4px;
}

.notice h3 { 
    color: #333;
    font-size: 12px !important;
    font-size: 12px;
    margin: 0;
    padding: 0;
}

.notice a {
    color: #f90;
    text-decoration: underline;
}

.notice a.plain {
    color: #f90;
    text-decoration: none;
}


/**
    dropdown styles needed for js:drowdown function

    loc: shared
*/
.dropdown {
    margin: 0;
    padding: 0;
    z-index: 600;
    float:right;
}

.dropdown li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}

.dropdown li p {
    font-size:13px;
    color:#c16840;
    margin:0;
    padding:0;
    background-color:#E96E21;
    background-image:url(/assets/ksb/strato/shared/images/dropdown/bg_packageSelect.png);
    background-repeat:repeat-x;
    border:1px solid #c16840; 
 
}

.dropdown span {
    width: auto;
    white-space: nowrap; 	
    float: left;
    padding-top: 2px;
}

.dropdown li p a img {
    background-image:url(/assets/ksb/strato/shared/images/dropdown/bg_button_packageSelect.png);
    background-color:#E96E21;
    margin-top:0;
    padding:0;
    width:15px;
    height:18px;
    border:0;
    vertical-align:text-top;
    border-left:1px solid #c16840;
}

.dropdown li a {
    text-decoration: none;
    outline:none;
}

.dropdown li a:active {
    outline:none;
}

a.packageButton {
    color:#FFF !important;
    font-size: 11px !important;
    padding: 3px;
    font-weight: normal !important;
    cursor: pointer;
    background-color: transparent;
}

a.packageButton:hover{
    background-color: transparent;
    color:#002f67 !important;	
    text-decoration: none;
    outline:0;
}

.dropdown div {
    position: absolute;
    display: none;
    margin: 0;
    margin-top: -1px;
    padding: 0;
    background-color: #fff;
    border: 1px solid #c16840;
}

.dropdown div a	{
    font-weight:normal !important;
    position: relative;
    display: block;
    margin: 0;
    padding: 5px 10px;
    width: auto;
    white-space: nowrap; 
    text-align: left;
    text-decoration: none;
    color: #002f67;
    font-family: verdana,arial,sans-serif;
    font-size:11px;
}

.dropdown div a:hover {
    text-decoration:none;
}

.layer {
    margin: 0;
    margin-left:15px;
    padding: 0;
    z-index: 600;
    float:left;
}

.layer li {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}

.layer li p {
    margin:0;
    padding:0;     
}
    
.layer li p span {
    font-size:13px;
    color:#c16840;
    position: absolute;
    background-repeat:repeat-x;
    z-index:1;
}

.layer li a {        
    color: #000;
    text-decoration: none;
    outline:none;
    z-index: 700;
}

.layer li a:active {
    outline:none;
}

.layer div {
    width: auto;
    white-space: nowrap; 
    position: absolute;
    display: none;
    margin: 0;
    margin-top: -4px;
    margin-left: 10px;
    padding: 5px 10px;
    z-index: 0;
    background-color: #fff;
    color: #333333;
    font-size:11px;
    font-family: verdana;
    border: 1px solid #cccccc;
}

.layer div p {
    width: 250px;
    white-space: normal;
}



/**
    new feature-box layout
    
    loc: shared
*/
/* the outer border */
#featureBox-wrap {
    background: none;
    clear: left;
    float: left;
    padding: 0.5em 0;
    width: 100%;
}

.featureBox-border, .featureBoxLong-border {
    float: left;
    margin: 0.2em 0;
}

.featureBox-border { width: 23.75em; *width: 23.7em; }
.featureBoxLong-border { width: 47.5em; *width: 47.35em;}

/* the headline */
#featureBox-wrap h3.headline, #featureBox-wrap h3.headlineLong {
    /*background: transparent url(bg_headline.jpg) repeat-x left top;*/
    background-color: #E0E9ED;
    border: 1px solid #e7edf3;
    display: inline;
    float: right;
    font-size: 11px;
    height: 1.2em;
    line-height: 1.2em;
    min-height: 1.2em;
    margin: 0;
    padding-bottom: 0.5em;
    _padding-bottom: 0;
}

#featureBox-wrap h3.headline { width: 23em; }
#featureBox-wrap h3.headlineLong { width: 46.7em; }

/*#featureBox-wrap h3.headline:hover, #featureBox-wrap h3.headlineLong:hover { background-color: #5d849d; }*/

#featureBox-wrap h3.headline a,
#featureBox-wrap h3.headline span,
#featureBox-wrap h3.headlineLong a,
#featureBox-wrap h3.headlineLong span {
    color: #002F67;
    display: block;
    line-height: 1.7em;
    margin: 0;
    overflow: hidden;
    padding: 0 0.5em;
}

#featureBox-wrap h3.headline a { width: 22.1em; _width: 22em; }
#featureBox-wrap h3.headlineLong a { width: 45.7em; _width: 45.6em; }

#featureBox-wrap h3.headline a:hover, #featureBox-wrap h3.headlineLong a:hover {
    background: transparent;
    color: #E96E21;
}

/* the content-box */
.featureBox, .featureBoxLong {
    background-color: #f5faff;
    border: 1px solid #e7edf3;
    border-top-width: 0;
    float: right;
    margin: 0;
    padding: 0;
}

.featureBox:hover, .featureBoxLong:hover {
    background-color: #fbfbfb;
}

.featureBox { width: 23em; }
.featureBoxLong { width: 46.7em; }

.featureBox-padding, .featureBoxLong-padding {
    float: right;
    height: auto !important;
    height: 8em;
    min-height: 8em;
    padding-bottom: 0.2em;
    position: relative;
    right: 0;
    top: 0;
}

.featureBox-padding { width: 23em; }
.featureBoxLong-padding { width: 46.7em; }

.featureBox-padding a.featureBox-textlink, 
.featureBoxLong-padding a.featureBoxLong-textlink, 
.featureBox-padding span.featureBox-textlink, 
.featureBoxLong-padding span.featureBoxLong-textlink {
    color: #000;
    display: block;
    font-size: 11px;
    font-weight: normal;
    outline: none;
    padding: 0.4em;
    text-decoration: none;
}

.featureBox-padding a.featureBox-textlink, 
.featureBoxLong-padding a.featureBoxLong-textlink { min-height: 6em; text-decoration: none; }

.featureBox-padding a.featureBox-textlink:hover, 
.featureBoxLong-padding a.featureBoxLong-textlink:hover { 
    background: transparent;
    color: #000;
    text-decoration: none;
}

.featureBox-textlink-more {
    color: #FF9900;
    cursor: pointer;
    display: block;
    font-weight: bold;
    height: 21px;
    line-height: 1.9em;
    position: absolute;
    right: 5px;
    bottom: 0;
    text-align: right;
    width: 250px;
    text-decoration: none;
}



/**
    main-frame 4 hole content
    
    loc: masterContainer
*/
#ksb-main-frame {
    margin: 0 auto;
    padding: 0;
    width: 810px;
}

#ksb-second-frame { 
    border: 1px solid #afc5dc; 
    width: 808px; 
}



/**
    for button logout in oldstyle-ksb
    
    loc: masterContainer
*/
DIV.headerLogout {
    line-height: 18px;
    position: absolute;
    right: 5px;
    top: 0;
}

DIV.headerLogout a {
    background: transparent;
    border-bottom: 2px solid #fff;
    color: #fff;
    font-weight: bold;
}

DIV.headerLogout a:hover { color: #ff9900; }



/**
    Folderbuttons
    
    loc: Siteguard
*/
.addFolder-icon {
    background: #caefce url(/assets/ksb/strato/shared/images/icons/iconsprite_buttons.png) no-repeat 0 -23px;
    height: 23px;
    width: 44px;
}

.addFolder-icon:hover {
    background: #caefce url(/assets/ksb/strato/shared/images/icons/iconsprite_buttons.png) no-repeat -44px -23px;
}

.delFolder-icon {
    background: #caefce url(/assets/ksb/strato/shared/images/icons/iconsprite_buttons.png) no-repeat 0 0;
    height: 23px;
    width: 44px;
}

.delFolder-icon:hover {
    background: #caefce url(/assets/ksb/strato/shared/images/icons/iconsprite_buttons.png) no-repeat -44px 0;
}



/**
    status messages after successful changings
    
    loc: shared
*/

.statusMessage-header {
    background-color: #caefce;
    line-height: 35px;
    border:1px solid #336699;
}

.statusMessage-icon {
    background:url("/assets/ksb/strato/shared/images/icons/icon_sprite_ksb.png") no-repeat scroll 0 -82px transparent;
    float:left;
    height:36px;
    margin: 5px 10px 0 5px;
    width:36px;
}

.statusMessage-error-header { 
    background-color: #fbe7e7; /*#caefce*/
    line-height: 35px; 
    border:1px solid #336699;
}

.statusMessage-error-icon {
    background:url("/assets/ksb/strato/shared/images/icons/icon_sprite_ksb.png") no-repeat scroll -36px -82px transparent;
    float:left;
    height:36px;
    margin: 5px 10px 0 5px;
    width:36px;
}

.statusMessage-header h3,
.statusMessage-error-header h3 {
    color: #333;
    font-size: 14px;
    float: left;
    font-weight: normal;
    margin: 0;
    padding: 2px 45px 0 0;
}

/* for old design */
#container>.statusMessage-header,
#container>.statusMessage-error-header { margin: 10px 10px 0 10px; }

/* for wizards */
#wizard_container_finish>.statusMessage-header,
#wizard_container_finish>.statusMessage-error-header { border:0; }

.statusMessage-body-outer {
    font-size: 11px;
    margin: 0;
    min-height: 40px;
    padding: 0 10px 10px 10px;
}

.statusMessage-body-inner { background-color: #ececec; }

.statusMessage-body-innerLeft, 
.statusMessage-body-innerRight {
    float: left;
    padding: 10px 6px;
}

.statusMessage-body-innerLeft, 
.statusMessage-body-innerRight, 
.statusMessage-body-innerMiddle {
    float: left;
    padding: 10px 6px;
    text-align: left;
}

.statusMessage-body-innerLeft { width: 150px; font-weight: bold; }
.statusMessage-body-innerRight { width: 350px; }
.statusMessage-body-innerMiddle { 
    background-color: #ececec;
    margin: 0; 
    padding: 1em; 
    width: 502px;
}

.statusMessage-body-outer table { background-color: #ececec; }
.statusMessage-body-outer table td { padding: 10px 6px; vertical-align: top; text-align: left; }
.statusMessage-body-outer table td.no { background-color: #f8f8f8; padding: 0; }



/**
    domainverwaltung

    loc: DomainManagement
*/
.domainmgmt {
    margin: 8px;
    text-align:left;
}

.domainmgmt table.choose td {
    height: 25px;
    vertical-align:middle;
}

.domainmgmt .browser {
    min-height:350px;
    height:auto !important;
    height:350px;
    width:338px;
}

.domainmgmt .preview {
    min-height:350px;
    height:auto !important;
    height:350px;
}

.domainmgmt .previewBox {
    text-align:left;
    width:150px;
}


.domainmgmt .left { float:left; }

.domainmgmt .right  { float:right; }

.domainmgmt .clear { clear:both; }

.domainmgmt .blueBox {
    border: 1px solid #E0E9ED;
    background-color: #F3F8FF;
    padding: 4px 7px;
    margin: 8px 0;
}



/**
    objBrowser

    loc: shared
*/
.oB_headline {
    background-color: #999;
    border: 1px solid #999;
    background: url("/assets/ksb/strato/shared/images/backgrounds/bg_tableheader.png") repeat-x #ADADAD;
    border-bottom:0;
}

.oB_headcontent {
    padding: 2px;
    vertical-align: middle;
    line-height: 20px;
    color: #fff;
}

.oB_content {
    background-color: #fff;
    border: 1px solid #999;
}

.oB_dir {
    margin-left: 5px;
}

.oB_dir a {
    text-decoration: none;
}

.oB_content ul {  
    list-style-type:none;
    list-style-image:none;
    margin:0;
    padding:0;
}

.oB_content li {
    margin:0;
    padding:0;
}

.oB_content li a {
    color:#003874;
    display:block;
    padding:4px 0 4px 0;
    text-decoration:none;
}

.oB_content li a:hover { background-color: #F3F8FF; }

.oB_error.notice { margin: 0; }



/**
    Wizard Overlay
    
    loc: shared
*/
.wizard_modal-overlay {  
    position:fixed;  
    top:0;  
    right:0;  
    bottom:0;  
    left:0;  
    height:100%;  
    width:100%;  
    margin:0;  
    padding:0;  
    background:#000;  
    opacity:.75;  
    filter: alpha(opacity=75);  
    -moz-opacity: 0.75;  
    z-index:101;  
} 

.wizard_modal-window {  
    position:fixed;  
    top:50%;  
    left:50%;  
    margin:0;  
    padding:0;  
    z-index:102;
    border: 1px solid #EB7426;
    background-color:#fff;

}  

.wizard_close-window {  
    position:absolute;  
    width:14px;  
    height:14px;  
    right:15px;  
    top:15px;  
    background:transparent url('/assets/ksb/strato/shared/images/icons/icon_close.gif') no-repeat scroll right top;  
    text-indent:-99999px;  
    overflow:hidden;  
    cursor:pointer;    
}  

.wizard_close-window:hover { border:1px solid grey; } 



/**
    [i] - Layer
    
    loc: shared
*/
.simple_tooltip {
    cursor: pointer;
}

img#close_infoLayer, img#close_infoLayer2, img#close_infoLayer3, img#close_infoLayer4, img#close_infoLayer5, img#close_infoLayer6 { cursor: pointer; }


a.print {
    background: transparent url(/assets/ksb/strato/shared/images/icons/printer.png) no-repeat right top; line-height: 24px; padding: 0.2em 2em;
}


/**
    invalidEmail layer
    
    loc: masterFileDataManagement        
*/
div#invalidEmail .header {
    padding:10px;
    margin: 0;
}

div#invalidEmail .content {
    height:220px;
    *height: 180px; /* avoid scrollbars for ie6 */
    overflow:auto;
    padding:10px;
    background-color:#fff;
}

div#invalidEmail .footer {
    background-color: #E6E6E6;
}

div#invalidEmail .footer input,
div#invalidEmail .footer a {
    margin:15px 10px;
}



/**
    Fixed bottom-footer
    
    loc: shared
*/
.fixedFooter {
    bottom:0;
    left:0;
    position:fixed;
    text-align:right;
    width:100%;
    z-index:7132;
}  

/**
    x86 Teaser
    
    loc: VB_Contract
*/
div#x86-teaser {
    border:1px solid #AFC5DC;
    margin:4px 4px 0 4px;    
    background: #DAE0E5 url(/assets/ksb/strato/shared/images/backgrounds/bg_x86_notice.png) no-repeat; 
}

div#x86-teaser > div {
    margin: 0 5px 5px 115px;
    text-align:left;
}

div#x86-teaser ul {
    margin:0;
    padding:0;
    margin: 0 0 0 13px;
    list-style-type: square;
    list-style-image: none;
    list-style-position: outside;
    line-height: 20px;
}

div#x86-teaser h2 {
    padding:0;
    margin:10px 0 10px;
}

div#x86-teaser a.buttonSubmit {
    margin: 0 0 0 26px;
}


/**
    HiDrive teaser vertical
    
    loc: masterContainer
*/
div#hidrive-teaser {
    border:1px solid #AFC5DC;
    padding: 7px 7px;
    width:198px;
    margin-left:5px;
}

div#hidrive-teaser div {
    margin-top: 12px;
    color: #003872;
    font-size: 12px;
    float: right;
}

div#hidrive-teaser div p {
    color:#003872;
    font-size:11px;
    margin-top:5px;
}

div#hidrive-teaser ul{
    margin:0;
    padding:0;
    margin: 0 0 0 13px;
    list-style-type: square;
    list-style-image: none;
    list-style-position: outside;
    line-height: 20px;
}


/**
    Tablesorter
    
    loc: VB_Contract
*/
.sortableTable th.header { 
    background: transparent url(/assets/ksb/strato/shared/images/icons/asc_desc.png) no-repeat right center;
    cursor: pointer; 
    color: #fff;
} 

.sortableTable th.headerSortDown { background: transparent url(/assets/ksb/strato/shared/images/icons/desc.png) no-repeat right center; } 
.sortableTable th.headerSortUp { background: transparent url(/assets/ksb/strato/shared/images/icons/asc.png) no-repeat right center; } 




/**
    HiDrive teaser horizontal
    
    loc: customerEntryPage
*/
div#hidrive-teaser-entrypage {
    background:url(/assets/ksb/strato/shared/images/hidrive/bg_storage_entrypage.jpg) no-repeat scroll center bottom;
    margin-left:4px;
    width:534px;
    height:169px;
    border:1px solid #636363;
}

div#hidrive-teaser-entrypage div { margin:15px; }

div#hidrive-teaser-entrypage div span.hline {
    color: #000000;
    font-size: 13px;
	margin-left:139px;
}
div#hidrive-teaser-entrypage div .highdrive-sternchentext {
    color: #9A9A9A;
    font-size: 9px;
	float:left;
	margin:0px;
	padding-top:11px;
}

div#hidrive-teaser-entrypage div span.action_line {
    color: #EB7426;
	margin: 8px 0 0 139px;
}
div.action_line_highdrive_overlay {
    color: red;
	margin-top:-8px;
	margin-left:19px;
}

div#hidrive-teaser-entrypage div ul {
    margin:0;
    padding:0;
    margin: 0px 0 10px 155px;
    list-style-type: square;
    list-style-image: none;
    list-style-position: outside;
    line-height: 20px;
}

div#hidrive-teaser-entrypage div a.buynow {     
    width: 130px;
}

div#hidrive-teaser-entrypage div a.external-link { 
    margin-right: 57px;
    margin-top: 3px;
    float: right;
}

div#hidrive-teaser-entrypage span.stern {
    color: #fff;
    display: block;
    padding: 5px 0 0 0;
    text-align: right;
}






/**
    zebraLook
    
    loc: shared
*/
.zebraOdd { background-color: #fff; }
.zebraEven { background-color: #eee; }

.zebraOdd:hover, .zebraEven:hover { background-color: #dfe9ef; }

.zebraSelected {
    background-color: #c3d1da;
}




/**
    BENEFITS
    
    loc: StratoBenefits
*/
/* benefits overview */
.benefit-overview { margin: 0 1.25em; }

.benefit-overview-logo-thumb {
    float: left;
    height: 8em;
    margin-right: 1em;
    width: 10em;
}

.benefit-overview h3 {
    color: #002f67;
    font-size: 14px;
}

.benefit-overview p, .benefit-box p { text-align: left; }

/* benefit boxes general */
.benefit-box { margin: 0 2em; }

.benefit-box h1 {
    color: #002f67;
    font-size: 18px;
    line-height: 20px;
    text-decoration: none;
}

.benefit-box img { margin-left: -1em; }

/* benefit variante 1 */
/* headline, bild mittig, text, unten sprunglayer */ 
.benefit-one img { margin: 4em; }

/* benefit variante 2 */
/* headline, text linksbuendig, rechts sprunglayer, unten bild */
.benefit-two { /*placeholder*/ }

/* benefit variante 3 */
/* headline, bild linksbuendig, rechts text, unten sprunglayer */
.benefit-three img { float: left; } /* please use img size in templates not more than 220px */

.benefit-three p { margin-left: 22em; }

/* sprunglayer general */
.benefit-jumpbox {
    background: #e2e7ed url(/assets/ksb/strato/shared/images/backgrounds/bg_gradient.png) repeat-x left top;
    border-top: 1px solid #d7dce3;
    height: 120px;
    margin: 0;
    padding: 0;
}

.benefit-jumpbox h1 {
    color: #000;
    display: block;
    font-size: 20px;
    line-height: 22px;
    margin: 0;
    padding: 1.2em 0 1.2em;
    text-align: center;
}

.benefit-jumpbox a { 
    background: transparent;
    display: block;
    height: 120px;
    min-height: 120px;
    outline: 0;
    text-decoration: none;
}

/* benefit sprunglayer variante unten  */
.benefit-jumpbox-bottom {
    margin: 0;
    padding: 0;
    width: 100%;
}

/* benefit jumpbox variante mittig rechts */
.benefit-jumpbox-right {
    border-bottom: 1px solid #d7dce3;
    float: right;
    margin: 1em 1em 1em 2.5em;
    width: 21em;
}

.benefit-jumpbox-right h1 {
    display: block;
    margin: 0;
    padding: 0.8em 0 1em; 
    text-decoration: none;
}



/**
    benefit teaser below menu-navigation
*/
#benefit-teaser {
    background: transparent url(/assets/ksb/strato/shared/images/icons/icon_logo_benefits.png) no-repeat 2px top;
    height: 45px;
    margin-bottom: 18px;
    width: 218px;
}

#benefit-teaser a {
    color: #003872;
    display: block;
    height: 36px;
    line-height: 15px;
    outline: 0;
    padding: 7px 0 0 60px;
    width: 154px;
    text-decoration: none;
}



/**
    benefit teaser below menu-navigation
    custom values in COUNTRY-CSS file
    loc: contract
*/
#benefit-teaser-small {
    background: transparent url(/assets/ksb/strato/shared/images/icons/icon_logo_benefits-small.png) no-repeat left top;
    border-right: 1px solid #efaa42;
    height: 26px;
    overflow: hidden;
    width: 200px;
    left: 29.2em;
    position: relative;
    top: -2.2em;
}

#benefit-teaser-small a {
    color: #003872;
    display: block;
    height: 26px;
    line-height: 26px;
    padding: 0 0 0 35px;
    outline: 0;
    text-decoration: none;
    text-align: center;
    width: 158px;
}
/* end */


/**
    needed 
    
    loc: unknown
*/
#aufzaehlung, .aufzaehlung {display: block;border: 1px solid #E5EFFB;margin-bottom: 5px;min-height: 92px;height: 100px;}
#aufzaehlung.listing {margin-bottom:2px;}
#aufzaehlung_head, .aufzaehlung_head {background-color: #BDD6F4;display: block;padding:0;}
#aufzaehlung_desc, .aufzaehlung_desc {padding:3px;}
#aufzaehlung_head A, .aufzaehlung_head A {display: block;padding:1px 1px 1px 5px;}
#aufzaehlung_head A.pdf, .aufzaehlung_head A.pdf{background-image:url(/assets/ksb/strato/shared/images/icons/pdf.gif);background-position:top left;background-repeat:no-repeat;display: block;padding:1px;padding-left:15px;}



/**
    schwani
    
    loc: unknown
*/
.line_through {
    text-decoration: line-through;
    color: Silver;
}



/*
    package-upgrade
*/
.pkg-upgr-btn {
    text-align:right;
    margin: 4px;
}

.pkg-upgr-keyvisual {
    text-align: right;
    margin: 20px auto; 
    padding: 0 auto; 
    width: 180px; 
}

.pkg-upgr-text { width: 340px;}



/*
    the floatings
*/
.floatLeft { float: left; }
.floatRight { float: right; }

/**
    float killer
    
    loc: shared
*/
.cls {clear:both;}

.clear {
    clear: both;
    font-size: 1px;
    line-height: 1px;
    margin-top: -1px;
}