.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 #103F91;}
.csi-image {float: left; margin: 0px 3px 5px 0px; padding: 2px 2px 0px 2px; background-color: #EBEFF3; border: 1px solid #D1DAE4;}

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

h1 {font-size: 12px; font-family: Verdana, Arial, Helvetica; font-weight: bold; letter-spacing: 0px; color : #033968; padding: 0px; margin: 4px 0px 2px 0px;}
h2 {font-size: 11px; color : #033968; font-weight: bold; letter-spacing: 0px; padding: 0px; margin: 4px 0px 2px 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 0px 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;}		


#layout {width: 893px; margin: auto;  text-align: left; padding: 0px;}
#top {width: 893px; height: 96px; float: none; background-color: #FFFFFF; background-image: url(../../../fileadmin/_fareast420er/gfx/logo.gif); background-repeat: no-repeat;}
#logo {width: 500px; height: 96px; float: left;}
#topslogan {width: 393px; height: 96px; text-align: center; float: left; background-color: #033968; background-image: url(../../../fileadmin/_fareast420er/gfx/top_login_bg.gif); background-repeat: no-repeat;}

#subnavi {position: relative; top: 60px; left: 330px; width: 160px; height: 22px; margin: 0px; vertical-align: top; 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: 893px; height: 26px; background-color: #1B5485; background-image: url(../../../fileadmin/_fareast420er/gfx/mnav_bg.gif); background-repeat: repeat-x;}

#left {with: 500px;  background-color: #FFFFFF; float: left;}
#eyecatcher {width: 500px; height: 326px; margin: 0; float: none;}

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

#content {width: 893px;float:left; background:url("../../../fileadmin/_fareast420er/gfx/contentbg.gif") #EBEFF3;border-bottom: 1px solid #BBC8D7;padding-bottom:20px;}


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


/*########## TYPO3 Rendering der Inhalte in der Spalte RAND (RAND) ###########*/
#rand {width: 500px; text-align: left; vertical-align: top; padding: 0px; margin: 0px; float: left;  background-color: #D1DAE4; background-image: url(../../../fileadmin/_fareast420er/gfx/rand_bg.gif); background-repeat: repeat-y;}
#newshl {background-image: url(../../../fileadmin/_fareast420er/gfx/hl_news.gif); background-repeat: no-repeat;}
.randtext {font-size: 10px; color: #033968; text-align: left; padding: 5px 5px 10px 8px; margin: 0px;}
.randtext p {font-size: 10px; line-height: 14px; color: #033968; }
.randtext ul {margin: 10px 0px 10px 8px; padding: 2px 2px 2px 7px;}
.randtext li {line-height: 14px;}
#rand .randtext h1.csc-firstHeader {color: orange;}
/*########## TYPO3 Rendering der Inhalte in der Spalte RAND (RAND) ###########*/


/*########## NEUE LIST-NAVI FUER TYPO3 ###########*/
#navi {	width: 893px; padding: 0px; height: auto; margin: 0px;}
#navi ul {margin: 0px; padding: 0px; list-style: none; }
#navi li {font-size: 10px; margin: 0px; text-align: left; list-style: none; float: left; background-image: url(../../../fileadmin/_fareast420er/gfx/seperator.gif); background-repeat: no-repeat; background-position: left middle; }
#navi li a {/*display: block;*/height: 26px; margin: 0px;}
#navi li a:hover {}

a.nav {font-size: 10px; font-weight: bold; color: #FFFFFF; padding-left: 8px; padding-right: 8px; line-height: 24px; text-decoration: none;}
a.nav:visited {color : #FFFFFF; text-decoration: none;}
a.nav:active {color : #FFFFFF; text-decoration: none;}
a.nav:hover {color : #F69900; text-decoration: none;}
/*###Angeklickte Seite (Wo ich mich befinde) ###*/
.activesmenu {background-color: #FFFFFF;} 
/*########## NEUE LIST-NAVI FUER TYPO3 ###########*/


#footer {width: 893px; height: 25px; font-size: 10px; color: #cdcdcd; float: none; clear: both;}


.formular {width: 350px; margin: 0px; padding: 0px;}
.hlkontakt {width: 110px; font-size: 10px; line-height: 12px; text-align: left; font-weight: bold; padding: 2px;}
.kontakt {width: 240; font-size: 10px; line-height: 12px; 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: #F69900; 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: 100%; height: 1500px; text-align: center; vertical-align: top; padding: 0px; margin: 0px; }
#trend {width: 100%; height: 1500px; text-align: left; vertical-align: top; float: left; padding: 0px; margin: 0px;}

div.date {font-size: 100%; line-height: 16px; text-align: center; width: 35px; padding-right: 3px; margin: 0px 2px 0px 0px; color: #033968; float: left; }
div.date .dday {font-size: 20px; line-height: 20px;}
div.date .dmonth {font-size: 11px; text-transform: uppercase; line-height: 14px; padding-left: 2px;}
div.date .dyear {font-size: 9px; line-height: 12px; }

.ttrennlinie {width: 100%; 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: #033968; font-size: 10px; letter-spacing: 0px; float: left;}*/
.artikel {width: 85%; height: 50px; margin: 0px; padding: 0px 0px 0px 0px; float: none; clear: both; text-align: left;}
.artikeltext {width: 100%; color: #033968; font-size: 10px; line-height: 12px; margin: 0px; padding: 0px; float: left;}
.artikeltext p {line-height: 12px;}


/* ##### NEWS-Archiv #####*/
.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: #D1DAE4;}
.news-amenu-item-row2 {padding: 2px; margin-bottom: 1px; background: #F4F6F8;}
/* ##### 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: #103F91; font-weight: bold; line-height: 12px; padding: 0px; cursor: hand;}
a:link .newsheadline  {color : #103F91; text-decoration: none;}
a:visited .newsheadline {color : #103F91; text-decoration: none;}
a:active .newsheadline {color : #103F91; text-decoration: none;}
a:hover .newsheadline {color: #3960C8; 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: verdana, arial, helvetica;
font-size : 11px;
font-weight	: normal;   
border-style: solid;
border: 0px solid #0F3E8B;
background-color : #FFFFFF;
margin: 0px;}
	
.input {
font-size : 11px;
width: 240px; 
border-style: solid;
border: 1px solid #0F3E8B;
background-color : #FFFFFF;}	

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

.option {
font-size: 11px;
width: 240px; 
padding: 0px;
border: 1px solid #0F3E8B;
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;}

p {line-height:  16px;}