﻿.main-content {/*padding-right: 0 !important;padding-left: 0 !important;*/}
#middle {overflow: auto;box-sizing: border-box !important;}
.imgcontainer {width: 100%;height: auto;overflow: hidden;font-size: 0;}
.imgcontainer img {width: 100%;}

#contentleft {background: #f8f8f8;}
#sidebar { background: #f0efef;}
#header, #contentleft, #middle, #sidebar, #footer {box-sizing: border-box !important;}
#username, #password, #loginSubmit {width: 100%;}
#loginSubmit {padding-left: 20px;padding-right: 20px; margin-right: 0px;}
.labeltop {font-weight: 600;}
div.activeTopicsDiv {width: 98.9%;border: 1px solid #DAE1E8;background: #F0F1F2;float: left;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;margin-left: 6px;margin-bottom:5px;}
#AktifKonularCap {width: 98.8%;border: 1px solid #DAE1E8;border-bottom:none; background: #F0F1F2;-moz-border-radius: 3px 3px 0px 0px;-webkit-border-radius: 3px 3px 0px 0px;border-radius: 3px 3px 0px 0px;text-align:center;float: left; margin-left: 6px;}
#AktifKonularCap a {display: block;font-family: tahoma, arial, sans-serif;margin: 0px;padding: 3px 4px;color: #607387;line-height: 20px;}
table#activeTopics {width: 100%;}
div.ActiveNews {width: 99%;border: 1px solid #DAE1E8;background: #F0F1F2;float: left;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;margin-bottom:5px;margin-top:5px;margin-left: 5px;}
.ActiveNews table{width: 100%;}
.ActiveNews img{max-height:15px;margin-right: 8px !important;display: inline;vertical-align: middle;}
div.ActiveDoclist{}


@media screen and (max-width: 980px) {
 #contentleft {width: 49.5%;}
 #middle {clear: both;width: auto;float: none;}
 #sidebar {width: 49.5%;float: right;}
 #header, #footer {padding: 5px 10px;}
}

@media screen and (max-width: 600px) {
 .imgcontainer img {/* margin-top:-10%;margin-bottom:-10%;*/}
 #contentleft {width: auto;float: none;}
 #middle {width: auto;float: none;}
 #sidebar {width: auto;float: none;}
}

@media screen and (max-width: 480px) {
 #header {height: auto;}
 h1 {font-size: 2em;}
 #sidebar {display: none;}
}

@media screen and (min-width:981px) {
 #content-wrapper {float: left;width: 100%;}
 #header {height: 100px;padding: 0 10px;}
 #contentleft { width: 250px; float: left; margin-right: 0px;}
 #middle {margin: 0px 231px 0px 251px;}
 #sidebar {width: 232px;clear: left;box-sizing: border-box;float: right;height: auto;}
}

@media screen and (max-width: 600px) {
 table#activeTopics tr td {word-break: break-all;}
 div.activeTopicsDiv,#AktifKonularCap,div.ActiveNews {width: 99.5%;float: none;margin-left: 0px;}
 .imgcontainer{max-height:50px;}
}

#contentleft {
transition: all   0.5s; }
#middle {
overflow: auto; transition: all  ease-in  0.5s; 
}
 #sidebar {
transition: all   0.5s; 
}