* {
	direction: rtl;
	unicode-bidi: normal;
	margin: 0;
	padding: 0;
	border: none;
}

body {
	background-image: url(../pictures/general/redesign/bodybg_farsi.gif);
	background-position: top right;
	text-align: right;
}
#header {
	background-image: url(../pictures/general/redesign/headerbg_farsi.gif);
    background-position: top right;
}
#header img {
	margin: 26px 40px 0 0 ; 
}	
#menu {
	float: right;
}

#main {
	float: right;
	background-position: top right;
}
#maintop {
	padding: 0 315px 0 0 ;
}

/* Zus?e fr rechts durchgehend (body-class auf "rdg") */
.twocolsrc #maintop, .twocols #maintop {
	float: left;
}
#mainbottom {
    padding: 0 45px 0 25px;
}
.twocols #mainbottom {
	padding: 0 25px 0 0 ;
}
#right {
	float: right;
}	

h2 {
	text-align: right;
	vertical-align: top;
	text-indent: 0em;
	font-size:20px;
	color:#000;
} 
h3 {
	height: 30px;
	text-indent: 0em;
	font-size: 20px;
	color:#000;
}
h3.tworows, h2.tworows {
	height: 60px;
	padding: 0;
}
h3.farsi, h2.farsi {
    background-image: none;
}
h3 span, h2 span {
	text-align: right;
}
/* ---------------------------------- */
/* ============ ELEMENTE ============ */
/* ---------------------------------- */
ul {
   /*direction: rtl;*/
}

a.link, a.maillink, .teaser-small p a, ul.sitemaplevel1 a {
	/*padding: 0 6px 0 0 ;
	background: url(../pictures/general/redesign/linkpfeil_farsi.gif) right no-repeat;*/
	padding: 0;
	background-image: none;
}
a.maillink {
    text-decoration: none;  
    padding: 0 77px 0 0 ;
    background: url(../../media/pictures/general/atknaufircom.gif) bottom right no-repeat;
}
/* ---------------------------------- */
#footer {
  /* float:right; */
	background-image: url(../pictures/general/redesign/bodybg_farsi.gif);
	background-position: top right; 
}
#page {
	float: right;
}
#right dt {
	margin: 0 10px 0 0;
	padding: 2px 8px 2px 0;
}
#right dd {
	padding: 10px 20px 10px 10px;
}
#right dd a {
	padding: 0 6px 0 0 ;
	background-image: url(../pictures/general/redesign/linkpfeil_farsi.gif);
	background-position: right;
} 
/* TEASER BREIT */
.teaser-wide { /* ?erer container fr breiten teaser */
	border-left: none;
	border-right: 3px solid #00a6eb;
	padding: 0 2px 1px 0;
	margin: 0 0 20px 0;
	background-position: top right;
}
.teaser-wide-inner { /* innerer container fr breiten teaser; macht das linke padding */
	padding: 0 15px 0 0;
} 
.teaser-wide-inner h3 { 
    background-position: top right;
    background-repeat: no-repeat;
    text-align: right;
}
.teaser-wide-inner ul {
    margin-left: 200px; 
    margin-right: 20px;
    direction: rtl;
}
.teaser-wide p.opener { 
	float: none;
} 
.teaser-wide p.img, .teaser-wide img  { 
	clear: left;
	float: left;
	margin: 0 10px 10px 0;
}
.teaser-wide h3 {
	float: right;
}
.teaser-wide img.closed {
	margin: 0 10px 0 0 ;
}
.teaser-wide-bottom {
	background-image: url(../pictures/general/redesign/teaser-breit-opener_farsi.gif);
	background-position: top left;
}
.teaser-wide-bottom#closer {
	background-image: url(../pictures/general/redesign/teaser-breit-closer_farsi.gif);
	background-position: top left;
}

/* TEASER KLEIN */
.teaser-small { /* ?erer container fr breiten teaser */
	border-left: none;
	border-right: 3px solid #00a6eb;
	padding: 0 2px 0 0;
	background-position: top right;
	float: left; /* ausrichtung nach links */
}
.teaser-small-inner { /* innerer container fr breiten teaser; macht das linke padding */
	padding: 0 7px 0 0;
}
.teaser-small h3 {
	float: right;
}
.teaser-small img { /* bild nach rechts floaten */
	/* wichtig: im xhtml-flow steht immer erst der IMG-, dann der P-tag */
	/*clear: right; /* stellt sicher, dass die bilder nicht nebeneinander floaten und immer bei ihren abs?en stehen */
	float: left;
} 
.teaser-small p a {
	padding: 0 4px 0 0;
	margin: 0 2px 0 0;
}
 
/* TEASER KLEIN WEI? LINIE */
/* (Selbe Klasse wie kleiner Teaser ohne wei? Linie. Der Teaser erkennt an der Body-Klasse "zweispaltig", dass er eine wei? Linie braucht) */
body.twocols .teaser-small {
	border-left: none;
	border-right: 3px solid #00a6eb;
	margin: 0 20px 15px 0;
	background-position: top right;
	float: right; /* automatische aufteilung auf zwei spalten */
}
body.twocols .teaser-small h3 {
	padding: 5px 10px 0 0 ;
}
body.twocols .teaser-small p {
	float: right;
	padding: 9px 10px 0 0 ;	
}

/* TABELLEN */
table caption {
	text-align: right;
	background-image: url(../pictures/general/redesign/tablecaption_farsi.jpg);
	background-position: top left;
}
th, td {
    text-align: right;
}
td.nobr, th.nobr {
    text-align: right;
}
#topnav {
	float: right;
	padding: 2px 4px 2px 0;
}
#topnav ul {
	direction: ltr; /* NEU wegen Essmann Aenderungen*/ 
	float: right;
}
#topnav li {
	direction: rtl; /* NEU wegen Essmann Aenderungen*/ 
	padding: 0 14px 0 13px;
	float: right;
	border-right: none;
	border-left: 1px solid #DFDFDF;
}


/* Definitionslisten-Layout mit Rahmen (z.b. bei 'Referenzen') */ 
.teaser-wide dl.box, .teaser-wide dl.whitebox {
    margin: 0 0 10px 1px;
}
.teaser-wide dl.box dt, .teaser-wide dl.whitebox dt {
    padding: 3px 5px 3px 0;
}   
.teaser-wide dl.box dd, .teaser-wide dl.whitebox dd {
    padding: 0 10px 0 0 ;
}  
	
/* REITER-NAVIGATION */
ul.flagnav {
	margin: 0 10px 0 0 ;
}
ul.flagnav li {
    float: right;
}	
ul.flagnav a {
    border-left: none;
    border-right: 1px solid #fff;
    background-image: url(../pictures/general/redesign/reiter_inactive_farsi.gif);
    background-position: top left; 
    padding: 4px 10px 4px 5px;
}
ul.flagnav a.flagactive {
    background-image: url(../pictures/general/redesign/reiter_active_farsi.gif);
    background-position: top left;
}
.flagcontentarea {
    margin: 0 0 15px 0;
    padding: 10px 10px 0 0 ;
    float: left;
    border-left: none;
    border-right: 1px solid #fff;
}
.flagcontentarea ul { /* vererbte einrckung rechts auf null */
    direction: rtl; 
    margin-right: 20px;
}

td.input, td.submit {
    text-align: right;
    padding: 0 0 0 2px;
}
input.submit, input.button {
    margin: 0 5px 0 0 ; /* muss bei den oberen spaltenbreiten noch gefixt werden! */
    text-align: right;
    padding: 0 6px 0 0 ;
    background: url(../pictures/general/redesign/linkpfeil_farsi.gif) right no-repeat;
}		

#footer ul {
	margin: 0 210px 0 0;
    float: right;
}
#footer ul.last { 
    margin: 0 720px 0 0 ;
}
#footer li {
    /*float: right;*/
    border-right: none;
    border-left: 1px solid #DFDFDF;
}
#footer li.last {
   /* padding: 0 511px 0 0 ; /* nach rechts */
}
                                                            
/* -------------------------------- BEGIN: from menu.css -------------------------------- */
#mainnav .mainnavlevel1 a {
	padding: 1px 15px 1px 0;
}
#mainnav .mainnavlevel2 a {
	border-left: none;
	border-right: 3px solid #00AEEF;
	padding: 1px 30px 1px 0;
}
.mainnavlevel2 a#active2:link, .mainnavlevel2 a#active2:visited, .mainnavlevel2 a#active2:hover, .mainnavlevel2 a#active2:active {
	background-image: url(../pictures/general/redesign/mainnav_active_farsi.gif);
	background-position: right;
}
#mainnav .mainnavlevel3 a {
	padding: 1px 40px 1px 0;
}
.mainnavlevel3 a#active3:link, .mainnavlevel3 a#active3:visited, .mainnavlevel3 a#active3:hover, .mainnavlevel3 a#active3:active {
	background-image: url(../pictures/general/redesign/mainnav_active_farsi.gif);
	background-position: right;
}
#mainnav .mainnavlevel4 a {
	padding: 1px 50px 1px 0;
}
.mainnavlevel4 a#active4:link, .mainnavlevel4 a#active4:visited, .mainnavlevel4 a#active4:hover, .mainnavlevel4 a#active4:active {
	background-image: url(../pictures/general/redesign/mainnav_active_farsi.gif);
	background-position: right;
}
/* --------------------------------- END: from menu.css --------------------------------- */
