html, body {margin: 0px; padding: 0px; border: 0px; height: 120%;}
body, p, td, li {font-size: 11px; font-family: Arial, Verdana, Lucida Sans Unicode, Helvetica; color : #0B0B0A; font-weight: normal; letter-spacing: 0px; padding : 0px; margin: 0px; line-height: 16px;}		
.bodymain {text-align: center; margin: 20px 0 1% 0; background-color: #C0DF8C; background-image: url(../../../fileadmin/_pellens/gfx/bg.gif); background-repeat: repeat-x;}

h1 {font-size: 12px; font-family: Arial, Verdana, Helvetica; font-weight: bold; letter-spacing: 0px; color : #7F8DC2; padding: 0px; margin: 4px 0px 2px 0px;}
h2 {font-size: 11px; color : #7F8DC2; font-weight: bold; letter-spacing: 0px; padding: 0px; margin: 4px 0px 2px 0px; display: inline;}
h3 {font-size: 11px; color : #7F8DC2; 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 : #7F8DC2; padding: 0px; margin: 8px 0px 0px 0px;}
		
a  {color : #6471A1;}
a:link  {color : #6471A1; text-decoration: none;}
a:visited {color : #6471A1; text-decoration: none;}
a:active {color : #6471A1; text-decoration: none;}
a:hover {color : #6471A1; text-decoration: none;}		


#layoutwrapper {position: relative; width: 920px; height: 980px; text-align: center; margin: auto; background-color: #FFFFFF;}
#layout {position: absolute; top: 0px; left: 0px; width: 920px; height: 980px; margin: 0px; text-align: left; padding: 0px; background-color: #FFFFFF; }
#top {width: 920px; height: 154px; float: none; background-color: #9BACDA; background-image: url(../../../fileadmin/_pellens/gfx/top.jpg); background-repeat: no-repeat;}
#logo {width: 399px; height: 154px; float: left;}
#eyecatcher {position: relative; left: 0px; top: 0px; width: 506px; height: 154px; padding: 0px; margin: 0px 0px 0px 0px; float: none; overflow: hidden;}
#left {width: 237px; height: 750px; text-align: left; vertical-align: top; float: left; background-color: #FFFFFF; background-image: url(../../../fileadmin/_pellens/gfx/produkt_nav_bg.jpg); background-repeat: no-repeat; background-position: left bottom;}
#content {width: 920px; min-height: 750px; vertical-align: top; float: none; background-color: #FFFFFF;}
#right {width: 668px; min-height: 700px; text-align: left; vertical-align: top; padding: 0px; margin: 10px 0px 0px 0px; float: left; background-color: #EFF1F5;}
#brotkruemmel {width: 485px; height: 20px; font-size: 10px;  text-align: left; float: none; margin: 5px 0px 5px 10px;}
.clear {clear: both;}

#kopf {width: 920px; height: 42px; margin: 0px; vertical-align: top; text-align: right; color: #90C508; float: none;}

#sprache {width: 300px; height: 42px; margin: 0px; text-align: left; color: #90C508; float: left;}
#subnavi {width: 600px; height: 42px; margin: 0px; text-align: right; color: #90C508; float: right;}
a.snav   {height: 42px; line-height: 40px; color : #90C508; font-family: Verdana, Arial; font-size: 10px; font-weight: bold; padding-top: 0px; padding-right: 15px; padding-left: 2px;}
a:link.snav {color : #90C508; text-decoration: none;}
a:visited.snav {color : #90C508; text-decoration: none;}
a:active.snav {color : #90C508; text-decoration: none;}
a:hover.snav {color: #6471A1; text-decoration: none; }


/*########## TYPO3 Rendering der Inhalte in der Spalte NORMAL (INHALT) ###########*/
#inhalt {width: 650px; min-height: 700px; text-align: left; vertical-align: top; padding: 0px; margin: 0px 0px 0px 0px; float: left; background-color: #EFF1F5;}
.text {text-align: left; padding: 5px 0px 10px 10px; margin: 0px;}
.text p {line-height: 18px;}
#inhalt .text h1.csc-firstHeader {color: #7F8DC2; padding: 5px 0px 0px 2px; }
/*########## TYPO3 Rendering der Inhalte in der Spalte NORMAL (INHALT) ###########*/


/*########## TYPO3 Rendering der Inhalte in der Spalte RAND (RAND) ###########*/
#rand {width: 165px; text-align: left; vertical-align: top; padding: 0px; margin: 5px 0px 0px 0px; float: right;}
#rand .csc-header.csc-header-n1 {width: 165px; height: 22px; text-align: left;  float: none; clear: both;}
#rand h1.csc-firstHeader {color: #9E1871; font-size: 11px; line-height: 12px; margin: 0px; padding: 4px 0px 0px 0px;}
#rand .randtext {width: 165px; font-size: 11px; color: #3F3F3E; line-height: 14px;margin: 2px 0px 10px 0px;}
#rand .randtext p.bodytext {font-size: 11px; color: #3F3F3E; line-height: 14px; margin: 0px 0px 5px 0px; padding: 0px 0px 2px 0px; }
#rand .csi-image {padding: 3px; margin: 0px; border: 0px solid #212324;}

#subheader {width: 250px; font-weight: bold; color: #034DA2; padding: 0px 0px 10px 0px;}
.ttrennlinie {width: 100%; height: 2px; margin: 2px 0px 5px 0px; padding: 0px; float: left; clear: both;}
.date {color: #103F91; font-size: 11px; letter-spacing: 0px; float: none;}
.arrow {width: 10px; height: 9px; line-height: 14px; margin: 3px 4px 0px 0px; padding: 0px; float: left;}
.artikellist {width: 450px; margin: 5px 10px 5px 0px; padding: 0px; text-align: left; border-bottom: 1px dotted #cdcdcd;}
.artikellatest {width: 470px; margin: 5px 10px 5px 0px; padding: 0px; text-align: left; border-bottom: 1px dotted #cdcdcd;}
.artikeltext p {font-size: 11px; color: #294D67; line-height: 14px; margin: 0px; padding: 0px; float: none; clear: both;}

a .newsheadline {color: #7F8DC2; font-size: 11px; font-weight: normal; line-height: 14px; text-align: left; margin: 0px; padding: 0px 5px 0px 0px; float: left; cursor: hand;}
a:link .newsheadline {color: #7F8DC2; text-decoration: underline;}
a:visited .newsheadline {color: #7F8DC2; text-decoration: underline;}
a:active .newsheadline {color: #7F8DC2; text-decoration: underline;}
a:hover .newsheadline {color: #6471A1; text-decoration: underline;}

 .tx-ttnews-browsebox {text-align: center;}
 .tx-ttnews-browsebox td {font-size: 10px; }
 .tx-ttnews-browsebox p {font-size: 10px; }
 .tx-ttnews-browsebox a { font-size: 10px;padding: 0px 2px 0px 2px;}
 .tx-ttnews-browsebox a:link {padding: 0px 2px 0px 2px;}
 .tx-ttnews-browsebox-strong .tx-ttnews-browsebox-SCell {font-size: 10px; font-weight: bold; }
 .tx-ttnews-browsebox-SCell {font-size: 10px; }
/*##### LISTST NEWS ###### */


/*########## TYPO3 Rendering CONTENT ###########*/
.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 5px 10px; border: 1px solid #103F91;}

.contenttable {margin: 5px 0px 10px 0px;}
.contenttable td {padding: 2px; }
.tr-even.tr-0 td {font-weight: bold; background-color: #DAD9F9;}
.tr-even {background-color: #ECECEC;}
.tr-odd {background-color: #DEE5EC;}

.td-0 {width: 120px; font-weight: bold;}
.td-3, .td-4, .td-5, .td-6, .td-last {text-align: center;}

/*.bodytext {padding-right: 25px;}*/

.csi-image {float: left; margin: 0px; padding: 0px; background-color: #EBEFF3;}
.csi-caption p.csc-caption {margin-bottom: 4px; font-family: arial, sans-serif; font-size: 10px; line-height: 12px; color: #212324;background-color: #C0DF8C;}
.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) */}
.csi-text {padding: 0px 10px 0px 0px;}
.csi-textpic dl {float: left;}

p.csc-sitemap.csc-sitemap-level1 {width: 180px; display: block; color: white; background-color: #C0DF8C; font-size: 12px; font-weight: bold; padding: 2px 0px 2px 2px; margin: 1px;}
p.csc-sitemap.csc-sitemap-level2 {font-size: 12px; padding: 0px 0px 0px 15px;}
p.csc-sitemap.csc-sitemap-level3 {font-size: 12px; padding: 0px 0px 0px 15px;}
p.csc-sitemap.csc-sitemap-level4 {font-size: 12px; padding: 0px 0px 0px 15px;}
/*########## TYPO3 Rendering CONTENT ###########*/


#produktnavi {position: relative; top: 10px; left: 11px; width: 215px; height: 750px; text-align: left; vertical-align: top; float: left;}
/*########## LIST-NAVI FUER TYPO3 ###########*/
#navi {	width: 215px; padding: 0px; height: auto; margin: 0px;}
#navi ul {margin: 0px; padding: 0px; list-style: none; }

#level1 {margin: 0px; text-align: left; list-style: none;}
#level1 li a {display: block; height: 26px; margin: 0px 0px 1px 0px;}
#level1 li a:hover {background-image: url(../../../fileadmin/_pellens/gfx/mnav_level1_act_bg.gif); background-repeat: no-repeat;}
#level1 a.a1no {line-height: 26px; height: 26px; color : #131412; font-weight: bold; padding-left: 20px; padding-right: 2px; text-decoration: none; background-image: url(../../../fileadmin/_pellens/gfx/mnav_level1_no_bg.gif); background-repeat: no-repeat;}
#level1 a.a1no:visited {color : #131412; text-decoration: none;}
#level1 a.a1no:active {color : #131412; text-decoration: none;}
#level1 a.a1no:hover {color : #FFFFFF; text-decoration: none;background-image: url(../../../fileadmin/_pellens/gfx/mnav_level1_act_bg.gif); background-repeat: no-repeat;}
#level1 li.li1act {}
.a1act {line-height: 26px; height: 26px; color : #FFFFFF; font-weight: bold; padding-left: 20px; padding-right: 2px; text-decoration: none; background-image: url(../../../fileadmin/_pellens/gfx/mnav_level1_act_bg.gif); background-repeat: no-repeat;}


#level2 {margin: 0px; text-align: left; list-style: none; }
#level2 li a {display: block; line-height: 20px; height: 20px; font-size: 11px; padding-left: 30px;}
#level2 li a.a2no {line-height: 20px; height: 20px; color : #131412; font-weight: normal; margin: 0px 0px 1px 0px; padding-left: 30px; padding-right: 2px; text-decoration: none; background-image: url(../../../fileadmin/_pellens/gfx/mnav_level2_no_bg.gif); background-repeat: no-repeat; background-position: left; }
#level2 li a.a2no:visited {color: #131412; text-decoration: none;}
#level2 li a.a2no:active {color: #131412; text-decoration: none;}
#level2 li a.a2no:hover {color: #131412; text-decoration: none; display: block; line-height: 20px; height: 20px; padding-left: 30px; background-image: url(../../../fileadmin/_pellens/gfx/mnav_level2_act_bg.gif); background-repeat: no-repeat; background-position: left;}
#level2 li.li2act {background-image: url(../../../fileadmin/_pellens/gfx/mnav_level2_act_bg.gif); background-repeat: no-repeat;}
.a2act {line-height: 20px; height: 20px; color : #6471A1; font-weight: normal; text-decoration: none; background-image: url(../../../fileadmin/_pellens/gfx/mnav_level2_act_bg.gif); background-repeat: no-repeat; background-position: left;}
#level2 li a.a2act:hover {color : #6471A1; text-decoration: none; display: block; line-height: 20px; height: 20px; background-image: url(../../../fileadmin/_pellens/gfx/mnav_level2_act_bg.gif); background-repeat: no-repeat; background-position: left;}


#level3 {margin: 0px; text-align: left; list-style: none; }
#level3 li a {display: block; line-height: 20px; height: 20px; font-size: 11px; padding-left: 45px;}
#level3 li a.a3no {line-height: 20px; height: 20px; color : #131412; font-weight: normal; margin: 0px 0px 1px 0px; padding-left: 45px; padding-right: 2px; text-decoration: none; background-image: url(../../../fileadmin/_pellens/gfx/mnav_level3_no_bg.gif); background-repeat: no-repeat; background-position: left; }
#level3 li a.a3no:visited {color: #131412; text-decoration: none;}
#level3 li a.a3no:active {color: #131412; text-decoration: none;}
#level3 li a.a3no:hover {color: #131412; text-decoration: none; display: block; line-height: 20px; height: 20px; padding-left: 45px; background-image: url(../../../fileadmin/_pellens/gfx/mnav_level3_act_bg.gif); background-repeat: no-repeat; background-position: left;}
#level3 li.li3act {background-image: url(../../../fileadmin/_pellens/gfx/mnav_level3_act_bg.gif); background-repeat: no-repeat;}
.a3act {line-height: 20px; height: 20px; color : #6471A1; font-weight: normal; text-decoration: none; background-image: url(../../../fileadmin/_pellens/gfx/mnav_level3_act_bg.gif); background-repeat: no-repeat; background-position: left;}
#level3 li a.a3act:hover {color : #6471A1; text-decoration: none; display: block; line-height: 20px; height: 20px; background-image: url(../../../fileadmin/_pellens/gfx/mnav_level3_act_bg.gif); background-repeat: no-repeat; background-position: left;}
/*########## LIST-NAVI FUER TYPO3 ###########*/



/*########## TYPO3 Rendering FOOTER ###########*/
#footer {width: 920px; height: 30px; font-size: 10px; color: #90C508; background-color: #FFFFFF; float: none; clear: both; background-image: url(../../../fileadmin/_pellens/gfx/footer_bg.gif); background-repeat: repeat-x; }
#footernavi {position: relative; top: 17px; left: 0px; width: 350px; height: 18px; font-size: 10px; margin: 0px 5px 0px 0px; vertical-align: top; text-align: left; color: #90C508;}
#footernavi p.bodytext {line-height: 14px; color : #5F5F5E; font-size: 11px; font-weight: normal;  padding-top: 0px; padding-right: 2px; padding-left: 2px; }
a.fnav   {height: 14px; line-height: 14px; color : #5F5F5E; font-size: 11px; font-weight: normal;  padding-top: 0px; padding-right: 2px; padding-left: 2px; }
a:link.fnav {color : #90C508; text-decoration: none;}
a:visited.fnav {color : #90C508; text-decoration: none;}
a:active.fnav {color : #90C508; text-decoration: none;}
a:hover.fnav {color: #90C508; text-decoration: none;}
#lastmodified {width: 480px; height: 18px; font-size: 11px; line-height: 14px; color: #cdcdcd; margin: 0px 0px 0px 200px; float: right; text-align: right;}
/*########## TYPO3 Rendering FOOTER ###########*/


.formular {width: 350px; margin: 0px; padding: 0px;}
.hlkontakt {width: 110px; font-size: 11px; line-height: 12px; text-align: left; font-weight: bold; padding: 2px;}
.kontakt {width: 240; font-size: 11px; line-height: 12px; text-align: left; padding: 2px; }
.csc-mailform {width: 350px; margin: 0px;}
.csc-form-label-req {font-weight: bold; color: #9E1871;}

		
/*########## 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 : #EFF1F5;
margin: 0px;}
	
.input {
font-size : 11px;
width: 240px; 
border-style: solid;
border: 1px solid #C0DF8C;
background-color : #FFFFFF;}	

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

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

.button {
font-size: 11px;
font-weight: 700;   
color: #131412;
border-style: solid;
border: 1px solid #000000;
background-color : #C0DF8C;
margin-top: 5px; 
cursor: hand;}

.sub {
font-size : 11px;
font-weight : 700;   
color : #131412;
width: 175px; 
height: 20px;
border-style: solid;
border: 1px solid #000000;
background-color : #C0DF8C;
cursor : hand;}

p {line-height:  16px;}