/*PRINT*/

/*import: reset default browser styles*/
@import url(undohtml.css);
/*import: typo3 styles*/
@import url(style_csi.css);

/*nice way to clear divs in gecko browsers without superflous markup*/
.clearfix:after {
content: "."; 
display:block;
height:0; 
clear:both; 
visibility:hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/******************************* MAIN *******************************/
html {
height:100%;
}
body {
font-family:Verdana, sans-serif;
background:#fff;
font-size:100%;
height:100%;
}
*html body
{
scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #6B1C20; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #6B1C20; 
scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #6B1C20
}
#wrapper {
position:relative;
height:100%;
margin:0 auto;
width:610px;
font-size:100%;
}
#home #wrapper {
padding:0 !important;
padding:0 21px 0 0; /*IE*/
}
/*header*/
#header {
position:absolute;
z-index:99;
top:0;
left:0;
width:610px;
}
/*header:left*/
#headerleft {
width:139px;
height:91px;
float:left;
margin:0 0 0 0;
background:#fff url(../i/emmi.gif) no-repeat;
display:inline; /*IE */
}
#home #headerleft {
margin-top:0 !important;
overflow:hidden;
}
/*header:right*/
#headerright { 
display:none;
}
/*struktur*/
#container {
font-size:100%;
height:100%;
}
#left {
display:none;
}
#center {
width:610px;
margin-right:5px;
margin-left:0;
margin-top:91px;
float:left;
background:#fff;
}
#home #center {
display:none;
}
#right {
display:none;
}

/******************************* CONTENT ELEMENTS *******************************/
/*titels*/
h1 {
font-family: "The Sans Light- Light Plain", Verdana, sans-serif;
font-size:180%;  
line-height:26px; 
color:#B58D8F;  
font-weight: normal;

padding-bottom:10px;
}
#content h1 {
margin:22px 60px 20px 16px;
padding: 0;
}
#content h1 img {
margin-right:6px;
}
h2, h3 { 
font-family:Verdana, sans-serif; 
font-size:70%;  
line-height:15px; 
color:#6B1C20;
letter-spacing:1px; 
font-weight: bold;
}
#content h2 {
padding:0 60px 10px 16px;
}
#content h3 {
padding:0 60px 0 16px;
}
#content .csi-text h3 {
padding:0 20px 0 16px;
}
h4 {
font-family:Verdana, sans-serif;
font-size:65%;  
line-height:12px; 
color:#6B1C20;    
font-weight:normal;
}
/*titels:sortliste*/
#sortliste #content .csi-text h3 {
padding:0 20px 0 0;
}
/*titels:home*/
#home #center .csi-text h3 {
padding:0 20px 0 0;
}
/*text*/
#center p {
font-family: Verdana, sans-serif;  
font-size:65%;  
line-height:15px; 
color:#6B1C20;
letter-spacing:0; 
font-weight: normal;

padding: 0 60px 0 16px;
margin-bottom: 12px;
}
#center #content p.small {
font-size:65%; 
padding:0 20px 0 0;
}
/*links*/
#center a {
font-family: Verdana, sans-serif;    
line-height:15px; 
color:#6B1C20;
}
#content #sort ul li a {
font-size:100%;
text-decoration:none;
font-weight: bold;
}
#center .csi-text a {
font-family: Verdana, sans-serif;  
font-size:65%;  
line-height:12px; 
color:#6B1C20; 
letter-spacing:0; 
font-weight: bold;
text-decoration:underline;
}
#center #content a:link, #center #content a:visited, #center #content a:hover, #center #content a:active {
letter-spacing:0;
font-size:100%;
text-decoration:underline;
font-weight:normal;
}
#center #content a img {
text-decoration: none !important;
}
/*listen*/
#center #content ul {
padding: 0 60px 0 30px;
}
#center #content .csi-text ul {
position: relative;
left: 0 !important;
left: 18px;
}
#center ul li {
font-family: Verdana, sans-serif;  
font-size:65%;  
line-height:15px; 
color:#6B1C20;
letter-spacing: 1px; 
font-weight: normal;
}
#center #content ul li {
list-style: square;
line-height:14px;
padding:5px 0 5px 0;
letter-spacing:0;
}
/*listen:spezial templates*/
#sortliste #center #content .csi-text ul {
position: relative;
left: 0;
}
#center #content #sort ul {
padding:20px 0 0 0;
}
#center #content #sort ul li {
list-style:none;
float:left;
width:125px;
height:100px;
padding:5px 10px 5px 0;
text-align:center;
}
/*forms*/
#center input, #center textarea, #center select {
font-family: Verdana, sans-serif;  
font-size:100%;  
line-height:15px; 
color:#6B1C20; 
letter-spacing:0; 
font-weight: normal;
padding-top:1px;
padding-left:1px;
}
/*tables*/
#center #content table.contenttable {
font-size:65%;
color:#6B1C20;
}
#center #content table.contenttable td {
vertical-align:top;
}
/*tables:first col*/
#content table.contenttable-1 tr td.td-0 {
margin: 0px;
padding: 0px;
padding-left: 15px;
}
/*tables:table 0 - alternativer background + border */
#center #content div.tx-thexttable-pi1 table, #center #content table.contenttable-0 {
border: 1px solid #E9C2C3;
border-top: 0;
border-bottom: 0;
margin-left: 16px;
font-size:60%;
line-height: 14px;
text-align: left;
color:#6B1C20;
}
#center #content div.tx-thexttable-pi1 tr.odd, #center #content table.contenttable-0 tr.tr-odd {
background: #FCF4F4;
}
#center #content div.tx-thexttable-pi1 th, #center #content table.contenttable-0 th {
vertical-align: top;
padding: 3px 4px 15px 4px;
}
#center #content div.tx-thexttable-pi1 td, #center #content table.contenttable-0 td {
padding: 3px 2px 3px 4px;
vertical-align: top;
}
#center #content table.contenttable-0 {
font-size:90%;
width:550px;
}
#center #content table.contenttable-0 td {
font-size:60%;
}
#center #content table.contenttable-0 td p {
font-size:100%;
margin:0;
padding:0;
}
/*tables:table 1*/
#center #content table.contenttable-1 {
font-size:60%;
}
#content table.contenttable-1 tr td.td-last {
width:490px;
margin:0;
padding:0;
}

/******************************* TEMPLATE FORMS *******************************/
#content #formcolumn {
display:block;
position:absolute;
width:610px;
height:auto;
padding:0;
margin:0;
background: url(../i/formbg.gif);
}
#content #formcolumn #formcolleft {
display:block;
position:absolute;
top:0;
left:0;
width:247px;
padding:0;
margin:0;
}
#content #formcolumn #formcolright {
display:block;
position:absolute;
z-index:7;
top:0;
left:275px;
padding:0;
border-left:solid 1px #E9C2C3;
}
/*content*/
#content #formcolumn p {
font-size:65%;
padding:0 0 10px 16px;
}
#content form p.formp {
margin: 0;
padding: 0;
font-size: 65%;
clear: both;
}
#content form p.formp input {
background: #FCF4F4;
width:140px;
height:15px !important;
border:solid 1px #6B1C20;
margin:0;
}
#content form textarea {
background: #FCF4F4;
width:140px;
height:60px;
border:solid 1px #6B1C20;
margin:0;
padding:0;
}
#content form p.formp label {
font-family: Verdana, sans-serif;  
font-size:65%; 
line-height:15px; 
color:#6B1C20;
letter-spacing:0; 
font-weight: normal;

width:130px;
height:16px !important;
display:table;
float:left;
padding:0 !important;
margin:0 !important;
}
#content form p.formp input.send {
background: #fff;
width: auto;
height:18px !important;
padding: 0 10px 2px 10px;
margin-left:130px;
}
#content .csc-mailform select{
border:solid 1px #6B1C20;
}
#content .csc-mailform select option{
background: #FCF4F4;
}
#content .csc-mailform input.check {
border: 0;
width: auto;
margin-left: 0 !important;
/*IE*/
margin-left: -4px;
}

/******************************* TEMPLATE SITEMAP *******************************/
/* TYPO3: sitemap spaltendesign: jede kategorie seperat als menu type = menu of subpages of these pages -> level 1 als header h2 (layout2) mit link */
#content #sitcolumn {
margin:0 !important;
padding:0 !important;
}
#content #sitcolumn #sitcolleft {
float:left;
width:155px;
padding: 0 17px 0 16px;
}
#content #sitcolumn #sitcolmiddle {
float:left;
width:155px;
padding: 0 17px 0 16px;
}
#content #sitcolumn #sitcolright {
float:left;
width:155px;
padding: 0 17px 0 16px;
}
/*content*/
#content #sitcolumn ul {
width:auto;
padding:0;
margin-left:0;
}
#content #sitcolumn ul li {
font-size:65%;
list-style:none;
padding:0;
margin-left:0;
}
#content #sitcolumn ul li ul li {
font-size:100%;
list-style:none;
padding:0;
margin-left:16px;
}
#center #content #sitcolumn p {
margin:0 !important;
padding:0 !important;
}
/*
#center #content #sitcolumn p a {
font-family:Verdana, sans-serif;  
color:#6B1C20;
font-weight:normal; 
text-decoration:none !important;
}
*/
#center #content #sitcolumn a {
text-decoration:none !important;
}
/*main kategorien:titels*/
#center #content #sitcolumn h2 {
font-size:65%;  
line-height:12px; 
text-transform:uppercase;
font-weight:bold;

margin:0;
margin-bottom:4px;
padding:0;
}
#center #content #sitcolumn h2 a { 
font-weight:bold;  
text-decoration:none;
}
/*Level 1*/
#sitcolumn div.csc-sitemap-level1 ul {
padding-left:0 !important;
}
#center #content #sitcolumn div.csc-sitemap-level1 a {
line-height:12px; 
font-weight: bold; 

margin:0 ;
}
/*Level 2*/
#sitcolumn div.csc-sitemap-level2 {
border-top: 1px solid #6B1C20; 
border-bottom: 1px solid #6B1C20;
margin:0;
margin-top:4px; 
margin-bottom:4px; 
}
#sitcolumn div.csc-sitemap-level2 ul {
padding-left:16px;
padding-top:4px;
padding-bottom:4px;
margin-left:0;
margin-top:4px;
margin-bottom:4px;
}
#center #content #sitcolumn div.csc-sitemap-level2 a {
line-height:12px;
font-weight:normal;
}
/*Level 3*/
#sitcolumn div.csc-sitemap-level3 {
border-top:1px solid #B58D8F; 
border-bottom:1px solid #B58D8F;
margin:0;
margin-top:4px; 
margin-bottom:4px; 
}
#sitcolumn div.csc-sitemap-level3 ul { 
padding-left:16px;
padding-top:4px;
padding-bottom:4px;
margin:0;
margin-top:4px;
margin-bottom:4px;
}
#center #content #sitcolumn div.csc-sitemap-level3 a {
line-height:12px;
font-weight:normal;
}

/******************************* TEMPLATE SORTENLISTE *******************************/
#sortliste #content p {
padding: 0 60px 0 16px;
margin-bottom: 12px;
}
#sortliste #content .csi-text p {
padding-right:60px;
}
#sortliste #content .sortlistlink ul {
padding:0;
}
#sortliste #content .sortlistlink ul li {
font-family: Verdana, sans-serif;  
font-size:95%;   
color:#6B1C20;
letter-spacing:0; 
font-weight: normal;

list-style:none;
margin: 0;
padding: 0;
}
#sortliste #wrapper #center #content .sortlistlink ul li a {
font-size:65%;
font-weight:bold;
}

/*MEMO REBUILD:hier war ie patch*/

/******************************* TEMPLATE HOME *******************************/
#home #center p {
padding: 0 20px 20px 16px;
}
#home #center p.small {
padding:0 20px 0 0;
}
#imgleft {
text-align:right;
margin-top:356px;
}
#imgleft img {
border-top:5px solid #fff;
border-left:5px solid #fff;
}
#print img {
float:right;
margin:6px 9px 0 0;
}
#imgright img {
position:absolute;
left:5px;
width:168px;
top:355px !important;
}

/******************************* TEMPLATE SEARCH *******************************/
#content .tx-indexedsearch-searchbox {
padding: 5px 0 0 16px;
} 
#content .tx-indexedsearch-searchbox p.search-label {
padding:13px 0 0 0 !important;
/*IE*/
padding:11px 0 0 0;
}
#content .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-sword {
font-size: 60%;
width:200px;
height:15px;
margin-bottom:6px;
padding: 0 0 0 4px;
}
#content .tx-indexedsearch-searchbox input.tx-indexedsearch-searchbox-button {
font-size: 60%;
width:auto;
height:17px;
margin-top:3px;
margin-left:2px;
padding: 0 4px 2px 4px;
margin-bottom: 5px !important;
/*IE*/
margin-bottom: 6px;
}
#content .tx-indexedsearch-whatis p {
padding:15px 0 5px 16px;
font-weight:bold;
}
#content .tx-indexedsearch-sw {
font-weight:bold;
}
#content .tx-indexedsearch-browsebox-strong{
font-weight:bold;
}
#content .tx-indexedsearch-browsebox-SCell a:link,  #content .tx-indexedsearch-browsebox-SCell a:visited {
font-size:100%;
padding-right:15px;
}
#content .tx-indexedsearch-browsebox-SCell a:hover,  #content .tx-indexedsearch-browsebox-SCell a:active, #content .tx-indexedsearch-browsebox-SCell a.current {
font-weight:bold;
font-size:100%;
padding-right:15px;
text-decoration:none;
}
#content .tx-indexedsearch-res {
margin-top:15px;
}
#content .tx-indexedsearch-title {
text-decoration:none;
}
#center #content .tx-indexedsearch-title p {
margin-bottom: 0;
}
#center #content .tx-indexedsearch-browsebox p {
margin-bottom: 0;
}
#content .tx-indexedsearch-title-number {
font-weight:bold;
text-decoration:none;
}
#center #content span.tx-indexedsearch-title-caption a:link, #center #content span.tx-indexedsearch-title-caption a:visited {
font-size:100%;
font-weight:bold;
}
#content .tx-indexedsearch-descr p {
font-size:65%;
}
#content .tx-indexedsearch-redMarkup {
font-weight:bold;
}

/******************************* KONTEXT : right *******************************/
#flash {
padding:14px 8px 0 3px;
}
#right p {
font-family: Verdana, sans-serif;  
font-size:60%;  
line-height:13px; 
color:#B58D8F;
font-weight:normal;

padding:15px 8px 15px 4px;
border-bottom:1px solid #B58D8F;
}
#right p.first {
padding-top:0;
}
#right p.last {
border:0;
}
#right a {
font-family:Verdana, sans-serif;  
line-height:13px;  
color:#6B1C20;
font-weight:bold;  
letter-spacing:1px ;
}
#right a.red {
color:#6B1C20;
}

/******************************* POPUP WINDOWS *******************************/
body#popup {
width:100%;
height:100%;
margin:0 !important;
padding:0 !important; 
text-align:center;
overflow:auto;
}

#popup #cent {
display:block;
width:460px;
height:auto !important;
margin:0;
margin-left:auto;
margin-right:auto;
padding:0 !important;
text-align:left;
}
#popup.nutri #cent {
width:320px;
}

#popup table {
width:460px;
margin:0;
padding:0;
/**/
font-family:Verdana, sans-serif;   
line-height:15px; 
color:#6B1C20;
letter-spacing:1px; 
font-weight:normal;
font-size:65%;
}
#popup.nutri table {
width:320px;
margin:0;
padding:0;
}

#popup td, #popup th {
border-bottom:1px solid #B58D8F;
text-align:left;
vertical-align:top;
padding:2px 0;
line-height:14px;
}
#popup.nutri table td {
text-align:right;
}
#popup th {
width:150px;
padding-right:10px;
font-weight:normal;
}
#popup.nutri table th {
width:180px;
}

#popup h2 {
margin-left:0;
margin-top:30px;
margin-bottom:24px;
padding-left:0;
}
#popup a {
margin-top:20px;
margin-left:445px;
}
#popup.nutri a {
margin-left:305px;
}
#popup p {
padding-bottom:24px;
}