#onlineLink { display:none; }
.layoutHeader .topBar {
    background-color: none;
background:none;
    border-bottom: none;
    box-shadow: none;
    color: #666666;
    font-size: 10px;
    height: 50px;
    padding: 5px 0;
position: relative;
}
.layoutHeader .login {
z-index: 99999;
top:10px;
}
.loginForm .line2 {
color: #ffffff;
    float: left;
    font-size: 12px;
    margin-left: 170px;
	text-shadow:none;
position:relative!important;
top:auto!important;
right:auto!important;
}


@media (max-width: 1200px)
{
#onlineLink { display:block; }
.layoutHeader .login { display:none!important; }
.layoutHeader .menu .toggleMenu{padding:5px 10px; display:block; border:0px; background:none; position:absolute; top:10px; left:auto; right:5px; font-size:24px;}
.layoutHeader .menu{border:0px; position:fixed; top:50%; right:50%; bottom:50%; left:50%; z-index:1000;   -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;}
   .layoutHeader .menu.active{border:1px solid #d3d3d3; position:fixed; top:2%; right:2%; bottom:2%; left:2%;  }
			/*.layoutHeader .menu{position:fixed; top:50%; right:50%; bottom:50%; left:50%; z-index:1000;   -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;}
			.layoutHeader .menu.active{position:fixed; top:2%; right:2%; bottom:2%; left:2%;  } */
                         
			.layoutHeader .menu ul{border:0px;  display:block; }
			.layoutHeader .menu ul li{display:block; float:none; border:0px;  border-bottom:1px solid rgba(0,0,0,0.1); border-top:1px solid rgba(255,255,255,0.3);}

			.layoutHeader .menu .toggleMenu{padding:5px 10px; display:block; border:0px; background:none; position:absolute; top:10px; left:auto; right:5px; font-size:24px;}

			.layoutHeader .toggleMenu{display:block; position:absolute; top:15px; right:15px; dz-index:10000; }
.layoutHeader .topBar{text-align:center; position:static;  padding:10px 0px;}
			
			.layoutHeader .topBar ul li{margin:0px 5px 0px 10px; }
			.layoutHeader .topBar p{display:none; }
.layoutHeader .topBar div {float:none!important; }
}

@media (max-width: 765px) {
ul.messages li h3 span { display: block;
    font-size: 13px;
    margin-left: 0;
    margin-top: 5px;}
}
.msg_text a,.msg_text a:hover {
text-decoration:none!important;
color:#747576
}
#emptyTrash,.deleteAll {
background: none repeat scroll 0% 0% rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); padding: 5px 10px;cursor: pointer;
}

	/*-moz-linear-gradient(center top , #6F97B6, #3F729B)*/
        
             
#boxNavigation { background-color: #f6f6f6; }

.layoutFooter a,.layoutFooter a:hover {
color: #555;
}
a,a:hover, a:focus { color: #242424;}
.layoutHeader .login .loginForm .line2 {
color: #555;
}
body {
background: rgba(0, 0, 0, 0) url("https://d1o1tw4jx4uh52.cloudfront.net/img/chat_bg.png") repeat scroll 0 0;
background-color: #fff;
}
.layoutHeader .menu { bottom:auto; }
.layoutHeader .menu ul { border: none; }
.layoutHeader .menu a,.layoutHeader .menu a:hover  { color: #000; text-shadow:none; }
.layoutHeader .menu a { padding:13px; }
.layoutHeader .menu .active { background: none; }
.layoutHeader .menu .active a { color: #ff8878 !important }
h2,h3 { color: #000; }
.layoutHeader .login .name, .layoutHeader .menu .active a, .layoutHeader .menu a:hover, .box .title, .box .tip, .heading span, .boxThumb ul, form .inline span, .textMoreDetails { color:#ff8878 }
.well.dark, .welltab.current { background-color:#f6f6f6 }
.boxChat.from .chatBox { background: #fff; border: 1px solid #e6e6e6; }
.heading strong { color: #000; font-size:16px; }
.boxChat .chatBox { 
border: 1px solid #ddd;}
p.send_image { text-shadow:none; background: #98aeb3!important; }
.layoutHeader .name .imgLogo { margin-top:15px }
@media(min-width:581px) {
	.layoutHeader .name .imgLogo { width:300px }
}
@media all and (max-width: 482px) {
.layoutHeader .name .imgLogo { text-align: left;padding-left:5px; }
.layoutHeader .name .imgLogo img  { width: 75%;}


}
.layoutFooter li {  float:left }
@media(max-width:580px) {
.layoutFooter li { float:none; }
}

#profileImage {float: left;height: 50px; width: 50px; border-radius: 100%; margin-right:5px; }
@media (max-width: 1200px) {
.layoutHeader #menu2 {
display:none;
}
.layoutSection, .layoutFooter { padding:10px; }
.layoutHeader, .layoutHeader > .container { height:auto; }
.container { width:auto;}
.layoutHeader .name .imgLogo {width:200px }
.layoutHeader .toggleMenu {
    display: block;
    position: absolute;
    right: 15px;
    top: 15px;
}
#profileImage { display:none;}
.layoutHeader .menu {
    border: 0 none;
    bottom: 50%;
    left: 50%;
    position: fixed;
    right: 50%;
    top: 50%;
    transition: all 200ms ease-in-out 0s;
    z-index: 1000;
}
.layoutHeader .topBar { height:45px; }
}
@media (min-width: 1201px) {
#uitLoggen {text-decoration: underline; padding: 0px; font-size: 12px; font-weight: normal; }
.layoutHeader .login { display:block; }
.layoutHeader .menu {
border:0;
right:0!important;
left:auto;
top:15px;
background:transparent;
}
}
.layoutHeader .topBar ul li { margin:0;border-right: medium none; }
.layoutHeader .login {top:25px; }