/* --- css --- */ 
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    margin: 0 0 8px;
    color: #555;
    line-height: 18px;
    font-weight: normal;
    background-color: #093354;
    background-image: url(/_sysimg/bkg.png);
    background-repeat: repeat-x;
    background-position: left -20px;
}
blockquote{
 margin-left:30px;
}
/* --- slimbox --- */               
#lbOverlay {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    cursor: pointer;
}
#lbCenter {
    position: absolute;
    z-index: 9999;
    overflow: hidden;
    background-color: #fff;
}
.lbLoading {
    background: #fff url(loading.gif) no-repeat center;
}
#lbImage {
    position: absolute;
    left: 0;
    top: 0;
    border: 0px solid #fff;
    background-repeat: no-repeat;
}
#lbPrevLink,
#lbNextLink {
    display: block;
    position: absolute;
    top: 0;
    width: 50%;
    outline: none;
}
#lbPrevLink {
    left: 0;
}
#lbPrevLink:hover {
    background: transparent url(prevlabel.gif) no-repeat 0 15%;
}
#lbNextLink {
    right: 0;
}
#lbNextLink:hover {
    background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}
#lbBottomContainer {
    z-index: 99999;
    overflow: visible;
    background-color:transparent;
    position: absolute;
}
#lbBottom {
    font-family: Arial, Geneva, Helvetica, sans-serif;
    font-size: 10px;
    color: #666;
    line-height: 1.4em;
    text-align: right;
    border-top-style: none;
    background-color: transparent;
    height: 32px;
    width: 32px;
    position: absolute;
    top: -37px;
    z-index: 9999999;
}
#lbCloseLink {
    display: block;
    float: right;
    width: 32px;
    height: 32px;
    margin: 5px 0;
    outline: none;
    position: absolute;
    top: 0px;
    background-color: transparent;
    background-image: url(/_sysimg/close.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
#lbCloseLink:hover {
    background-position: 0px -32px;
}
#lbCaption,
#lbNumber {
    margin-right: 71px;
    display: none;
    background-color:transparent;
}
#lbCaption {
    font-weight: bold;
}
#lbCenter {
 filter: progid:DXImageTransform.Microsoft.shadow(color='#222222', Direction= 135, Strength=4);
    zoom: 1;
    -webkit-box-shadow: 0px 0px 12px #222;
    -moz-box-shadow: 0px 0px 12px #222;
    box-shadow: 0px 0px 12px #222;
}    
/* forms */
form table {
    width:450px;
}
form tr td {
    padding-right:10px;
    padding:5px;
}

form button{
    padding:3px 20px 3px 20px;      
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;    
    -webkit-border-radius: 5px;
    border-radius:5px;  
    color:#0060A9;
    background-color: #DFEAF4; 
    background: -webkit-gradient(linear, left top, left bottom, to(#FFF),  from(#EEE));
    background: -moz-linear-gradient(top, #FFF,  #EEE);
    border:1px solid #45769C; 
    cursor:pointer;
    -moz-box-shadow: 0 1px 3px #999;
    -webkit-box-shadow: 0 1px 3px #999;
    text-shadow: 0 -1px 1px #999;
}

form button:hover{
    -moz-box-shadow: 0 1px 3px #666;
    -webkit-box-shadow: 0 1px 3px #666; 
    color:#009EE0;
    border:1px solid #666; 
}
form input,
form textarea,
form select {
    width:250px;
    border: 1px solid #AEC4D6;
    font-size: 12px;
    line-height:18px;
    padding:4px;
    color: #AAA;  
    background: -webkit-gradient(linear, left top, left bottom, from(#EEE), to(#FFF));
    background: -moz-linear-gradient(top, #EEE,  #FFF);
    margin-right:15px;  
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;    
    -webkit-border-radius: 5px;
    border-radius:5px;
    width:250px;
    text-shadow: 0px 1px 0px #FFF;
    color: #666;

}

form input:focus,
form textarea:focus,
form select:focus{
    border: 1px solid #333;
    background-color:EEE; 
    -moz-box-shadow: 0 1px 3px #999;
   -webkit-box-shadow: 0 1px 3px #999; 
    color: #666;
    
}
input.radio,
input.checkbox{
width:10px;
    border:1px solid white;
}
form input:hover,
form textarea:hover {
    font-style: normal;
    color: #333;
    border: 1px solid #888;
}

/* --- searchbox --- */
.searchbox {
    float: right;
    width:176px;
    height: 18px;
    margin:7px 0px 0px 15px;
    background-color: #FFF;    
}
.searchbox a{
    float:left;  
    padding:1px 5px; 
    margin-top:2px; 
}
.searchbox form{  
    float: right;
    display:inline;  
}
.searchbox form input { 
    padding:1px; 
    -moz-border-radius: 0 0 0;
    -khtml-border-radius: 0 0 0;    
    -webkit-border-radius: 0 0 0;
    border-radius:none;
    text-shadow:none;  
    width: 120px;
    height: 14px;
    border: 1px solid #CCC;
    background-color: transparent;
    font-size: 9px;
    color: #999;
    line-height: 12px;
    margin:2px 0px 0px 0px; 
    background-image: url(/_sysimg/icon/binocular-small.png);
    background-repeat: no-repeat;
    background-position: right;
}

.searchbox input:focus {
    border: 1px solid #5F8BAE;
    color: #666;    
}

.searchbox form input:hover  {
    color: #333;
    border: 1px solid #5F8BAE;
}
/* --- headers --- */
.header {
    width: 902px;
    background-image: url(../_sysimg/header.png);
    padding: 29px;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
}
.header-img {
    width: 902px;
    background-position: center center;
}
.header-cnt {
    background-image: url(../_sysimg/headertxtbkg.png);
    background-position: -45px top;
    float: left;
    width: 220px;
    height:157px;
    padding-right: 80px;
    padding-top: 15px;
    padding-left: 15px;
}
#home .header-cnt {
    background-position: 0px top;
    width: 270px;
}
.header,
.header-img {
    height: 172px;
}
#home .header {
    background-image: url(/_sysimg/header-home.png);
}
#home .header,
#home .header-img {
    height: 292px;
}
#home .header-cnt {
    height: 277px;
}
.header-cnt p {
    color: #FFF;
}
.header-cnt h2,
.header-cnt h3 {
    color: #FFF;
    font-family: "Arial Narrow", Arial, sans-serif;
    font-size: 24px;
    line-height: 24px;
    font-weight: bold;
}
.header-cnt h3 {
    color: #009ee0;
    font-size: 20px;
}
/* --- top --- */ 
.top {
    height: 90px;
    width: 960px;
    margin-right: auto;
    margin-left: auto;
}
.wrapper {
    width: 960px;
    margin-right: auto;
    margin-left: auto;
}
/*.logo {
    float: left;
    height: 23px;
    width: 148px;
    padding: 7px 29px 0px;
} */
.logo {
	float: left;
	height: 30px;
	width: 180px;
	padding: 7px 0px 0px 29px;
}
div.lang {
    float: right;
    height: 11px;
    width: auto;
    padding-top: 9px;
    padding-bottom: 10px;
    padding-right: 29px;
}
ul.lang li {
    display:inline;
    margin-left: 10px;
}
/* crumb */
.crumb {
    width: 870px;
    margin-right: auto;
    margin-left: auto;  
    color:#45769C; 
    font-size:10px;
}
.crumb a {
    color:#AEC4D6;
    text-decoration:none;
    padding:0 3px;
}
.crumb a:hover {
    color:#5F8BAE;
    text-decoration:none;
}
.shadowtop {
    background-image: url(/_sysimg/shadowtop.png);
    height: 40px;
    width: 960px;
    margin-right: auto;
    margin-left: auto;  
}       

#home .shadowtop {
    display:none;
}
#lvl1 .shadowtop{
    background-image:none;
}


/* -- cnt content --- */
.cnt {
    width: 902px;
    clear: both;
    min-height:300px;
    margin-right: auto;
    margin-left: auto;
    background-image: url(/_sysimg/shadowcnt.png);
    background-repeat: repeat-y;
    background-position: center top;
    padding-right: 29px;
    padding-left: 29px;
    overflow: auto;
}
.content {
    width: 616px;
    float:right;
    padding-right: 15px;
    padding-bottom: 25px;
    clear: right;
}   
.content a {
    color: #333;
    text-decoration: underline;
}
.content a:hover {
    color: #000;
    text-decoration: none;
}
.content hr {
    height: 0;
    border-top: 1px solid #31658D;
    margin: 0px;
    padding: 0px;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
    margin-bottom:15px;
    margin-top:15px;
    clear:both;
}
.content p {
    font-size: 13px;
    line-height: 19px;
    margin-bottom: 7px;
    font-weight: normal;
}
.content h1 {
    font-size: 20px;
    color: #0079D2;   
    letter-spacing:1px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 8px;
    font-family: Arial, "Arial Narrow", sans-serif;
}
.content h2 {
    color: #039EE0;
    font-size: 16px;
    line-height: 20px;
    text-transform: none;
    font-weight: bold; 
    letter-spacing:1px;
    margin-bottom: 8px;
    margin-top: 16px;
    font-family: Arial, "Arial Narrow", Arial, sans-serif;
}
.content h3 {
    font-size: 14px;
    color: #31658D;
    font-weight: bold;
    margin-top: 8px;
    margin-bottom: 5px;
    line-height: 16px;
}
.content h4 {
    font-size: 12px;
    font-weight: normal;
    color: #0060A9;
    font-style: italic;
    margin-bottom: 10px;
    padding: 5px 7px;
    border: 1px dotted #5F8BAE;
    background-color: #DAE4EC;
}
.content h5 {
    font-size: 11px;
    font-weight: normal;
    color:#45769C;
    line-height: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
    letter-spacing: 1px;
    padding-left: 15px;
    border-left: 1px dotted #009EE0;    
}
.content h6 {
    font-size: 9px;
    font-style: normal;
    font-weight: normal;
    color:#5F8BAE;
    line-height: 12px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.content ul,
.content ol {
    margin-top: 8px;
    margin-bottom: 12px;
}
.content ol li {
    margin-left: 30px;
    padding-left: 0px;
    list-style-position: outside;
    list-style-type: decimal;
    font-size: 13px;
    line-height: 19px;
    margin-bottom:8px;
    font-weight: normal;
}
.content ul li {
    list-style-position: outside;
    list-style-type: square;
    margin-left: 30px;
    padding-left: 0px;
    font-size: 13px;
    line-height: 19px;
    margin-bottom:8px;
    list-style-image: url(../_sysimg/bullet.png);
    font-weight: normal;
}    
#lvl1 .cnt{
   background-image:none;
   padding:0px;      
}
#lvl1 .content{
    position:relative;
    width: 571px;
    clear: none;
    margin:0px;  
    padding-left:10px;
}  
#lvl1 .content p,
#lvl1 .content h3,
#lvl1 .content h6,
#lvl1 .content ul,
#lvl1 .content ol,
#lvl1 .content ol li,
#lvl1 .content ul li {
    color:#aec3d3;
}
#lvl1 .content h1,
#lvl1 .content h5 {
    color:#FFF;
}        
#lvl1 .content h1{
text-transform:uppercase;
}

#home .cnt {
   background-image:none;
   padding:0px;      
}
#home .content {
    position:relative;
    width: 571px;
    clear: none;
    margin:0px;  
    padding-left:10px;
}
#home .content p,
#home .content h3,
#home .content h6,
#home .content ul,
#home .content ol,
#home .content ol li,
#home .content ul li {
    color:#aec3d3;
}
#home .content h1,
#home .content h5 {
    color:#FFF;
}        
#home .content h1{
text-transform:uppercase;
}
#lvl1 .content a,
#lvl1 .content p a,
#home .content a,
#home .content p a {
    color: #FFF;
    text-decoration: underline;
}
#lvl1 .content a:hover,
#lvl1 .content p a:hover,
#home .content a:hover,
#home .content p a:hover {
    color: #aec3d3;
    text-decoration: none;
}
/* --- nwscol --- */
.nwscol h3 {
    padding:0px;
}
.ncitem {
    float: left;
    width: 290px;
    position:relative;
    top:0px;    
    padding:0px;
    padding-bottom: 10px;           
    border-bottom: 1px solid #fff;
    clear: left;         
    margin-bottom: 20px;
}
.ncitem:hover {
    cursor:pointer;
}  
.ncitem:last-child{     
    border-bottom: 0px solid #fff;
}
.ncitem p {
    line-height: 15px;
    color: #AEC4D6;
}
.ncitem h5 {
    color: #009ee0;
    font-family: Arial, "Arial Narrow", Arial, sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 18px;
    margin-bottom:5px;
}
.ncitem h5 a {
    border-width: 0px;
    color: #009ee0;
    text-decoration: none;
}
.ncitem:hover > h5 {
    color: #86bbd1;
}
.ncitem .more{
    padding:0px 5px 0px 10px;
    color:white;
    text-decoration:none;
    display:block;
    float:right; 
    font-size:10px;
    font-weight:bold;
    margin:5px 0px;
}        
.ncitem .more:hover{
    background-color:black;
}
.ncimg {
    float: left;
    height: 54px;
    width: 54px;
    display: block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 15px;
    margin-top: 3px;
}
/* news overzicht */ 
.news_item {
    float: left;
    width:606px;
    padding-top:7px;
    padding-bottom:7px; 
    padding-left:5px;
    border-top:1px solid #87A9C4; 
}
.news_item:hover {
    background-color:#DAE4EC;
}
.news_item .img {
    float: right;
    height: 65px;
    width: 65px;
    margin-top: 4px;
    margin-left: 15px; 
    margin-right: 5px;
    overflow: hidden;         
    background-position:center center;
    background-repeat:no-repeat;
}
.news_item h2,
.news_item h2 a {
    margin:0px;
    padding:0px;  
    letter-spacing:1px; 
    font-size:14px;
    color:#009EE0;
    border-bottom:none;
}
.news_item:hover > h2 a {
    color:#0060A9;
}
.news_item p { 
    display:inline;
}
.news_item h6 { 
    color: #7da1bd;
    font-size: 12px;
    font-weight: normal;
    margin-right: 5px;
    font-style: italic; 
    display:inline;
}
.news_item:hover {
    cursor: pointer;
}
/* news detail */
.news {
    width: 571px;
}
.imagegroup {
    min-height:130px;
    float: right;
    width:285px;
}
.first {
    display:block;
    width:270px;
    height:200px;
    background-repeat: no-repeat;
    background-position: center center;
    float:right;
    clear: right;
}
.array {
    width:285px;
    min-height:40px;
    float:right;
    align:right;
    clear: right
    padding: 15px 0;
}
.thumb {
    width:40px;
    height:40px;
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: 9px;
    margin-left: 10px;
    float: right;
}
a.back,
a.forward {
    clear:left;
    display:block;
    border-bottom:0px;
    width:100%;
    background-color:transparent;
    background-position:0 10px;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    line-height: 18px;
    color: #606972;
    padding:0px 0px 5px 25px;
    text-decoration: none;
}
.news hr {
    margin-left:0px;
}
.news .date {
    background-color:transparent;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    line-height: 18px;
    color: #606972;
    padding:0px 0px 5px 25px;
    text-decoration: none;
}
/* news_item + news + faq */
a.back:hover,
a.forward:hover {
    text-decoration: none;
    border:none;
    color: #009EE0;
}
a.back {
    background-image: url(/siteworks/images/def/arrow-180-small.png);
    background-repeat: no-repeat;
    background-position: left top;
}
p.date {
    background-image: url(/siteworks/images/def/calendar-small.png);
    background-repeat: no-repeat;
    background-position: left top;
}
a.forward {
    background-image: url(/siteworks/images/def/arrow-000-small.png);
    background-repeat: no-repeat;
    background-position: left top;
}
/* referenties */
.ref {
    float: left;
    width:275px;
    margin-top: 0px; 
    margin-right:15px;
    margin-bottom:15px;
    background-color:#FFF;  
    border:1px solid #87A9C4;  
    text-align:center;
}
.ref h3 {
    text-align: center;
}
.ref h3 a {
    text-decoration: none;
    color:#009EE0;
    text-align: center;
    border:none;
    line-height:14px;
    font-size:12px;
}
.ref .img250 {
    margin:0px 10px;
    width: 250px; 
    height:200px;
    margin-bottom:8px;  
    background-repeat:no-repeat;
    background-position:center center;
    background-color:#FFF;
}
.ref .img100 {
    float: left;
    width: 130px; 
    height:90px;
    margin-bottom:8px;  
    background-repeat:no-repeat;
    background-position:center center;
    background-color:#FFF;
    border:1px solid #87A9C4;
}
.ref:hover {
    cursor: pointer;
}
.ref:hover > .img100 {
    border:1px solid #45769C;
}
.ref:hover > h3 a {
    text-decoration: none;
    color:#0060A9;
    border:none;
}
.refdetail {
    margin-top:10px;
    margin-left:25px;
}
/* --- shop --- */
.price {
    width:616px; 
    height:96px;
    margin-right:0px;
    padding-top:20px;
    margin-top:5px;
    border-top:1px solid #87A9C4;
    float:left;
    clear:both; 
}
.price { 
    min-height:60px;
    height:auto;
}
.shopimg {
    float: right;
    margin-bottom: 7px;
    margin-left: 20px;
    border: none;
}
.cart {
    width:160px;
    float:right;
    text-align:right;
    margin:0;
    padding:0; 
    position:relative;
    top:10px;
    margin-right:29px;
   *margin-right:1px;
    z-index:12;
}
.cart h3 {
    padding:0;
    margin:0;
    top:0px;
    font-size: 22px;
    color: #0079D2;
    line-height:24px;
    font-weight: bold;
    line-height: 28px;
    margin-bottom: 8px;
    font-family: Arial, "Arial Narrow", Arial, sans-serif;
}
cart p {
   color:#45769C;
}
.cart a {
    color:#000;
    padding-right:24px;
    font-weight:bold; 
    display:block;
    padding-top:3px;
    text-decoration:none;
    background-image: url(/_sysimg/icon/shopping-basket.png);
    background-repeat:no-repeat;
    background-position:right;
}       
.cart a:hover {
    color:#009EE0;
}
.cart b {
    color: #0060A9;
    font-size: 14px;
    font-weight: bold;
}  

#verwerk {
    background: url(/_sysimg/wht80.png) repeat;
    width: 100%;
    height: 100%;
    top: 0px;
    margin-right: auto;
    margin-left: auto;
    z-index: 9999999;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    left: 0px;  
    display:none;
}
#verder .ver,
#verwerk .ver{
    width: 935px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 300px;
    background: url(/_sysimg/technosoft.png) no-repeat center 250px;
}
#verder{ 
    background: url(/_sysimg/wht80.png) repeat;
    width: 100%;
    height: 100%;
    top: 0px;
    margin-right: auto;
    margin-left: auto;
    z-index: 9999999;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    left: 0px;  
}
#verder button img{
    padding-left:10px;
}
#verder button{
  width:250px;
  clear:left;
  margin-bottom:20px;
}
/* --- payment --- */
#updateForm a,
table.order a {
 border:0px;
}
table.order {
    width:100%;
    margin-top:10px;
}    
  
button img{
    position:relative;
    top:3px;
    margin:0px 5px;
}
table.order tr td{    
    padding:5px;
}
table.order thead tr td {
    font-weight:bold;      
    border-right:1px solid #fff;
    background-color:#ccc;
    padding:5px;
}
table.order tr.tot td{
    border-top:1px solid #333;
    font-weight:bold;
}
table.order tr.subtotal td{
    border-top:1px solid #ccc;
}


.shopblok_selected{
}
.shopcnt button{
  margin-right:10px;
 }
.shopblok {
   background-position: 0px 22px; 
   background-repeat: no-repeat; 
}
.shopblok .shopcnt{   
   margin:0;
   padding:10px;
   border-right:1px solid #ccc; 
   border-left:1px solid #ccc; 
}
.shopblok h4,
.shopblok h5,
.shopblok h6 {
    font-style: normal;
    font-size:16px; 
    line-height:22px; 
    height:22px;
    display:block;
    overflow:hidden;
    background-color:#87A9C4; 
    border-bottom: 1px solid #FFF;
    margin:0px;  
    padding:5px 5px 5px 45px; 
    background-image: url(/_sysimg/orderbar.png);
    background-repeat: no-repeat;
    /*border-bottom:1px solid #CCC;  */
  }
.shopblok h4{
    font-weight: bold;    
    border: 0px solid #ccc; 
    /*border-bottom:1px solid #333;*/  
    color:#FFF;                    
    background-position: 0px -32px;  
}
.shopblok h5{  
    font-weight: normal; 
    background-color:#093354; 
    color:#fff; 
    background-position: 0px 0px;  
}    
.shopblok h5:hover{        
   color:#fff;
   cursor:pointer;  
}
.shopblok h6{             
    font-weight: normal;
    color:#ccc;
    background-position: 0px -64px;
}
.coupon {
    margin-top:10px;
    font-size: 12px;
    font-weight: normal;
    color: #31658D;
    font-style: italic;
    margin-bottom: 5px;
    padding: 7px;
    padding-top:0;
    border: 1px dotted #87A9C4;
    background-color: #DAE4EC;
}

table.payitem{
    width:125px;  
    float:left;    
}
table.payitem tr td{
    padding:2px;
    text-align:center;
}




/* sitemap */
.sitemap a {
    text-decoration:none;
    border-bottom:none;
}
.sitemap a:hover {
    text-decoration:none;
    color:#EEE;
    border-bottom:none;
}
.sitemap ul {
    margin-bottom:10px;
}
.sitemap ul li a {
    list-style-type:none;
    color:#aec3d3;   
}
.sitemap ul li ul li a,
.sitemap ul li ul li {
    list-style-image: none;
    list-style-type:circle;
    color:#999;
}
.sitemap ul li ul li ul li a,
.sitemap ul li ul li ul li {
    list-style-image: none;
    list-style-type:disc;
    color:#777;
}
.sitemap ul li a {
    display:block;
}
/* --- left --- */
.left {
    float: left;
    clear: left;
    width: 230px;    
    margin-bottom:10px;
    border-right: 1px solid transparent;
}
#home .left {
    border-right: 1px solid #0D395B;
}
.leftcol,
.sub {
    float: left;
    width: 230px;
    clear: left;
    padding-bottom: 10px;
    padding-right: 15px;
}
.sub {
    padding-bottom: 30px;
}
.left h3 {
    color:#0060A9;
    float:left;
    padding:0 0 5px 12px;
    font-size: 14px;
    line-height: 15px;
    font-weight: normal;
    display:block;
}
.left ul {
    padding:0;
    margin:0;
    clear:left;
}
.left ul li a {
    font-size: 12px;
    line-height: 14px;
    color: #999;
    text-decoration: none;
    display: block;
    padding:6px 20px 6px 12px;
    font-weight: normal;
    border-bottom: 1px solid #AEC4D6;
    background-image: url(/_sysimg/sub.png);
    background-repeat: no-repeat;
    background-position: right center;
}

#lvl1 .left h3{
   padding-left:0px;
    color: #009ee0;
}

#lvl1 .left ul li a {   
    padding:6px 10px 6px 0px;
    color:#aec3d3;       
    border-bottom: 1px solid #fff;
}               
#lvl1 .left ul li a:hover {
    color:#fff;
}
/* -- level 1 -- */
.left ul li a:hover {
    color: #0060A9; 
    background-image: url(../_sysimg/subho.png);
}
.left ul li.selected a {
    color: #009EE0; 
    background-image: url(../_sysimg/subhi.png);
}
/* -- level 2 -- */
.left ul li ul li a,
.left ul li.selected ul li a {
    color: #45769C; 
    padding-left:25px; 
    background-image: none;
}
.left ul li ul li a:hover {
    color: #0D395B;
    padding-left:27px; 
}
.left ul li ul li.selected a.selected {
    color: #093354;
}
/* -- level 3 -- */
.left ul li ul li ul li a,
.left ul li ul li.selected ul li a {
    color: #5F8BAE;
    padding-left:35px;
}
.left ul li ul li ul li a:hover {
    color: #0D395B;
    padding-left:37px;
}
.left ul li ul li ul li.selected a.selected {
    color: #555;
}
/* -- level 4 -- */
.left ul li ul li ul li ul li a,
.left ul li ul li ul li.selected ul li a {
    color: #999;
    padding-left:45px;
}
.left ul li ul li ul li ul li a:hover {
    color: #0D395B;
    padding-left:47px;
}
.left ul li ul li ul li ul li.selected a.selected {
    color: #009EE0;
    font-weight:bold;
}
/* --- footer --- */
.footer {
    height: 20px;
    width: 960px;
    margin-right: auto;
    margin-left: auto;
    clear: both;
    text-align: center;
    background-image: url(../_sysimg/shadowbottom.png);
    background-repeat: no-repeat;
    background-position: center top;
    padding-top: 10px;
    padding-bottom: 30px;
}
#lvl1 .footer,
#home .footer {
    width: 902px;
    background-image:none;
    border-top:1px solid #fff;
    padding-top: 15px;
}  
#lvl1 .footer p,
#lvl1 .footer p a,
#home .footer p,
#home .footer p a {
    color: #31658D;
}
.footer p,
.footer p a {
    color: #5F8BAE;
    font-size: 11px;
    padding:0px 4px;
    line-height: 20px;
    text-decoration: none; 
} 
.footer p a:hover,
#home .footer p a:hover {
    color: white; 
    background-color:#000;
}
img.rechts,
.img-right {
    float: right;
    margin-bottom: 7px;
    margin-left: 10px;
}
img.links,
.img-left {
    float: left;
    margin-bottom: 7px;
    margin-right: 10px;
}
img.rechts-met-rand {
    float: right;
    margin-bottom: 7px;
    margin-left: 10px;
    border: 1px solid #999;
}
img.links-met-rand {
    float: left;
    margin-bottom: 7px;
    margin-right: 10px;
    border: 1px solid #999;
}
/* --- nav --- */
.nav {
    margin-right: auto;
    float: left;
    clear: left;
    padding-left: 29px;
    margin-top: 23px;
   *width:960px;
}
.nav ul {
    margin: 0;
    padding: 0;
}
.nav ul li {
    display: inline;
    list-style: none;
    float: left;
}
.nav ul li a {
    text-decoration:none;
    color: #093354;
    font-size: 13px;
    text-transform: lowercase;
    line-height: 18px;
    height: 18px;
    display: block;
    border-right: 1px solid #CCC;
    font-weight: bold;
    padding-right: 15px;
    margin-right: 15px;
}

.nav ul li:last-child a {
    border-right: 0px solid #CCC;    
}
.nav ul li a:hover,
.nav ul li:hover > a {
    color: #999;
}
.nav ul li.selected a:active,
.nav ul li.selected a {
    color: #009ee0;
}
.nav ul li.selected a:hover,
.nav ul li.selected:hover > a {
    color: #0060A9;
}
/* --- service nav --- */
.service-nav {
    float: right;
    height: 10px;
    width: auto;
    padding-top: 8px;
    padding-bottom: 10px;
    color:#CCC;
}
.service-nav p {
    color:#CCC;
    float: right;
}
.service-nav ul {
    margin: 0;
    padding: 0;
}
.service-nav ul li {
    display: inline;
    list-style: none;
    float: right;
}
.service-nav a {
    text-decoration:none;
    color: #009ee0;
    font-size: 10px;
    line-height: 10px;
    padding-right: 10px;
    padding-left: 10px;
    font-weight: normal;
}
.service-nav a:hover {
    color: white; 
    background-color:#000;
}
.service-nav a:active {
    color: #0060A9;
}
.highlight {
    background-color:#FFFF99;
    padding:1px;
    color:#222;
}
.error{
    font-weight:bold;
    font-size:20px;
    padding:20px;
    margin:10px 0px;
    width:auto;
    background-color:#9D0000;
    color:#fff;
}

.login{
 background-color:blk60.png
}
      
.header{
    overflow:hidden;
}          
div.login{ 
    display:none;   
    position:relative;
    top:0px;
    height:172px;
    float:right;
    width:300px;
    color:white;
    font-size:12px;  
    background-image: url(/_sysimg/blk60.png);
}
.login p{
    padding-bottom:5px;
}
.login h2{  
    font-size:16px;
}
.login form{
    padding:5px;
}
.login form button{
 margin-left:100px;
}          
.login form label{
    display:block;
    float:left;
    width:100px;       
    margin-bottom:10px; 
    font-size:12px; 
    line-height:24px;
 
}
.login form input {
    width:100px;
    clear:right;   
    margin-bottom:10px;
}
.download{
    border-left:1px solid gray;
    border-right:1px solid gray;
}         
.download th {
    padding:5px;
    text-align:left; 
    background-color:gray;
    color:white;
}
.download td {
    padding:5px;
 
}

.download td.end{
    border-bottom:1px solid gray;
}
.download img{
    margin:5px;
}
.download a{
    border:0px;
}
.download a:hover{
    border:0px;
}

.training th {
    background-color:#b9cbd2;
    border-top:1px solid #31658D;
    color:#31658D;
}    
/* social media -- */ 
.inform { 
    margin-top: 12px;  
}   
.inform p a,
#home .inform p a {
    background-image:none;
    margin:2px;
    padding:0px;
    text-decoration: none; 
    color:#AAA;  
}
.inform p a:hover,
#home .inform p a:hover {
    color:#CCC;
    background-color:transparent;  
}
.inform p a img,
#home .inform p a img {
    vertical-align:middle;   
}


#lvl1 .content img{
margin:10px;
     border:6px solid #FFF;
    -webkit-box-shadow: 0px 0px 6px #000;
    -moz-box-shadow: 0px 0px 6px #000;
    box-shadow: 0px 0px 6px #000;
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction= 135, Strength=6);

}