body {
scrollbar-face-color: #6666cc;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#C0C0C0;
scrollbar-darkshadow-color:#000000;
scrollbar-shadow-color:#333399;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #9999ff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
background-color: gray#ffffff;
text-align: center;
width:1100px;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0 auto;padding:0;
}
a {
text-decoration:none;

}
a:hover {
text-decoration:underline;
}

.h4spacer {
heig
}
.resourcetable {
position:absolute;
top: 0px;
float: left;
width:743px;
}
.logotext {
    color: gray;
    float: right;
    margin-right: 45px;
    margin-top: 10px;
    text-transform: uppercase;
}

.welcometext {
    background: url("/fileadmin/templates/css/images/welcomebg.jpg") no-repeat scroll 0 0 transparent;
    color: gray;
    float: left;
    height: 48px;
    line-height: 50px;
    margin: -13px 0 0;
    padding-left: 18px;
    text-transform: uppercase;
    width: 730px;
}


.column2 {
	margin: 0;
	padding: 0;
	background-image: url(http://thedifference.co.za/fileadmin/sitelayout/backpage.gif);
	background-position: -10px;
	background-repeat: repeat-y;
	width: 100%;
	float:left;

	
}
.column1 {
	margin: 0px;
	padding: 0px;
/*	background-image: url(http://thedifference.co.za/fileadmin/sitelayout/side1.gif);*/
	background-repeat: repeat-y;
	width: 100%;
}
.clear {
	clear: both;
	display: block;
	height: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.site {
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0 auto;padding:0;
width:990px;
text-align:left;
}
.space {
float:left;
background-color: yellow;
}
.headermain {
    -moz-box-sizing: border-box;
    border: 0 solid blue;
    float: left;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    text-align: left;
    top: -3px;
    width: 1000px;
}
.table {
background-color:red;
}
/* powered by http://mierendo.com/software/rounded_css_boxes/ */
.my_corners_tl, .my_corners_t, .my_corners_tr, .my_corners_l, .my_corners_r, .my_corners_bl, .my_corners_b, .my_corners_br, .my_corners {
    margin: 0;
    padding: 0;
    border: 0;
    position: relative;
    width:1000px;
    
 
}
.my_corners_t {
    /*
        change this div to layout the whole box (width, height, float, margin, ...)
        example lines:
        width: 60%;
        margin: 7px 35px 0px 1px
        to change distance to content/text scroll to class ".corners" and change the padding
    */
    background-color: #ffffff;
    background-image: url("http://thedifference.co.za/fileadmin/sitelayout/corners/my_corners_border.png");
    background-repeat: repeat-x;
    background-position: top;
   
}
.my_corners_tl {
    background-image: url('http://thedifference.co.za/fileadmin/sitelayout/corners/my_corners_topleft.png');
    background-repeat: no-repeat;
    background-position: left top;



}
.my_corners_tr {
    background-image: url("http://thedifference.co.za/fileadmin/sitelayout/corners/my_corners_topright.png");
    background-repeat: no-repeat;
    background-position: right top;
}
.my_corners_bl {
   background-image: url("http://thedifference.co.za/fileadmin/sitelayout/corners/my_corners_bottomleft.png");
    background-repeat: no-repeat;
    background-position: left bottom;
    clear: both;
}
.my_corners_br {
    background-image: url("http://thedifference.co.za/fileadmin/sitelayout/corners/my_corners_bottomright.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    clear: both;
}
.my_corners {
    /* change this if you want to change the distance distance to text/content */
    -moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0 auto;padding:10px;

height: -1%; 
overflow: hidden;


}

.my_corners_l {
height:100%;
    background-image: url("http://thedifference.co.za/fileadmin/sitelayout/corners/my_corners_border.png");
    background-repeat: repeat-y;
    background-position: left;
}
.my_corners_r {

    background-image: url("http://thedifference.co.za/fileadmin/sitelayout/corners/my_corners_border.png");
    background-repeat: repeat-y;
    background-position: right;
}
.my_corners_b {

    background-image: url("http://thedifference.co.za/fileadmin/sitelayout/corners/my_corners_border.png");
    background-repeat: repeat-x;
    background-position: bottom;
    clear: both;
}

/*Column content*/
.columnleftpromo {
width:240px;
float: left;
overflow:none;
position: relative;
top: -18px;
text-align:left;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0;padding:0px 10px 0px 0px;
}
.columnleftpromonew {
    -moz-box-sizing: border-box;
    float: right;
    margin: 0;
    padding: 0 10px 20px;
    position: relative;
    text-align: left;
    top: 15px;
    width: 257px;
    }
    
@media screen and (-webkit-min-device-pixel-ratio:0){
    .columnleftpromonew{
    width: 260px;
    }
}

.columncenterpromonew2 {
 -moz-box-sizing: border-box;
    float: left;
    margin: 21px 0 0;
    overflow: hidden;
    padding: 0 0 0 5px;
    position: relative;
    text-align: left;
    top: 0;
    width: 467px;
}

.columncenterpromonew2 img {
}

.columncenterpromonew2 .csc-textpic-center,
.columncenterpromonew2 .csc-textpic-imagewrap,
.columncenterpromonew2 .csc-textpic-image {
    display: inline;
    margin-left: 0;
}

.columnleftpromonew2 p {
    margin: 0;
    padding: 0px;
} 

.columnleftpromonew2 img{
}

.columnleftpromonew p {
    margin: 0;
    padding: 10px;
}  
.columnleftpromonew .csc-textpic-image IMG {
    border: 1px solid grey;
    margin: 0;
    overflow: hidden;
} 

.columncenterpromo {
text-align:left;
width:500px;
float:left;
position: relative;
top: -18px;
/*border-left: 1px solid #999999;
border-right: 1px solid #999999;*/
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0px 0 -1% 0;padding:0px 10px 0px 10px;
}
.columncenterpromonew {
    -moz-box-sizing: border-box;
    border-right: 1px solid grey;
    float: left;
    margin: 0 0 -1%;
    padding: 0 10px;
    position: relative;
    text-align: left;
    top: 15px;
    width: 444px;
    }
    
@media screen and (-webkit-min-device-pixel-ratio:0){
    .columncenterpromonew{
    width: 420px;
    }
}


.columncenterpromonew .news-latest-morelink {
    border-bottom: 1px solid grey;
    color: #274185;
    float: left;
    font-size: 11px;
    font-weight: bold;
    margin: 10px 0;
    padding-bottom: 10px;
    padding-top: 0;
    width: 400px;
}


.columnrightpromo {
text-align:left;
width:240px;
float:right;
margin-top: 0;
position: relative;
top: -18px;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0;padding:0px 0px 0px 10px;
}

.columnrightpromonew {
-moz-box-sizing:border-box;
color:#000000;
float:right;
margin:0;
overflow:hidden;
padding:0 0 0 0;
position:relative;
text-align:left;
top:0;
width:230px;
}
.columnrightpromonew h1, h2 {
    font-size:14px;
    color:#000000;
}
.columncenter {
    -moz-box-sizing: border-box;
    float: left;
    margin: 0;
    overflow: hidden;
    padding: 0 0 0 15px;
    position: relative;
    top: 0;
    width: 715px;
}




.columncenterven {
width:743px;
float:left;
position: relative;
/*top: 15px;*/
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0;
padding:0px 0 0 0;
padding-left:15px;
}
.columnright {
    -moz-box-sizing: border-box;
    float: right;
    height: 100%;
    margin: -5px 0 0;
    padding: 0;
    position: relative;
    text-align: left;
    top: 5px;
    vertical-align: top;
    width: 210px;
    }
.columnright .csc-textpic-text {
    padding-bottom: 10px;
    padding-right: 10px;
    }
.columnright p {
margin:0;
}

.columncenterres {
width:743px;
float:left;
position: relative;
top: 34px;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0;padding:50 0px 0px 0px;
}
.columnrightres {
height:100%;
text-align:left;
width:240px;
float:right;
vertical-align: top;
margin-top: 0;
position: relative;
top: 15px;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0;padding:0;
}
/*footer copyright*/
.bordercontent {
position:relative;
top:0px;
font-size:10px;
clear: both;
color:gray;
width:983px;
height:30PX;
/*border-top: 1px solid #999999;*/
text-align:center;
float:left;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0px 0 0 0;padding:0;
}

.bordercontent2 {
-moz-box-sizing:border-box;
clear:both;
color:gray;
float:left;
font-size:10px;
height:35px;
margin:-65px 0 0 270px;
padding:0;
position:relative;
text-align:center;
top:0;
width:421px;
}

.contentborder2 {
position:relative;
top:0px;
font-size:10px;
clear: both;
color:gray;
width:983px;
height:30PX;
/*border-top: 1px solid #999999;*/
text-align:center;
float:left;
text-decoration:none;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:40px 0 0 0;padding:0;
}
/Site headings*/
h1 {
     font: bold 16px Verdana, Arial, Helvetica, sans-serif;
     color: #283C85;
     font-size: 15px;
     text-decoration: none;
     font-weight: normal;
     padding: 0px 0px 0px 15px;
     margin-bottom: 0px;
     text-align: left;
}

h2 {
        font: bold 13px Verdana, Arial, Helvetica, sans-serif;
        color: #283C85;
     text-align: left;
  /*   border-top: 1px solid #283C85;*/
     font-weight:bold;
     height:28px;
    -moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0px;padding:40px 0 0 5px;
}

h3 {
font-size: 24px;
color: #666681;
text-decoration: none;
font-weight: normal;
text-align: left;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0px;padding:0;
}

h4 {
    -moz-box-sizing: border-box;
    background-color: #001159;
    color: white;
    font-size: 12px;
    height: 20px;
    margin: 0;
    padding: 2px 0 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.newstitle {
        font: bold 12px Verdana, Arial, Helvetica, sans-serif;
        color: #283C85;
        margin: 0px;
        padding: 0px 0px 0px 0px;
     text-align: left;
     font-weight:bold;
     height:28px;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0px;padding:8px 0 0 0;
}

.csc-mailform {
    border: 0;
    width: 100%;
    text-align: right;
    }
.csc-mailformhome {
    border: 0;
    text-align: center;
    color: white;
    font:bold 12px arial, sans-serif;
    background: none;

}
csc-mailform-label {
    background: none;
}
/*.topl {
        height: 120px;
    float:left;
    width: 220px;
    background: #000000;
        margin-top: 0px;
}
.topr {
         height: 120px;
    float:right;
    width: 220px;
    background: #000000;
        margin-top: 0px;
}

.topm {
         height: 120px;
    float:left;
    width: 989px;
        margin-top: 0px;
                padding-left: 0px;
        padding-top: 5px;
        vertical-align: top;
 }*/
.maincontent {
 background: url(/fileadmin/sitelayout/leftnavback.jpg) no-repeat 0px 0;
    float:left;
    top:0px;
    width: 990px;
    height: -1%;
/*  background: white;*/
        -moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin: 0px;padding:0;

}
.contentmain {
    float: left;
    margin: 5px 0 0;
}





/* General Fonts */
P,OL {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
font-style: normal;
line-height: 130%;
margin-bottom: 10px;
text-align: left;
}

.bodytext  {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
font-style: normal;
line-height: 130%;
margin-bottom: 0px;
text-align: left;
}
.bodytext a:link {
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #274185;
font-style: normal;
line-height: 120%;
margin-bottom: 0px;
text-align: left;
font-weight: bold;
}
a:visited {
color:#274185;
border:none;
}
.bodytext a:visited {
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #274185;
font-style: normal;
line-height: 120%;
margin-bottom: 0px;
text-align: left;
font-weight: bold;
}
.bodytext a:hover {
text-decoration: underline;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #274185;
font-style: normal;
line-height: 120%;
margin-bottom: 0px;
text-align: left;
font-weight: bold;
}

li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
font-style: normal;
line-height: 120%;
margin-bottom: 10px;
text-align: left;
}
.columnrightpromonew .align-center {
text-align: center;
align:center;
margin:0px;
}

.align-center, p .align-center {
text-align: center;
align:center;
}



body {
        font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #ffffff;
font-style: normal;


        }




img {
    border: none;
}

.bread {
/*background: url(/fileadmin/sitelayout/bluelback.gif) no-repeat 0px ;*/

    -moz-box-sizing: border-box;
    background-color: #001159;
    color: white;
    display: inline;
    float: left;
    height: 20px;
    margin: 0;
    padding: 2px 0 0;
    position: relative;
    text-align: left;
    top: 10px;
    width: 1000px;
}

.breadnew {
/*background: url(/fileadmin/sitelayout/bluelback.gif) no-repeat 0px ;*/

    -moz-box-sizing: border-box;
    background-color: #001159;
    color: white;
    float: left;
    height: 0;
    margin: 0;
    padding: 0 0 0;
    position: relative;
    text-align: left;
    top: 0;
    width: 727px;
}

.bread a:link{
color:white;
margin:0;
padding:0;

display: inline;
}
.bread a:visited {
display: inline;
color:white;
margin:0;
padding:0;
}
.breadcrumbs {
    color: white;
    display: inline;
    height: 20px;
    line-height: 14px;
    margin: 0;
    padding: 0;
}
.breadcrumbs ul {
display: inline;
color:white;
margin: 0;
border:0;
        -moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0px;padding:2px 0 0 10px;
}


.breadcrumbs li {
display: inline;
color:white;
margin:0;
padding:0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    height:20px;
}
.current li {
display: inline;
color: white;
margin:0;
padding:0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 11px;
}




/*- Menu Top Nav--------------------------- */


#nav{
	float:right;
	margin:0 -6px 0 0;
	padding:0;
	list-style:none;
	font:24px/28px "Times New Roman", Times, serif;
	z-index:50000;
}
#nav li {
 
    float: left;
    padding: 0;
    z-index:50000;
}
#nav li:hover, #nav li.hover{position:relative;}
#nav li:first-child{background:none;}
#nav a {
    color: #274185;
    font-variant: small-caps;
    text-decoration: none;
}
#nav a:hover, #nav li:hover a, #nav li.hover a{color:#274185;}
#nav ul {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-color: -moz-use-text-color -moz-use-text-color #274185 #274185;
    border-style: none none solid solid;
    border-width: medium medium 1px 1px;
    display: none;
    font-size: 12px;
    left: 0;
    line-height: 16px;
    list-style: none outside none;
    margin: 0 0 0 -1px;
    padding: 0;
    position: absolute;
    top: 19px;
    width: 172px;
    z-index: 50000;
}
#nav ul.drop li {
}
#nav li:hover ul, #nav li.hover ul{display:block;}
#nav ul li{
	float:none;
	padding:0 0 2px;
	background:none;
	z-index:50000;
}
#nav ul a {
    background-color: #FFFFFF;
    border-top: 1px solid #274185;
    color: #274185;
    display: block;
    float: none;
    height: 1%;
    padding: 5px 5px 5px 17px;
    z-index:50000;
}


#nav li:hover ul a, #nav li.hover ul a {
    color: #274185;
    }
#nav ul a:hover{
	background-color:#D9D9D9;
	color:#274185;
}



#newnav ul {
color: white;
display: inline;
padding: 0px;
}
#newnav ul li{
color: white;
display: inline;
padding: 0 10px 0 10px;
border-left: 1px solid black;
}

/*
#newnav ul li.first {
    margin-left: 0;
    border-left: none;
    list-style: none;
    display: inline;
    }
.newnavact ul {
    margin-left: 0;
    padding-left: 0;
    display: inline;
}
.newnavact ul li{
    margin-left: 0;
    padding: 10px 10px;
    border-left: 1px solid #000;
    list-style: none;
    display: inline;
}
.newnavact ul li.first {
    margin-left: 0;
    border-left: none;
    list-style: none;
    display: inline;
    }

.mensep {
border-right: 1px solid black;
width:2px;
height:30px;
}*/
.topnavtable {
    -moz-box-sizing: border-box;
    float: left;
    font-size: 11px;
    height: 25px;
    left: 0;
    margin: 0;
    padding: 0;
    position: relative;
    text-transform: uppercase;
    top: 20px;
    vertical-align: middle;
    width: 722px;
    z-index: 50000;
}

.topnav {
text-decoration: none;
padding-left: 15px;
padding-right: 15px;
vertical-align:middle;
}

.topnav a:link {
color: #274185;
text-transform: uppercase;
}

.topnav a:visited{
color: #274185;
text-transform: uppercase;
}
.topnav a:active{
color: #274185;
text-transform: uppercase;
}
.topnav a:hover{
color: #274185;
text-transform: uppercase;
}

.topnavact {
color: #274185;
text-transform: uppercase;
vertical-align:middle;
padding-left: 15px;
padding-right: 15px;
}

.topnavact a:link {
color: #274185;
text-transform: uppercase;
}

.topnavact a:visited{
color: #274185;
text-transform: uppercase;
}
.topnavact a:vactive{
color: #274185;
text-transform: uppercase;
}

.topnavact a:hover{
color: #274185;
text-transform: uppercase;
}


.leftnav {
        color: orange;
        text-decoration:none;
        line-height:120%;
        border-bottom: 1px dashed grey;
    font-family: Arial, Helvetica, sans-serif;
        padding: 4px 0 4px 0px;
}

.leftnav a:link {
        padding: 4px 0 4px 0px;
        text-decoration:none;
        color:orange;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    }

.leftnav a:hover {
        padding: 4px 0 4px 0px;
        text-decoration:none;
        color: yellow;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    }

.leftnav a:visited {
        padding: 4px 0 4px 0px;
        text-decoration:none;
        color:orange;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
}
.leftnav a: active {
        padding: 4px 0 4px 0;
        text-decoration:none;
        color:orange;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    }

.leftnavact {
        padding: 4px 0 4px 0;
        color: yellow;
        text-decoration:none;
        line-height:120%;
        border-bottom: 1px dashed grey;
    font-family: Arial, Helvetica, sans-serif;

}

.leftnavact a:link {
        padding: 4px 0 4px 0;
        text-decoration:none;
        color:yellow;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    }

.leftnavact a:hover {
        padding: 4px 0 4px 0;
        text-decoration:none;
        color: yellow;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    }

.leftnavact a:visited {
        padding: 4px 0 4px 0;
        text-decoration:none;
        color:yellow;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
}
.leftnavact  a: active {
        padding: 4px 0 4px 0;
        text-decoration:none;
        color:yellow;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    }



.logo {
float:right;
margin-right: 30px;
}

.logo2 {
    float: right;
    margin-right: 45px;
}
.pageheader {
height:0px;
width:980px;
float:left;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0;padding:10px 0 0 0;

}
.news-list-item {
display: block;
height: 195px;
width: 210px;
border-top:0;
    -moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0 0 10px 0px;padding:0;
float:left;
}

.news-list-container {
width: 735px;
float:left;
display: block;
height: 410px;
width: 210px;
    -moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0 10px 0 10px;padding:10px 0 10px 0;
}

.news-list-container a:link{
cursor: auto;
text-decoration: none;
font-weight: bold;
color: #274185;
float:left;
width: 735px;
}
.news-list-container a:visited{
cursor: auto;
text-decoration: none;
font-weight: bold;
color: #274185;
float:left;
width: 735px;
}
.news-list-container h2{
font-size:10px;
width:210px;
text-align: left;
height:auto;
}
.news-list-date {
display: block;
float: right;
padding-left: 10px;
color: #274185;

}
.news-list-category {
display: block;
font-size: 10px;
height: 16px;
width: 210px;
color: #274185;
float:left;

}
news-list-item-list {
width:735px;
}

.menu {
    float: center;
    width: 760px;
    height: 20px;

}
.menu ul {
    margin: 0;
    padding: 0px 0 0 5px;
    list-style: none;
    line-height: normal;

}
.menu li {
    display: inline;
    float: left;

}
.menu a {
    display: inline;
    float: left;
        padding: 3px 17px;
    letter-spacing: -.5px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #274185;
    font-size: 11px;
    border-right: 1px solid #274185;
}
.menu a:hover {
    text-decoration: none;
    color: #274185;
}
.menu .current_page_item a {
    color: #274185;
}

.level2-act {
	background-color:#E9E9E9;
	color:#red;

}

.news-latest-item a:link {
text-decoration:none;
padding:0px;
margin:0px;
}

.news-latest-item a:visited {
text-decoration:none;
}
.news-latest-item h2 {
padding:o;
margin:0;
border:0;
}
.news-latest-item h2 a:visited{

}
.news-latest-date {
font-size: 12px;
color: #666666;
border-bottom:0px;
}
.news-latest-item h3 {
padding:o 0 10px 0;
margin:0;
border:0;
font-size:12px;
color:274185;
font-weight: bold;
padding: 0 0 20px;
}
.news-latest-item h3 a:link {
text-decoration:none;
padding:o 0 10px 0;
margin:0px;
font-size:12px;
color:274185;
}
.news-latest-item h3 a:visited{
padding:o 0 10px 0;

font-size:12px;
color:274185;
}

.news-latest-morelink {
padding:o;
margin:0;
border:0;
font-size:11px;
color:#274185;
font-weight: bold;
text-decortation: underline;
float: right;
}

.news-latest-morelink a {
text-decortation: underline;
color:#274185;
}

.news-latest-morelink a:visited {
text-decortation: underline;
}

.news-list-container-list {
width: 730px;
font-size:12px;
}

.columnrightpromonew .news-list-morelink {
    display: block;
    padding-left: 0;
    width: 230px;
}

.columnrightpromonew .news-list-container-list {
    font-size: 12px;
    width: 205px;
    padding:10px;
}


.news-list-container-list h3 {
font-size: 11px;
text-decoration: none;
font-weight:none;
font-size: 11px;
color:274185;
}

.news-list-container-list h3 a:link {
text-decoration: none;
font-weight:none;
font-size: 11px;
color:274185;
}

.news-list-container-list h3 a:visited {
text-decoration: none;
font-weight:none;
font-size: 11px;
color:274185;
}

news-list-item-list {
width: 742px;
}

.news-list-date-list {
    color: #274185;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: 120%;
    margin-bottom: 10px;
    padding-top: 5px;
    text-align: left;
}

.csc-caption {
   color: gray;
}
.csc-textpic-caption {
        padding: 0px 0 0px 0;
    text-decoration: none;
    font-size: 10px;
    border-bottom: 1px dashed gray;

}

.csc-textpic-image {
    padding-top: 0px;
    background: #000000;
}
.csc-textpic-image-wrap {
    padding: 0px;    
margin: 0;
    background: #000000;
}
.csc-textpic-clear {
    padding: 0px;    
margin: 0;
height:0;
}
.clearer {
padding: 0px;    
margin: 0;
}

.columnrightpromonew .clearer {
    border-color: -moz-use-text-color;
    border-style: none none dashed;
    border-width: medium medium 1px;
    height: 3px;
    margin: 0;
    padding: 0;
    width: 200px;
    }
.columnleftpromonew2 .clearer {
    border-color: #333333 -moz-use-text-color -moz-use-text-color;
    border-right: medium none;
    border-style: dashed none none;
    border-width: 1px medium medium;
    display: block;
    float: left;
    margin-bottom: 10px;
    padding: 0;
    width: 239px;
    }

.columnleftpromonew2 {
    float: left;
    margin: 0 0 0 10px;
    padding-left: 0;
    padding-top: 30px;
    width: 240px;
}

.csc-mailform-field {
color: gray;
vertical-align:top;
text-align:right;
}
.csc-mailform{
    -moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
margin:0 0 0 0;padding:0;
width:500px;
line-height:120%;
}
.mailform-table-outer {
color: #283C85;
}
.tx-contentwrapper_style2 {
color: gray;
padding: 0 10px 0 0px;
}
.tx_mailform_cb_label {
width: 100%;
}

.catmenu {
padding-top:10px;
    float: center;
    width: 760px;
    height: 30px;
z-index:1;
}
.catmenu ul {
    margin: 0;
    padding: 0px 0 0 5px;
    list-style: none;
    line-height: normal;
   z-index:20; 

}
.menu li {
    display: inline;
    float: left;

}
.catmenu a {

background:#E9E9E9;
    display: inline;
    float: left;
        padding: 10px 5px 0 5px;
    letter-spacing: -.5px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #274185;
    font-size: 9px;
    border-left: 1px solid #8699CA;
    border-top: 1px solid #8699CA;
    border-right: 1px solid #8699CA;
        border-bottom:1px solid #274185;
    height:30px;   
   z-index:20; 
}
.catmenu a:hover {
    text-decoration: none;
    color: #274185;
    background: #FFFFFF;
   z-index:20; 

}
.catmenu a:visited {
padding-top:10px;
}

.catmenu a:active {
    text-decoration: none;
    color: #E9E9E9;
   z-index:20; 

}
.catmenu .current_page_item a {
    color: #274185;
        background:yellow;
        padding-top:10px;

}
.catmenuact a {
padding-top:10px;
height:30px; 
    text-decoration: none;
    color: #274185;
    background: #FFFFFF;
    border-top:1px solid #274185;
    border-left:1px solid #274185;
        border-right:1px solid #274185;
            border-bottom:1px solid #FFFFFF;
  
}
div.tx-contentwrapper_style3 a:link {
font-size:18px; 
color: #283C85;
padding:0px;
}
div.tx-contentwrapper_style3 a:visited {
font-size:18px; 
color: #283C85;
padding:0px;
}


div.external-link-new-window a: {
font-size: 4;
color: #274185;
}
div.external-link-new-window a:visited {
font-size: 4;
color: #274185;
}
div.external-link-new-window a:hover {
font-size: 4;
color: #274185;
text-decoration:underline;
}
div.external-link-new-window {
font-size: 4;
color: #274185;
}
.internal-link a:link{
font-size: 4;
color: #274185;
}


.internal-link a {
font-size: 4;
font-weight:normal;
color: #274185;
}

.internal-link a:visited{
font-size: 4;
font-weight:normal;
color: #274185;
}
.csc-textpic-text {
padding-right:10px;
}

.tx-srfeuserregister-pi1 {
color:black;
}
.Contentgroup {
border:1px solid grey;
float:right;
margin:10px 0 0 18px;
padding-bottom:15px;
width:727px;
}

.Contentgroup2 {
    border: 1px solid grey;
    float: left;
    height: 377px;
    margin: 10px 0 0;
    padding-bottom: 15px;
    width: 727px;

}
.columrightnew {
    border: 1px solid grey;
    float: right;
    margin: 10px 0 0 6px;
    padding-bottom: 15px;
    width: 230px;
}

.Contentgroup h4 {
    -moz-box-sizing: border-box;
    background-color: #001159;
    color: white;
    font-size: 12px;
    height: 20px;
    margin: 0;
    padding: 3px 0 0;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.columrightnew h4 {
-moz-box-sizing:border-box;
background-color:#001159;
color:white;
font-size:12px;
height:20px;
margin:0 0 0 0;
padding:3px 0 0;
text-align:center;
text-transform:uppercase;
width:230px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
    .columrightnew h4{
    margin:0px;
    }
}

.columrightnew .csc-textpic-text {
    margin: 1px 0 0;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-top: 0;
}
.bannernew {
    /*background: url("/fileadmin/sitelayout/banner.jpg") no-repeat scroll 0 0 transparent;*/

    display: block;
    float: left;
    height: 160px;
    padding-top: 21px;
    width: 727px;
}

.helpme {
    background: url("/fileadmin/images/helpmeimg.jpg") no-repeat scroll 0 0 transparent;
    float: left;
    height: 85px;
    margin: -85px 0 0;
    width: 261px;
    
}

.helpme a{
    display:block;
    height: 85px;
    text-indent:-9999px;
}

.landingpageright {

}
.columnleftpromonew2 .bodytext a:link {
    color: #274185;
    display: block;
    float: right;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    line-height: 120%;
    margin-bottom: 0;
    padding-bottom: 10px;
    text-align: left;
    text-decoration: none;
    width: 100%;
}

.tx-felogin-pi1 form {
color:black;
}

.tx_mailform_label_global {
    font-size: 12px;
    }
.tx-felogin-pi1 form legend, .tx-felogin-pi1 form label { 
color: #666666;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-style: normal;
    line-height: 130%;
    margin-bottom: 0;
    text-align: left;

}
.tx-contentwrapper_style4 p {
    margin: 0;
    padding-bottom: 2px;
    padding-top: 2px;
}

div.tx-contentwrapper_style4 h1 {
    color: #232388;
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 10px;
    text-align: center;
    text-transform: uppercase;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
   .columncenterpromonew2 {
    margin: 22px 0 0 0;
    padding: 0 0 0 5px;
    position: relative;
    text-align: left;
    top: 0;
    width: 462px;
    
    }
    
    .columncenterpromonew2 img {
    float:right;
    }
    
    .columnleftpromonew2 {
    float: left;
    margin: 0 0 0 5px;
    padding-left: 0;
    padding-top: 30px;
    width: 255px;
    overflow:hidden;
    }

}
h5 {
-moz-box-sizing:border-box;
color:#001159;
font-size:12px;
height:20px;
margin:0 0 -20px 85px;
padding:15px 0 0;
text-align:left;
text-transform:uppercase;
width:153px;
}

h5 a {
   text-decoration:none;
   color:#001159;

}

/* Preload on-hover images. */
a#op1 { background: url("/fileadmin/menu/system-lifestyle-management-blue.jpg") no-repeat -9999px -9999px; }
a#op2 { background: url("/fileadmin/menu/endpoint-security-management-blue.jpg") no-repeat -9999px -9999px; }
a#op3 { background: url("/fileadmin/menu/IT-asset-management.jpg") no-repeat -9999px -9999px; }
a#op4 { background: url("/fileadmin/menu/IT-asset-management.jpg") no-repeat -9999px -9999px; }
a#op5 { background: url("/fileadmin/menu/cloud-services-blue.jpg") no-repeat -9999px -9999px; }
a#op6 { background: url("/fileadmin/menu/management-automation-blue.jpg") no-repeat -9999px -9999px; }
a#op7 { background: url("/fileadmin/menu/print-optimization-corporate-blue.jpg") no-repeat -9999px -9999px; }
a#op8 { background: url("/fileadmin/menu/print-optimization-education-blue.jpg") no-repeat -9999px -9999px; }
a#op9 { background: url("/fileadmin/menu/private-cloud-blue.jpg") no-repeat -9999px -9999px; }

a#op1 {
   background: url("/fileadmin/menu/system-lifecycle-management.jpg") no-repeat scroll 0 0 transparent;
   display: block;
   width: 230px;
   height: 66px;
}

a:hover#op1 {
   background: url("/fileadmin/menu/system-lifecycle-management-blue.jpg") no-repeat scroll 0 0 transparent;
}

a#op2 {
   background: url("/fileadmin/menu/endpoint-security-management.jpg") no-repeat scroll 0 0 transparent;
   display: block;
   width: 230px;
   height: 66px;
}

a:hover#op2 {
   background: url("/fileadmin/menu/endpoint-security-management-blue.jpg") no-repeat scroll 0 0 transparent;
}

a#op3 {
   background: url("/fileadmin/menu/IT-asset-management.jpg") no-repeat scroll 0 0 transparent;
   display: block;
   width: 230px;
   height: 66px;
}

a:hover#op3 {
   background: url("/fileadmin/menu/IT-asset-management-blue.jpg") no-repeat scroll 0 0 transparent;
}

a#op4 {
   background: url("/fileadmin/menu/IT-service-management.jpg") no-repeat scroll 0 0 transparent;
   display: block;
   width: 230px;
   height: 66px;
}

a:hover#op4 {
   background: url("/fileadmin/menu/IT-service-management-blue.jpg") no-repeat scroll 0 0 transparent;
}

a#op5 {
   background: url("/fileadmin/menu/cloud-services.jpg") no-repeat scroll 0 0 transparent;
   display: block;
   width: 230px;
   height: 66px;
}

a:hover#op5 {
   background: url("/fileadmin/menu/cloud-services-blue.jpg") no-repeat scroll 0 0 transparent;
}

a#op6 {
   background: url("/fileadmin/menu/management-automation.jpg") no-repeat scroll 0 0 transparent;
   display: block;
   width: 230px;
   height: 66px;
}

a:hover#op6 {
   background: url("/fileadmin/menu/management-automation-blue.jpg") no-repeat scroll 0 0 transparent;
}

a#op7 {
   background: url("/fileadmin/menu/print-optimization-corporate.jpg") no-repeat scroll 0 0 transparent;
   display: block;
   width: 230px;
   height: 66px;
}

a:hover#op7 {
   background: url("/fileadmin/menu/print-optimization-corporate-blue.jpg") no-repeat scroll 0 0 transparent;
}

a#op8 {
   background: url("/fileadmin/menu/print-optimization-education.jpg") no-repeat scroll 0 0 transparent;
   display: block;
   width: 230px;
   height: 66px;
}

a:hover#op8 {
   background: url("/fileadmin/menu/print-optimization-education-blue.jpg") no-repeat scroll 0 0 transparent;
}

a#op9 {
   background: url("/fileadmin/menu/private-hybrid-cloud.jpg") no-repeat scroll 0 0 transparent;
   display: block;
   width: 230px;
   height: 66px;
}

a:hover#op9 {
   background: url("/fileadmin/menu/private-hybrid-cloud-blue.jpg") no-repeat scroll 0 0 transparent;
}