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

h1 {font-size: 12px; font-family: Verdana, Arial, Helvetica; font-weight: bold; letter-spacing: 0; color : #351515; padding: 0; margin: 0 0 2px 0;}
h2 {font-size: 11px; color : #351515; font-weight: bold; letter-spacing: 0; padding: 0; margin: 4px 0 2px 0; }
h3 {font-size: 11px; color : #351515; font-weight: bold; letter-spacing: 0; margin: 4px 0 2px 0;}
.csc-firstHeader {font-size: 12px; font-family: Verdana, Arial, Helvetica; line-height: 16px; font-weight: bold; letter-spacing: 0; color : #351515; padding: 0; margin: 0 0 0 0; float: none; clear: both;}
		
a  {color : #F6F2EB; font-weight: bold;}
a:link  {color : #F6F2EB; text-decoration: underline;}
a:visited {color : #F6F2EB; text-decoration: underline;}
a:active {color : #F6F2EB; text-decoration: underline;}
a:hover {color : #E9D6BA; text-decoration: none;}		

#layoutwrapper {position: relative; width: 985px; height: 582px; text-align: center; margin: auto;}
#layout {position: absolute; top: 0; left: 0; width: 985px; height: 582px; margin: 0; text-align: left; padding: 0;}
#topborder {width: 929px; height: 17px; float: left;}
#topbasket {width: 130px; height: 40px; float: left; margin: 140px 0px 0px 12px; background-color: #A5CCB3;}
#logo {width: 399px; height: 154px; float: left;}
#leftborder {width: 28px; height: 560; padding: 0; margin: 0; float: left;}
#rightborder {width: 28px; height: 560; padding: 0; margin: 0; float: right;}
#bottomborder {width: 929px; height: 17px; float: left;}
#content {width: 929px; height: 548px; float: left; background-image: url(../../../fileadmin/_kuchenimglas/gfx/c_bg.gif); background-repeat: no-repeat;}
#links {width: 170px; height: 480px; float: left;}

.clear {clear: both;}


/*########## TYPO3 Rendering der Inhalte in der Spalte NORMAL (INHALT) ###########*/
#inhalt {width: 600px; text-align: left; vertical-align: top; padding: 0; margin: 0 0 0 10px; float: left; height: 534px; overflow: auto; }
.text {text-align: left; padding: 0 0 5px 10px; margin: 0;}
.text p {line-height: 14px;}
#inhalt .text h1.csc-firstHeader {color: #351515; padding: 0; float: none; clear: both; }
/*.csi-textpic.csi-intext-left.csi-equalheight {width: 220px; float: left; border: 1px solid #000000;}*/
/*########## TYPO3 Rendering der Inhalte in der Spalte NORMAL (INHALT) ###########*/


/*########## TYPO3 Rendering der Inhalte in der Spalte RAND (RAND) ###########*/
#rand {width: 580px; text-align: left; vertical-align: top; padding: 0; margin: 0 0 0 10px; float: left; }
#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: 0; padding: 2px 0px 0px 2px;}
#rand .randtext {width: 275px;line-height: 14px; margin: 2px 0 6px 10px; float: left; border: 1px solid #000000;}
#rand .randtext p.bodytext {line-height: 14px; margin: 0 0 5px 0; padding: 0 0 2px 0; }
#rand .csi-image {padding: 3px; margin: 0 5px 5px 5px; border: 0 solid #212324;}


/*########## TYPO3 Rendering der Inhalte in der Spalte RAND (RAND) ###########*/
#left {width: 150px; text-align: left; vertical-align: top; padding: 0; margin: 0; float: left; }
#left .csc-header.csc-header-n1 {width: 145px; height: 22px; text-align: left;  float: none; clear: both;}
#left h1.csc-firstHeader {font-size: 10px; line-height: 12px; margin: 0; padding: 2px 0px 0px 2px;}
#left .lefttext {width: 145px;line-height: 14px; margin: 2px 0 6px 10px; float: left; }
#left .lefttext p.bodytext {line-height: 14px; margin: 0 0 5px 0; padding: 0 0 2px 0; }
#left .csi-image {padding: 3px; margin: 0 5px 5px 5px; border: 0 solid #212324;}


/*########## TYPO3 Rendering CONTENT ###########*/
.bildtext {float: left; margin: 8px 10px 8px 0; border: 1px solid #10px3F91;}
.textbild {float: right; margin: 2px 0 2px 10px; border: 1px solid #10px3F91;}
.teaserimg {float: left; margin: 0 10px 0 0; border: 1px solid #10px3F91;}

.contenttable {margin: 5px 0 10px 0;}
.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: 0; padding: 0; background-color: #DDB29F;}
.csi-caption p.csc-caption {margin-bottom: 2px; font-size: 9px; line-height: 14px; color: #351515; padding: 0 0 0 2px;}
.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: 0 10px 0 0;}
.csi-textpic dl {float: left;}
/*########## TYPO3 Rendering CONTENT ###########*/


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

#level1 {margin: 0; text-align: left; list-style: none;}
#level1 li a {font-size: 10px; display: block; height: 26px; margin: 0 0 1px 0;}
#level1 li a:hover {background-color: #D3A896;}
#level1 a.a1no {line-height: 26px; height: 26px; color : #131412; font-weight: bold; padding-left: 10px; padding-right: 1px; text-decoration: none; background-color: #D3A896;}
#level1 a.a1no:visited {color : #131412; text-decoration: none;}
#level1 a.a1no:active {color : #131412; text-decoration: none;}
#level1 a.a1no:hover {color : #E9D6BA; text-decoration: none; background-color: #D3A896;}
#level1 li.li1act {}
.a1act {line-height: 26px; height: 26px; color : #E9D6BA; font-weight: bold; padding-left: 10px; padding-right: 1px; text-decoration: none; background-color: #D3A896;}


#level2 {margin: 0; text-align: left; list-style: none; }
#level2 li a {display: block; line-height: 20px; height: 20px; font-size: 10px; padding-left: 20px;}
#level2 li a.a2no {line-height: 20px; height: 20px; color : #131412; font-weight: bold; margin: 0 0 1px 0; padding-left: 20px; padding-right: 2px; text-decoration: none; background-color: #E1C79F;}
#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: #E9D6BA; text-decoration: none; display: block; line-height: 20px; height: 20px; padding-left: 20px;  background-color: #D3A896;}
#level2 li.li2act { background-color: #D3A896;}
.a2act {line-height: 20px; height: 20px; color : E1C79F; font-weight: bold; text-decoration: none; background-color: #D3A896;}
#level2 li a.a2act:hover {color : #E9D6BA; text-decoration: none; display: block; line-height: 20px; height: 20px; background-color: #D3A896;}
/*########## LIST-NAVI FUER TYPO3 ###########*/


/*########## KONFIGURATOR ##################*/
.hlkontakt {width: 220px; font-size: 10px; line-height: 12px; text-align: left; font-weight: bold; padding: 0px; background-color: #D3A896;}
.kontakt {font-size: 10px; line-height: 12px; text-align: left; padding: 0px; background-color: #D3A896;}
.zutaten {font-size: 10px; background-color: #D9B09F; color: #51211E; padding: 0px;}
.price {font-size: 10px; background-color: #51211E; color: #FFFFFF; padding: 0px;}
/*########## KONFIGURATOR ##################*/



/*########## TYPO3 Rendering FOOTER ###########*/
#footer {width: 959px; height: 30px; font-size: 10px; color: #351515; float: none; clear: both;}
#footernavi {width: 500; height: 18px; font-size: 10px; font-weight: bold; margin: 0 5px 0 150px; vertical-align: top; text-align: left; color: #351515; float: left;}
a.fnav   {height: 14px; line-height: 14px; color : #351515; font-size: 10px; font-weight: bold;}
a:link.fnav {color : #351515; text-decoration: none;}
a:visited.fnav {color : #351515; text-decoration: none;}
a:active.fnav {color : #3515158; text-decoration: none;}
a:hover.fnav {color: #351515; text-decoration: none;}
#lastmodified {width: 320px; height: 18px; font-size: 10px; line-height: 14px; color: #311515; margin: 0 5px 0 150px;  float: left; text-align: right;}
/*########## TYPO3 Rendering FOOTER ###########*/


.formular {width: 450; margin: 0; padding: 0;}
.csc-mailform {width: 450; margin: 0;}
.csc-form-label-req {font-weight: bold; color: #EFE1CC;}

		
/*########## FORMULARE ###########*/
p.form {
font-family: verdana, arial, helvetica;
font-size: 10px;
margin: 1px 0 1px 0;
padding: 0;}

form input, form option, form submit, form select, form textarea {
font-family: verdana, arial, helvetica;
font-size : 10px;
font-weight	: normal;   
border-style: solid;
border: 0 solid #51211E;
background-color : none;
margin: 0px;
padding: 0px;}
	
.input {
font-size : 10px;
width: 150px; 
border-style: solid;
border: 1px solid #51211E;
background-color : #FFFFFF;}	

.textarea {
font-size : 10px;
width: 150px; 
height: 50px;
border-style: solid;
border: 1px solid #51211E;
background-color : #FFFFFF;}		

.option {
font-size: 10px;
width: 150px; 
padding: 0;
border: 1px solid #51211E;
background-color : #FFFFFF;
margin: 0;}

.button {
font-size: 10px;
font-weight: 700;   
color: #FFFFFF;
border-style: solid;
border: 1px solid #000000;
background-color : #51211E;
margin-top: 5px; 
cursor: hand;}

.sub {
font-size : 10px;
font-weight : 700;   
color : #FFFFFF;
width: 175px; 
height: 20px;
border-style: solid;
border: 1px solid #000000;
background-color : #51211E;
cursor : hand;}