/* main.css, mb, 2014-03-29 */


#grau-logo-rooz { color: #939993; }
#rot-logo-rooz { color: #f23735; }
#hintergrund-hell-header { background-color: #fafbfd; }
#trennlinie-oben { background-color: #dfe2e2; }
#trennlinie-mitte { background-color: #808a81; }
#trennlinie-unten { background-color: #cbcbce; }
#mnav-hintergrund { background-color: #f2f4f9; }
#mnav-linien { background-color: #d6dbdf; }
#mnav-link-aktiv { color: #63b2f5; }
#mnav-link-nicht-aktiv { color: #3e474c; }



.bg-line-top {
	height: 9px;
	background: url(../img/bg-line-top-50x9.png) repeat-x;
}
.body-light {
	padding-bottom: 2px;
	background: url(../img/bg-hor-line-2-50x2.png) repeat-x bottom;
}
.body-white {
	border-bottom: 1px solid #c9cace;
}
.body-dark {
	border-bottom: 1px none #aeb4b1;
}

.container img {
	max-width: 100%;
	height:auto;/* BKA 20151028 */
}
.container .opinion-articles a img,
.author_image img {height:auto;}

.container {
	width:100%;
	max-width: 1190px;
}
@media (min-width: 1200px) {
	.container {
		width: 1190px !important;
	}
}

.align-right {text-align:right;}

.extended-news-item-static {min-height:215px; width:32%; margin-bottom:10px;}
#c3188 {padding-top:10px;}
.csc-textpic p {padding-right:10px;padding-left:10px;} 
.csc-textpic p.align-center {text-align:center !important;} 














a {
	color: #000000;
	text-decoration: none;
}
a:hover, a:focus,
.nivo-caption a.readmore:hover {
	color: #63b2f5;
	text-decoration: none;
}

body {
	background-color: #fff;
	text-align: center;
	margin: 0;
	padding: 0;
	color: #333;
}
.body-pad {
	text-align: left;
	margin: 0 auto;
	padding: 10px 0 0 0;
	/* width: 1274px; */
}

.rooz-in-english a {
	text-transform: uppercase;
	font-style: italic;
}
.r2 {
	padding-bottom: 10px;
}
.r3c1,
.headerdate {
	margin-top: 45px;
}
.headerdate .csc-default{
      background-color:#adaaaa; /*olivgruen: #808A81*/ 
      padding:10px 10px 5px 10px; 
      font-size:14px;font-weight:bold;
      color:#ffffff;width:100%;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;}
      
.r3c3 {
	margin-top: 40px;
}
ul.hnav li {
	display: inline;
	font-weight: bold;
	list-style-type: none;
	margin: 0 4px;
	padding: 0;
}

.navbar > .container-fluid {
	padding-right: 0;
}
.navbar-collapse {
	padding-right: 0;
}

.navbar-nav > li > a {
    padding-bottom: 10px;
    padding-top: 10px;
}
.navbar {min-height:40px;}

/*
 * vertical align: http://stackoverflow.com/questions/20005278/twitter-bootstrap-3-vertically-center-content
 */
.XXX-text-bottom {
	display: table-cell;
	vertical-align: bottom;
	float: none;
}
.XXX-text-bottom {
	float: none;
	display: inline-block;
	vertical-align: bottom;
	margin-right:-4px;
}
/*
 *
 */

.mnav {
	padding-bottom: 15px;
	background-color: #fafbfd;
}
.mnav-pad {
	background-color: #f2f4f9;
	border-bottom: 1px solid #d6dbdf;
}
.navbar {
	background-color: #f2f4f9;
	border-radius: inherit;
	border: none;
	border-top: 1px solid white;
	margin-bottom: 0;
}
.navbar-default .navbar-nav > li > a {
	color: #3e474c;
	background-color: #f2f4f9;
	border-right: 1px solid #d6dbdf;
}
.navbar-default .navbar-nav > .first > a {
	border-left: 1px solid #d6dbdf;
	color: #ffffff;
	background-color: #63b2f5;
}
.navbar-default .navbar-nav > .first > a:hover,
.navbar-default .navbar-nav > .first > a:focus {
	color: #3e474c;
	background-color: #63b2f5;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	color: #63b2f5;
	background-color: #f2f4f9;
}

#bg-body-white { background-color: #ffffff; }
#bg-body-dark { background-color: #f2f4f9; }
#bg-body-light { background-color: #fafbfd; }
#bg-footer { background-color: #808a81; }

div.body-light {
	background-color: #fafbfd;
	border-bottom: 1px solid #e9eaec;
	border-bottom: 1px solid #ceced0;
	padding-top: 15px;
}
div.body-white {
	background-color: #ffffff;
	padding-top: 15px;
}
div.body-dark {
	border-top: 1px solid #c9cace;
	background-color: #f2f4f9;
	padding-top: 15px;
}
.footer {
	border-top: 1px solid #aeb4b1;
	background-color: #808a81;
	margin-bottom: 50px;
	padding-bottom: 25px;
}
.image-caption-bottom {
	padding: 3px;
	border: 1px solid #c7c8ca;
	border-radius: 2px;
}


.box-extended-news {
	background-color: #f2f4f9;
	border-top: 10px solid #808a81;
}
.box-extended-news .title {
	text-transform: uppercase;
	font-weight: bold;
	color: #808a81;
	font-size: 18px;
	line-height: 36px;
}


.daily-column {
	background-color: #f2f4f9;
	border-radius: 6px;
	margin-bottom: 15px;
	
}
/*old style*******************************/
.xxxdaily-column .title {
	text-transform: uppercase;
	font-weight: bold;
	color: #808a81;
	font-size: 18px;
	line-height: 24px;
}

.daily-column img {
}
.daily-column a {font-weight:bold;}
.daily-column ul {
	margin: 0 10px 0 0;
	padding: 0;
}
.daily-column  li {
	list-style-type: none;
	margin-bottom: 6px;
}
.daily-column.latest-news li {
	font-size: 10px;
}
.daily-column.latest-news li a {
	padding-right: 12px;
	display: block;
	background: url(../img/arrow-left-10x8-white.png) no-repeat top right;
	font-size:16px;
}
.daily-column.latest-news li a:hover {
	background: url(../img/arrow-left-10x8-blue.png) no-repeat right top 1px transparent;
}
.daily-column.latest-news li a:before {
	/* content: '>'; */
}
.daily-column.latest-news .glyphicon {
	color: white;
}
.daily-column.latest-news a:focus .glyphicon,
.daily-column.latest-news a:hover .glyphicon {
	 color: #274472;
}
.honar-column {border:1px solid #808A81;border-radius:0;}
.honar-column a {color:#5b5959;font-weight:bold;}
.honar-column a:hover {color:#63B2F5;}
.important {color:red;}

.opinion-articles,
#c3044 {
	background-color: #f2f4f9;
	border-radius: 4px;
	margin-bottom: 0px;
}

.opinion-articles-pad, .honar-column p {
	padding: 6px;
}
.honar-column p {
	padding: 6px 20px;
}
.opinion-articles .title,
.text-center-red,
.daily-column .title {
	text-transform: uppercase;
	font-weight: bold;
	color: white;
	background-color: #808a81;
	font-size: 14px;
	line-height: 32px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.honar-column .title {
	font-weight: bold;
	background-color: #808a81;
	color:white; font-size: 14px;
	line-height: 1.42857;
	padding-top:0;
}
.honar-column {margin-top:-10px;}

.opinion-articles hr {
	-moz-border-top-colors: #fafbfd;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: #eaecef;
	-moz-border-left-colors: none;
	border-color: #eaecef;
	border-image: none;
	border-right: 0 none;
	border-style: solid none;
	border-width: 2px 0;
	margin-bottom: 10px;
	margin-top: 10px;
	height: 0;
}
.container hr.container-bottom {
	-moz-border-top-colors: #cbcbce;
	-moz-border-top-colors: #ffffff;
	-moz-border-right-colors: none;
	-moz-border-bottom-colors: #808a81;
	-moz-border-left-colors: none;
	border-color: #808a81;
	border-image: none;
	border-right: 0 none;
	border-style: solid none;
	border-width: 2px 0 4px;
	margin-bottom: 0;
	margin-top: 15px;
	height: 0;
}


.opinion-articles li {
	list-style-type: none;
	margin-bottom: 6px;
}

.opinion-articles hr.last {
	margin-bottom: 0;
}
.opinion-article .col-1 {
	font-size: 10px;
}
.opinion-article a.more-articles {
	display: block;
	min-height: 26px;
	padding: 4px 28px 0;
	background: url(../img/icon-more-articles-22x22.png) no-repeat right 3px;
	font-style: italic;
}

.footer {
	color: white;
}
.footer .title {
	text-transform: uppercase;
	font-weight: bold;
	color: white;
	font-size: 14px;
	line-height: 32px;
}

.ads {margin-top:20px; padding:20px; background-color: #b8babf;
    border-top: 1px solid #C9CACE;}
    
  
/* slider */
.nivo-caption {
    background: none repeat scroll 0 0 #808A81;
}
h3.nivo-title {margin-top:5px; margin-bottom:5px;}
    
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	top:350px;
	background:#FAFBFD;
	color:#000000;
	width:100%;
	z-index:8;
	padding: 5px 50px 5px 50px;
	opacity: 1.0;
	overflow: hidden;
	display: none;
	-moz-opacity: 1;
	filter:alpha(opacity=10);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}    
.nivo-caption a.readmore {color:#000000;}
.caption-author {font-size:12px;}

.opinion-article .news-title {padding-left:0px;}
.opinion-article .col-1 {padding-left:5px; padding-right:5px;text-align:left;}

/* hafdeh tans*/
.col-title {padding-right:20px;}

.honar-column .csc-textpic-text p {text-align:center !important;}
#c3044 .csc-textpic-text p {text-align:right !important;}

/*honare rooz startpage*/
#c3016 p,
#c3016 p.bodytext {padding-top:0px !important;padding-bottom:0px !important;margin-bottom:0px !important;}

.text-center-red a {color: white; text-decoration:underline;}
.text-center-red a:hover {color: #63b2f5; text-decoration:underline;}

.footernavigation {margin-top:10px;}


@media (max-width: 767px) {
    .rooz-in-english {text-align:center;}
	.r3c1, .headerdate {margin-top:0;}
	.navbar-nav > li {float: none;text-align:right;}
	.container-fluid > .navbar-collapse, 
	.container-fluid > .navbar-header, 
	.container > .navbar-collapse, 
	.container > .navbar-header {margin-left: 0;}
		
	.navbar-nav {margin: 7.5px -15px;}
	.navbar-nav > li {margin-right:10px;}
	.navbar-default .navbar-nav > .first > a {margin-right:35px !important;}
	.navbar-default .navbar-nav > li > a {font-size:1.2em !important;}
	.headerdate .csc-default {background-color:#ffffff; color:#adaaaa; text-align:center;}

}	
@media (max-width: 1000px) {
	.r3c1, .headerdate {margin-top:0 !important;}
	.headerdate .csc-default {background-color:#ffffff; color:#adaaaa; text-align:center;}
}

/* BEGIN appendAround */


@media (max-width: 767px) {
  .pos-xs {display: block;}
  .pos-md {	display: none;}
  .pos-lg {	display: none;}
}	
@media (min-width: 768px) AND (max-width: 1100px) {
  .pos-xs {display: none; }
  .pos-md {display: block;}
  .pos-lg {display: none;}
}
@media (min-width: 1100px) {
  .pos-xs {display: none;}
  .pos-md {	display: none;}
  .pos-lg {	display: block;}
}	
/* END appendAround */

.opinion-articles .image img {width:100%; height:auto;}

.navbar-default .navbar-brand.facebookicon {color:#ffffff !important;}
.navbar-default .navbar-brand.facebookicon:hover {color:#63b2f5; background-color:#337ab7;}
a.honar  {padding-top:8px !important;}
a.honar:hover {background-color:#333333;}