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: left; margin: 0px 10px 0px 0px; border: 1px solid #103F91;}
.csi-image {float: left; margin: 5px 3px 5px 0px; padding: 2px 2px 0px 2px; background-color: #FFFFFF; border: 1px solid #cdcdcd;}
.csi-caption {margin-bottom: 4px; font-family: arial, sans-serif; font-size: 11px; color: #999999; }
.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) */}

/* default styles for extension "tx_croncssstyledimgtext" */
/*
 * css-styled-imgtext
 */
/*
  Licensed under the GPL, see http://www.gnu.org/copyleft/gpl.html
  (c) the TYPO3 content rendering group
  (c) Ernesto Baschny (ernst@cron-it.de)
*/

/* Captions */
P.csc-caption { margin: 0; }
P.csc-caption {
  font-size: 11px; /* Customize me */
}
DIV.csi-caption-c .csi-caption { text-align: center; }
DIV.csi-caption-r .csi-caption { text-align: right; }
DIV.csi-caption-l .csi-caption { text-align: left; }

/* Needed for noRows setting */
DIV.csi-textpic DIV.csi-imagecolumn { float: left; display: inline; }

/* Border just around the image */
DIV.csi-border DIV.csi-imagewrap .csi-image IMG {
  border: 2px solid black;
  padding: 0px 0px;
}

DIV.csi-imagewrap { padding: 0; }

DIV.csi-textpic IMG { border: none; }

/* DIV: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap DIV.csi-image { float: left; }

/* UL: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap UL { list-style: none; margin: 0; padding: 0; }
DIV.csi-textpic DIV.csi-imagewrap UL LI { float: left; margin: 0; padding: 0; }

/* DL: This will place the images side by side */
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image { float: left; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DT { float: none; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DD { float: none; }
DIV.csi-textpic DIV.csi-imagewrap DL.csi-image DD IMG { border: none; } /* FE-Editing Icons */
DL.csi-image { margin: 0; }
DL.csi-image DT { margin: 0; display: inline; }
DL.csi-image DD { margin: 0; }

/* Clearer */
DIV.csi-clear { clear: both; }

/* Margins around images: */

/* Pictures on left, add padding on right */
DIV.csi-left DIV.csi-imagewrap .csi-image,
DIV.csi-intext-left-nowrap DIV.csi-imagewrap .csi-image,
DIV.csi-intext-left DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-right: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}

/* Pictures on right, add padding on left */
DIV.csi-right DIV.csi-imagewrap .csi-image,
DIV.csi-intext-right-nowrap DIV.csi-imagewrap .csi-image,
DIV.csi-intext-right DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-left: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
}

/* Pictures centered, add padding left and right */
DIV.csi-center DIV.csi-imagewrap .csi-image {
  display: inline; /* IE fix for double-margin bug */
  margin-left: 5px;
  margin-right: 5px;
}
DIV.csi-textpic DIV.csi-imagewrap .csi-image .csi-caption { margin: 0; }
DIV.csi-textpic DIV.csi-imagewrap .csi-image IMG { margin: 0; }

/* Space below each image (also in-between rows) */
DIV.csi-textpic DIV.csi-imagewrap .csi-image { margin-bottom: 5px; }
DIV.csi-equalheight DIV.csi-imagerow { margin-bottom: 5px; display: block; }

/* Positioning of images: */
/* Above */
DIV.csi-above DIV.csi-text { clear: both; }

/* Center (above or below) */
DIV.csi-center { text-align: center; /* IE-hack */ }
DIV.csi-center DIV.csi-imagewrap { margin: 0 auto; }
DIV.csi-center DIV.csi-imagewrap .csi-image { text-align: left; /* Remove IE-hack */ }
DIV.csi-center DIV.csi-text { text-align: left; /* Remove IE-hack */ }

/* Right (above or below) */
DIV.csi-right DIV.csi-imagewrap { float: right; }
DIV.csi-right DIV.csi-text { clear: right; }

/* Left (above or below) */
DIV.csi-left DIV.csi-imagewrap { float: left; }
DIV.csi-left DIV.csi-text { clear: left; }

/* Left (in text) */
DIV.csi-intext-left DIV.csi-imagewrap { float: left; }

/* Right (in text) */
DIV.csi-intext-right DIV.csi-imagewrap { float: right; }

/* Right (in text, no wrap around) */
DIV.csi-intext-right-nowrap DIV.csi-imagewrap { float: right; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csi-intext-right-nowrap .csi-text { height: 1%; }
/* End hide from IE5/mac */ 

/* Left (in text, no wrap around) */
DIV.csi-intext-left-nowrap DIV.csi-imagewrap { float: left; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csi-intext-left-nowrap .csi-text { height: 1%; }
/* End hide from IE5/mac */




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

td, a {font-size: 11px; font-family: Arial, Lucida Sans Unicode, Verdana, Helvetica; color : #0A0A0A; font-weight: normal; letter-spacing: 0px; padding : 0px; margin: 0px; line-height: 16px;}		


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; color: #103F91; font-size: 14px; 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: 931px; margin: auto; height: 100%; text-align: left; padding: 0px;}
#topaussen {width: 931px; height: 142px; float: none; border: 1px solid #D7D7D7;}
#topinnen {width: 931px; height: 142px; float: none; background-color: #103F91; background: url(../../../fileadmin/_sunox/gfx/sunox_top.jpg) no-repeat; border: 1px solid #FFFFFF;}
#subnavi {position: relative; top: 116px; left: 0px; width: 931px; height: 24px; margin: 0px; vertical-align: top; text-align: right; color: #E8EBEC; float: right; background: url(../../../fileadmin/_sunox/gfx/subnav_bg.gif) repeat-x;}
a.snav   {height: 24px; line-height: 24px; color : #FFFFFF; font-size: 11px; font-weight: bold;  padding-top: 0px; padding-right: 5px; padding-left: 5px; }
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; }
#eyecatcher {position: relative; left: 25px; top: 0px; width: 484px; height: 108px; padding: 0px; margin: 0px 0px 0px 0px; float: none; overflow: hidden;}

#produktnavi {width: 180px; height: 600px; text-align: left; vertical-align: top; float: left;}

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

#contentaussen {width: 931px; height: 80%; float: none; border: 1px solid #D7D7D7; border-bottom: 0px solid #D7D7D7; margin-bottom: 10px;}
#contentinnen {width: 929px; height: 80%; float: none; background-color: #FFFFFF; background: url(../../../fileadmin/_sunox/gfx/content_bg.gif) repeat-x; border: 1px solid #FFFFFF;}
* html #contentinnen {width: 931px; height: 80%; float: none; background-color: #FFFFFF; background: url(../../../fileadmin/_sunox/gfx/content_bg.gif) repeat-x; border: 1px solid #FFFFFF;}


/*########## TYPO3 Rendering der Inhalte in der Spalte NORMAL (INHALT) ###########*/
#inhalt {width: 527px; height: 100%; text-align: left; vertical-align: top; padding: 0px; margin: 10px 0 0 0; float: left; /*background-color: #DBECFC;*/}
.text {text-align: left; padding: 15px 20px 0px 25px; 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: 200px; text-align: right; vertical-align: top; padding: 0px; margin: 10px 5px 0px 0px; float: right; background-color: #F7F7F7; border: 1px solid #E9E9E9;}
.randtext h1 {color: #0C398E; border-bottom: 1px dotted #FF9900; background-color: #F1EFE9;}
.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;}
/*########## TYPO3 Rendering der Inhalte in der Spalte RAND (RAND) ###########*/



/*########## TYPO3 Rendering der Inhalte in der Spalte RAND (RAND) ###########*/
#left {width: 170px; text-align: right; vertical-align: top; padding: 0; margin: 10px 5px 0 0; float: right; background-color: #F7F7F7; border: 1px solid #E9E9E9;}
.lefttext h1 {color: #0C398E; border-bottom: 1px dotted #FF9900; background-color: #F1EFE9;}
.lefttext {text-align: left; padding: 5px 5px 10px 5px; margin: 0px; }
.lefttext p {line-height: 14px;}
.lefttext ul {margin: 10px 0px 10px 8px; padding: 2px 2px 2px 7px;}
.lefttext li {line-height: 14px;}
/*########## TYPO3 Rendering der Inhalte in der Spalte RAND (RAND) ###########*/



/*########## NEUE LIST-NAVI FUER TYPO3 ###########*/
#navi {	width: 170px; padding: 0px; height: auto; background-color: #FFFFFF; margin: 15px 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; background-color: #FFFFFF; background-image: url(../../../fileadmin/_sunox/gfx/nav_icon.gif); background-repeat: no-repeat; background-position: 1px 7px;}
#navi li a {display: block;	height: 24px; margin: 0px; background-image: url(../../../fileadmin/_sunox/gfx/gray_dashed.gif); background-repeat: repeat-x; background-position: bottom;}
#navi li a:hover {background-image: url(../../../fileadmin/_sunox/gfx/gray_dashed.gif); background-repeat: repeat-x; background-position: bottom;}

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



#lastmodified {width: 280px; height: 25px; line-height: 20px; color: #C3C1C1; margin: 4px 0px 5px 0px; text-align: center; }
#footer {width: 931px; height: 2px; font-size: 10px; line-height: 2px; color: #cdcdcd; float: none; clear: both;}


.formular {width: 420px; margin: 0px 0px 5px 5px; padding: 5px;}
.hlkontakt {width: 130px; text-align: left; font-weight: bold; padding: 2px; background-color: #F5F5F5; }
.kontakt {width: 290; text-align: left; padding: 2px; background-color: #F5F5F5;}
.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: arial, verdana, helvetica;
font-size: 11px;
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 #234F9C;
background-color : #FFFFFF;
margin: 0px;}
	
.input {
font-size : 11px;
width: 290px; 
border-style: solid;
border: 1px solid #234F9C;
background-color : #FFFFFF;}	

.textarea {
font-size : 11px;
width: 290px; 
height: 140px;
border-style: solid;
border: 1px solid #234F9C;
background-color : #FFFFFF;}		

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

.button {
font-size: 11px;
font-weight: 700;   
color: #FFFFFF;
border-style: solid;
border: 1px solid #000000;
background-color : #FD9A050;
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 : #FD9A05;
cursor : hand;}

p {line-height:  16px;}