.bildtext {float: left; margin: 0px 6px 8px 0px; border-right: 1px solid #022748;}
.textbild {float: right; margin: 2px 0px 2px 10px; border-left: 1px solid #022748;}
.teaserimg {float: right; margin: 2px 6px 0px 6px; padding: 0px; border: 1px solid #022748;}

/*////// STYLE ALLGEMEIN ANFANG ////////*/
body, p, li {font-size: 11px; font-family: Verdana, Arial, Helvetica; font-weight: normal; letter-spacing: 0px; line-height: 16px;}		
td {font-size: 11px; font-family: Verdana, Arial, Helvetica; color : #000000; font-weight: normal; }		
.small {font-size: 10px; line-height: 12px; text-align: left; color: #000000;}
.bodymain {text-align: left; margin: 0px; padding: 0px; background-color: #FFFFFF;}
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;}
h4 {font-size: 11px; color : #033968; font-weight: normal; letter-spacing: 0px; margin: 4px 0px 2px 0px;}
	
/*Alle Links*/	
a  {color : #868A1B;}
a:link  {color : #868A1B; text-decoration: none;}
a:visited {color : #868A1B; text-decoration: none;}
a:active {color : #868A1B; text-decoration: none;}
a:hover {color : #656809; text-decoration: underline;}
/*////// STYLE ALLGEMEIN ENDE ////////*/

#layout {position: absolute; width: 600px; height: 100%;  top: 10px; left: 15px; z-index: 1; background-color: #FFFFFF; padding: 0px 0px 20px 0px; }
#logo {width: 289pxpx; height: 80px; float: left; background-color: #FFFFFF;}
.teaser {display: none;}
#inhalt {width: 546px; background-color: #FFFFFF;}
.mnav {display: none;}
.imgtraeger {display: none;}
.imgc1 {display: none;}
.imgc2 {display: none;}


/*////// TYPO BODY ANFANG ////////*/
.content {width: 546px; background-color: #FFFFFF; vertical-align: top; float: left;}
.text {padding: 0px 30px 15px 0px; line-height: 16px;}
.csc-firstHeader {font-size: 18px; font-family: Verdana, Arial, Helvetica; line-height: 24px; font-weight: bold; letter-spacing: 0px; color : #CE0001; padding: 0px; margin: 8px 0px 2px 0px;}
.bodytext {font-size: 11px; font-family: Verdana, Arial, Helvetica; line-height: 16px; margin: 0px; }
p, .bodytext {font-size: 11px; font-family: Verdana, Arial, Helvetica; line-height: 16px; }
/*////// TYPO BODY ENDE ////////*/

/*////// TYPO NEWS ANFANG ////////*/
#newsletter {width: 338px; height: 90px; color: #FFFFFF; background-color: #033968; text-align: left; padding:  0px 15px 15px 15px; float: none; background-image: url(../../../fileadmin/_fareastoptimist/gfx/newsletter_bg.gif); background-repeat: no-repeat; background-position: center bottom;}
#news {width: 338px; height: 230px; background-color: #033968; text-align: center; padding: 0px; float: none;}
#trend {width: 99%; height: 230px; padding: 0px; margin: 0px; text-align: left; vertical-align: top; overflow: auto; scrollbar-3dlight-color: #1B5281; scrollbar-arrow-color: #1B5281; scrollbar-track-color: #022D59; scrollbar-darkshadow-color: #032D51; scrollbar-face-color: #07355D; scrollbar-highlight-color: #07355D; scrollbar-shadow-color: #07355D;}
#ttrennlinie {width: 99%; height: 2px; margin: 2px 0px 2px 0px; padding: 0px 0px 2px 0px; float: none;}
#arrow {width: 9px; height: 9px; padding: 0px 4px 0px 0px; float: left; background-color: #033968;}
#subheader {width: 380px; color: #000000; font-weight: bold; padding: 0px 0px 25px 0px;}
.date {font-size: 10px; color: #C9D2DD; line-height: 12px; padding: 0px 5px 2px 0px; letter-spacing: 0px; float: left; background-color: #033968;}
.newsdate {font-size: 11px; color: #94A8C1;}
.artikel {width: 98%; padding: 5px 0px 5px 0px; margin: 0px; float: none; clear: both; text-align: left;}
.artikeltext {font-size: 10px; color: #FFFFFF; line-height: 11px; margin: 0px; padding: 0px; float: left;}
.artikeltext p.bodytext {font-size: 10px; /*color: #FFFFFF;*/ line-height: 13px;}
.newsimage {float: left; margin: 0px 20px 10px 0px; border: 1px solid #022748;}
.newstext {padding: 0px 20px 15px 20px;}
a .newsheadline {color: #FFFFFF; font-weight: bold; line-height: 14px; float: none; padding: 0px; cursor: hand; background-color: #033968;}
a:link .newsheadline {color : #FFFFFF; text-decoration: none;}
a:visited .newsheadline {color : #FFFFFF; text-decoration: none;}
a:active .newsheadline {color : #FFFFFF; text-decoration: none;}
a:hover .newsheadline {color: #EBA812; text-decoration: underline;}
/*//////  TYPO NEWS ENDE ////////*/


#produktnavi {display: none }
.nvp {padding: 0px 0px 0px 0px; float: left;}
.layeritem {font-size: 11px; float: none; clear: both; width: 100%; height: 21px; display: block; padding: 0px; vertical-align: middle; border-bottom: 1px solid #39638B; background-color: #033968; filter: alpha(opacity=85); -moz-opacity: 0.8; }
.layeritem a  {width: 100%; height: 18px; display: block; padding: 2px 0px 2px 5px; color : #FCF8F8;}
.layeritem a:link  {width: 100%; height: 18px; display: block; padding: 2px 0px 2px 5px; color : #FCF8F8; text-decoration: none;}
.layeritem a:visited {width: 100%; height: 18px; display: block; padding: 2px 0px 2px 5px; color : #FCF8F8; text-decoration: none;}
.layeritem a:active {width: 100%; height: 18px; display: block; padding: 2px 0px 2px 5px; color : #FCF8F8; text-decoration: none;}
.layeritem a:hover {width: 100%; height: 18px; display: block; padding: 2px 0px 2px 5px; color : #033968; text-decoration: none; background-color: #BECAD6;}
.navpfeilchen {float: left; margin-top: 5px; margin-right: 3px; margin-left: 4px;}
.navhover {width: 100%; height: 18px; font-weight: bold; display: block; padding: 2px 0px 2px 5px; color : #CE0001; text-decoration: none;}



.layerunternehmen {font-size: 11px; float: none; clear: both; width: 100%; height: 21px; display: block; padding: 0px; vertical-align: middle; border-bottom: 1px solid #FFFFFF; background-color: #CDE2F2; filter: alpha(opacity=100); -moz-opacity: 1.0; }
.layerunternehmen a  {width: 100%; height: 18px; display: block; padding: 2px 0px 2px 5px; color : #184F81;}
.layerunternehmen a:link  {width: 100%; height: 18px; display: block; padding: 2px 0px 2px 5px; color : #184F81; text-decoration: none;}
.layerunternehmen a:visited {width: 100%; height: 18px; display: block; padding: 2px 0px 2px 5px; color : #184F81; text-decoration: none;}
.layerunternehmen a:active {width: 100%; height: 18px; display: block; padding: 2px 0px 2px 5px; color : #184F81; text-decoration: none;}
.layerunternehmen a:hover {width: 100%; height: 18px; display: block; padding: 2px 0px 2px 5px; color : #CE0001; text-decoration: none; background-color: #FFFFFF;}

#subnavi {display: none;}
.snav a  {font-size: 10px; height: 18px; display: block; padding: 2px 8px 2px 0px; color : #AFAFAE; float: left;}
.snav a:link  {height: 18px; display: block; padding: 2px 12px 2px 0px; color : #AFAFAE; text-decoration: none;}
.snav a:visited {height: 18px; display: block; padding: 2px 12px 2px 0px; color : #AFAFAE; text-decoration: none;}
.snav a:active {height: 18px; display: block; padding: 2px 12px 2px 0px; color : #AFAFAE; text-decoration: none;}
.snav a:hover {height: 18px; display: block; padding: 2px 12px 2px 0px; color: #033968; text-decoration: none; background-color: #FFFFFF;}

#language  {position: absolute; top: 106px; left: 880px; width: 80px; height: 25px; padding: 0px;}
#footer {width: 980px; height: 20px; padding: 5px 0px 0px 0px; text-align: right; background-color: #F7FBFC;}


.formular {width: 520px; background-color: #D6D9DD; margin: 0px 0px 5px 5px; padding: 5px;}
.hlkontakt {width: 180px; font-weight: bold; background-color: #C9D2DD; text-align: left; padding: 2px;}
.kontakt {width: 320; background-color: #D6D9DD; text-align: left; padding: 2px;}
csc-mailform {width: 400px; background-color: #D6D9DD; margin: 0px 0px 5px 5px; border-top: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; padding: 5px;}
.csc-form-label-req {color: #CE0001;}



/*////// STYLE TYPO3-SHOP ANFANG ////////*/
.zkheaderlist1 {width: 100px; float: left; border-bottom: 1px dotted; margin-bottom: 8px;}
.zkheaderlist2 {width: 290px; float: left; border-bottom: 1px dotted; margin-bottom: 8px;}
.zkheaderlist3 {width: 105px; float: left; border-bottom: 1px dotted; margin-bottom: 8px;}
.zkbrowselinks {width: 480px; margin-bottom: 15px;}

.zkproductteaser {width: 480px; background-color: #FFFFFF; float: none; clear: both;}

.zkproduct {width: 480px; background-color: #FFFFFF; float: none; clear: both;}
.zkproductimg {text-align: left; vertical-align: top;}
.zkproductinfo {width: 295px; vertical-align: top; padding: 2px; }
.zkproductprice {width: 85px; vertical-align: top; text-align: center;}

.zkdetailimg {margin: 0px 1px 5px 0px; border: 1px solid;}
.zkteaserimg {width: 80px; text-align: left; vertical-align: top; margin: 0px 0px 0px 0px;}
.zkproducttitle {font-size: 11px; line-height: 12px; font-weight: bold; color: #033968; padding: 5px 0px 0px 0px; text-decoration: none;}
.zkproductsubtitle {font-size: 10px;}
.zkproductcat {background-color: #C9D2DD; padding: 2px; color: #033968; font-size: 10px; font-weight: italic;}
.zkproducttext {font-size: 10px; line-height: 12px;}
.zkheadlinebasket {background-color: #C9D2DD; padding: 2px; font-size: 11px; font-weight: bold;}
.zktrenner {width: 480px; height: 10px; float: none; clear: both;}
.zkfooter {width: 480px; height: 30px; float: none; clear: both; border-top: 2px solid #033968; background-color: #D6D9DD; text-align: right;}
.zkfooterlist1 {width: 380px; height: 30px; text-align: left; }
.zkfooterlist2 {width: 145px; height: 30px; text-align: center; font-size: 10px;}
.zkfooterlist3 {width: 125px; height: 30px; text-align: center;}

.zkdetailfooter1 {width: 200px; height: 30px; text-align: left;}
.zkdetailfooter3 {width: 280px; height: 30px; text-align: right;}


.bumerken {font-size: 10px; width: 50px; float: left;}
.anzahl {width: 70px; float: left;}
.inputmenge {width: 30px; float: left; border-style: solid; border: 1px solid #000000; background-color : #FFFFFF;}
.input {width: 250px; font-size : 11px; border-style: solid; border: 1px solid #000000; background-color : #FFFFFF;}
.textarea {width: 250px; height: 110px; font-size : 11px; border-style: solid; border: 1px solid #000000; background-color : #FFFFFF;}
.select {width: 60px; float: left; border-style: solid; border: 1px solid #000000; background-color : #FFFFFF;}


.buwarenkorb {font-size: 10px; font-weight: bold; width: 120px; float: left; background-color: #033968; color: white; border-style: groove; border: 1px groove #000000;}
.back {font-size: 10px; font-weight: bold; width: 150px; float: left; background-color: #033968; color: white; border-style: groove; border: 1px groove #000000;}
.bubestellung {font-size: 10px; font-weight: bold; width: 150px; float: left; background-color: #FF0000; color: white; border-style: groove; border: 1px groove #000000;}
.budelete {font-size: 10px; width: 60px; color: black; background-color: #F8CD3F; border-style: groove; border: 1px groove #000000;}
.hlgesamt {height: 25px; background-color: #033968; padding: 2px; color: #FFFFFF; font-size: 11px; font-weight: bold;}
.gesamtprice { color: #FFFFFF;}
.price {width: 80px ; height: 44px; font-size: 12px; font-weight: bold; color: #033968;}
.order_id {background-color: #FFFFFF; font-weight: bold; border: 1px solid; padding: 2px;}
.wichtig {color: red;}

/* ///// BASKET OVERVIEW ANFANG //// */
.basket_overview_gesamt {display: none;}
.basket_overview_bg {background-color: #FFFFFF; padding: 1px;}
.basket_overview_hl {font-size: 10px; font-weight: bold; background-color: #033968; color: white;}
.basket_overview_inhalt {font-size: 10px; background-color: #D6D9DD;}
/* ///// BASKET OVERVIEW ENDE //// */

form {margin: 0px; padding: 0px; font-size: 10px;}
form input, form option, form submit, form select, form textarea {margin: 0px; padding: 0px; font-size: 10px;}
/*////// STYLE TYPO3-SHOP ENDE ////////*/





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;}	

.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: groove;
border: 1px groove #000000;
background-color : #033968;
padding: 1px 3px 1px 3px;
cursor : hand;}

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