﻿
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, 
q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, 
tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

 *
{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin:0px;
    padding:0px;
    border:0px;
    font-family: openSans-Reg,verdana;                
    }
    
body
{
    font-family: Verdana, Arial;
    color:#696969;
}

a img 
{
    border: 0;
}

h1
{
    font-weight:normal;
    font-size: 1.9em;
    }
    
@media (max-width: 700px) { h1 {font-size: 1.8em;}} 
@media (max-width: 500px) { h1 {font-size: 1.6em;}} 
    
h2
{
    font-weight:normal;
    color: #ee743b;
    font-size: 1.15em;
    text-transform: uppercase;
    line-height:1.55em;
    margin-top:10px;
    margin-bottom:10px;
    }    

h3
{
    font-weight:normal;
    font-size: 1.0em;
    }
    
@media (max-width: 700px) { h3 {font-size: 1.15em;}}     
    
    
h4
{
    font-weight:normal;
    color: #ee743b;
    font-size: 0.8em;
    }    
    
p
{
    font-size: 0.8em;
    line-height: 1.6em;
    color:#696969;
    margin-bottom:1.6em;
    } 
    
@media (max-width: 700px) { p {font-size: 1.05em;}}     
    
     ul      
 {
    font-size: 0.8em;
    line-height: 1.6em;
    color:#696969;
    margin-left:0px;
     }

li      
 {
    margin-left:15px;
     }
     
 a
 {
     text-decoration:none;
     color: #ee743b;
     } 
     
 a:hover
 {
     text-decoration:underline;
     color: #696969;
     } 



.left
{
    float: left;
}

.right
{
    float: right;
}

.clearance
{
    clear: both;
}

.clearLeft
{
    clear:left;
    }

.relative
{
    position: relative;
}

.spacer
{
    height:15px;
    width:0px;
    }

.shell
{
    margin-right:0px;
    min-width:300px;   
}


.menu
{
    background-color:#7441d3;
    float:left;
    width:180px;
    min-height:500px;
    padding:10px;   
    }
    
.menu a
{
    color: #FFFFFF;    
    }    

.display
{
    width:100%;

    }
    
.display .inner {}  


header
{
    background-image:url("../Pix/BackgroundXL.png");
    background-repeat:no-repeat;   

    width:100%;
    height:190px;
    
    padding:2%;

    color: #ffffff;
    }

@media (max-width: 1150px) { header {background-image:url("../Pix/BackgroundM.png");height:143px;}}     
@media (max-width: 700px) { header {padding-left:7%;padding-top:2.5%;}} 
@media (max-width: 500px) { header {padding-left:5%;padding-top:5%;}} 
 
header a
{
    color:#ffffff;
    }  

header a:hover
{
    color:#ffffff;
    text-decoration:none;
    }  

@media (max-width: 500px) { header h1{font-size:1.2em;} }
@media (max-width: 500px) { header h3{font-size:0.9em;} }

.hint
{
    margin-left:2%;
    margin-top:2%;
    }  
    
@media (max-width: 1150px) { .hint {margin-left:3%;}}     
@media (max-width: 700px) { .hint {margin-left:7%;width:85%;}} 
    
 footer
 {

     }
    
 .foot
 {
    background-image:url("../Pix/bottomEdge.png");
    background-repeat:no-repeat;  
    background-position: right;
    background-size: 100%;
    width:133px;
    width:200px;
    height:70px;
    height:116px;
    
    position:fixed;
    bottom:0px;
    right:0px;
    
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    align-items:flex-end;
     }

@media (max-width: 700px) { .foot {width:160px;height:93px;}}

 .foot a
 {
    color:#ffffff;
    font-size: 0.75em;
    /*
    position:relative;
    top:45px;
    top:70px;
    left:100px;
    */
    
    position:relative;
    top:70px;
    right:8px;

 }
 
@media (max-width: 700px) { .foot a {font-size: 0.65em;top:55px;right:2px;}}
 
  .foot a:hover
 {
    color:#ffffff;
 }    
    
  
 .column1-3
{
    width:28%;
    margin-left:2%;
    float:left;
    }
    
@media (max-width: 1150px) { .column1-3 {margin-left:3%; margin-bottom:1%; width:40%;}}     
@media (max-width: 700px) { .column1-3 {width:85%;margin-left:7%; margin-top:2%;}} 
     

.column2-3
{

    width:33%;
    margin-left:2%;
    float:left;
    }
    
@media (max-width: 1150px) { .column2-3 {margin-left:3%;width:45%;}}     
@media (max-width: 700px) { .column2-3 {margin:0%;margin-left:7%;width:85%;}}

.column3-3 {
    min-width: 200px;
    width: 27%;
    margin-right: 4%;
    margin-left: 2%;
    float: right;
    position: relative;
} 
  
@media (max-width: 1150px) { .column3-3 {float:left;margin-top:-0em;margin-left:3%;width:37%;}}     
@media (max-width: 700px) { .column3-3 {margin-top:0px;width:85%;margin-left:7%;}}   
   
   
 .backToStart 
 {  
    background-image:url("../Pix/ArrowBackToStart.png");
    background-repeat:no-repeat;
    background-position:2px 3px;
    padding-left:20px;
    margin-bottom:3%;
 } 
    
    
.message
{
    margin-bottom: 10px;
}

.message .information
{    
}

.message .information .box
{
    width: inherit;
}

.message .information .box .topLeft
{
    background-image: url("../Pix/Layout/MessageInformationBoxBackgroundTopLeft.png");
    background-repeat: no-repeat;
    background-position: top left;

}

.message .information .box .topRight
{
    height: 13px;
    background-image: url("../Pix/Layout/MessageInformationBoxBackgroundTopRight.png");
    background-repeat: no-repeat;
    background-position: top right;
}

.message .information .box .topRight .sectionLabel
{
    color: #FFFFFF;
    font-size: 0.8em;
    line-height: 20px;
    vertical-align: middle;
    padding-left: 5px;
}


.message .information .box .centerLeft
{
    background-image: url("../Pix/Layout/MessageInformationBoxBackgroundCenterLeft.png");
    background-repeat: repeat-y;
    background-position: left;
}

.message .information .box .centerRight
{
    background-image: url("../Pix/Layout/MessageInformationBoxBackgroundCenterRight.png");
    background-repeat: repeat-y;
    background-position: right;
}

.message .information .box .bottomLeft
{
    background-image: url("../Pix/Layout/MessageInformationBoxBackgroundBottomLeft.png");
    background-repeat: no-repeat;
    background-position: bottom left;
}

.message .information .box .bottomRight
{
    height: 13px;
    background-image: url("../Pix/Layout/MessageInformationBoxBackgroundBottomRight.png");
    background-repeat: no-repeat;
    background-position: bottom right;
}


.message .information .content
{
    margin-left: 10px;
    margin-right: 10px;
    background-image: url("../Pix/Layout/MessageInformationSymbol.png");
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 100px;
}

.message .warning
{
}

.message .warning .box
{
    width: inherit;
}

.message .warning .box .topLeft
{
}

.message .warning .box .topRight
{
}

.message .warning .box .topRight .sectionLabel
{
    color: #FFFFFF;
    font-size: 0.8em;
    line-height: 20px;
    vertical-align: middle;
    padding-left: 5px;
}


.message .warning .box .centerLeft
{
}

.message .warning .box .centerRight
{
}

.message .warning .box .bottomLeft
{
}

.message .warning .box .bottomRight
{
}

.message .warning .content
{
    margin-left: 10px;
    margin-right: 10px;
    padding-right:40px;
    background-image: url("../Pix/Layout/MessageWarningSymbol.png");
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 100px;
}

.message .error
{
}

.message .error .box
{
    width: inherit;
}

.message .error .box .topLeft
{
    background-image: url("../Pix/Layout/MessageErrorBoxBackgroundTopLeft.png");
    background-repeat: no-repeat;
    background-position: top left;
}

.message .error .box .topRight
{
    height: 13px;
    background-image: url("../Pix/Layout/MessageErrorBoxBackgroundTopRight.png");
    background-repeat: no-repeat;
    background-position: top right;
}

.message .error .box .topRight .sectionLabel
{
    color: #FFFFFF;
    font-size: 0.8em;
    line-height: 20px;
    vertical-align: middle;
    padding-left: 5px;
}

.message .error .box .centerLeft
{
    background-image: url("../Pix/Layout/MessageErrorBoxBackgroundCenterLeft.png");
    background-repeat: repeat-y;
    background-position: left;
}

.message .error .box .centerRight
{
    background-image: url("../Pix/Layout/MessageErrorBoxBackgroundCenterRight.png");
    background-repeat: repeat-y;
    background-position: right;
}

.message .error .box .bottomLeft
{
    background-image: url("../Pix/Layout/MessageErrorBoxBackgroundBottomLeft.png");
    background-repeat: no-repeat;
    background-position: bottom left;
}

.message .error .box .bottomRight
{
    height: 13px;
    background-image: url("../Pix/Layout/MessageErrorBoxBackgroundBottomRight.png");
    background-repeat: no-repeat;
    background-position: bottom right;
}

.message .error .content
{
    margin-left: 10px;
    margin-right: 10px;
    background-image: url("../Pix/Layout/MessageErrorSymbol.png");
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 100px;
}

.message .content .headline
{
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 3px;
}

.message .content .note
{
    font-size: 0.8em;
}    
    
.searchBar
{
  
    margin-bottom: 10px;
}

.searchBar .box
{
    width: inherit;
}

.searchBar .box .topLeft
{
    background-image: url("../Pix/Layout/SearchBarBoxBackgroundTopLeft.png");
    background-repeat: no-repeat;
    background-position: top left;
}

.searchBar .box .topRight
{
    height: 6px;
    background-image: url("../Pix/Layout/SearchBarBoxBackgroundTopRight.png");
    background-repeat: no-repeat;
    background-position: top right;
}

.searchBar .box .topRight .sectionLabel
{
    color: #FFFFFF;
    font-size: 0.8em;
    line-height: 20px;
    vertical-align: middle;
    padding-left: 5px;
}

.searchBar .box .centerLeft
{
    background-image: url("../Pix/Layout/SearchBarBoxBackgroundCenterLeft.png");
    background-repeat: no-repeat;
    background-color: #c6c7c8;
    background-position: top left;
    border: 0px solid blue;
}

.searchBar .box .centerRight
{
    background-image: url("../Pix/Layout/SearchBarBoxBackgroundCenterRight.png");
    background-repeat: no-repeat;
    background-position: top right;
}

.searchBar .box .bottomLeft
{
    background-image: url("../Pix/Layout/SearchBarBoxBackgroundBottomLeft.png");
    background-repeat: no-repeat;
    background-position: bottom left;
}

.searchBar .box .bottomRight
{
    height: 6px;
    background-image: url("../Pix/Layout/SearchBarBoxBackgroundBottomRight.png");
    background-repeat: no-repeat;
    background-position: bottom right;
}

.searchBar .content
{
    margin-left: 10px;
    margin-right: 10px;
}

.searchBar .controlSet
{
    margin-right: 30px;
}

.searchBar .textField
{
    border: 1px solid #C0C0C0;
    background-image: url("../Pix/Layout/SearchBarBoxBackgroundField.png");
    background-repeat: repeat-x;
    width: 150px;
    margin-right: 20px;
    margin-bottom: 5px;
}

.searchBar .error
{
    background-image: url("../Pix/Layout/SearchBarBoxBackgroundFieldError.png");
    background-color: #ffd9d9;
    
    
}

.searchBar label
{
    display: block;
    font-size: 0.7em;
}

.searchBar .submitButton
{           
    cursor:pointer;
    width:26px;
    height:20px;
    border: 0px;
    background-color: transparent;
    background-image: url("../Pix/Layout/SearchBarSubmitButton.png");
    
    }
    
.searchBar .submitButton:hover
{   
    background-image: url("../Pix/Layout/SearchBarSubmitButtonHover.png");
    }

.searchBar .resetButton
{   
   margin-top:1.1em;
   cursor:pointer;   
   width:26px;
   height:20px;
   border: 0px; 
   background-color: transparent;
   background-image: url("../Pix/Layout/SearchBarResetButton.png");
   
    }

.searchBar .resetButton:hover
{ 
    background-image: url("../Pix/Layout/SearchBarResetButtonHover.png");    
}   

.navigationBar
{        
    
    height: 19px;
    font-size: 0.8em;
    line-height: 17px;
    vertical-align: middle;
    color: #FFFFFF;
    margin-bottom: 8px;
}

.navigationBar .box .centerLeft
{
    background-image: url("../Pix/Layout/NavigationBarBoxBackgroundLeft.png");
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 5px;
    height: 19px;
}

.navigationBar .box .centerRight
{
    background-image: url("../Pix/Layout/NavigationBarBoxBackgroundRight.png");
    background-repeat: no-repeat;
    background-position: right;
    padding-right: 5px;
    height: 19px;
}

.navigationBar button
{
    margin: 0px;
    padding: 0px;
    border: 0px;
    background-color: transparent;
    color: #FFFFFF;
}

.navigationBar .chooseButton
{
    padding-left: 2px;
    padding-right: 2px;
    cursor: pointer;
}

.navigationBar .active .chooseButton
{
    font-weight: bold;
    text-decoration: none;
    cursor: default;
}

.navigationBar .leafButton
{
    padding-left: 2px;
    padding-right: 2px;
    cursor: pointer;
    letter-spacing: -0.1em;
}

.article
{
    border:1px dotted #ffffff;
    padding:7px;
    margin-bottom: 3%;
}

.article:hover
{
    border:1px dotted #ee743b;
    background-color:#ffeede;
    background-image: linear-gradient(90deg, white 20%, #ffeede 100%);
    /*background-image: url("../Pix/verlauf.jpg");
    background-repeat:repeat-x;*/
    border-radius:7px;
    }



.article .standardImage
{
    width:160px;
    height:120px;
     
    }
    
    
.article .detailImage
{
    width:320px;
    height:240px;
     
    } 
    
.article h1
{
    font-size:1.35em;
    }

.article h2
{
    font-size:1em;
    }       

.article p
{
    font-size: 0.9em;
}

.article p .detailLink
{
    border:0px;
    background-color:transparent;
    color: inherit;
    padding:0px;
    text-decoration: underline;
    cursor:pointer;
    font-size: 1em;
    } 
    
.article p.small
{
    font-size: 0.7em;      
    } 
    
.article p label
{
    font-size: 1em;
    display:inline-block;
    width:130px;
    }       

.article .spacer
{
    height: 10px;
}

.article label
{
    display: block;
    font-size: 0.6em;
}

.article .note
{
    font-size: 0.8em;
}

.article .infoBox
{
    background-color: #f1f1f1;
    border: 1px solid #e3e3e3;
    margin-top: 2px;
    margin-bottom: 5px;
    padding: 4px 10px 8px 10px;
    line-height: 1.2em;
}

.article .detailButtonShow
{
    width: 16px;
    height: 25px;
    border: 0px;
    padding: 0px;
    background-color: transparent;
    background-image: url("../Pix/Layout/ArticleDetailButtonBackgroundShow.png");
    background-repeat: no-repeat;
}

.article .detailButtonShow:hover
{
    background-image: url("../Pix/Layout/ArticleDetailButtonBackgroundShowHover.png");
}

.article .detailButtonHide
{
    width: 16px;
    height: 25px;
    border: 0px;
    padding: 0px;
    background-color: transparent;
    background-image: url("../Pix/Layout/ArticleDetailButtonBackgroundHide.png");
    background-repeat: no-repeat;
}

.article .detailButtonHide:hover
{
    background-image: url("../Pix/Layout/ArticleDetailButtonBackgroundHideHover.png");
}

.article .metaDataBox
{
    
    background-color: #f1f1f1;
    border: 1px solid #e3e3e3;
    margin-top: 2px;
    margin-bottom: 5px;
    padding: 4px 10px 8px 10px;
    line-height: 1.2em;
    color: #808080;
    font-size: 0.8em;
    width:inherit;      
    }
    
   
.article .metaDataBox table
{
    background-color:#F0F0F0; 
    width:100%;           
    } 
    
.article .metaDataBox table caption
{
    text-align:left;
    margin-bottom:5px;
    }       

.article .metaDataBox table td:first-child
{
    width: 120px;
    font-weight:bold;
    margin-right:20px;
    }

.formSection
{
    margin-bottom: 10px;
}

.formSection .box
{
    width: inherit;
}

.formSection .box .topLeft
{
    background-image: url("../Pix/Layout/FormSectionBoxBackgroundTopLeft.png");
    background-repeat: no-repeat;
    background-position: top left;
}

.formSection .box .topRight
{
    height: 20px;
    background-image: url("../Pix/Layout/FormSectionBoxBackgroundTopRight.png");
    background-repeat: no-repeat;
    background-position: top right;
}

.formSection .box .topRight .sectionLabel
{
    display:table-cell;       
    height:inherit;
    vertical-align: middle;    
    color: #FFFFFF;
    font-size: 0.8em;        
    padding-left: 5px;
    overflow:hidden;
}


.formSection .box .centerLeft
{
    background-image: url("../Pix/Layout/FormsectionBoxBackgroundCenterLeft.png");
    background-repeat: repeat-y;
    background-position: left;
}

.formSection .box .centerRight
{
    background-image: url("../Pix/Layout/FormSectionBoxBackgroundCenterRight.png");
    background-repeat: repeat-y;
    background-position: right;
}

.formSection .box .bottomLeft
{
    background-image: url("../Pix/Layout/FormSectionBoxBackgroundBottomLeft.png");
    background-repeat: no-repeat;
    background-position: bottom left;
}

.formSection .box .bottomRight
{
    height: 13px;
    background-image: url("../Pix/Layout/FormSectionBoxBackgroundBottomRight.png");
    background-repeat: no-repeat;
    background-position: bottom right;
}

.formSection .content
{
    padding-top: 5px;
    margin-left: 10px;
    margin-right: 10px;
}

.formSection .textField
{
    border: 1px solid #C0C0C0;
    background-image: url("../Pix/Layout/FormSectionBoxBackgroundField.png");
    background-repeat: repeat-x;
    width: 500px;    
    margin-bottom:5px;
    margin-right:10px;
}

.formSection .textField[disabled]
{
    background-image: url("../Pix/Layout/FormSectionTextFieldDisabledBackground.png");
    background-repeat: repeat-x;
    background-color: #909090;

    } 

.formSection .majorTextField
{
    border: 1px solid #C0C0C0;
    font-size:1.2em;
    background-image: url("../Pix/Layout/FormSectionBoxBackgroundField.png");
    background-repeat: repeat-x;
    width: 500px;
    margin-bottom:5px;   
    margin-right:10px;
    
    }

.formSection .filenameField
{
    width: 300px;
    margin-bottom: 5px;
    margin-right:10px;
}

.formSection input[type=checkbox], input[type=radio]
{    
        vertical-align:middle;        
}

.formSection label
{
    display: block;
    font-size: 0.6em;
}

.formSection .note
{
    font-size: 0.8em;
}

.formSection .characterCounter
{
    width:500px;
    text-align:right;
    font-size: 0.8em;
    color: #909090;      
    }

.formSection .infoBox
{
    background-color: #eAeAeA;
    border: 1px solid #e3e3e3;
    margin-top: 2px;
    padding: 4px 10px 8px 10px;
    line-height: 1.2em;
}

.formSection .error
{
    background-image: url("../Pix/Layout/FormSectionBoxBackgroundFieldError.png");
    background-color: #ffd9d9;
}

.formSection .imageUploadIcon
{
    display:block;
    width: 80px;
    height: 60px;
    cursor: pointer;
    background-image: url("../Pix/Layout/ImageUploadControlBackground.png");    
    margin-right: 10px;
    margin-bottom: 5px;
}

.formSection .imageUploadIcon:hover
{
    background-image: url("../Pix/Layout/ImageUploadControlBackgroundHover.png");
}

.formSection .imageUploadIcon img
{
    width: inherit;
    height: inherit;
}

.formSection .imageUploadIconPortrait
{        
    display:block;
    width: 60px;
    height: 80px;
    cursor: pointer;
    background-image: url("../Pix/Layout/ImageUploadControlBackground.png");    
    margin-right: 10px;
    margin-bottom: 5px;
}

.formSection .imageUploadIconPortrait:hover
{
    background-image: url("../Pix/Layout/ImageUploadControlBackgroundHover.png");
}

.formSection .imageUploadIconPortrait img
{
    width: inherit;
    height: inherit;
}

.formSection .fileUploadIcon
{        
    display:block;
    width: 60px;
    height: 80px;
    cursor: pointer;
    background-image: url("../Pix/Layout/FileUploadControlBackground.png");    
    margin-right: 10px;
    margin-bottom: 5px;
    position:relative;
}

.formSection .fileUploadIcon:hover
{
    background-image: url("../Pix/Layout/FileUploadControlBackgroundHover.png");  
    }   
    
.formSection .fileUploadIcon img
{
    position:absolute;    
    width:inherit;
    height:inherit;
    
    
    }
    
.formSection .fileUploadIcon .label
{
    position:absolute;        
    padding:10px;
    padding-top:25px;
    font-size:0.6em;
    font-weight:bold;
    text-align:center;
    width:40px;
    height:inherit;
    overflow:hidden;
    color:#717171;        
    }        

.formButtonBar
{
    margin-top: 10px;
    text-align: right;        
}


.formButtonBar button
{
    width: 97px;
    height: 21px;
    background-image: url("../Pix/Layout/FormButtonBarButtonBackground.png");
    background-color: transparent;
    padding: 0px;
    font-size: 0.8em;
    color: #606060;
    border: 0px;
    margin-left: 5px;
    overflow:hidden;
}

.formButtonBar button:hover
{
    background-image: url("../Pix/Layout/FormButtonBarButtonBackgroundHover.png");
    color: #ffffff;
}

.stepline
{
    
    font-size: 0.9em;
    color: #FFFFFF;
    margin-bottom: 10px;
}

.stepline .escapeZone
{
    position: relative;
    float: right;
}

.stepline .escapeZone .box
{
    position: absolute;
    width: 50px;
    left: -50px;
}

.stepline .escapeZone .box button
{
    background-image: url("../Pix/Layout/SteplineEscapeZoneButtonBackground.png");
    background-position: right;
    background-color: transparent;
    float: right;
    width: 15px;
    height: 37px;
    border: 0px;
    padding: 0px;
    cursor: pointer;
}

.stepline .escapeZone .box button:hover
{
    background-image: url("../Pix/Layout/SteplineEscapeZoneButtonBackgroundHover.png");
}

.stepline .box .centerLeft
{
    background-image: url("../Pix/Layout/SteplineBoxBackgroundLeft.png");
    background-repeat: no-repeat;
    padding-left: 8px;
    height: inherit;
}

.stepline .box .centerRightStep0Of0
{
    background-image: url("../Pix/Layout/SteplineBoxBackgroundRightStep0Of0.png");
    background-repeat: no-repeat;
    background-position: right;
    height: 37px;
}

.stepline .box .centerRightStep1Of2
{
    background-image: url("../Pix/Layout/SteplineBoxBackgroundRightStep1Of2.png");
    background-repeat: no-repeat;
    background-position: right;
    height: 37px;
}

.stepline .box .centerRightStep2Of2
{
    background-image: url("../Pix/Layout/SteplineBoxBackgroundRightStep2Of2.png");
    background-repeat: no-repeat;
    background-position: right;
    height: 37px;
}


.stepline .box .centerRightStep1Of3
{
    background-image: url("../Pix/Layout/SteplineBoxBackgroundRightStep1Of3.png");
    background-repeat: no-repeat;
    background-position: right;
    height: 37px;
}

.stepline .box .centerRightStep2Of3
{
    background-image: url("../Pix/Layout/SteplineBoxBackgroundRightStep2Of3.png");
    background-repeat: no-repeat;
    background-position: right;
    height: 37px;
}

.stepline .box .centerRightStep3Of3
{
    background-image: url("../Pix/Layout/SteplineBoxBackgroundRightStep3Of3.png");
    background-repeat: no-repeat;
    background-position: right;
    height: 37px;
}

.stepline .box .centerRightStep1Of4
{
    background-image: url("../Pix/Layout/SteplineBoxBackgroundRightStep1Of4.png");
    background-repeat: no-repeat;
    background-position: right;
    height: 37px;
}

.stepline .box .centerRightStep2Of4
{
    background-image: url("../Pix/Layout/SteplineBoxBackgroundRightStep2Of4.png");
    background-repeat: no-repeat;
    background-position: right;
    height: 37px;
}

.stepline .box .centerRightStep3Of4
{
    background-image: url("../Pix/Layout/SteplineBoxBackgroundRightStep3Of4.png");
    background-repeat: no-repeat;
    background-position: right;
    height: 37px;
}

.stepline .box .centerRightStep4Of4
{
    background-image: url("../Pix/Layout/SteplineBoxBackgroundRightStep4Of4.png");
    background-repeat: no-repeat;
    background-position: right;
    height: 37px;
}

.stepline .content .step1Label
{
    display:table-cell;        
    vertical-align: middle;    
    height: 37px;
    width:115px; 
    margin-right:15px;
    overflow:hidden;               
}

.stepline .content .step2Label
{
    display:table-cell;        
    vertical-align: middle;    
    height: 37px;
    width:115px; 
    margin-right:15px;
    overflow:hidden;               
}

.stepline .content .step3Label
{    
    display:table-cell;        
    vertical-align: middle;    
    height: 37px;
    width:115px; 
    margin-right:15px;
    overflow:hidden;           
}

.stepline .content .step4Label
{
    
    display:table-cell;        
    vertical-align: middle;    
    height: 37px;
    width:75px; 
    margin-right:15px;
    overflow:hidden;           
}


.stepline .content img
{
    width: 16px;
    height: 25px;
    padding-top: 8px;
}
    
    
    
    






