/* Reset =================================================== */
* {
    padding: 0;
    margin: 0;
     
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
html,
body,
body div,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 14px;
  vertical-align: baseline;
  background: transparent;
}
h7 { /* مهم من ساختم*/
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 14px;
  vertical-align: baseline;
  background: transparent;
}
h7-element { /* مهم من ساختم*/
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 14px;
  vertical-align: baseline;
  background: transparent;
}
h8 {  /* مهم من ساختم*/
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 14px;
  vertical-align: baseline;
  background: transparent;
}
h8-element {  /* مهم من ساختم*/
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 13px;
  vertical-align: baseline;
  background: transparent;
}
h10 {  /* مهم من ساختم*/
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 14px;
  vertical-align: baseline;
  background: transparent;
}
h10-element {  /* مهم من ساختم*/
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 14px;
  vertical-align: baseline;
  background: transparent;
}
h21 {  /* مهم من ساختم*/
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 14px;
  vertical-align: baseline;
  background: transparent;
}
h21-element {  /* مهم من ساختم*/
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 14px;
  vertical-align: baseline;
  background: transparent;
}

h90 {  /* مهم من ساختم*/
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 14px;
  vertical-align: baseline;
  background: transparent;
}
h90-element {  /* مهم من ساختم*/
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 14px;
  vertical-align: baseline;
  background: transparent;
}
article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
/* Variables =================================================== */
/* Mixins =================================================== */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  position: static;
  clip: auto;
  height: auto;
  width: auto;
  margin: 0;
  overflow: visible;
}
/* Page =================================================== */
html {
  height: 100%;
  margin: 0;
  padding: 0;
  background: #fff;
/*  font-size: 105%;*/
  font-size: 14px;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: #1fa9e3;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  overflow-y: scroll;
}
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: 14px;
  background-color: transparent;
  font-family: Arial, sans-serif;
  line-height: 1.0em;
  color: #000;
}
/* Typography =================================================== */
h1,
h2,
h3,
h4,
h5,
h6,
h21,
h21-element {  /* مهم من ساختم*/
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 14px;
  vertical-align: baseline;
  background: transparent;
}{
  margin: 0;
/*  font-family: inherit;*/
  font-family: Arial, sans-serif;
  font-weight: bold;
  color: inherit;
  text-rendering: optimizelegibility;
}
h7 { /* مهم من ساختم*/
  margin: 0;
/*  font-family: inherit;*/
  font-family: 'Glyphicons Halflings', sans-serif;
  font-weight: bold;
  color: inherit;
  text-rendering: optimizelegibility;
}
h77 { /* مهم من ساختم*/
  margin: 0;
/*  font-family: inherit;*/
  font-family: 'Glyphicons Halflings', sans-serif;
  font-weight:normal;
  color: inherit;
  text-rendering: optimizelegibility;
}
h7-element { /* مهم من ساختم*/
  margin: 0;
/*  font-family: inherit;*/
  font-family: 'Glyphicons Halflings', sans-serif;
  font-weight: bold;
  color: inherit;
  text-rendering: optimizelegibility;
}
h77-element { /* مهم من ساختم*/
  margin: 0;
/*  font-family: inherit;*/
  font-family: 'Glyphicons Halflings', sans-serif;
  font-weight:normal;
  color: inherit;
  text-rendering: optimizelegibility;
}
h8 { /* مهم من ساختم*/
  margin: 0;
/*  font-family: inherit;*/
  font-family: Arial, sans-serif;
  font-weight: bold;
  color: inherit;
  text-rendering: optimizelegibility;
}
h8-element { /* مهم من ساختم*/
  margin: 0;
/*  font-family: inherit;*/
  font-family: Arial, sans-serif;
  font-weight: bold;
  color: inherit;
  text-rendering: optimizelegibility;
}
h10 { /* مهم من ساختم*/
  margin: 0;
/*  font-family: inherit;*/
  font-family: Arial, sans-serif;
  font-weight: normal;
  color: inherit;
  text-rendering: optimizelegibility;
}
h10-element { /* مهم من ساختم*/
  margin: 0;
/*  font-family: inherit;*/
  font-family: Arial, sans-serif;
  font-weight: normal;
  color: inherit;
  text-rendering: optimizelegibility;
}
h21 { /* مهم من ساختم*/
  margin: 0;
/*  font-family: inherit;*/
  font-family: 'Glyphicons Halflings', sans-serif;
  font-weight: normal;
  color: inherit;
  text-rendering: optimizelegibility;
}
h21-element { /* مهم من ساختم*/
  margin: 0;
/*  font-family: inherit;*/
  font-family: 'Glyphicons Halflings', sans-serif;
  font-weight: normal;
  color: inherit;
  text-rendering: optimizelegibility;
}
h90 { /* مهم من ساختم*/
  margin: 0;
/*  font-family: inherit;*/
  font-family: 'Glyphicons Halflings', sans-serif;
  font-weight: normal;
  color: inherit;
  text-rendering: optimizelegibility;
}
h90-element { /* مهم من ساختم*/
  margin: 0;
/*  font-family: inherit;*/
  font-family: 'Glyphicons Halflings', sans-serif;
  font-weight: normal;
  color: inherit;
  text-rendering: optimizelegibility;
}
h1 small,
h2 small {
  font-family: Arial, sans-serif;
  font-weight: normal;
  color: #1fa9e3;
}
h1 {
	font-family: Arial, sans-serif;
	font-size: 26px;
	line-height: 1.2;
	/*padding-bottom: 20px;*/
	padding-bottom: 0px;
	font-weight: normal;
	/*font-weight: bold;*/
	/*font-stretch: semi-condensed;*/
	color: #900;
}
h1 em {
	font-family: Arial, sans-serif;
	font-size: 26px;
	line-height: 1.2;
	font-style: italic;
	font-weight: normal;
	/*font-size: 0.8em;*/
}
h2 {
	font-family: Arial, sans-serif;
	line-height: 1.2;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 22px;
	padding-bottom: 0.5em;
	/*color: #09678b;*/
	color: #900;
}
h2 em {
/*	display: table-cell;*/
	font-family: Arial, sans-serif;
	text-transform: none;
	font-style:italic;
	font-weight: normal;
	font-size: 22px;
	line-height: 1.2;
	padding-bottom: 10px;
	color:#900;
}
h3 {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 22px;
	line-height: 1.2;
	padding-bottom: 0.2em;
	color: #900;
	margin-bottom: 10px;
}
h3 a {
	color: #900;
}
h4 {
/*	font-family: Arial, sans-serif;
	font-weight: normal;
	font-style: italic;
	font-size: 1.3em;
	line-height: 1.2;
	padding-bottom: 0.2em;
	color: #333;
	*/
	font-family: Arial, sans serif;
	font-weight: normal;
	font-size: 16px;
	line-height: 1.0;
	padding-bottom: 0.8em;
	color: #900;
}
h5 {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	padding-bottom: 0.2em;
	color: #900;
}

h6 {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	padding-bottom: 0.2em;
	color: #900;
	letter-spacing: 1px;
	text-transform: uppercase;
}

h7 { /* مهم من ساختم*/
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 16px; /* مهم سایز فونت نوشته روی کاروسل */
	padding-bottom: 0.2em;
	color: #fff;
	letter-spacing: 1px;
}
h77 { /* مهم من ساختم*/
	font-family: 'Glyphicons Halflings', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 18px; /* مهم سایز فونت نوشته روی کاروسل */
	padding-bottom: 0.2em;
	color: #fff;
	letter-spacing: 0px;
}
h7-element { /* مهم من ساختم*/
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 16px; /* مهم سایز فونت نوشته روی کاروسل */
	padding-bottom: 0.2em;
	color: #fff;
	letter-spacing: 1px;
}

h77-element { /* مهم من ساختم*/
	font-family: 'Glyphicons Halflings', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 18px; /* مهم سایز فونت نوشته روی کاروسل */
	padding-bottom: 0.2em;
	color: #fff;
	letter-spacing: 0px;
}
h8 { /* مهم من ساختم*/
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 22px;
	line-height: 1.2;
	padding-bottom: 0.2em;
	color: #900;
	margin-bottom: 10px;
}
h8-element { /* مهم من ساختم*/
	font-family: Arial, sans-serif;
	font-style: normal;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
	padding-bottom: 0.2em;
	color: #900;
	margin-bottom: 10px;
}
h9 {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 15px;
	line-height: 1.2;
	padding-bottom: 0.2em;
	color: #777;
	margin-bottom: 10px;
}
h9-element {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 15px;
	line-height: 1.2;
	padding-bottom: 0.2em;
	color: #777;
	margin-bottom: 10px;
}
h10 {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	line-height: 1.4;
	padding-bottom: 0.2em;
	color: #777;
	margin-bottom: 10px;
	text-align: right;
	text-align: justify;
	text-justify: inter-word;
}
h10-element {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	line-height: 1.4;
	padding-bottom: 0.2em;
	color: #777;
	margin-bottom: 10px;
	text-align: right;
	text-align: justify;
	text-justify: inter-word;
}
h21 {
	font-family: 'BYekan', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	line-height: 1.4;
	padding-bottom: 0.2em;
	color: #000;
	margin-bottom: 10px;
	text-align: right;
	text-align: justify;
	text-justify: inter-word;
}
h21-element {
	font-family: 'BYekan', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	line-height: 1.4;
	padding-bottom: 0.2em;
	color: #000;
	margin-bottom: 10px;
	text-align: right;
	text-align: justify;
	text-justify: inter-word;
}
h22-element {
	color: #900000;
	margin: 4px 2px 0px;
	padding: 4px 2px 0px;
	font: bold 16px 'Far.Homa', Arial, Helvetica, sans-serif;
	}
h30-element {
	color: #294D6B;
	margin: 0px 0px 0px;
	padding: 0px 0px 0px;
	font: bold 14px Arial, Helvetica, sans-serif;
	}

h90 {
	font-family: 'BYekan', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	line-height: 1.4;
	padding-bottom: 0.2em;
	color: #777;
	margin-bottom: 10px;
	text-align: right;
	text-align: justify;
	text-justify: inter-word;
}
h90-element {
	font-family: 'BYekan', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	line-height: 1.4;
	padding-bottom: 0.2em;
	color: #777;
	margin-bottom: 10px;
	text-align: right;
	text-align: justify;
	text-justify: inter-word;
}
h81-element {
	color: #000000;
	margin: 0px 0px 0px;
	padding: 0px 0px 0px;
	font: bold 11px Arial, Helvetica, sans-serif;
	}
h110 {
	font-family: 'BYekan', sans-serif;
	font-weight: normal;
	font-style:italic;
	font-size: 16px;
	line-height: 1.4;
	padding-bottom: 0.2em;
	color: #777;
	margin-bottom: 10px;
	/*direction: rtl;*/
}
h110-element {
	font-family: 'BYekan', sans-serif;
	font-weight: normal;
	font-style:italic;
	font-size: 14px;
	line-height: 1.4;
	padding-bottom: 0.2em;
	color: #777;
	margin-bottom: 10px;
	/*direction: rtl;*/
}
h11 {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 15px;
	line-height: 1.2;
	padding-bottom: 0.2em;
	color: #777;
	margin-bottom: 10px;
}
h11-element {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 15px;
	line-height: 1.2;
	padding-bottom: 0.2em;
	color: #777;
	margin-bottom: 10px;
}
h12 {
	font-family: 'BYekan', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 15px;
	line-height: 1.2;
	padding-bottom: 0.2em;
	color: #900;
	margin-bottom: 10px;
}
h12-element {
	font-family: 'BYekan', sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 15px;
	line-height: 1.2;
	padding-bottom: 0.2em;
	color: #900;
	margin-bottom: 10px;
}
h112 {
	font-family: 'BYekan', sans-serif;
	font-weight: normal;
	font-style:italic;
	font-size: 15px;
	line-height: 1.2;
	padding-bottom: 0.2em;
	color: #003b79;
	margin-bottom: 10px;
}
h112-element {
	font-family: 'BYekan', sans-serif;
	font-weight: normal;
	font-style:italic;
	font-size: 13px;
	line-height: 1.2;
	padding-bottom: 0.2em;
	color: #003b79;
	margin-bottom: 10px;
}
.content {
	line-height: 1.2em;
}
/*.content a > img {
	border-bottom: 4px solid;
	border-color: #1fa9e3;
}
content a:hover > img {
	border-bottom: 4px solid;
	border-color: #157aa4;
}*/

.content p,
.content ol,
.content ul,
.content dl,
.content address {
  margin-bottom: 1.5em;
  line-height: 1.2em;
}
aside, 
article {
  margin: 0px;
  /*font-size: 16px;*/
  line-height: 1.2em;
}

small {
  font-size: 12px;
  font-size: 1.2rem;
}
ul,
ol {
  margin: 0 0 1.5em 0px;
  padding: 0 0 0 24px;
}
.content ul {
  clear: both;
}
.boxes ul, 
.boxes ol {
	margin: 10px 0px 0px -24px;
} 
li ul,
li ol {
  margin: 0;
/*  font-size: 14px;
  font-size: 1.4rem;*/
}
blockquote {
  margin: 0 0 1.5em -24px;
  padding-left: 24px;
  border-left: 2px solid #c7ced6;
  font-family: Cambria, Georgia, Times, "Times New Roman";
  font-style: normal;
}
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
cite {
  font-style: normal;
}
dl,
dd {
  margin-bottom: 1.5em;
}
dt {
  font-weight: bold;
}
.dl-horizontal dt {
  float: left;
  clear: left;
  width: 20.25%;
  text-align: right;
}
.dl-horizontal dd {
  margin-left: 22.78%;
}
abbr[title] {
  border-bottom: 1px dotted #c7ced6;
  cursor: help;
}
b,
strong {
/*  font-weight: bold;*/
	/*font-family: Arial, sans-serif;*/
	font-weight: bold;
	/*color: #777;*/
	color: #000;
/*	font-size: 1em;*/
/*  font-weight:  600;*/
}
dfn {
  font-style: italic;
}
ins {
  background-color: #f3f5f6;
  color: #000000;
  text-decoration: none;
}
mark {
  background-color: #f3f5f6;
  color: #000000;
  font-style: italic;
  font-weight: bold;
}
pre,
code,
kbd,
samp {
  font-family: Monaco, Courier New, monospace;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
sub,
sup {
  position: relative;
  font-size: 12px;
  /*font-size: 1.2rem;*/
  line-height: 0;
  vertical-align: baselineheight;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Colour =================================================== */
a {
  text-decoration: none;
  /*color: #1fa9e3;*/
  color: #777;
}
a:visited {
  /*color: #157aa4;*/
  color: #777;
}
a:hover {
  text-decoration: underline;
  /*color: #157aa4;*/
  color: #777;
}
a:focus {
  outline: thin dotted;
  /*color: #157aa4;*/
  color: #777;
}
a:hover,
a:active {
  outline: 0;
}
::selection {
  background-color: #1fa9e3;
  color: #fff;
  text-shadow: none;
}
.swatch {
  margin: 0 0 1.5em 0;
  padding: 0;
}
.swatch-row {
  display: block;
  margin: 0;
  padding: 0;
  width: 200px;
}
.swatch-row-one {
  background-color: #000000;
}
.swatch-row-two {
  background-color: #ffffff;
}
.swatch-row span {
  display: block;
  float: left;
  width: 50px;
  height: 50px;
}
.swatch-base span:nth-child(1) {
  background-color: rgba(45, 53, 62, 0.9);
}
.swatch-base span:nth-child(2) {
  background-color: rgba(45, 53, 62, 0.8);
}
.swatch-base span:nth-child(3) {
  background-color: rgba(45, 53, 62, 0.7);
}
.swatch-base span:nth-child(4) {
  background-color: rgba(45, 53, 62, 0.6);
}
.swatch-alert span:nth-child(1) {
  background-color: rgba(252, 248, 227, 0.9);
}
.swatch-alert span:nth-child(2) {
  background-color: rgba(252, 248, 227, 0.8);
}
.swatch-alert span:nth-child(3) {
  background-color: rgba(252, 248, 227, 0.7);
}
.swatch-alert span:nth-child(4) {
  background-color: rgba(252, 248, 227, 0.6);
}
.swatch-error span:nth-child(1) {
  background-color: rgba(218, 78, 73, 0.9);
}
.swatch-error span:nth-child(2) {
  background-color: rgba(218, 78, 73, 0.8);
}
.swatch-error span:nth-child(3) {
  background-color: rgba(218, 78, 73, 0.7);
}
.swatch-error span:nth-child(4) {
  background-color: rgba(218, 78, 73, 0.6);
}
.swatch-info span:nth-child(1) {
  background-color: rgba(217, 237, 247, 0.9);
}
.swatch-info span:nth-child(2) {
  background-color: rgba(217, 237, 247, 0.8);
}
.swatch-info span:nth-child(3) {
  background-color: rgba(217, 237, 247, 0.7);
}
.swatch-info span:nth-child(4) {
  background-color: rgba(217, 237, 247, 0.6);
}
.swatch-success span:nth-child(1) {
  background-color: rgba(92, 183, 92, 0.9);
}
.swatch-success span:nth-child(2) {
  background-color: rgba(92, 183, 92, 0.8);
}
.swatch-success span:nth-child(3) {
  background-color: rgba(92, 183, 92, 0.7);
}
.swatch-success span:nth-child(4) {
  background-color: rgba(92, 183, 92, 0.6);
}
.swatch-warning span:nth-child(1) {
  background-color: rgba(250, 167, 51, 0.9);
}
.swatch-warning span:nth-child(2) {
  background-color: rgba(250, 167, 51, 0.8);
}
.swatch-warning span:nth-child(3) {
  background-color: rgba(250, 167, 51, 0.7);
}
.swatch-warning span:nth-child(4) {
  background-color: rgba(250, 167, 51, 0.6);
}
/* Texture =================================================== */
.alert {
  margin-bottom: 1.5em;
  padding: 8px 35px 8px 14px;
  background-color: #fcf8e3;
  border: 1px solid #f2e187;
/*  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;*/
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  color: #9c8611;
}
.alert .alert-heading {
  color: inherit;
}
.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  float: right;
  font-size: 21px;
  font-size: 2.1rem;
  font-weight: bold;
  line-height: 18px;
  color: inherit;
}
.alert-success {
  background-color: #c5e6c5;
  border-color: #a2d6a2;
  color: #347834;
}
.alert-warning {
  background-color: #fee7c7;
  border-color: #fcd296;
  color: #c17305;
}
.alert-error {
  background-color: #F4CAC8;
  border-color: #EBA19E;
  color: #DA4F49;
  padding: 20px;
  margin: 20px 0px;
}
.alert-inverse {
  background-color: #414141;
  border-color: #000000;
  color: #ffffff;
}
.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}
.alert-block .alert-heading {
  margin-bottom: 0.1875em;
  font-size: inherit;
  font-weight: bold;
}
.alert-block > p,
.alert-block > ul {
  margin-bottom: 0;
}
.alert-block p + p {
  margin-top: 5px;
}
.badge {
  padding: 1px 9px 2px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  white-space: nowrap;
  color: #808080;
  background-color: #e6e6e6;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
  -webkit-transition: background-color 0.25s 0 linear;
  -moz-transition: background-color 0.25s 0 linear;
  -ms-transition: background-color 0.25s 0 linear;
  -o-transition: background-color 0.25s 0 linear;
  transition: background-color 0.25s 0 linear;
}
.badge:hover {
  color: #808080;
  text-decoration: none;
  cursor: pointer;
}
.badge-error {
  background-color: #da4f49;
  color: #ffffff;
}
.badge-error:hover {
  background-color: #9d2520;
  color: #ffffff;
}
.badge-warning {
  background-color: #faa732;
  color: #ffffff;
}
.badge-warning:hover {
  background-color: #c17305;
  color: #ffffff;
}
.badge-success {
  background-color: #5bb75b;
  color: #ffffff;
}
.badge-success:hover {
  background-color: #347834;
  color: #ffffff;
}
.badge-info {
  background-color: #d9edf7;
  color: #247fad;
}
.badge-info:hover {
  background-color: #85c5e5;
}
.badge-inverse {
  background-color: #414141;
  color: #ffffff;
}
.badge-inverse:hover {
  background-color: #0e0e0e;
  color: #ffffff;
}
.basegrad {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2d353e), to(#181c20));
  background-image: -webkit-linear-gradient(top, #2d353e, #181c20);
  background-color: #181c20;
  background-image: -moz-linear-gradient(top, #2d353e, #181c20);
  background-image: -ms-linear-gradient(top, #2d353e, #181c20);
  background-image: -o-linear-gradient(top, #2d353e, #181c20);
  background-image: linear-gradient(top, #2d353e, #181c20);
  background-repeat: repeat-x;
}
.errorgrad {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2d353e), to(#c72f29));
  background-image: -webkit-linear-gradient(top, #2d353e, #c72f29);
  background-color: #c72f29;
  background-image: -moz-linear-gradient(top, #2d353e, #c72f29);
  background-image: -ms-linear-gradient(top, #2d353e, #c72f29);
  background-image: -o-linear-gradient(top, #2d353e, #c72f29);
  background-image: linear-gradient(top, #2d353e, #c72f29);
  background-repeat: repeat-x;
}
.greygrad {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#d9d9d9));
  background-image: -webkit-linear-gradient(top, #ffffff, #d9d9d9);
  background-color: #d9d9d9;
  background-image: -moz-linear-gradient(top, #ffffff, #d9d9d9);
  background-image: -ms-linear-gradient(top, #ffffff, #d9d9d9);
  background-image: -o-linear-gradient(top, #ffffff, #d9d9d9);
  background-image: linear-gradient(top, #ffffff, #d9d9d9);
  background-repeat: repeat-x;
}
.infograd {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d9edf7), to(#afd9ee));
  background-image: -webkit-linear-gradient(top, #d9edf7, #afd9ee);
  background-color: #afd9ee;
  background-image: -moz-linear-gradient(top, #d9edf7, #afd9ee);
  background-image: -ms-linear-gradient(top, #d9edf7, #afd9ee);
  background-image: -o-linear-gradient(top, #d9edf7, #afd9ee);
  background-image: linear-gradient(top, #d9edf7, #afd9ee);
  background-repeat: repeat-x;
}
.inversegrad {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#414141), to(#272727));
  background-image: -webkit-linear-gradient(top, #414141, #272727);
  background-color: #272727;
  background-image: -moz-linear-gradient(top, #414141, #272727);
  background-image: -ms-linear-gradient(top, #414141, #272727);
  background-image: -o-linear-gradient(top, #414141, #272727);
  background-image: linear-gradient(top, #414141, #272727);
  background-repeat: repeat-x;
}
.successgrad {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bb75b), to(#449b44));
  background-image: -webkit-linear-gradient(top, #5bb75b, #449b44);
  background-color: #449b44;
  background-image: -moz-linear-gradient(top, #5bb75b, #449b44);
  background-image: -ms-linear-gradient(top, #5bb75b, #449b44);
  background-image: -o-linear-gradient(top, #5bb75b, #449b44);
  background-image: linear-gradient(top, #5bb75b, #449b44);
  background-repeat: repeat-x;
}
.warninggrad {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#faa732), to(#f39106));
  background-image: -webkit-linear-gradient(top, #faa732, #f39106);
  background-color: #f39106;
  background-image: -moz-linear-gradient(top, #faa732, #f39106);
  background-image: -ms-linear-gradient(top, #faa732, #f39106);
  background-image: -o-linear-gradient(top, #faa732, #f39106);
  background-image: linear-gradient(top, #faa732, #f39106);
  background-repeat: repeat-x;
}
.well {
  min-height: 21px;
  padding: 11px;
  margin-bottom: 1.5em;
  background-color: #f3f5f6;
  border: 1px solid #b8c1cb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 10px #d6dbe1;
  -moz-box-shadow: inset 0 1px 10px #d6dbe1;
  box-shadow: inset 0 1px 10px #d6dbe1;
}
.well p:last-child {
  margin-bottom: 0;
}
.well-large {
  padding: 22px;
}
.well-small {
  padding: 6px;
/*  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;*/
}

[class^="icon-"],
[class*=" icon-"] {
  display: inline;
  width: auto;
  height: auto;
  line-height: inherit;
  vertical-align: baseline;
  background-image: none;
  background-position: 0 0;
  background-repeat: repeat;
}
li[class^="icon-"],
li[class*=" icon-"] {
  display: block;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  text-decoration: inherit;
}
a [class^="icon-"],
a [class*=" icon-"] {
  display: inline-block;
  text-decoration: inherit;
}
/* makes the font 33% larger relative to the icon container */
.icon-large:before {
  vertical-align: top;
  font-size: 1.3333333333333333em;
}
.btn [class^="icon-"],
.btn [class*=" icon-"] {
  /* keeps button heights with and without icons the same */

  line-height: .9em;
}
li [class^="icon-"],
li [class*=" icon-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
}
li .icon-large[class^="icon-"],
li .icon-large[class*=" icon-"] {
  /* 1.5 increased font size for icon-large * 1.25 width */

  width: 1.875em;
}
li[class^="icon-"],
li[class*=" icon-"] {
  margin-left: 0;
  list-style-type: none;
}
li[class^="icon-"]:before,
li[class*=" icon-"]:before {
  text-indent: -2em;
  text-align: center;
}
li[class^="icon-"].icon-large:before,
li[class*=" icon-"].icon-large:before {
  text-indent: -1.3333333333333333em;
}
/*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
    readers do not read off random characters that represent icons */
.icon-glass:before {
  content: "f000";
}
.icon-music:before {
  content: "f001";
}
.icon-search:before {
  content: "f002";
}
.icon-envelope:before {
  content: "f003";
}
.icon-heart:before {
  content: "f004";
}
.icon-star:before {
  content: "f005";
}
.icon-star-empty:before {
  content: "f006";
}
.icon-user:before {
  content: "f007";
}
.icon-film:before {
  content: "f008";
}
.icon-th-large:before {
  content: "f009";
}
.icon-th:before {
  content: "f00a";
}
.icon-th-list:before {
  content: "f00b";
}
.icon-ok:before {
  content: "f00c";
}
.icon-remove:before {
  content: "f00d";
}
.icon-zoom-in:before {
  content: "f00e";
}
.icon-zoom-out:before {
  content: "f010";
}
.icon-off:before {
  content: "f011";
}
.icon-signal:before {
  content: "f012";
}
.icon-cog:before {
  content: "f013";
}
.icon-trash:before {
  content: "f014";
}
.icon-home:before {
  content: "f015";
}
.icon-file:before {
  content: "f016";
}
.icon-time:before {
  content: "f017";
}
.icon-road:before {
  content: "f018";
}
.icon-download-alt:before {
  content: "\f019";
}
.icon-download:before {
  content: "\f01a";
}
.icon-upload:before {
  content: "\f01b";
}
.icon-inbox:before {
  content: "\f01c";
}
.icon-play-circle:before {
  content: "f01d";
}
.icon-repeat:before {
  content: "f01e";
}
/* f020 is not a valid unicode character. all shifted one down */
.icon-refresh:before {
  content: "f021";
}
.icon-list-alt:before {
  content: "f022";
}
.icon-lock:before {
  content: "\f023";
}
.icon-flag:before {
  content: "f024";
}
.icon-headphones:before {
  content: "f025";
}
.icon-volume-off:before {
  content: "f026";
}
.icon-volume-down:before {
  content: "f027";
}
.icon-volume-up:before {
  content: "f028";
}
.icon-qrcode:before {
  content: "f029";
}
.icon-barcode:before {
  content: "f02a";
}
.icon-tag:before {
  content: "f02b";
}
.icon-tags:before {
  content: "f02c";
}
.icon-book:before {
  content: "f02d";
}
.icon-bookmark:before {
  content: "f02e";
}
.icon-print:before {
  content: "f02f";
}
.icon-camera:before {
  content: "f030";
}
.icon-font:before {
  content: "f031";
}
.icon-bold:before {
  content: "\f032";
}
.icon-italic:before {
  content: "\f033";
}
.icon-text-height:before {
  content: "f034";
}
.icon-text-width:before {
  content: "f035";
}
.icon-align-left:before {
  content: "\f036";
}
.icon-align-center:before {
  content: "\f037";
}
.icon-align-right:before {
  content: "\f038";
}
.icon-align-justify:before {
  content: "\f039";
}
.icon-list:before {
  content: "\f03a";
}
.icon-indent-left:before {
  content: "f03b";
}
.icon-indent-right:before {
  content: "f03c";
}
.icon-facetime-video:before {
  content: "f03d";
}
.icon-picture:before {
  content: "\f03e";
}
.icon-pencil:before {
  content: "f040";
}
.icon-map-marker:before {
  content: "f041";
}
.icon-adjust:before {
  content: "f042";
}
.icon-tint:before {
  content: "f043";
}
.icon-edit:before {
  content: "f044";
}
.icon-share:before {
  content: "f045";
}
.icon-check:before {
  content: "f046";
}
.icon-move:before {
  content: "f047";
}
.icon-step-backward:before {
  content: "f048";
}
.icon-fast-backward:before {
  content: "f049";
}
.icon-backward:before {
  content: "f04a";
}
.icon-play:before {
  content: "f04b";
}
.icon-pause:before {
  content: "f04c";
}
.icon-stop:before {
  content: "f04d";
}
.icon-forward:before {
  content: "f04e";
}
.icon-fast-forward:before {
  content: "f050";
}
.icon-step-forward:before {
  content: "f051";
}
.icon-eject:before {
  content: "f052";
}
.icon-chevron-left:before {
  content: "f053";
}
.icon-chevron-right:before {
  content: "f054";
}
.icon-plus-sign:before {
  content: "f055";
}
.icon-minus-sign:before {
  content: "f056";
}
.icon-remove-sign:before {
  content: "f057";
}
.icon-ok-sign:before {
  content: "f058";
}
.icon-question-sign:before {
  content: "f059";
}
.icon-info-sign:before {
  content: "f05a";
}
.icon-screenshot:before {
  content: "f05b";
}
.icon-remove-circle:before {
  content: "f05c";
}
.icon-ok-circle:before {
  content: "f05d";
}
.icon-ban-circle:before {
  content: "f05e";
}
.icon-arrow-left:before {
  content: "f060";
}
.icon-arrow-right:before {
  content: "f061";
}
.icon-arrow-up:before {
  content: "f062";
}
.icon-arrow-down:before {
  content: "f063";
}
.icon-share-alt:before {
  content: "f064";
}
.icon-resize-full:before {
  content: "f065";
}
.icon-resize-small:before {
  content: "f066";
}
.icon-plus:before {
  content: "f067";
}
.icon-minus:before {
  content: "f068";
}
.icon-asterisk:before {
  content: "f069";
}
.icon-exclamation-sign:before {
  content: "f06a";
}
.icon-gift:before {
  content: "f06b";
}
.icon-leaf:before {
  content: "f06c";
}
.icon-fire:before {
  content: "f06d";
}
.icon-eye-open:before {
  content: "f06e";
}
.icon-eye-close:before {
  content: "f070";
}
.icon-warning-sign:before {
  content: "f071";
}
.icon-plane:before {
  content: "f072";
}
.icon-calendar:before {
  content: "f073";
}
.icon-random:before {
  content: "f074";
}
.icon-comment:before {
  content: "f075";
}
.icon-magnet:before {
  content: "f076";
}
.icon-chevron-up:before {
  content: "f077";
}
.icon-chevron-down:before {
  content: "f078";
}
.icon-retweet:before {
  content: "f079";
}
.icon-shopping-cart:before {
  content: "f07a";
}
.icon-folder-close:before {
  content: "f07b";
}
.icon-folder-open:before {
  content: "f07c";
}
.icon-resize-vertical:before {
  content: "f07d";
}
.icon-resize-horizontal:before {
  content: "f07e";
}
.icon-bar-chart:before {
  content: "f080";
}
.icon-twitter-sign:before {
  content: "f081";
}
.icon-facebook-sign:before {
  content: "f082";
}
.icon-camera-retro:before {
  content: "f083";
}
.icon-key:before {
  content: "f084";
}
.icon-cogs:before {
  content: "f085";
}
.icon-comments:before {
  content: "f086";
}
.icon-thumbs-up:before {
  content: "f087";
}
.icon-thumbs-down:before {
  content: "f088";
}
.icon-star-half:before {
  content: "f089";
}
.icon-heart-empty:before {
  content: "f08a";
}
.icon-signout:before {
  content: "f08b";
}
.icon-linkedin-sign:before {
  content: "f08c";
}
.icon-pushpin:before {
  content: "f08d";
}
.icon-external-link:before {
  content: "\f08e";
}
.icon-signin:before {
  content: "f090";
}
.icon-trophy:before {
  content: "f091";
}
.icon-github-sign:before {
  content: "f092";
}
.icon-upload-alt:before {
  content: "f093";
}
.icon-lemon:before {
  content: "f094";
}
/* Elements =================================================== */
hr {
  display: block;
  margin: 1em 0;
  padding: 0;
  height: 1px;
  border: 0;
  /*border-top: 1px solid #c7ced6;*/
  border-top: 1px solid #ccc;
  /*border-bottom: 1px solid #ffffff;*/
  clear: both;
}
.mitteimg{
	max-width: 40%;
	float:left;
	padding: auto;
}
.TextForMe{
	text-align: justify;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
}
.TextForMe a {
	color: #5a5d61;
	text-decoration: none;
	font-weight:bold;
}
.TextForMe a:hover {
	color: #777;
	text-decoration:underline;
	font-weight:bold;
	
}
img {
  max-width: 100%;
  border-width: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}
aside img {
  max-width: 100%;
  border-width: 0;
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
  /* am 20160211 nerdycreative
  width: 100%;*/
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin-bottom: 1.5em;
}
figure img {
  margin-bottom: 0.375em;
}
figure figcaption {
  display: block;
  font-weight: normal;
  font-size: 14px;
  font-size: 1.4rem;
  color: #900;
}
.list-bordered {
  list-style-type: none;
  margin: 0 0 1.5em 0;
  padding: 0;
}
.list-bordered li {
  margin-bottom: 0.375em;
  padding-bottom: 0.375em;
  border-bottom: 1px dashed #c7ced6;
}
.list-bordered li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom-width: 0;
}

/* Forms =================================================== */
form {
  margin: 0 0 1.5em 0;
}
form fieldset {
  margin-bottom: 1.5em;
  padding: 0;
  border-width: 0;
}
form legend {
  display: block;
  width: 100%;
  margin-bottom: 3em;
  *margin-left: -7px;
  padding: 0;
  color: #000000;
  border: 0;
  border-bottom: 1px solid #8c9bab;
  white-space: normal;
}
form legend small {
  font-size: 14px;
  font-size: 1.4rem;
  color: #bfbfbf;
}
form p {
  margin-bottom: 0.75em;
}
form ul {
  list-style-type: none;
  margin: 0 0 1.5em 0;
  padding: 0;
}
/*form br {
  display: none;
}*/
label,
input,
button,
select,
textarea {
 /* font-size: 16px;*/
/*  font-size: 1.4rem;*/
  vertical-align: baseline;
  *vertical-align: middle;
}
input,
button,
select,
textarea {
/*  font-family: Arial, sans-serif;*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
label {
  display: block;
  margin-bottom: 0.1875em;
  font-weight: bold;
  color: #000000;
  cursor: pointer;
}
label input,
label textarea,
label select {
  display: block;
}
.content input,
.content textarea,
.content select {
  display: inline-block;
  font-family: Arial,sans-serif;
  width: 100%;
  white-space: pre-wrap;
/*  height: 30px;*/
  padding: 0px;
  margin-bottom: 0.375em;
/*  background-color: #ffffff; */
  color: #000000;
}
/*aside textarea {*/
/*	white-space: prex-wrap !important;*/
/*}*/
/*input:hover,*/ /*   خیلی خیلی مهم برای صفحه‌های دیگر بستم*/
/*textarea:hover,*/
/*select:hover {*/
  /*border-color: #586879;*/
/*}*/
.input-mini {
  width: 60px;
}
.input-small {
  width: 90px;
}
input[type="image"],
input[type="checkbox"],
input[type="radio"] {
  width: auto;
  height: auto;
  padding: 0;
  margin: 3px 0;
  *margin-top: 0;
  line-height: normal;
  cursor: pointer;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 0 9;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px;
}
input[type="image"] {
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
input[type="image"]:hover {
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding: 0px;
  background-color: #3c3c3c;
}
input[type="file"] {
  width: auto;
  padding: initial;
  line-height: initial;
  border: initial;
  background-color: transparent;
  background-color: initial;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
input[type="button"],
input[type="reset"],
input[type="submit"] {
  width: auto;
  height: auto;
  cursor: pointer;
  *overflow: visible;
/*  display: block;*/
}
select,
input[type="file"] {
  height: 28px;
  *margin-top: 4px;
 /*line-height: 28px;*/ /*  مهم کنسل شد تا نوشته داخل آپلود بیاد پایین */
color:#666666; /*  مهم اضافه کردم برای رنگ نوشته آپلود */
}
select {
  width: auto;
  background-color: #ffffff;
  font-size: 13px;
  font-size: 1.3rem;
}
select[multiple],
select[size] {
  height: auto;
}
textarea {
  resize: vertical;
  overflow: auto;
  height: auto;
  overflow: auto;
  vertical-align: top;
}
input[type="hidden"] {
  display: none;
}
.radio,
.checkbox {
  padding-left: 18px;
  font-weight: normal;
}
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -18px;
}
.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}
.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-left: 10px;
}
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  cursor: not-allowed;
}
input:focus,
textarea:focus {
  border-color: #2d353e, 40%;
  outline: 0;
  outline: thin dotted 9;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus,
select:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
::-webkit-input-placeholder {
  font-size: 14px;
  font-size: 1.4rem;
}
input:-moz-placeholder {
  font-size: 14px;
  font-size: 1.4rem;
}
.help-block,
.help-inline {
  color: #808080;
}
.help-block {
  display: block;
  margin-bottom: 0.75em;
}
.help-inline {
  display: inline-block;
  vertical-align: middle;
  padding-left: 5px;
}
.form-inline input,
.form-inline textarea,
.form-inline select {
  display: inline-block;
  margin-bottom: 0;
}
.form-inline label {
  display: inline-block;
}
.form-inline .radio,
.form-inline .checkbox,
.form-inline .radio {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle;
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  float: left;
  margin-left: 0;
  margin-right: 3px;
}
.form-search input,
.form-search textarea,
.form-search select {
  display: inline-block;
  margin-bottom: 0;
}
.form-search .search-query {
  padding-left: 14px;
  padding-right: 14px;
  margin-bottom: 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.form-search label {
  display: inline-block;
}
.form-search .radio,
.form-search .checkbox,
.form-inline .radio {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle;
}
.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"] {
  float: left;
  margin-left: 0;
  margin-right: 3px;
}
/* Buttons =================================================== */
.btn {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  padding: 6px 11px 6px;
  margin-bottom: 0;
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.5em;
  color: #404040;
  text-align: center;
  vertical-align: middle;
  background-color: #e6e6e6;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#d9d9d9));
  background-image: -webkit-linear-gradient(top, #ffffff, #d9d9d9);
  background-color: #d9d9d9;
  background-image: -moz-linear-gradient(top, #ffffff, #d9d9d9);
  background-image: -ms-linear-gradient(top, #ffffff, #d9d9d9);
  background-image: -o-linear-gradient(top, #ffffff, #d9d9d9);
  background-image: linear-gradient(top, #ffffff, #d9d9d9);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  *margin-left: .3em;
}
.btn:visited,
.btn:hover {
  color: #404040;
  text-decoration: none;
}
input[type="submit"].btn:hover {
  border-color: #cccccc;
}
.btn:first-child {
  *margin-left: 0;
}
.btn-disabled {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  cursor: default;
}
.btn-error {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2d353e), to(#c72f29));
  background-image: -webkit-linear-gradient(top, #2d353e, #c72f29);
  background-color: #c72f29;
  background-image: -moz-linear-gradient(top, #2d353e, #c72f29);
  background-image: -ms-linear-gradient(top, #2d353e, #c72f29);
  background-image: -o-linear-gradient(top, #2d353e, #c72f29);
  background-image: linear-gradient(top, #2d353e, #c72f29);
  background-repeat: repeat-x;
  border-color: #b22a24;
  border-bottom-color: #9d2520;
  color: #ffffff;
}
.btn-error:visited,
.btn-error:hover {
  color: #ffffff;
}
.btn-info {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d9edf7), to(#afd9ee));
  background-image: -webkit-linear-gradient(top, #d9edf7, #afd9ee);
  background-color: #afd9ee;
  background-image: -moz-linear-gradient(top, #d9edf7, #afd9ee);
  background-image: -ms-linear-gradient(top, #d9edf7, #afd9ee);
  background-image: -o-linear-gradient(top, #d9edf7, #afd9ee);
  background-image: linear-gradient(top, #d9edf7, #afd9ee);
  background-repeat: repeat-x;
  border-color: #9acfea;
  border-bottom-color: #85c5e5;
  color: #247fad;
}
.btn-info:visited,
.btn-info:hover {
  color: #247fad;
}
.btn-inverse {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#414141), to(#272727));
  background-image: -webkit-linear-gradient(top, #414141, #272727);
  background-color: #272727;
  background-image: -moz-linear-gradient(top, #414141, #272727);
  background-image: -ms-linear-gradient(top, #414141, #272727);
  background-image: -o-linear-gradient(top, #414141, #272727);
  background-image: linear-gradient(top, #414141, #272727);
  background-repeat: repeat-x;
  border-color: #1b1b1b;
  border-bottom-color: #0e0e0e;
  color: #ffffff;
}
.btn-inverse:visited,
.btn-inverse:hover {
  color: #ffffff;
}
.btn-primary {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2d353e), to(#181c20));
  background-image: -webkit-linear-gradient(top, #2d353e, #181c20);
  background-color: #181c20;
  background-image: -moz-linear-gradient(top, #2d353e, #181c20);
  background-image: -ms-linear-gradient(top, #2d353e, #181c20);
  background-image: -o-linear-gradient(top, #2d353e, #181c20);
  background-image: linear-gradient(top, #2d353e, #181c20);
  background-repeat: repeat-x;
  border-color: #0d0f12;
  border-bottom-color: #020203;
  color: #ffffff;
}
.btn-primary:visited,
.btn-primary:hover {
  color: #ffffff;
}
.btn-success {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bb75b), to(#449b44));
  background-image: -webkit-linear-gradient(top, #5bb75b, #449b44);
  background-color: #449b44;
  background-image: -moz-linear-gradient(top, #5bb75b, #449b44);
  background-image: -ms-linear-gradient(top, #5bb75b, #449b44);
  background-image: -o-linear-gradient(top, #5bb75b, #449b44);
  background-image: linear-gradient(top, #5bb75b, #449b44);
  background-repeat: repeat-x;
  border-color: #3c893c;
  border-bottom-color: #347834;
}
.btn-warning {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#faa732), to(#f39106));
  background-image: -webkit-linear-gradient(top, #faa732, #f39106);
  background-color: #f39106;
  background-image: -moz-linear-gradient(top, #faa732, #f39106);
  background-image: -ms-linear-gradient(top, #faa732, #f39106);
  background-image: -o-linear-gradient(top, #faa732, #f39106);
  background-image: linear-gradient(top, #faa732, #f39106);
  background-repeat: repeat-x;
  border-color: #da8205;
  border-bottom-color: #c17305;
}
.btn-extlarge {
  padding: 11px 22px;
  font-size: 21px;
  font-size: 2.1rem;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.btn.btn-large {
  *padding-top: 7px;
  *padding-bottom: 7px;
}
.btn-large {
  padding: 11px 22px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: normal;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.btn-small {
  padding: 6px 10px;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 16px;
}
.btn-mini {
  padding: 3px 5px;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 14px;
}
.btn-group {
  position: relative;
  *zoom: 1;
  *margin-left: .3em;
  margin-bottom: 1.5em;
}
.btn-group .btn {
  position: relative;
  float: left;
  margin-left: -1px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.btn-group .btn:first-child {
  margin-left: 0;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.btn-group .btn:last-child {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 2px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 2px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 2px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.btn-group .btn.large:first-child {
  margin-left: 0;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 0;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.btn-group .btn.large:last-child {
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topleft: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}
.btn-toolbar {
  clear: both;
  margin-top: 0.75em;
  margin-bottom: 0.75em;
}
.btn-toolbar .btn-group {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
/* Tables =================================================== */
/*table { /*  من کاملا غیر فعال کردم برای لاگین‌ها */
/* width: 100%;
/* max-width: 100%;
/* margin-bottom: 1.5em;*/
/*  padding: 2px;
/*  border: 2px;
/*  border-style:solid;
/*  border-color:transparent;
/*  background: #e6e6e6;
/*  background: rgba(230, 230, 230, .80);
/*  -webkit-border-radius: 4px;
/*  -moz-border-radius: 4px;
/*  border-radius: 4px;*/
/*}*/
table th,
table td {
  padding: 4px;
  vertical-align: center;
  border:1px solid #666666;
  font-size: 14px;
  max-width: 100px; /*  این سه خط را اضافه کردم تا در جدول تمام تکس در صفحه کوچک نشان داده نشود */
  overflow: hidden;
  text-overflow: ellipsis;
/*  text-align: center;*/ /*  مهم کنسل کردم تا داخل صفحه عمل کنه */
}
table th { /*  مهم کلی تغییر برای صفحه آپلود دانشجوها */
  font-size: 14px;
  font-weight: bold;
  /*text-align: left;*/
  color:#666666;
  border: 1px solid #666666;
  /*background: #777;  */
/*  background: #1FA9E3;
  background: rgb(31, 169, 227);
  background: rgba(31, 169, 227, .75);*/
}
table thead th {
  vertical-align: bottom;
}
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
  border-top: 0;
}
table tbody + tbody {
  border-top: 2px solid #8c9bab;
}
/*table tbody tr td,
table tbody tr th {
  -webkit-transition: background-color 0.25s 0 linear;
  -moz-transition: background-color 0.25s 0 linear;
  -ms-transition: background-color 0.25s 0 linear;
  -o-transition: background-color 0.25s 0 linear;
  transition: background-color 0.25s 0 linear;
}
table tbody tr:hover td,
table tbody tr:hover th {
  background-color: #a9b4c1;
}*/
.table-condensed th,
.table-condensed td {
  padding: 4px 5px;
}
.table-bordered {
  border: 1px solid #8c9bab;
  border-left: 0;
  border-collapse: separate;
  *border-collapse: collapsed;
}
.table-bordered th,
.table-bordered td {
  border-left: 1px solid #8c9bab;
}
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}
.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: #c7ced6;
}


/* 
** User nerdycreative ===================================================
*/
/* 320 and UP*/
label {
  display:inline-block; /* مهم تغییرش دادم تا در صفحه تماس با من جدولها در یک خط قرار گیرند قبلش کلمه بلاک بود */
  font-size: 13px;
  font-weight: normal;
  color: #777;
  cursor: pointer;
  margin-right: 10px;
}
.but_senden {
	display: inline-block;
	padding: 10px 25px !important;
	background-color: #777;
	color: #fff !important;
	/*border: 1px solid #777;*/
	border: none;
}
.but_senden:hover {
	background-color: #777;
	color: #FFF !important;
	border: medium none;
}
.labelSpecial {
	/*margin: 20px 0px -20px 0px;*/
}
.labelInline {
	display: block;
	padding-left: 10px;
	font-size: 13px;
	margin: -20px 0px -10px 20px;
}

::selection {
  background-color: #efefef;
  color: #000;
  text-shadow: none;
  border: 1px solid #003b79;
  padding: 5px;
}
/*input:hover,*/  /*   خیلی خیلی مهم برای صفحه‌های دیگر بستم*/
/*textarea:hover,*/
/*select:hover {*/
/*	background-color: #efefef;*/
/*	color: #000;*/
/*	text-shadow: none;*/
/*	border: 1px solid #003b79;*/
/*	padding: 5px;*/
/*}*/

.newsAussen {
	position: relative;
	margin: 40px 0px 20px 0px;
	padding: 0px;
}
.newsAussen h3 {
	margin-left: -25px;
	padding-left: 25px;
}
.bildNews {
	/*width: inherit !important;*/
	width: 100%;
	max-height: 600px;
}
.newsBild img {
	padding-bottom: 20px;
}

#Feedback {
	font-size: 14px !important;
	display: block;
	position: absolute;
	z-index: 5000;
	top: 50px;
	right: -450px;
	width: 450px;
	height: 100%;
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 10px;
/*	background-color: rgba(255,255,255,0.7);*/
}
#Feedback a {
	font-size: 14px !important;
	line-height: 14px !important;
}
#navFeedback {
    display: block;
    width: 42px;
    position: absolute;
    top: 0px;
    text-align: right;
    height: 300px;
    right: 447px;
}
#Feedback {
	display: none;
}
.navigation ul li.LastLine {
	display: none;
	padding-left: 100% !important;
	background: none;
	list-style: none;
}
.LastLine {
	display: none;
	padding-left: 100% !important;
	background: none;
	list-style: none;
}
.suchErg {
	background-color: yellow;
}
.search {
	
}
.search ul {
	padding: 0px;
	margin: 0px;
}
.search ul li {
	margin: 0px;
	padding: 2px 0px 2px 13px;
	background: url('../imgbem/pointWeiss.png') no-repeat scroll 0px 6px transparent;
	list-style: none;
}
#Design {
	display: block;
	position: fixed;
	top: 0px;
	right: 0px;
	width: 50px;
	background: #fff;
	padding: 10px;
}
#Design ul {
	margin: 0px;
	padding: 0px;
}
#Design li {
	list-style: none;
	padding: 2px 0px;
}
#Design li.active {
	background: #FF0000;
	color: #fff;
}
#Design li.active a {
	color: #fff;
}
#myStartCarousel h1 a {
	color: #fff !important; /* مهم رنگ منوی روی کاروسل */
}
#myStartCarousel h7 a { /* مهم من ساختم*/
	color: #fff !important; /* مهم رنگ منوی روی کاروسل */
}
#myStartCarousel h77 a { /* مهم من ساختم*/
	color: #fff !important; /* مهم رنگ منوی روی کاروسل */
}
#myStartCarousel h7-element a { /* مهم من ساختم*/
	color: #fff !important; /* مهم رنگ منوی روی کاروسل */
}
#myStartCarousel h77-element a { /* مهم من ساختم*/
	color: #fff !important; /* مهم رنگ منوی روی کاروسل */
}
.ViewButton {
	display: none;
}
.HideButton {
	display: none;
}

html {
	font-family: Verdana, Arial, sans-serif;
}
footer .BlockBigBottom.links {
	display: none;
}
footer .BlockBigBottom.links li {
	display: none;
}
footer .BlockBigBottom.links li:first-child {
	display: block;
}

body.noscroll
{
    position: fixed; 
    overflow-y: scroll;
    width: 100%;
}
header {
	position: relative;
	width: 90%;
	height: 75px; /*مهم  بزرگی قسمت بالای لوگو وقتی صفحه کوچک است*/
	margin: 2px auto 0 auto;
	font-family: Arial, sans-serif;
	padding: 0px 0px 0px 0px;
/*	border-top-right-radius: 30px;*/
}

header h1 {
	padding: 10px;
	margin-bottom: 0;
}

header h7 { /* مهم من ساختم*/
	padding: 10px;
	margin-bottom: 0;
}
header h7-element { /* مهم من ساختم*/
	padding: 10px;
	margin-bottom: 0;
}
header h1 a {
	padding: 0px;
	margin: 0px;
	float: left;
}
header h1 a + a {
	padding-left: 4px;
}
header h1 img {
	/*width: 100%;*/
}
header h2 {
	color: #fff;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: normal;
	width: 100%;
	text-align: center;
	margin-bottom:10px;
	position: absolute;
	left: -5000px;
}
/*header #navLang {
	position: absolute;
	right: 10px;
	top: 0px;
	/* float: left; *!/
	width: 120px;
/*	height: 60px;*!/
	font-size: 14px;
	text-align: center;
	color: black;
}*/
#navLang {
    position: absolute;
    right: 32px;
    top: -9px;
    width: 120px;
    font-size: 14px;
    text-align: center;
    color: #000;
}
.language {
	display: block;
	width: 120px;
	padding: 10px 0px 6px 0px;
	background: #ccc;
	height: 30px;
/*	background: rgba(255, 255, 255, .75);*/
}
header #ServicesTop {
	position: absolute;
	top: 58px; /* محل قرار گرفتن آیکوها*/
	right: 10px;
	text-align: right;
	width: 250px;
	font-size: 14px;
	font-family: 'Far.Homa', sans-serif;
	font-weight: normal;
	font-style: normal;
	z-index: 3000;
}
header #ServicesZID {
	display: none;
	position: absolute;
	top: 40px;
	right: 0px;
	text-align: right;
	width: 250px;
	font-size: 14px;
	z-index: 3000;
}
header #Breadcrumb {
	display: none;
	position: absolute;
	top: 52px; /* مهم فاصل اش با قسمت بالا */
	left: 0px;
	margin: 0px;
/*	font-size: 12px;*/
/*	font-size: 15px;*/
	width: 95%;
	height: 20px;
	color: #000;
/*	background-color: #fff;
	background-color: rgba(255, 255, 255, .9);*/
	padding: 3px 10px;
	z-index: 1000;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: keep-all;
}
header #Breadcrumb a {
	color: #000;
	text-decoration: none;
}
#SearchTop {
	display: none;
/*	position: absolute;
	top: 83px;
	right: 320px;
	text-align: right;
	width: 300px;*/
}
#SearchTop input[type="search"]:focus {
/*	width: 180px;*/
}


.varMusik {
	background: url("../imgbem/pointMusik.png") no-repeat 0px 4px;
	padding-left: 13px;
	margin-left: -5px;
}
.varDarst {
	background: url("../imgbem/pointDarst.png") no-repeat 0px 4px;
	padding-left: 13px;
	margin-left: -5px;
}
.varFilm {
	background: url("../imgbem/pointFilm.png") no-repeat 0px 4px;
	padding-left: 13px;
	margin-left: -5px;
}
.varPaed {
	background: url("../imgbem/pointPaed.png") no-repeat 0px 4px;
	padding-left: 13px;
	margin-left: -5px;
}
.varDok {
	background: url("../imgbem/pointDok.png") no-repeat 0px 4px;
	padding-left: 13px;
	margin-left: -5px;
}
.varPers {
	background: url("../imgbem/pointBlue.png") no-repeat 0px 4px;
	padding-left: 13px;
	margin-left: -5px;
}
.varClub {
	background: url("../imgbem/pointClub.png") no-repeat 0px 4px;
	padding-left: 13px;
	margin-left: -5px;
}

h3.varMusik {
	background: url("../imgbem/pointMusik.png") no-repeat 0px 8px;
}
h3.varDarst {
	background: url("../imgbem/pointDarst.png") no-repeat 0px 8px;
}
h3.varFilm {
	background: url("../imgbem/pointFilm.png") no-repeat 0px 8px;
}
h3.varPaed {
	background: url("../imgbem/pointPaed.png") no-repeat 0px 8px;
}
h3.varDok {
	background: url("../imgbem/pointDok.png") no-repeat 0px 8px;
}
h3.varPers {
	background: url("../imgbem/pointBlue.png") no-repeat 0px 8px;
}
h3.varClub {
	background: url("../imgbem/pointClub.png") no-repeat 0px 8px;
}


#Veranstaltung .varMusik {
	padding-left: 20px;
	margin-left: -15px;
}
#Veranstaltung .varDarst {
	padding-left: 20px;
	margin-left: -15px;
}
#Veranstaltung .varFilm {
	padding-left: 20px;
	margin-left: -15px;
}
#Veranstaltung .varPaed {
	padding-left: 20px;
	margin-left: -15px;
}
#Veranstaltung .varDok {
	padding-left: 20px;
	margin-left: -15px;
}
#Veranstaltung .varPers {
	padding-left: 20px;
	margin-left: -15px;
}
#Veranstaltung .varClub {
	padding-left: 20px;
	margin-left: -15px;
}


.varMusikBG {
	border: 1px solid #777;
	border-left: 5px solid #bd1321;
	background: #fff;
}
.varDarstBG {
	border: 1px solid #777;
	border-left: 5px solid #95c11c;
	background: #fff;
}
.varFilmBG {
	border: 1px solid #777;
	border-left: 5px solid #000000;
	background: #fff;
}
.varPaedBG {
	border: 1px solid #777;
	border-left: 5px solid #2caae1;
	background: #fff;
}
.varDokBG {
	border: 1px solid #777;
	border-left: 5px solid #f3e845;
	background: #fff;
}
.varPersBG {
	border: 1px solid #777;
	border-left: 5px solid #003366;
	background: #fff;
}
.varClubBG {
	border: 1px solid #777;
	border-left: 5px solid #F3902E;
	background: #fff;
}

.boxes {
	font-family: Arial, sans-serif;
	font-size: 14px !important;
	line-height: 1.2em !important;
}
.boxes a {
/*	color: #777;*/
	font-family: Arial, sans-serif;
	font-size: 14px !important;	
}

#Slider {
	display: none;
}
.sequence-theme {
	display: none;
}
.mobileNav {
/*	background: #fff;*/
	background: none repeat scroll 0% 0% #003b79; /*مهم منوی بالا وقتی خیلی خیلی کوچک می شود */
	width: 100%;
	overflow: hidden;
	height: 30px!important;
}
.mobileNav a {
	color: #fff !important;
	overflow: hidden;
}
.navigation {
	width: 90%;
	margin: 0px auto;
	color: #9000;
	font-weight: normal;
	border-bottom: 1px solid #003b79; /*مهم رنگ خط پایین که وقتی منو باز میشه پایین میاد */
}
.navigation .mobile {
	text-align: left; /*مهم منوی بالا سمت راست */
	overflow: hidden;
	height: 35px;
}
.navigation ul {
	margin: 0px;
	display: none;
	list-style: none;
	/*overflow: hidden;*/
	margin: 0px 0px 0px 10px; /*راست را ۱۰ کردم و چپ را صفر*/
	border-left: 1px solid #003b79; /*مهم sassan Left to Right رنگش خط رو هم قرمز کردم*/
	padding: 0px 0px 0px 10px; /*راست را ۱۰ کردم و چپ را صفر*/
}
.navigation ul ul {
	display: block;
	list-style: none;
}
.navigation .active {
	color: #90000;
	background: url('../imgbem/pointBlue.png') no-repeat scroll 0px 6px; /* مهم نقطه های منو که باز میشه سمت راست  */
}
.navigation .active:last-child {
    background: url('../imgbem/pointFilm_last.png') no-repeat scroll 0px 6px transparent; /* مهم نقطه های منو که باز میشه سمت راست  */
}
.navigation ul li {
	text-align: left; /* لینک قسمت منو بیاد سمت راست */
	background: inherit;
	margin: 0px 0px 0px -15px;
	padding: 2px 0px 2px 6px;
	display: block;
	border: medium none;
	background: url('../imgbem/pointWeiss.png') no-repeat scroll 0px 6px transparent; /* مهم نقطه های منو که باز میشه سمت راست  */
}
.navigation ul li:last-child {
    background: url('../imgbem/pointWeiss_last.png') no-repeat scroll 0px 6px transparent; /* مهم نقطه های منو که باز میشه سمت راست  */
}
.imageWrapRightSmall {
		float:Right;
		margin: 2px 0px 2px 10px;
		max-width: 40%;
	border: 1px solid #003b79;
	border-radius: 10px;
	}
	.imageWrapLeftSmall {
		float:left;
		margin: 2px 10px 2px 0px;
		max-width: 40%;
		border: 1px solid #003b79;
		border-radius: 10px;
	}
	#info_div_left {
    width:auto;
    height:auto;
    padding: 5px 0px 5px 5px;
    float:left;
	border-color: #000000;
	border-width: 1px;
	}

	#info_div_right {
    width:auto;
    height:auto;
    padding: 5px 5px 5px 0px;
    float:right;
	}

	#info_div_center {
    width:250px;
    height:auto;
    text-align: center;
	margin-top: -12px;
	}

	.mobile-info_div_below1
	{
	float:left;
    clear:both;
    width:inherit;
    height:auto;
    position:static;
    padding: 0px 0px 5px 2px;
	}
	#info_div_below2 {
    clear:both;
    width:inherit;
    height:auto;
    position:static;
    padding: 0px 10px 5px 10px;
	}
	.SpeedUpload {
	padding: 0px 2px 0px 10%;
	}
	#Precent {
	padding: 18px 0px 0px 2px;
	}

/*.navigation ul ul li {
	text-align: left;
	background: #fff;
	margin: 0px 0px 0px -15px;
	padding: 2px 0px 2px 6px;
	display: block;
	border: medium none;
	background: url('../imgbem/pointWeiss.png') no-repeat scroll 0px 6px transparent;
}*/
.navigation a {
	/*font-size: 16px;*/
	/*font-family: Arial, sans-serif;*/
	/*line-height: 1.5em;*/
	color: #777777; /* رنگ منو وقتی باز میشه  */
	display: block;
	padding: 3px 10px;
	text-decoration: none;
	/*text-transform: uppercase;*/
}
.navigation a:hover {
	color: #333;
}
li.current {
	color: #ff0000;
}
li.current a {
	color: #000000;
}
.slider_menu {
	display: none;
}
.Hauptmenu {
	display: none;
}
.mainContent {
	display: table;
	width: 90%;
	height: auto;
	margin: 0px auto;
	background: #fff;
/*	border-left: 1px solid #fff;
	border-right: 1px solid #fff;*/
}
.mainRow {
	display: block;
	margin: 10px 0px;
}

#navUnter {
	display: none;
	vertical-align: top;
}
#navUnter ul:empty {
	display: none;
}
#navUnter .active {
	color: #003b79; /* رنگ نوشته منوی اکتیو شده وقتی ماوس میره روش */
	background: url('../imgbem/pointFilm.png') no-repeat scroll right 4px;
}
#navUnter .active > a {
	color: #003b79;
}
.navigation .active > a {
	color: #003b79; /* رنگ نوشه منوی بالا وقتی اکتیو شده */
	/*background-color: #003b79;*/
}
article {
	display: block;
	vertical-align: top;
	width: 100%;
	height: auto;
	background: #fff;
}
.BlockAussen {
	/*margin: 1%;*/
	margin: 0px 0px 10px 0px;
/*	width: 48%;*/
	padding: 10px 0px 10px 0px;
	border-top: 1px solid #777;
	/*border-bottom: 1px solid #777;*/
/*	float: left;*/
	*zoom: 1;
}
.BlockAussen:last-child {
	border-bottom: 1px solid #900;
}
.BlockAussen:before,
.BlockAussen:after {
  display: table;
  content: "";
}
.BlockAussen:after {
  clear: both;
}
.BlockAussen img {
	width: 100%;
}
.BlockAussen a img:hover {
	-webkit-filter: grayscale(1);
	filter: grayscale(100%);
}

.content img { 
	width: 100%; 
}
.contentContact img { 
	width: 3%; /* مهم تغییرش دادم از ۱۰۰ به ۳ برای اون چرخش ارسال پایین تماس با من */
}

.content img[align="left"],
.content img[style*="float: left"],
.content img[style*="float:left"] {
  width: 100%;
  margin: 0px !important;
}
.content img[align="right"],
.content img[style*="float: right"],
.content img[style*="float:right"] {
  width: 100%;
  margin: 0px !important;
}



.content {
	min-height: 300px;
}
article .bildLabel {
	display: block;
/*	width: 289px;*/
	width: 90%;
	padding: 2% 2% 6% 2%;
	/*margin: 1%;*/
	background: #fff;
/*	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;*/
/*	-moz-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.5);
	-webkit-transition: margin 0.5s ease-out;
	-moz-transition: margin 0.5s ease-out;
	-o-transition: margin 0.5s ease-out;*/
	float: right;
}
article .bildLabel:hover {
	margin-top: -2%;
	margin-bottom: 4%;
}
article .bildLabel img {
	display: block;
	width: 100%;
	padding: 0px;
}
article .bildLabel p {
	display: block;
	width: 100%;
	padding: 0px;
/*	font-family: Verdana, Arial, sans-serif;*/
	font-size: 14px;
	padding-top: 2px;
}
.bildLabel p {
	margin: 0px;
}
article .bildLabel p strong {
	color: #fff;
	background-color: #1fa9e3;
	font-weight: normal;
}
aside {
	display: block;
	vertical-align: top;
	width: 100%;
	height: auto;
	margin: 0px;
	/*padding: 10px 0px 20px 0px;*/
	padding: 10px 10px 20px;
	float: left;
}
aside ul {
	margin: -10px 0px 0px 0px;
	padding: 10px 0px 0px;
	border-left: 1px solid #CCC;	
}
aside ul li.active {
	text-align: left;
	margin: 0px 0px 0px -5px;
	padding: 2px 0px 2px 13px;
	display: block;
	border: none;
	background: url('../imgbem/pointGrau.png') no-repeat scroll right 4px transparent;
}
aside ul li {
	text-align: left;
	margin: 0px 0px 0px -5px;
	padding: 2px 0px 2px 13px;
	display: block;
	border: none;
	background: url('../imgbem/pointWeiss.png') no-repeat scroll right 4px transparent;
}
aside ul li:last-child {
	background: url('../imgbem/pointWeiss_last.png') no-repeat scroll right 4px transparent;
}
aside ul li:last-child.active {
	background: url('../imgbem/pointGrau_last.png') no-repeat scroll right 4px transparent;
}


aside .bildLabel {
	display: block;
	width: 100%;
	margin-top: 0px;
	margin-left: 0%;
	margin-right: 0%;
	margin-bottom: 20px;
	padding: 1% 1% 3% 1%;
	background: #fff;
/*	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.5);*/
	float: left;
}
aside .bildLabel > img {
	width: 100%;
}
  .boxDiverses {
	display: block;
	width: 90%;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
	padding: 10px;
	background: rgb(255, 255, 255);
	border-top: 30px solid #fff;
	float: left;
}
 .thumbnailArchiv {
    display: none;
} 
/*.auflistungMain .ueb img {
    float: left;
}
.auflistungMain ul li:nth-child(1) {
    clear: both;
}*/

/*.auflistungMain.ueb img:after {
    content:" \A";
	white-space: pre;
}*/

	.veranstaltungenStart {
/*	  width: 100%;*/
	/*  font-size: 12px;*/
	  border: 1px solid #777777;
/*	  margin: 1%;*/
	  padding: 0;
	  margin: 0px 0px 10px 0px;
/*	  height: 180px;*/
  }
  .veranstaltungenStart h3 {
	  background: none repeat scroll 0 0 #777777;
	  color: #FFFFFF;
	  font-size: 16px;
	  padding: 5px;
  }
  .veranstaltungenStart ul {
/*	  width: 48%;
	  float: left;*/
	  margin: 0 0 0 -18px;
  }
  .veranstaltungenStart li {
	  list-style: none outside none;
	  margin-bottom: 2px;
	  padding-right: 10px;
  }
  .veranstaltungenStart li.active {
	  background: url("../imgbem/pointGrau.png") no-repeat 0px 3px;
	  padding-right: 10px;
	  margin-right: -10px;
  }
  .hotlinksStart {
/*	  margin: 1%;*/
/*	  padding: 1%;	*/
	margin-bottom: 10px;
  }
  .Hotlinks {
/*  	width: 49%;*/
/*  	height: 180px;*/
/*  	margin-right: 1%;*/
  /*	float: left;*/
/*  	margin: 0 0 0 -18px;*/
  	border: 1px solid #777777;
  	margin-bottom: 10px;
  }
  .Hotlinks li {
  	  list-style: none outside none;
  	  background: url("../imgbem/pointGrau.png") no-repeat 0px 3px;
  	  padding-right: 10px;
  	  margin-right: -5px;
  }
  .Studienrichtungen {
/*	  width: 49%;*/
/*	  height: 180px;*/
/*	  float: right;*/
/*	  margin: 0 0 0 -18px;*/
	  border: 1px solid #777777;
  }
  .Studienrichtungen li {
  	list-style: none outside none;
  }
  .hotlinksStart h3 {
  	  background: none repeat scroll 0 0 #777777;
  	  color: #FFFFFF;
  	  font-size: 16px;
  	  padding: 5px;
  }

.VerUeb {

}
.VerUeb ul {
	padding: 0px;
}
.VerUeb li {
	/*padding-bottom: 10px;*/
	padding: 0px 0px 25px 20px;
}
.VerUeb li h3 {
	/*padding-bottom: 10px;*/
	margin: 0px 0px -5px -40px;
	color: #000;
}
.Themen {
	font-size: 14px;
	color:#666666;
}


@media only screen and (min-width: 321px) {
  /* Styles for iPad Mini*/
 header #Breadcrumb { 
  	display: none; 
  }

  aside {
	/*border-top: 1px solid #fff;*/
  }
  .doppel aside {
      /*padding: 0px 20px 20px 20px;*/
      padding: 0px 10px 20px;
      background: #fff;
  }
  aside .bildLabel {
  	display: block;
  	width: 46%;
  	margin-top: 0px;
  	margin-left: 2%;
  	margin-right: 2%;
  	margin-bottom: 20px;
/*  	padding: 1%;*/
  	padding: 1% 1% 3% 1%;
  	background: #fff;
/*  	-webkit-border-radius: 2px;
  	-moz-border-radius: 2px;
  	border-radius: 2px;
  	-moz-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.5);
  	-webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.5);
  	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.5);*/
  	float: right;
  }

    .boxDiverses {
  	display: block;
  	width: 100%;
  	margin: 0px 0px 20px 0px;
  	float: left;
  }
}


/*aside .bildLabel {
	display: block;
	width: 90%;
	padding: 10px;
	margin: 0px auto 20px auto;
	background: #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.5);
	float: none;
}*/
aside .bildLabel img {
/*	display: block;*/
	padding: 0px;
	width: 100%;
}
aside .bildLabel p {
	display: block;
	width: 100%;
	padding: 0px;
/*	font-family: Verdana, Arial, sans-serif;*/
	font-size: 14px;
	padding-top: 2px;
}
aside .bildLabel p strong {
	color: #fff;
	background-color: #1fa9e3;
	font-weight: normal;
}
aside .boxLogo img {
	display: block;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	padding-left: 5px;
	width: 40%;
}
.boxDiverses h1 {
	display: block;
	font-family: Arial, sans-serif;
	font-size: 16px;
	/*margin: -10px -10px 10px -10px;*/
	margin: -10px -20px 10px -10px;
	padding: 5px;
	text-transform: uppercase;
	text-align: center;
	font-weight: normal;
	/*background: #1fa9e3;*/
	background: #777;
	color: #fff;
}
.boxDiverses p {
	display: block;
	width: 100%;
	padding: 0px;
/*	font-family: Verdana, Arial, sans-serif;*/
	font-size: 14px;
	/*padding-top: 2px;*/
}

footer {
	clear: both;
	width: 90%;
	font-family: Arial, sans-serif;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #ccc;
	background: #fff;
	margin: 0px auto 100px auto;
	min-height: 150px;
}
/*footer img {
	position: absolute;
	left: 10px;
	bottom: 10px;
	width: 80px;
}*/
footer .BlockBigBottom.left {
/*	padding-left: 100px;*/
	width: 260px;
	padding: 10px;
	float: center;
}
footer .BlockBigBottom.Copyright {
	width: 100%;
	text-align: center;
	float: center;
	padding: 0px 0px 10px 0px;
}
footer ul {
  	font-family: Arial, sans-serif;
	line-height: 1.2em;
	list-style: none;
	width: 100%;
	margin: 0px;
	padding: 10px;
	float: center;
}
footer ul li {
	display: inline-block;
	float: none;
	padding: 0px;
	margin: 0px;
}
footer ul li:after {
    content: " | ";
}

footer ul li:last-child:after {
    content: "";
}

footer .bgquicklinks {
  	display: none;
/*  	position: static;
  	left: 50%;
  	top: 0px;
  	z-index: 10;*/
}  
.mobile {
	display: block;
}
.nonmobile {
	display: none;
}


article {
/*	display: table-cell;*/
	vertical-align: top;
	padding: 0px 10px;
}
.BildFull {
	display: block;
	width: 100%;
	margin-bottom: 15px;
}
#QuicklinksCont {
	display: block;
	width: 100%;
	position: relative;
	margin: 0px auto;
	z-index: 3100;
}
#QuicklinksBut {
	display: block;
	cursor: pointer;
	width: 31px;
	height: 31px;
	color: #FFF;
	text-align: right;
	background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.8);
	font-size: 16px;
	padding: 7px 10px 1px 10px;
	text-decoration: none;
	text-transform: uppercase;
	position: absolute;
	right: 0px;
	top: -10px;
	
}
.quList {
	display: block;
	width: 100%;
	list-style: none;
}
#QuickLinks {
	width: 100%;
}
#QuickLinks a {
	color: #fff;
}
#QuicklinksBut .hover {
	background: #000;
}
#QuicklinksBut a {
	color: #fff;
	text-decoration: none;
}
#QuickLinks .inhalt {
	background: #000;
	background: rgba(0,0,0,0.80);
	padding: 10px 10px 10px 10px;
	display: none;
	line-height: 1.2em;
}
/*#QuickLinks .inhalt ul {
	width: 100%;
	margin: 5px 0px;
	float: right;
	list-style: none;
}*/
#QuickLinks .inhalt .Ueb {
	list-style: none;
	margin-left: -10px;
	color: #fff !important;
}


.butQuizStart {
	padding-left: 10px;
	height: 92px;
}
.butQuizStart img {
	height: 92px;
}
header #Breadcrumb { /* این را از کد پایین من اضافه کردم تا بازگشت به صفحه اول در موبایل هم دیده شود */
	display: block;
}

@media only screen and (min-width: 769px) {
.butQuizStart {
	padding-left: 83px;
	height: 92px;
}
.butQuizStart img {
	height: 92px;
}
.nonmobile {
	display: inherit;
}
header #Breadcrumb {
	display: block;
}
#navLang {
    position: absolute;
    right: 186px;
    top: -9px;
    width: 120px;
    font-size: 14px;
    text-align: center;
    color: #000;
}
.navigation {
	border: none;
}
.navigation .active {
    color: inherit;
    /*background: #444;*/
    background: #b4d3f4; /* مهم منوی اکتیو شده در بالا */
}
#Feedback {
	display: block;
}
.start #QuicklinksCont {
	/*margin-bottom: -30px;*/
}
#QuicklinksCont {
	display: block;
	width: 780px;
	/*width: 1220px;*/
	position: relative;
	margin: 0px auto;
	z-index: 3100;
}
#QuicklinksBut {
	cursor: pointer;
}
#QuickLinks {
	/*position: absolute;*/
/*	top: 105px;
	top: 0px;*/
/*	top: 0px;
	right: 0px;*/
	width: 100%;
	/*width: 600px;*/
	/*background: #fff;*/
	/*float: right;*/
/*	border: 1px solid #777;*/
	
}
#QuickLinks a {
	color: #fff;
}
#QuicklinksBut {
	display: block;
	width: 195px;
	color: #FFF;
	text-align: right;
	height: 31px;
	background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.8);
	font-size: 16px;
	padding: 7px 20px 1px 10px;
	text-decoration: none;
	text-transform: uppercase;
	position: absolute;
	right: -10px;
	top: -10px;
}
#QuicklinksBut .hover {
	background: #000;
}
#QuicklinksBut a {
	color: #fff;
	text-decoration: none;
}
#QuickLinks .inhalt {
	/*border: 1px solid #fff;*/
	background: #000;
	background: rgba(0,0,0,0.80);
	padding: 10px 10px 10px 10px;
	display: none;
	line-height: 1.2em;
}
.quList {
    display: block;
    width: 33%;
    float: left;
}
/*#QuickLinks .inhalt ul {
	width: 30%;
	margin: 5px 0px;
	float: right;
}*/
#QuickLinks .inhalt .Ueb {
	list-style: none;
	margin-left: -10px;
	color: #fff !important;
}


  /* Styles for 769px iPAD*/
  .topLink {
  	display: none;
  	position: fixed;
  	padding: 5px;
  	bottom: 50px;
  	right: 10px;
  	background: #fff;
  	background: rgba(255, 255, 255, 0.95);
  }
  header {
  	width: 760px;
  	height: 75px; /*  بزرگی قسمت بالا لوگو وقتی صفحه بزرگ است */
  	position: relative;
  	z-index: 0;
  }
  header h1 {
  	position: absolute;
  	/*z-index: 30;*/
  	display: block;
  	width: 100%;
  	left: 0px;
  	top: 0px;
  }
  .navigation li {
  	background: inherit;
  }
  
/*  #SearchTop {
  	display: block;
  	position: absolute;
  	/*top: 79px;*!/
  	top: 6px;
  	right: 131px;
  	text-align: right;
  	width: 300px;
  }*/
  #SearchTop {
      display: block;
      position: absolute;
      top: -3px;
      right: 307px;
      text-align: right;
      width: 300px;
      z-index: 4000;
  }
  #SearchTop input[type="search"]:focus {
  	width: 180px;
  }
  
  #boxForm {
	border: 3px solid #b5b5b5;
	background-color:#FFF;
/*	font: bold 12px Arial,Helvetica,Sans-serif;*/
	text-align: left;
	color: #000000;
	width: 230px;
	padding: 5px 10px 5px 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
  }
  #mainForm {
	border: 3px solid #b5b5b5;
	background-color:#FFF;
	text-align: left;
/*	font: bold 12px Arial,Helvetica,Sans-serif;*/
	color: #000000;
	width: 100%;
    margin: 5px 10px 5px 10px;
	padding: 5px 10px 5px 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
  }
  .textfeldListe {
	font-size: 16px;
	color: #333333;
	background: rgb(238,238,238); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	padding: 2px;
	height: 30px;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: thin dotted;
	border-left-style: none;
	border-bottom-color: #cccccc;
	width: 90% !important;
}
/*  header h1 img {
  	width: 200px;
  }*/
  .sequence-theme {
  	display: block;
  }
  #Slider {
  	display: block;
  	position: relative;
  	width: 760px;
  	height: 248px;
  	background: #777 url('') no-repeat center top;
  	z-index: 1;
/*  	background-size: cover;*/
  }
  
  .navigation {
  	position: relative;
  	width: 780px;
  	height: 30px;
	background: #003b79; /*  مهم رنگ منوی بالا وقتی بزرگ است */
/*  	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.5);*/
  	z-index: 20;
  }
  .navigation ul ul {
  	display: none;
  }
  
  
  .navigation ul {
  	display: block;
  	text-align: justify;
  	margin: 0px 10px;
  	padding: 0px;
  	background: none;
  	border: none;
  	/*height: 30px;*/
  }
  .navigation ul li {
  	display: inline-block;
  	text-transform: uppercase;
  	float: none;
  	padding: 0px;
  	margin: 0px;
  	list-style: none;
  	background: none;
  }
  .LastLine {
  	padding-left: 100% !important;
  	display: block;
  	background: none;
  	list-style: none;
  }
  .navigation ul li.LastLine {
  	display: inline-block;
  	padding-left: 100% !important;
  	background: none;
  	list-style: none;
  }

  .navigation a {
  	font-size: 12px;
  	font-family: Arial, sans-serif;
  	line-height: 1.5em;
  	color: #fff;
  	display: block;
  	padding: 6px 10px;
  	text-decoration: none;
  	text-transform:none;
  }
  .navigation a:hover {
  	color: #003b79; /* مهم رنگ نوشته بالا وقتی ماوس روش میره */
	background: #b4d3f4; /* مهم رنگ لینک بالا وقتی ماوس روش میره */
  }
  .mainContent {
  	display: table;
  	width: 760px;
  	height: auto;
  	margin: 0px auto;
  	background: #fff;
  /*	border-left: 1px solid #fff;
  	border-right: 1px solid #fff;*/
  }
  
  .Hauptmenu {
  	display: block;
  }
  .slider_menu {
  	display: none;
  }
  #aktuellesHeft {
  	display: none;
  }
  .unterMenu {
  	display: none;
  }
	.imageWrapRight {
		float:Right;
		margin: 2px 0px 2px 10px;
		max-width: 40%;
	border: 1px solid #003b79;
	border-radius: 10px;
	}
	.imageWrapLeft {
		float:left;
		margin: 2px 10px 2px 0px;
		max-width: 40%;
		border: 1px solid #003b79;
		border-radius: 10px;
	}
	#info_div_left {
    width:auto;
    height:auto;
    padding: 5px 0px 5px 20%;
    float:left;
	}

	#info_div_right {
    width:auto;
    height:auto;
    padding: 5px 25% 5px 0px;
    float:right;
	}
	
	#info_div_center {
    width:250px;
    height:auto;
    text-align: center;
	margin-top: -12px;
	}

	.info_div_below1 {
	float:left;
    clear:both;
    width:inherit;
    height:auto;
    position:static;
    padding: 0px 0px 5px 217px;
	}
	#info_div_below2 {
    clear:both;
    width:inherit;
    height:auto;
    position:static;
    padding: 0px 10px 5px 10px;
	}
	.SpeedUpload {
	padding: 0px 2px 0px 20%;
	}
	#Precent {
	padding: 0px 24% 0px 2px;
	}
	#uploaddata {
	padding: 0px 24% 0px 2px;
	}
	
  #navUnter {	
	display: table-cell;
  	width: 255px;
  	height: 100%;
  	margin: 10px 0px 10px 0px;
  	background: #fff;
  	border-right: 1px solid #900;
  }
  #navUnter h4 a {
  	color: inherit;
  	font-size: inherit;
  }
  #navUnter a {
  	font-family: Arial, sans-serif;
	font-size: 14px;
/*	text-shadow: 1px 1px 1px #000;*/
  	/*color: #ccc;*/
  }
  
  #navUnter h4 {
	text-align: right;
	font-size: 16px;
	color: #fff;
	font-style: normal;
	font-weight: normal;
	margin: 30px -10px 10px;
	padding: 5px 10px;
	text-transform: uppercase;
	border-bottom: none;
	background-color: #900;
  }
  #navUnter > h4 {
	text-align: right;
	font-size: 16px;
	color: #fff;
	font-style: normal;
	font-weight: normal;
	margin: 10px -10px 0px -10px;
	padding: 5px 10px;
	/*border-bottom: 1px solid #1FA9E3;*/
	text-transform: uppercase;
	background-color: #000;
  }
  #navUnter ul {
  	margin: 0px 10px 0px 10px;
  	padding: 0px 0px;
  	border-right: 1px solid #900;
  }
  #navUnter ul ul {
  	margin: 0px;
  	padding: 0px 0px;
  }
  #navUnter > ul {
  	margin: 0px 10px 60px 10px;
   	
  }

  #navUnter ul li {
  	color: #fff;
  	text-align: right;
  	margin: 0px 0px;
  	padding: 2px 0px 2px 10px;
  	display: block;
  	border: none;
  	/*background: url('../imgbem/pointGrau.png') no-repeat scroll 0px 4px;*/
  	background: url('../imgbem/pointWeiss.png') no-repeat scroll right 4px;
  }
  #navUnter ul li:last-child {
  	background: url('../imgbem/pointWeiss_last.png') no-repeat scroll right 4px;
  }
  #navUnter ul li {
    	color: #fff;
    	text-align: right;
    	margin: 0px 0px;
    	padding: 2px 0px 2px 10px;
    	display: block;
    	border: none;
    	/*background: url('../imgbem/pointGrau.png') no-repeat scroll 0px 4px;*/
    	background: url('../imgbem/pointWeiss.png') no-repeat scroll right 4px;
    	padding-left: 13px;
    	margin-left: -5px;
  }
  #navUnter ul li:last-child.active {
	background: url('../imgbem/pointFilm_last.png') no-repeat scroll right 4px;
  }
#navUnter ul li.active.navID_73 {
	background: url('../imgbem/pointMusik.png') no-repeat scroll right 4px;
}
#navUnter ul li.active.navID_74 {
	background: url('../imgbem/pointDarst.png') no-repeat scroll right 4px;
}
#navUnter ul li.active.navID_74 {
	background: url('../imgbem/pointDarst.png') no-repeat scroll right 4px;
}
#navUnter ul li.active.navID_75 {
	background: url('../imgbem/pointFilm.png') no-repeat scroll right 4px;
}
#navUnter ul li.active.navID_76 {
	background: url('../imgbem/pointPaed.png') no-repeat scroll right 4px;
}
#navUnter ul li.active.navID_93 {
	background: url('../imgbem/pointDok_last.png') no-repeat scroll right 4px;
}
#navUnter ul li:last-child.active.navID_73 {
	background: url('../imgbem/pointMusik.png') no-repeat scroll right 4px;
}
#navUnter ul li:last-child.active.navID_74 {
	background: url('../imgbem/pointDarst.png') no-repeat scroll right 4px;
}
#navUnter ul li:last-child.active.navID_74 {
	background: url('../imgbem/pointDarst.png') no-repeat scroll right 4px;
}
#navUnter ul li:last-child.active.navID_75 {
	background: url('../imgbem/pointFilm.png') no-repeat scroll right 4px;
}
#navUnter ul li:last-child.active.navID_76 {
	background: url('../imgbem/pointPaed.png') no-repeat scroll right 4px;
}
#navUnter ul li:last-child.active.navID_93 {
	background: url('../imgbem/pointDok_last.png') no-repeat scroll right 4px;
}
  
  .mainContent {
/*  	display: block;*/
  	display: table;
  	width: 760px;
  	height: auto;
  	margin: 0px auto;
/*  	border-left: 1px solid #fff;
  	border-right: 1px solid #fff;*/
  }
  .mainRow {
/*  	display: block;*/
 /* 	display: table-row;*/
  	margin: 10px 0px;
/*  	float: right;   مهم متن صفحه اصلی به سمت راست برود */
  }

  .doppel article {
  	width: 100%;
  }
  article {
/*  	display: block;*/
/*  	display: table-cell; */
  	width: 518px;
  	height: 100%;
  	background: rgb(255, 255, 255);
  	background: rgba(255, 255, 255, .95);
/*  	float: left;*/
  }
 
  .content img[align="left"],
  .content img[style*="float: left"],
  .content img[style*="float:left"] {
    width: 50%;
    /*width: 50% !important;*/
    margin: 0px 10px 10px 0px !important;
  }
  .content img[align="right"],
  .content img[style*="float: right"],
  .content img[style*="float:right"] {
    /*width: inherit !important;*/
    width: 50%;
    margin: 0px 0px 10px 10px !important;
  }
  
  .doppel aside {
  	background: #fff;
  	/*padding: 10px 10px 0px 10px;*/
  	padding: 10px 10px 0px 5px;
  }
  
  
  
 .thumbnailArchiv {
 	display: block;
    float:right;
    width: 70px;
    margin-top: 5px;
	margin-right: 0px;
	margin-left: 10px;
	margin-bottom: 5px;
/*	-moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
  	-webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);
  	box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3);*/
} 
  .start aside {
  	margin: 0px;
  	/*padding: 10px;*/
  	padding: 10px 10px 10px 5px;
  	border-left: none;
  }
  /*.doppel aside {
  	display: block;
  	width: 100%;
  	margin: 0px 0px 0px 0px;
  	padding: 20px 20px 20px 20px;
  	border-left: none;
  	float: left;
  }*/
  aside {
  	display: block;
  	width: 100%;
  	margin: 0px 0px 0px 251px;
  	padding: 20px 20px 20px 20px;
  	border-left: 1px solid #777;
  	float: left;
  }
  aside .bildLabel {
  	display: block;
  	width: 47%;
  	margin-top: 0px;
  	margin-left: 0px;
  	margin-right: 0px;
  	margin-bottom: 20px;
  	padding: 1% 1% 3% 1%;
  	background: #fff;
/*  	-webkit-border-radius: 2px;
  	-moz-border-radius: 2px;
  	border-radius: 2px;
  	-moz-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.5);
  	-webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.5);
  	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.5);*/
  	float: left;
  }
  aside .bildLabel img {
  	/*width: 100%;*/
  }
  .boxDiverses {
  	display: block;
  	width: 60%;
  	padding: 10px;
  	border-left: 1px solid #777;
  	/*margin: 0px 0px 20px 0px;*/
  	margin: 0px 0px 20px -21px;
  	float: none;
    }
  footer {
  	width: 760px;
  }
  
  
  .mobile {
  	display: none;
  }
  
  .veranstaltungenStart {
  /*	  width: 100%;*/
  	/*  font-size: 12px;*/
  	  border: 1px solid #777777;
  	  padding: 0;
  	  height: 180px;
    }
    .veranstaltungenStart h3 {
  	  background: none repeat scroll 0 0 #777777;
  	  color: #FFFFFF;
  	  font-size: 16px;
  	  padding: 5px;
    }
    .veranstaltungenStart ul {
  	  width: 49%;
  	  float: left;
  	  margin: 10px 0px 0px -18px;
  	  clear: none;
    }
    .veranstaltungenStart li {
  	  list-style: none outside none;
  	  margin-bottom: 2px;
  	  padding-right: 10px;
    }
    .veranstaltungenStart li.active {
  	  background: url("../imgbem/pointGrau.png") no-repeat 0px 3px;
  	  padding-left: 10px;
  	  margin-left: -10px;
    }
    .hotlinksStart {
  	  margin: 0px 0px 10px;
  /*	  padding: 1%;	*/
    }
    .Hotlinks {
    	width: 49%;
    	height: 180px;
    	margin-bottom: 0px;
    	margin-right: 1%;
    	float: left;
  /*  	margin: 0 0 0 -18px;*/
    	border: 1px solid #777777;
    }
    .Hotlinks li {
    	  background: url("../imgbem/pointGrau.png") no-repeat 0px 3px;
    	  padding-left: 10px;
    	  margin-left: -5px;
    }
    .Studienrichtungen {
  	  width: 49%;
  	  height: 180px;
  	  margin-bottom: 0px;
  	  float: right;
  /*	  margin: 0 0 0 -18px;*/
  	  border: 1px solid #777777;
    }
    .hotlinksStart h3 {
    	  background: none repeat scroll 0 0 #777777;
    	  color: #FFFFFF;
    	  font-size: 16px;
    	  padding: 5px;
    }
    .wysiwyg-float-left {
    	margin: 0px;
    }
  
  
  
}




@media only screen and (min-width: 1210px) {
  /* Styles for 1280px MacBook*/
/*  .start header {
  	top: 40px;
  }
  .start #Breadcrumb {
  	display: none;
  }
  .start nav {
  	top: 40px;
  }
  .start .mainContent {
  	top: 40px;
  }
  .start footer {
  	top: 40px;
  }
  .start .ViewButton {
  	top: -50px !important;
  }
  .start #navLang {
  	top: -50px;
  }
  .start #SearchTop {
  	top: -40px;
  }*/
  h1 {
  	padding-bottom: 20px;
  }
  #QuicklinksCont {
   	width: 1220px;
  }
  #QuickLinks .inhalt {
  	padding: 10px 10px 10px 220px;
  }
  .start footer .BlockBigBottom.Copyright {
  	width: 100%;
  }
  .start footer .BlockBigBottom.links {
  	display: none !important;
  }
  footer .BlockBigBottom.links {
  	display: block;
  }
  header {
  	width: 1200px;
  	position: relative;
  	z-index: 0;
  }
  header h1 a + a{
	  padding-left: 83px;
  }
  header h2 {
  	text-align: right;
	font-weight: bold;
 	text-shadow: 2px 2px 2px #000;
	position: absolute;
  	z-index: 30;
  	display: block;
  	width: 400px;
  	right: 25px;
  	top: 10px;
  }
  #Slider {
  	display: block;
  	position: relative;
  	width: 1220px;
  	height: 248px;
  	background: #777 url('') no-repeat center top;
  	z-index: 1;
/*  	background-size: cover;*/
  }
  
  .navigation {
  	position: relative;
  	width: 1220px;
	height: 30px;
	background: #003b79; /*مهم منوی بالا وقتی خیلی خیلی بزرگ است */
/*	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.5);*/
	z-index: 20;
  }

  .navigation a {
/*  	font-size: 20px;*/
  	font-size: 16px;
  	font-family: 'Far.Homa', sans-serif;
	/*font-size-adjust: 0.47;*/
  	line-height: 1.5em;
  	color: #fff;
  	display: block;
  	padding: 3px 10px;
  	text-decoration: none;
  	text-transform: none;
  }
  .navigation ul ul {
  	display: none;
  }
  .slider_menu {
  	display: block;
  	width: 200px;
  	height: 15px;
  }
  #aktuellesHeft {
  	position: absolute;
  	top: -120px;
  	left: 670px;
  	width: 200px;
  	height: 180px;
  	overflow: hidden;
  	display: block;
  }
  #navUnter {
	display: table-cell;
  	width: 260px;
  	height: 100%;
  	margin: 0px;
  	background: #fff;
  	float: none;
  }
  
  .mainContent {
  	position: relative;
  	display: table;
  	width: 1200px;
  	height: 300px;
  	margin: 0px auto;
/*  	border-left: 1px solid #fff;
  	border-right: 1px solid #fff;*/
  }	
  .mainRow {
/*  	display: table-row; */
  	margin: 10px 0px;
  }
	
  .doppel article {
/*	display: table-cell; */
	width: 100%;
	height: 100%;
	margin: 0px;
	/*padding: 10px 0px 0px 10px;*/
	padding: 10px 10px 10px 10px;
	background: rgb(255, 255, 255);
	float: none;
/*  	float: left;*/
  }
	.imageWrapRightBig {
		float:Right;
		margin: 2px 0px 2px 10px;
		max-width: 20%;
	border: 1px solid #003b79;
	border-radius: 10px;
	}
	.imageWrapLeftBig {
		float:left;
		margin: 2px 10px 2px 0px;
		max-width: 20%;
		border: 1px solid #003b79;
		border-radius: 10px;
	}
	#info_div_left {
    width:auto;
    height:auto;
    padding: 5px 0px 5px 30%;
    float:left;
	}

	#info_div_right {
    width:auto;
    height:auto;
    padding: 5px 35% 5px 0px;
    float:right;
	}
	
	#info_div_center {
    width:250px;
    height:auto;
	text-align: center;
	margin-top: -12px;
	}

	.info_div_below1Big {
	float:left;
    clear:both;
    width:inherit;
    height:auto;
    position:static;
    padding: 0px 0px 5px 437px;
	}
	#info_div_below2 {
    clear:both;
    width:inherit;
    height:auto;
    position:static;
    padding: 0px 10px 5px 10px;
	}
	.SpeedUpload {
	padding: 0px 2px 0px 30%;
	}
	#Precent {
	padding: 0px 34% 0px 2px;
	}
	#uploaddata {
	padding: 0px 34% 0px 2px;
	}
  article {
/*  	display: table-cell; */
  	width: 100%;
  	height: 100%;
  	margin: 0px;
  	background: rgb(255, 255, 255);
  	padding: 0px 10px 0px 20px;
  	float: none;
/*  	float: left;*/
  }
  .wide article {
/*	display: table-cell; */
	width: 958px;
	height: 100%;
	margin: 0px;
	background: rgb(255, 255, 255);
	float: none;
/*  	float: left;*/
  }
  
  .wide article .bildLabel {
  	display: block;
  /*	width: 289px;*/
  	width: 90%;
  	padding: 10px;
  	margin: 0px 10px 20px 0px;
  	background: #fff;
  	float: right;
  }
  .wide article .bildLabel:hover {
  	margin-top: -10px;
  	margin-bottom: 30px;
  }
  .wide article .bildLabel img {
  	display: block;
  	width: 100%;
  	padding: 0px;
  }
  .wide article .bildLabel p {
  	display: block;
  	width: 100%;
  	padding: 0px;
  /*	font-family: Verdana, Arial, sans-serif;*/
  	font-size: 14px;
  	padding-top: 2px;
  }
  .wide article .bildLabel p strong {
  	color: #fff;
  	background-color: #1fa9e3;
  	font-weight: normal;
  }
  
  .doppel .aside {
/*	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;*/
	display: table-cell;
	width: 50%;
	height: 100%;
	margin: 0px;
	background: #fff;
	padding: 45px 0px 20px 0px !important;
	float: none;
/*  	float: left;*/
	}
    
  aside {
	display: table-cell;
  	width: 318px;
  	height: 100%;
  	margin: 0px;
  	padding: 0px 0px 10px 10px;
  	border: none;
  	float: none;
  	/*border-left: 1px solid #777;*/
/*  	float: left;*/
  }
  aside .bildLabel {
	display: block;
	width: 100%;
	padding: 3% 3% 9% 3%;
	background: #fff;
/*	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-moz-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.5);*/
	float: none;
  }

 
 
 .left {
 	width: inherit !important;
 }
 .right {
 	width: inherit !important;
 }
 
  .boxDiverses {
 	display: block;
 	width: 100%;
 	padding: 10px;
	/*border: 1px solid #1fa9e3;*/
	/*border: 1px solid #777;*/
	border-left: 1px solid #777;
	margin: 0px 0px 20px 0px;
 	float: none;
   }

	article .boxDiverses h1 { 
		margin: 0px -20px 10px -10px;
	}
	article .boxDiverses { 
		width: 90%;
		margin-right: 10px;
		margin-left: -21px;
		float: right;
	}
	article .boxDiverses > article .boxDiverses { 
		width: 90%;
		margin-right: 0px;
		margin-left: -21px;
		float: right;
	}


  footer {
  	clear: both;
  	width: 1200px;
  	position: relative;
  }
  footer .BlockBigBottom.links {
  /*	padding-left: 100px;*/
  	width: 260px;
  	padding: 0px 10px;
  	float: center;
  }
  footer .BlockBigBottom.Copyright {
  /*	width: 100%;*/
  	width: 100%;
  	text-align: center;
  	float: center;
  }
  footer ul {
   	font-family: Arial, sans-serif;
  	line-height: 1.2em;
  	list-style: none;
  	width: 100%;
  	margin: 0px;
  	padding: 0px;
  	float: left;
  }
  footer .bgquicklinks {
    	display: none;
  /*  	position: static;
    	left: 50%;
    	top: 0px;
    	z-index: 10;*/
  }
  footer ul li {
  	display: block;
  }
  footer ul li:after {
      content: "";
  }
  
  
  
  .mobile {
  	display: none;
  }
  
  .veranstaltungenStart {
	  border: 1px solid #777777;
	  padding: 0;
	  height: 180px;
	  margin: 0px 0px 10px 0px;
  }
  .veranstaltungenStart h3 {
	  background: none repeat scroll 0 0 #777777;
	  color: #FFFFFF;
	  font-size: 16px;
	  padding: 5px;
  }
  .veranstaltungenStart ul {
	  width: 50%;
	  float: left;
	  margin: 10px 0 0 -18px;
	  clear: none;
  }
  .veranstaltungenStart li {
	  list-style: none outside none;
	  margin-bottom: 2px;
	  padding-right: 10px;
  }
  .veranstaltungenStart li.active {
	  background: url("../imgbem/pointGrau.png") no-repeat 0px 3px;
	  padding-left: 13px;
	  margin-left: -10px;
  }
  .hotlinksStart {
	  /*margin: 1%;*/
/*	  padding: 1%;	*/
	margin: 0px 0px 10px 0px;
  }
  .Hotlinks {
  	height: 180px;
  	margin-right: 1%;
  	float: left;
/*  	margin: 0 0 0 -18px;*/
  	border: 1px solid #777777;
  }
  .Hotlinks li {
  	  background: url("../imgbem/pointGrau.png") no-repeat 0px 4px;
  	  padding-left: 13px;
  	  margin-left: -5px;
  }
  .Studienrichtungen {
	  width: 49%;
	  height: 180px;
	  float: right;
/*	  margin: 0 0 0 -18px;*/
	  border: 1px solid #777777;
  }
  .hotlinksStart h3 {
  	  background: none repeat scroll 0 0 #777777;
  	  color: #FFFFFF;
  	  font-size: 16px !important;
  	  padding: 5px;
  }
  .ViewButton {
  	display: none;
  }
  .ViewButton a {
  	display: block;
  	background: #fff;
  	width: 150px;
  	text-align: center;
  	margin: 0px auto;
  	padding: 5px;
  	height: 30px;
  }
  .HideButton {
  	display: hide;
  	position: absolute;
  	top: 0px;
  	width: 100%;
  	margin: 0px auto;
  	text-align: center;
  }
  .HideButton a {
  	display: block;
  	background: #fff;
  	width: 150px;
  	text-align: center;
  	margin: 0px auto;
  	padding: 5px;
  	height: 30px;
  }
  
  
}


p {
/*	clear: both;*/
}

.boxDiverses p img[align="right"] {
	width: 80px;
}


.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 808px;
  margin: 20px auto;
  text-align: center;
}


.ruler {
	width: 100%;
	height: 1px;
	margin: 0px auto;
}

/******************************************
* AUSNAHMEN
******************************************/
.dontShow {
	display: none;
}
.online-archiv .BildFull {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.archiv .BildFull {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.clickable {
	display: block;
	width: 100%;
	padding-top: 5px;
	font-size: 18px;
/*	font-family: calibri,Verdana,Arial,sans-serif;*/
/*	text-transform: uppercase;*/
	text-align: left;
	margin-bottom: 1px;
	/*background-color: #000;*/
	font-weight: normal;
/*	color: #ffffff;*/
	text-shadow: none;
	padding-left: 20px;
	cursor: pointer;
}
.clickable a {
	color: #777;
}
.showMe {
	display: none;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}
.showMe.open {
	display: block;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.clickable {
	background: url("../imgbem/ArrowRight.png") no-repeat 0px 8px;
}
.clickable.open {
	background: url("../imgbem/ArrowDown.png")no-repeat 0px 8px;
}
.showMe p {
/*	padding-left: 5px;
	padding-right: 5px;*/
}
.none {
	width: inherit !important;
	vertical-align: 0px;
}
.scroll {
	overflow-y: scroll;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
/*    padding-right: 36px;*/
    padding: 0px 36px 0px 10px;
    font-weight: normal;
}
.Volltextsuche {
	background: #ccc;
	border: none;
	padding: 2px 5px;
	position: relative;
	top: -12px;
	padding: 3px 0px 0px;
	height: 30px;
}

/*.no-js .slider_menu {
	display: none;
}*/
/*.lt-ie9 .slider_menu {
	display: none;
}*/
#Error {
	margin-bottom: 40px;
}
#Error h1 {
	color: #FF0000;
}
#Veranstaltung ul {
	list-style: none;
}
#Veranstaltung hr {
	border-width: 10px;
	border-color: #000;
	margin: 0px 0px 5px -40px;
}
#Veranstaltung li {
	position: relative;
	background: none;
}
#Veranstaltung ul, ol {
	margin: 0 0 1.5em 0px;
	/*padding: 0 0 0 24px;*/
}
.serachinside {
	padding: 0 0 0 24px !important;
}
#Veranstaltung .vertime {
	display: block;
	position: absolute;
	left: -20px;
	top: 0px;
}
#Veranstaltung h3 {
	color: #000;
	margin: 0px 0px -5px -40px;
}

.fil85 {
	color: #000000 !important;
	/*background-color: #ff7174 !important;*/
	background-color: rgb(241,38,194) !important;
	padding: 2px !important;
}
#Ver85 {
	color: #000000 !important;
	/*background-color: #ff7174 !important;*/
	background-color: rgb(241,38,194) !important;
	padding: 2px !important;	
}
#Ver87 {
	color: #fff !important;
	/*background-color: #ff7174 !important;*/
	background-color: #b39e50 !important;
	padding: 2px !important;	
}
p.textDate {
	/*display: block;*/
	display: inline;
	color: black;
	font-size: 12px;
	margin: 0px;
	/*margin: 0px 0px 0px 30px;*/
	font-style: italic;
	text-indent: 30px;
}
p.textUeb {
	display: inline;
	margin: 0px;
	font-size: 18px;
	margin: 0px 30px 0px 0px;
}


@media print {
  /* Print =================================================== */
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  @page  {
    margin: 0.5cm;
  }
  h2,
  h3,
  h8,
  h8-element,
  h9,
  h9-element,
  h10,
  h10-element{ /* مهم من ساختم*/
    orphans: 3;
    widows: 3;
    page-break-after: avoid;
  }
  p {
    orphans: 3;
    widows: 3;
  }
  pre,
  blockquote {
    border: 1px solid #808080;
    page-break-inside: avoid;
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  /*a[href]:after {
    content: " (" attr(href) ")";
  }*/
  /*a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }*/
  img {
    max-width: 100% !important;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr {
    page-break-inside: avoid;
  }
  
  
  
  
}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5){
  /* 2x =================================================== */
/*  body {
  	color: #FF0000 !important;
  }
  .navigation ul li {
  	font-size: 50px !important;
  }*/
}
@media only screen and (min-width: 480px) {
  /* Styles */
}
.boxes a {
	color: #003b79 !important;
}
.boxes h3 a {
	color: inherit !important;
}
.boxes h8 a { /* مهم من ساختم*/
	color: inherit !important;
}
.boxes h8-element a { /* مهم من ساختم*/
	color: inherit !important;
}
.Hotlinks ul {
	padding-top: 0px;
	margin-top: 10px !important;
}
.blink {
    animation-duration: 1s;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-timing-function: steps(2, start);
    color: rgb(179, 159, 80) !important;
}
.blinkUpload {
    animation-duration: 1s;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-timing-function: steps(2, start);
    color: rgb(144, 0, 0) !important;
}
@keyframes blink {
    80% {
        visibility: hidden;
    }
}
.hide {
	position: absolute !important;
	left: -9999px !important;
	width: 0; 
	height: 0;
}
.wartung textarea:hover {
	background-color: #fff;
	color: #000;
}
.TitleContactOptions {
	color: #000;
	font-weight: bold;
	
	}
.myclassmenu1 {
        font-family: 'Far.Homa',Tahoma, Sans-Serif;
        font-size: 12px;
        }
/* Mobile view (max-width: 768px) */
@media only screen and (max-width: 768px) {
  h7-element {
    font-size: 12px; /* change font size to 18px in mobile view */
  }
}
@media only screen and (max-width: 768px) {
  h8-element {
    font-size: 14px; /* change font size to 14px in mobile view */
  }
}
@media only screen and (max-width: 768px) {
  h12-element {
    font-size: 13px; /* change font size to 18px in mobile view */
  }
}
@media only screen and (max-width: 768px) {
  h110-element {
    font-size: 12px; /* change font size to 18px in mobile view */
  }
}
@media only screen and (max-width: 768px) {
  h112-element {
    font-size: 11px; /* change font size to 18px in mobile view */
  }
}
@media only screen and (max-width: 768px) {
  h10-element {
    font-size: 12px; /* change font size to 18px in mobile view */
  }
}
.undo-btn {
  background-color: #900000;
  color: #fff;
  padding: 3px 7px;
  font-size: 12px;
  cursor: pointer;
  border: 1px solid #003b79;
  border-radius: 6px;
}

.undo-btn:hover {
  background-color: #ffffff;
  color: #900000;
}