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

html, body {margin: 0px; padding: 0px; border: 0px; height: 120%;}
body, p, td, li {font-size: 11px; font-family: Verdana, Arial, Helvetica; color : #0D2B88; font-weight: normal; letter-spacing: 0px; padding : 0px; margin: 0px; line-height: 16px;}		
.bodymain {text-align: center; margin: 0px; background-color: #F0F9FF;}

h1 {font-family: Verdana, Arial, Helvetica; font-size: 12px; font-weight: bold; letter-spacing: 0px; padding: 0px; margin: 2px 0px 0px 0px;}
h2 {font-family: Verdana, Arial, Helvetica; font-size: 11px; font-weight: bold; letter-spacing: 0px; padding: 0px ; margin: 15px 0px 2px 0px;}
h3 {font-family: Verdana, Arial, Helvetica; font-size: 10px; color : #0D2B88; padding: 0px; margin: 5px 0px 2px 0px;}
.csc-firstHeader {font-family: Verdana, Arial, Helvetica; font-size: 12px; font-weight: bold; letter-spacing: 0px; padding: 0px; margin: 2px 0px 0px 0px;}
		
a  {color : #0D2B88;}
a:link  {color : #0D2B88; text-decoration: none;}
a:visited {color : #0D2B88; text-decoration: none;}
a:active {color : #0D2B88; text-decoration: none;}
a:hover {color : #0D2B88; text-decoration: none; background-color: #ACD8FF;}		


#layout {width: 918px; margin: auto; height: 100%; text-align: left; padding: 0px; background-color: #FBFDFF; border-right: 1px solid #00327A; border-left: 1px solid #00327A;}
#topbanner {width: 918px; height: 177px; float: none; background-image: url(../../../fileadmin/_123immomakler/gfx/top.jpg); background-repeat: no-repeat;}
#border {width: 918px; height: 29px; float: none; font-family: Verdana, Arial, Lucida Sans Unicode, Helvetica; font-size: 10px; color: #0D2B88; vertical-align: middle; text-align: right; background-image: url(../../../fileadmin/_123immomakler/gfx/subnavi_bg.gif); background-repeat: repeat-x;}
#subnavi {padding-right: 8px;}
#sprache {position: relative; top: 5px; left: 0px; width: 60px; line-height: 22px; height: 22px; margin: 0px; text-align: left; color: #AFAFAE; float: left;}
a.snav   {color : #0D2B88; font-size: 10px; font-weight: bold; line-height: 26px}
a:link.snav {color : #0D2B88; text-decoration: none;}
a:visited.snav {color : #0D2B88; text-decoration: none;}
a:active.snav {color : #0D2B88; text-decoration: none;}
a:hover.snav {color: #0D2B88; text-decoration: underline; }

#produktnavi {width: 166px; height: 80%; vertical-align: top; float: left; color: #0D2B88; margin-top: 25px; border-top: 1px solid #FFFFFF; background-color: #FFFFFF;}
#brotkruemmel {width: 500px; height: 29px; color: #cdcdcd; text-align: left; float: left;}
#todaydate {position: relative; top: 5px; left: 8px; width: 190px; height: 25px; text-align: left; float: left;}

.abstand {width: 200px; height: 25px; clear: both;}
.clear {clear: both;}

#content {width: 718px; background-color: #FFFFFF; text-align: left; float: right;}

/*########## TYPO3 Rendering der Inhalte in der Spalte NORMAL (INHALT) ###########*/
#inhalt {width: 474px; text-align: left; vertical-align: top; padding: 0px; margin: 0px; float: left;}
.text {text-align: left; padding: 5px 15px 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: 195px; text-align: left; vertical-align: top; padding: 0px; margin: 0px; float: right;}
.randteaser {width: 192px; text-align: left; padding: 0px; margin: 0px 3px 0px 0px; background-image: url(../../../fileadmin/_123immomakler/gfx/teaser_bg.gif); background-repeat: repeat-y;}
.randtext {text-align: left; padding: 0px 5px 10px 5px; margin: 0px; color: #0158A5; font-size: 10px;}
.randtext p {line-height: 14px; color: #0158A5; font-size: 10px;}
.randtext ul {margin: 10px 0px 10px 8px; padding: 2px 2px 2px 5px;}
/*########## TYPO3 Rendering der Inhalte in der Spalte RAND (RAND) ###########*/


/*########## NEUE LIST-NAVI FUER TYPO3 ###########*/
#navi {	width: 198px; padding: 0px; height: auto; background-color: #DCEEFF;}
#navi ul {margin: 0px; 	padding: 0px; list-style: none; }
#navi li {font-size: 11px;	margin: 0px; text-align: left; list-style: none; border-bottom: 1px solid #FFFFFF; background-color: #DCEEFF; }
#navi li a {display: block;	height: 30px; margin: 0px;}
#navi li a:hover {background-color: #ACD8FF; }

a.nav {font-size: 11px; font-weight: normal; color: #0D2B88; padding-left: 11px; padding-right: 11px; line-height: 30px; text-decoration: none;}
a.nav:visited {color : #0D2B88; text-decoration: none;}
a.nav:active {color : #0D2B88; text-decoration: none; }
a.nav:hover {color : #0D2B88; text-decoration: none;}
/*###Angeklickte Seite (Wo ich mich befinde) ###*/
.activesmenu {background-color: #ACD8FF; color: #FFFFFF;} 
.activesmenu a.nav:active {background-color: #ACD8FF; color: #FFFFFF;} 
/*########## NEUE LIST-NAVI FUER TYPO3 ###########*/


/*########## TYPO3 IMMOMANAGER ###########*/
.immolistheadline {text-align: left; font-weight: bold; padding: 2px; background-color: #ACD8FF; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #0D2B88;}
.immolistcontent {text-align: left; font-size: 10px; padding: 2px; background-color: #DCEEFF;}
.immolistfooter {text-align: right; font-size: 10px; padding: 2px 5px 2px 5px; background-color: #DCEEFF;}
.immodetailheadline {text-align: left; font.size: 11px; font-weight: bold; padding: 2px; background-color: #ACD8FF; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #0D2B88;}
.immodetailsubheader {text-align: left; font-size: 11px; font-weight: bold; font-style: italic; padding: 5px 2px 5px 2px; background-color: #DCEEFF;}
.immodetailcontent {text-align: left; padding: 2px 5px 2px 5px; background-color: #DCEEFF;}
.immodetailimgbg {width: 120px; text-align: center; background-color: #ACD8FF;}
.immoteaserimg {float: none; margin: 3px; border: 1px solid #F5F3ED;}
.immodetailimg {border: 2px solid #FFFFFF;}
.immopopupbody {margin: 0px; background-color: #ACD8FF;}
/*########## TYPO3 IMMOMANAGER ###########*/



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


.hlkontakt {width: 150px; text-align: left; padding: 2px; background-color: #ACD8FF;}
.kontakt {width: 100px; text-align: right; padding: 2px; background-color: #C4DEF6}


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

.csc-mailform-check {background-color: #E8EBEC; border: 1px solid; margin-right: 200px;}
.input {font-size : 11px; width: 250px; border-style: solid; border: 1px solid #0D2B88;background-color: #E8EBEC;}	
.textarea {font-size : 11px; width: 250px; height: 110px; border: 1px solid #0D2B88;background-color: #E8EBEC;}		
.option {font-size: 11px; width: 250px; padding: 0px; border: 1px solid #0D2B88;background-color: #E8EBEC; margin: 0px;}
.sub {margin-top: 10px; margin-right: 35px; font-size: 11px; font-weight: 700; color : #FFFFFF; width: 175px; height: 20px; float: right; border: 1px groove #DCEEFF;background-color: #0D2B88; 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; 
/* 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;*/}
#trend {width: 100%; height: 1500px; text-align: left; vertical-align: top; float: left; padding: 0px; margin: 0px;}
.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: #A1A1A1; font-size: 10px; letter-spacing: 0px; float: none;}
.artikel {width: 310px; height: 70px; margin: 0px; padding: 0px 0px 0px 0px; float: none; clear: both; text-align: left;}
.artikeltext {width: 100%; font-size: 11px; color: #424B53; line-height: 12px; margin: 0px; padding: 0px; float: left;}

/*##### 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: #424B53; font-weight: bold; line-height: 12px; padding: 0px 0px 2px 0px; cursor: hand;}
a:link .newsheadline  {color : #424B53; text-decoration: none;}
a:visited .newsheadline {color : #424B53; text-decoration: none;}
a:active .newsheadline {color : #424B53; text-decoration: none;}
a:hover .newsheadline {color: #3960C8; text-decoration: underline;}

 .tx-ttnews-browsebox {text-align: center;}
 .tx-ttnews-browsebox td {font-size: 11px;color: #999999; }
 .tx-ttnews-browsebox p {font-size: 11px;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 #0D2B88;
background-color : #E8EBEC;
margin: 0px;}
	
p {line-height:  16px;}

#sayhallo{position: absolute; left:-800px;top:-100px;visibility:hidde;width:780px;height: 1px;}