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

html, body {margin: 0px; padding: 0px; border: 0px; height: 100%;}
body, p, td, li {font-size: 11px; font-family: Arial, Lucida Sans Unicode, Verdana, Helvetica; color : #0A0A; font-weight: normal; letter-spacing: 0px; padding : 0px; margin: 0px; line-height: 16px;}		
.bodymain {text-align: center; margin: 5px 0 1% 0; background-color: #C3D6FF;}

h1 {font-family: Arial, Lucida Sans Unicode, Verdana, Helvetica; font-size: 12px; font-weight: bold; letter-spacing: 0px; padding: 0px; margin: 0px 0px 2px 0px;}
h2 {font-family: Arial, Lucida Sans Unicode, Verdana, Helvetica; font-size: 11px; font-weight: bold; letter-spacing: 0px; padding: 0px ; margin: 15px 0px 2px 0px;}
h3 {font-family: Arial, Lucida Sans Unicode, Verdana, Helvetica; font-size: 10px; color : #424B53; padding: 0px; margin: 5px 0px 2px 0px;}
.csc-firstHeader {font-family: Arial, Lucida Sans Unicode, Verdana, Helvetica; font-size: 12px; font-weight: bold; letter-spacing: 0px; padding: 0px; margin: 0px 0px 2px 0px;}
		
a  {color : #103F91;}
a:link  {color : #103F91; text-decoration: none;}
a:visited {color : #103F91; text-decoration: none;}
a:active {color : #103F91; text-decoration: none;}
a:hover {color : #FF9900; text-decoration: underline;}		


#layout {width: 987px; margin: auto; height: 100%; text-align: left; padding: 0px;}
#topbanner {width: 987px; height: 52px; float: none; background-color: #103F91;}
#logo {width: 418px; height: 52px; float: left;}
#subnavi {/*position: relative;  top: 15px; left: 60px; */width: 300px; height: 20px; margin: 15px 5px 0px 0px; vertical-align: top; text-align: right; color: #E8EBEC; float: right;}
a.snav   {color : #FFFFFF; font-size: 11px; font-weight: normal;}
a:link.snav {color : #FFFFFF; text-decoration: none;}
a:visited.snav {color : #e5e5e5; text-decoration: none;}
a:active.snav {color : #AFAFAE; text-decoration: none;}
a:hover.snav {color: #e5e5e5; text-decoration: none; }
#produktnavi {width: 263px; height: 690px; text-align: right; vertical-align: top; float: left; border-top: 1px solid #C3D6FF; border-bottom: 1px solid #C3D6FF; background-color: #103F91;}

#brotkruemmel {width: 500px; height: 25px; color: #cdcdcd; text-align: left; float: none; margin: 0px 0px 10px 0px; background-color: #FFFFFF;}
#todaydate {position: relative; top: 10px; left: 5px; width: 170px; height: 18px; color: white; margin-bottom: 60px; text-align: right; float: left;}
.abstandcontent {width: 400px; height: 30px;}
.clear {clear: both;}

#start {width: 465px; height: 358px; background-color: #FFFFFF; text-align: right; float: right; border-top: 1px solid #C3D6FF; border-bottom: 1px solid #C3D6FF;}
#content {width: 744px; background-color: #FFFFFF; text-align: left; float: right;}

/*########## TYPO3 Rendering der Inhalte in der Spalte NORMAL (INHALT) ###########*/
#inhalt {width: 447px; text-align: left; vertical-align: top; padding: 0px; margin: 0px; float: left;}
.text {text-align: left; padding: 15px 20px 0px 30px; 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: 277px; height: 690px; text-align: right; vertical-align: top; background-color: #B6C9F2; border-top: 1px solid #C3D6FF; border-bottom: 1px solid #C3D6FF; padding: 0px; margin: 0px; float: right;}
.randtext {text-align: left; padding: 5px 5px 10px 5px; margin: 0px; }
.randtext p {line-height: 14px;}
.randtext ul {margin: 10px 0px 10px 8px; padding: 2px 2px 2px 7px;}
.randtext li {line-height: 14px;}
#eyecatcherfollow {margin: 1px 0px 0px 0px; }
/*########## TYPO3 Rendering der Inhalte in der Spalte RAND (RAND) ###########*/

/*########## TYPO3 Rendering der Inhalte in der Spalte Links (LEFT) ###########*/
#leftteaser {width: 250px; height: 180px; text-align: left; vertical-align: top; margin: 80px 0px 10px 5px;  }
.lefttext {text-align: left; padding: 5px 5px 10px 5px; margin: 0px; color: #FFFFFF;}
.lefttext p .bodytext {line-height: 14px; color: #FFFFFF;}
.lefttext ul {color: #FFFFFF; margin: 10px 0px 10px 8px; padding: 2px 2px 2px 7px;}
.lefttext li {color: #FFFFFF; line-height: 14px;}
.lefttext a {color: #FFFFFF; text-decoration: none;}
.lefttext a:link  {color: #FFFFFF; text-decoration: none;}
.lefttext a:visited {color: #FFFFFF; text-decoration: none;}
.lefttext a:active {color: #FFFFFF; text-decoration: none;}
.lefttext a:hover {color : #FF9900; text-decoration: underline;}
/*########## TYPO3 Rendering der Inhalte in der Spalte Links (LEFT) ###########*/


/*########## NEUE LIST-NAVI FUER TYPO3 ###########*/
#navi {	width: 251px; padding: 0px; height: auto; background-color: #2A539C; margin: 35px 6px 0px 5px;}
#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 #103F91; background-color: #2A539C; }
#navi li a {display: block;	height: 24px; margin: 0px;}
#navi li a:hover {background-color: #FF8700; }

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


#footer {width: 987px; height: 37px; font-size: 10px; color: #FFFFFF; float: none; clear: both; background-color: #FF8700;;}


.formular {width: 420px; margin: 0px 0px 5px 5px; padding: 5px;}
.hlkontakt {width: 160px; text-align: left; font-weight: bold; padding: 2px; background-color: #B6C9F2; }
.kontakt {width: 250; text-align: left; padding: 2px; background-color: #A8BCE7;}
csc-mailform {width: 420px; margin: 0px 0px 5px 5px;}
.csc-form-label-req {font-weight: bold;}


/*##### 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: #103F91; font-size: 10px; letter-spacing: 0px; float: none;}
.artikel {width: 250px; height: 70px; margin: 0px; padding: 0px 0px 0px 0px; float: none; clear: both; text-align: left;}
.artikeltext {width: 100%; font-size: 11px; 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: #103F91; font-weight: bold; line-height: 12px; padding: 0px 0px 2px 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: 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 #0F3E8B;
background-color : #A8BCE7;
margin: 0px;}
	
.input {
font-size : 11px;
width: 250px; 
border-style: solid;
border: 1px solid #0F3E8B;
background-color : #E8EBEC;}	

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

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

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