img {border: 0px;}
.bildtext {float: left; margin: 8px 10px 8px 0px; border: 1px solid #103F91;}
.textbild {float: right; margin: 2px 0px 2px 10px; border: 1px solid #103F91;}
.teaserimg {float: right; margin: 0px 0px 0px 10px; border: 1px solid #F69900;}
.csi-image {float: left; margin: 0px 3px 5px 5px; padding: 2px 2px 2px 2px; background-color: #EBEFF3; border: 1px solid #D1DAE4;}

html, body {margin: 0px; padding: 0px; border: 0px;}
body, p, td, li {font-size: 11px; font-family: Verdana, Arial, Lucida Sans Unicode, Helvetica; color : #050505; font-weight: normal; letter-spacing: 0px; padding : 0px; margin: 0px; line-height: 15px;}		
.bodymain {text-align: center; margin: 0px 0 1% 0; border-top: 1px solid #cdcdcd; background-color: #ffffff; background-image: url(../../../fileadmin/_fareastoptimist2006/gfx/bg.jpg); background-repeat: repeat-x;}


h1 {font-size: 14px; font-family: Verdana, Arial, Helvetica; font-weight: bold; letter-spacing: 0px; color : #033968; padding: 0px; margin: 4px 0px 8px 0px;}
h2 {font-size: 12px; color : #033968; font-weight: bold; letter-spacing: 0px; padding: 0px; margin: 4px 0px 8px 0px;}
h3 {font-size: 11px; color : #033968; font-weight: bold; letter-spacing: 0px; margin: 4px 0px 2px 0px;}
.csc-firstHeader {font-size: 11px; font-family: Verdana, Arial, Helvetica; line-height: 18px; font-weight: bold; letter-spacing: 0px; color : #033968; padding: 0px; margin: 8px 0px 8px 0px;}
		
a  {color : #2664AF;}
a:link  {color : #2664AF; text-decoration: none;}
a:visited {color : #2664AF; text-decoration: none;}
a:active {color : #2664AF; text-decoration: none;}
a:hover {color : #F69900; text-decoration: none;}		


#layoutwrapper {position: relative; width: 939px; text-align: center; margin: auto; margin-top: 20px;}
#layout {width: 939px; margin-top: 10px; text-align: left; padding: 0px;}
#top {width: 939px; height: 96px; float: none; background-color: #FFFFFF; background-image: url(../../../fileadmin/_fareastoptimist2006/gfx/logo.gif); background-repeat: no-repeat;}
#logo {width: 546px; height: 96px; float: left;}
#topslogan {width: 393px; height: 96px; text-align: center; float: left; background-color: #033968; background-image: url(../../../fileadmin/_fareastoptimist2006/gfx/top_login_bg.gif); background-repeat: no-repeat;}
#content {width: 939px; vertical-align: top; float: none; background-color: #FFFFFF;}

.imgc1 {border-top: 2px solid #C9D2DD; border-right: 0px solid #C9D2DD; border-bottom: 2px solid #C9D2DD; border-left: 2px solid #C9D2DD;}
.imgc2 {border-top: 2px solid #C9D2DD; border-right: 2px solid #C9D2DD; border-bottom: 2px solid #C9D2DD; border-left: 2px solid #C9D2DD;}

#left {with: 546px; background-color: #FFFFFF; float: left;}
#teaser {width: 393px; height: 1100px; vertical-align: top; color: white; background-color: #033968; text-align: center; float: right; background-image: url(../../../fileadmin/_fareastoptimist2006/gfx/teaser_bg_verlauf.gif); background-repeat: repeat-x; background-position: left bottom;}
#imgkompass {width: 393px; height: 197px; vertical-align: top; float: none; clear: both;}
#werbung {width: 320px; height: 150px; vertical-align: top; color: #033968; margin: 70px 0px 0px 20px; background-color: #F5F2F2; text-align: left; border: 1px solid #033968;}


#brotkruemmel {width: 500px; height: 25px; color: #cdcdcd; text-align: left; float: none; margin: 0px 0px 10px 0px; background-color: #FFFFFF;}
.clear {clear: both;}

#sprache {position: relative; top: 15px; left: 330px; width: 160px; line-height: 18px; height: 18px; margin: 0px; text-align: left; color: #AFAFAE; float: none;}
#subnavi {position: relative; top: 30px; left: 330px; width: 160px; height: 22px; margin: 0px; text-align: left; color: #AFAFAE; float: left;}
a.snav   {height: 20px; line-height: 20px; color : #FFFFFF; font-size: 10px; font-weight: bold;  padding-top: 0px; padding-right: 2px; padding-left: 2px;}
a:link.snav {color : #AFAFAE; text-decoration: none;}
a:visited.snav {color : #AFAFAE; text-decoration: none;}
a:active.snav {color : #AFAFAE; text-decoration: none;}
a:hover.snav {color: #F69900; text-decoration: none; }
#produktnavi {width: 939px; height: 26px; background-color: #1B5485; background-image: url(../../../fileadmin/_fareastoptimist2006/gfx/mnav_bg.gif); background-repeat: repeat-x;}


/*########## TYPO3 Rendering der Inhalte in der Spalte NORMAL (INHALT) ###########*/
#inhalt {width: 545px; background-color: #FFFFFF; text-align: left; vertical-align: top; padding: 0px; margin: 0px;}
.text {text-align: left; width: 540px; padding: 15px 0px 0px 0px; margin: 0px;}
.text p {line-height: 18px;}
/*########## TYPO3 Rendering der Inhalte in der Spalte NORMAL (INHALT) ###########*/


/*########## TYPO3 Rendering CONTENT ###########*/
.bildtext {float: left; margin: 8px 10px 8px 0px; border: 1px solid #103F91;}
.textbild {float: right; margin: 2px 0px 2px 10px; border: 1px solid #103F91;}
.teaserimg {float: left; margin: 0px 10px 0px 0px; border: 1px solid #103F91;}

.contenttable {margin: 5px 0px 10px 0px;}
.contenttable td {padding: 6px; }
.tr-odd {background-color: #EBEFF3;}
.tr-even {background-color: #ECECEC;}
.bodytext {padding-right: 25px;}

csi-image {float: left; margin: 0px; padding: 0px; background-color: #EBEFF3;}
.csi-caption p.csc-caption {margin-bottom: 2px; font-family: arial, sans-serif; font-size: 10px; line-height: 14px; color: #FFFFFF; background-color: #033968;}
.csi-textpic .csi-imagewrap {text-align: center;	/* is there a bug in IE? (if we don't set this, the image is not centered above or below the text) */}
.csi-text {padding: 0px 10px 0px 0px;}
.csi-textpic dl {float: left;}
/*########## TYPO3 Rendering CONTENT ###########*/



/*########## TYPO3 Rendering der Inhalte in der Spalte RAND (SPECIALS Herbstaktion) ###########*/
#rand {width: 526px; text-align: left; vertical-align: top; padding: 0px; margin: 0px; float: left;}
#rand .randtext .csc-header.csc-header-n1 {width: 496px; height: 10px; text-align: left; background-color: #0E2A52; }
#rand .randtext h1.csc-firstHeader {color: #033968; margin: 0px 0px 0px 0px; padding: 1px 0px 0px 11px; }
#rand .randtext {width: 500px; height: 70px; background-color: #C9D2DD; border: 1px solid #0E2A52; margin: 10px 0px 25px 0px; }
#rand .randtext p.bodytext {color: #2E6494; margin: 2px 0px 0px 0px; padding: 0px 0px 2px 11px; }
#rand .csi-image {padding: 0px 5px 0px 11px; margin: 0px; background-color: #C9D2DD; border: 0px solid #C9D2DD;}
/*########## TYPO3 Rendering der Inhalte in der Spalte RAND (SPECIALS Herbstaktion) ###########*/

/*########## TYPO3 Rendering der Inhalte in der Spalte LEFT (SHOP) ###########*/
#leftshop {width: 526px; text-align: left; vertical-align: top; padding: 0px; margin: 0px 5px 0px 0px; float: left;}
#leftshop .lefttext .csc-header.csc-header-n1 {width: 163px; height: 15px; text-align: left; background-color: #0E2A52; }
#leftshop .lefttext h1.csc-firstHeader {color: #033968; font-size: 10px; line-height: 14px; margin: 0px; padding: 3px 0px 0px 4px; }
#leftshop .lefttext {width: 163px; background-color: #EBEFF3; border: 1px solid #C9D2DD; float: left; margin: 0px 5px 5px 0px;}
#leftshop .lefttext p.bodytext {font-size: 10px; color: #033968; line-height: 12px; margin: 0px 0px 5px 0px; padding: 0px 3px 2px 4px; }
#leftshop .csi-image {padding: 0px 0px 12px 0px; margin: 0px; background-color: #C9D2DD; border: 0px solid #C9D2DD;}
/*########## TYPO3 Rendering der Inhalte in der Spalte LEFT (SHOP) ###########*/


/*########## NEUE LIST-NAVI FUER TYPO3 ###########*/
#navi {	width: 939px; padding: 0px; height: auto; margin: 0px;}

.layeritem {height: 21px; display: block; padding: 0px; font-size: 11px; text-align: left; vertical-align: middle; border-bottom: 1px solid #39638B; background-color: #033968; float: none; clear: both; filter: alpha(opacity=85); -moz-opacity: 0.8; }
.layeritem a  {height: 18px; display: block; padding: 2px 0px 2px 5px; color : #FCF8F8;}
.layeritem a:link  {height: 18px; display: block; padding: 2px 0px 2px 5px; color : #FCF8F8; text-decoration: none;}
.layeritem a:visited {height: 18px; display: block; padding: 2px 0px 2px 5px; color : #FCF8F8; text-decoration: none;}
.layeritem a:active {height: 18px; display: block; padding: 2px 0px 2px 5px; color : #FCF8F8; text-decoration: none;}
.layeritem a:hover {height: 18px; display: block; padding: 2px 0px 2px 5px; color : #033968; text-decoration: none; background-color: #BECAD6;}

/* IE HACK weil nur IE braucht Angabe width: 100%, FF brauch Sie nicht, macht sonst über Rand */
* html .layeritem {w\idth: 100%; height: 21px; display: block; padding: 0px; font-size: 11px; text-align: left; vertical-align: middle; border-bottom: 1px solid #39638B; background-color: #033968; float: none; clear: both; filter: alpha(opacity=85); -moz-opacity: 0.8; }
* html .layeritem a  {w\idth: 100%; height: 18px; display: block; padding: 2px 0px 2px 5px; color : #FCF8F8;}
* html .layeritem a:link  {w\idth: 100%; height: 18px; display: block; padding: 2px 0px 2px 5px; color : #FCF8F8; text-decoration: none;}
* html .layeritem a:visited {w\idth: 100%; height: 18px; display: block; padding: 2px 0px 2px 5px; color : #FCF8F8; text-decoration: none;}
* html .layeritem a:active {w\idth: 100%; height: 18px; display: block; padding: 2px 0px 2px 5px; color : #FCF8F8; text-decoration: none;}
* html .layeritem a:hover {w\idth: 100%; height: 18px; display: block; padding: 2px 0px 2px 5px; color : #033968; text-decoration: none; background-color: #BECAD6;}
/*########## LAYER-NAVI FUER TYPO3 ###########*/


#footer {width: 939px; height: 25px; font-size: 10px; color: #033968; background-color: #ECECEC; float: none; clear: both;}


.formular {width: 350px; margin: 0px; padding: 0px;}
.hlkontakt {width: 180px; font-weight: bold; background-color: #C9D2DD; text-align: left; padding: 2px;}
.kontakt {width: 320; background-color: #EBEFF3; text-align: left; padding: 2px;}

/*###### NEW FORM FOR TYPO3 4.0  ########*/
.csc-mailform {width: 350px;}
.csc-mailform-field {width: 350px; font-size: 10px; clear: both;}
.csc-mailform-field label {width: 110px; display: block; margin: 1px; text-align: left; padding: 2px 5px 2px 0px; line-height: 1.3em; float: left;}
.csc-form-label-req {color: red; font-weight: bold;}

.csc-mailform-check {border: 1px solid; margin-right: 200px;}
.input {font-size : 11px; width: 250px; border-style: solid; border: 1px solid #0F3E8B; background-color : #FFFFFF;}	
.textarea {font-size : 11px; width: 250px; height: 150px; border-style: solid; border: 1px solid #0F3E8B; background-color : #FFFFFF;}		
.option {font-size: 11px; width: 250px; padding: 0px; border: 1px solid #0F3E8B; background-color: #FFFFFF; margin: 0px;}
.sub {margin-top: 10px; font-size: 11px; font-weight: 700; color : #FFFFFF; width: 175px; height: 20px; border-style: solid; border: 1px groove #000000; background-color : #FF8700; cursor: hand;}
/*###### NEW FORM FOR TYPO3 4.0  ########*/


/*##### LISTST NEWS ###### */
#subheader {width: 200px; font-weight: bold; color: #999999; padding: 0px 0px 10px 0px;}
#news {width: 350px; height: 560px; text-align: left; vertical-align: top; padding: 0px; margin: 0px 0px 0px 20px;
/* overflow: auto; scrollbar-3dlight-color: white; scrollbar-arrow-color: gray; scrollbar-track-color: #D9E1E5; scrollbar-darkshadow-color: #D3D3D3; scrollbar-face-color: #E9E9E9; scrollbar-highlight-color: #E9E9E9; scrollbar-shadow-color: #E9E9E9;*/}
.ttrennlinie {width: 300; height: 2px; margin: 2px 0px 5px 0px; padding: 0px; float: left;}
.arrow {width: 15px; height: 55px; margin: 0px 4px 2px 2px; padding: 0px; float: left;}
.date {color: #C9D2DD; font-size: 10px; float: left; margin-right: 5px; }
.artikel {width: 350px; height: 50px; margin: 0px; padding: 0px 0px 0px 0px; float: none; clear: both; text-align: left;}
.artikeltext {color: #FFFFFF; font-size: 10px; line-height: 12px; margin: 0px; padding: 0px; float: left;}
.artikeltext p {line-height: 12px; color: #FFFFFF; font-size: 10px; }

.artikeltext a {color: #FFFFFF; }

/* ##### NEWS-Archiv #####*/
.artikellist {width: 450px; height: 50px; margin: 0px; padding: 0px 0px 0px 0px; float: none; clear: both; text-align: left;}
.artikellisttext {color: #000000; font-size: 10px; line-height: 12px; margin: 0px; padding: 0px; float: left;}
.artikellisttext p {line-height: 12px; color: #000000; font-size: 10px; }
.news-amenu {width: 200px; margin: 0px; text-align: left; list-style: none;}
.news-amenu-item-year {margin: 0px; text-align: left; list-style: none; color: white; font-weight: bold; padding: 2px; margin-bottom: 1px; background: #F69900;}
.news-amenu-item-headline {padding: 2px; margin-bottom: 1px; background: #5887C9;}
.news-amenu-item-row1 {padding: 2px; margin-bottom: 1px; background: #96B6E3;}
.news-amenu-item-row2 {padding: 2px; margin-bottom: 1px; background: #ABC4E9;}
/* ##### NEWS-Archiv #####*/


/*##### LATEST NEWS ###### */
.artikellatest {width: 400px; height: 50px; margin: 0px;  padding: 0px 0px 0px 0px; float: none; clear: both; text-align: left;}
.arrowlatest {width: 15px; height: 50px; margin: 0px 4px 2px 2px; padding: 0px; float: left;}
/*##### LATEST NEWS ###### */

a .newsheadline  {color: #F69900; font-weight: bold; line-height: 12px; padding: 0px; cursor: hand;}
a:link .newsheadline  {color : #F69900; text-decoration: none;}
a:visited .newsheadline {color : #F69900; text-decoration: none;}
a:active .newsheadline {color : #F69900; text-decoration: none;}
a:hover .newsheadline {color: #FFFFFF; text-decoration: underline;}

 .tx-ttnews-browsebox {text-align: center;}
 .tx-ttnews-browsebox td {font-size: 10px; color: #999999; }
 .tx-ttnews-browsebox p {font-size: 10px; color: #2F363E; }
 .tx-ttnews-browsebox a { color: #264769; font-size: 10px;padding: 0px 2px 0px 2px;}
 .tx-ttnews-browsebox a:link {color: #264769;padding: 0px 2px 0px 2px;}
 .tx-ttnews-browsebox a:active {color: #264769;}
 .tx-ttnews-browsebox a:visited {color: #264769;}
 .tx-ttnews-browsebox a:hover {color: #264769;}
 .tx-ttnews-browsebox-strong, .tx-ttnews-browsebox-SCell { font-size: 11px; font-weight: bold; }
 .tx-ttnews-browsebox-SCell {font-size: 10px; }
/*##### LISTST NEWS ###### */
 
 

		
/*########## FORMULARE ###########*/
p.form {
font-family: verdana, arial, helvetica;
font-size: 10px;
margin: 1px 0px 1px 0px;
padding: 0px;}

form input, form option, form submit, form select, form textarea {
font-family: arial, verdana, helvetica;
color : #0D3359;
font-size : 11px;
font-weight	: normal;   
border-style: solid;
border: 0px solid #2D2D2D;
margin: 0px;}
	
.input {
font-size : 11px;
width: 180px; 
border-style: solid;
border: 1px solid #596772;
background-color : #FFFFFF;}	

.textarea {
font-size : 11px;
width: 180px; 
height: 110px;
border-style: solid;
border: 1px solid #596772;
background-color : #FFFFFF;}	

form select {border: 1px solid #596772;}

.option {
font-size: 11px;
width: 180px; 
padding: 0px;
border: 1px solid #596772;
background-color : #FFFFFF;
margin: 0px;}

.button {
font-size: 11px;
font-weight: 700;   
color: #FFFFFF;
border-style: solid;
border: 1px solid #000000;
background-color : #FF8700;
margin-top: 5px; 
cursor: hand;}

.sub {
font-size : 11px;
font-weight : 700;   
color : #FFFFFF;
width: 175px; 
height: 20px;
border-style: solid;
border: 1px solid #000000;
background-color : #FF8700;
cursor : hand;}