/*styles.css*/

/*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 *******************************/
body {
font-family:Verdana, sans-serif;
background:#fff;
font-size:16px;
margin-left:30px;
}
#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:500px;
margin:0;
}
/*header:left*/
#headerleft {
width:177px;
height:91px;
float:left;
margin:0;
background:#fff url(../i/emmi.gif) no-repeat;
display:inline; /* IE Hack */
}
#home #headerleft {
margin-top: 0 !important;
overflow:hidden;
}
/*header:right*/
#headerright { 
display:none;
}
/*struktur*/
#container {
font-size:100%;
height:90%;
}
#left {
display:none;
}
#center {
padding-top:100px;
padding-bottom:20px;
width:610px;
margin:0;
float:left;
background:#fff;
}
#home #center {
display:none;
}
#right {
/*display:none;*/
padding-top:100px;
padding-bottom:20px;
width:610px;
margin:0;
}

/******************************* CONTENT ELEMENTS *******************************/
/*titels*/
h1 {
font-family: "The Sans Light- Light Plain", Verdana, sans-serif;
font-size:180%;  
line-height:26px; 
color:#99B8D5;  
font-weight: normal;
padding-bottom:10px;
}
#content h1 {
margin:0 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:#004E97;
letter-spacing:1px; 
font-weight: bold;
}
#content h2 {
padding:0 60px 10px 16px;
}
#content h3 {
padding:0 60px 0 16px;
}
h4 {
font-family:Verdana, sans-serif;
font-size:65%;  
line-height:12px; 
color:#99B8D5;    
font-weight:normal;
}
/*text*/
#center p {
font-family: Verdana, sans-serif;  
font-size:65%;  
line-height:15px; 
color:#004E97;
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:#004E97;
}
#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 {
/*memo: padding: 0 60px 0 30px;*/
padding: 0 60px 0 16px;
}
#center ul li {
font-family: Verdana, sans-serif;  
font-size:65%;  
line-height:15px; 
color:#004E97;
letter-spacing: 1px; 
font-weight: normal;
}
#center #content ul li {
list-style: square;
margin-left:16px;
line-height:14px;
padding:5px 0 5px 0;
letter-spacing:0;
}
/*forms*/
#center input, #center textarea, #center select {
font-family: Verdana, sans-serif;  
font-size:100%;  
line-height:15px; 
color:#004E97; 
letter-spacing:0; 
font-weight:normal;
padding-top:1px;
padding-left:1px;
}
#content .csc-mailform input.Radio, #content .csc-mailform input.check {
width:auto !important;
height:auto !important;
padding:0 !important;
margin:0 !important;
margin-right:3px !important;
vertical-align:middle !important;
}
/*IE*/
* html #content .csc-mailform input.Radio, * html #content .csc-mailform input.check {
margin:0 !important;
margin-left:-4px !important;
border:0 !important;
background-color:#FFFFFF !important;
} 
/*tables*/
#center #content table.contenttable {
font-size:65%;
color:#004E97;
}
#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 #C8D8ED;
border-top: 0;
border-bottom: 0;
margin-left: 16px;
font-size:60%;
line-height: 14px;
text-align: left;
color:#004E97;
}
#center #content div.tx-thexttable-pi1 tr.odd, #center #content table.contenttable-0 tr.tr-odd {
background: #C8DDF2;
}
#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;
}
/*IEpatch*/
*html #content table.contenttable-1 td.td-0 {
padding-top:2px !important;
}

/******************************* CONTENT CSI STYLES *******************************/
#content .csi-text h3 {
padding:0 20px 0 16px;
}
/*titels:sortliste*/
#sortliste #content .csi-text h3 {
padding:0 20px 0 0;
}
/*titels:home*/
#home #center .csi-text h3 {
padding:0 20px 0 0;
}
#center .csi-text a {
font-family: Verdana, sans-serif;  
font-size:65%;  
line-height:12px; 
color:#004E97; 
letter-spacing:0; 
font-weight: bold;
text-decoration:underline;
}
#center #content .csi-text ul {
position: relative;
left: 0 !important;
left: 18px;
}
/*listen:spezial templates*/
#sortliste #center #content .csi-text ul {
position: relative;
left: 0;
}

/******************************* TEMPLATE FORMS *******************************/
#content #formcolumn {
display:block;
position:absolute;
width:570px;
height:auto;
padding:0;
margin:0;
margin-top:10px;
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 #D4E0EE;
}
/*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 span.csc-mailform-label {
font-size: 65%;
color:#004E97;
padding:0 0 0 16px;
display:block;
margin-bottom:10px;
}
#content form p.formp input {
background:#F5F8FB;
width:140px;
height:15px !important;
border:solid 1px #004E97;
margin:0;
}
#content form textarea {
background: #F5F8FB;
width:140px;
height:60px;
border:solid 1px #004E97;
margin:0;
padding:0;
padding-left:1px;
}
#content form p.formp label {
font-family: Verdana, sans-serif;  
font-size:100%;
/*font-size:65%;*/ 
line-height:15px; 
color:#004E97;
letter-spacing:0; 
font-weight: normal;

width:130px;
min-height:16px;
display:table;
float:left;
padding:0 !important;
margin:0 !important;
}
#content #formcolumn #formcolleft form p.formp label {
width:70px;
}
/*IE patch*/
*html #content form p.formp label {
height:16px;
}
#content form p.formp input.send {
background:#fff;
width:auto;
height:18px !important;
padding: 0 10px 2px 10px !important;
padding: 0 0 2px 0;
margin-left:130px;
}
#content .csc-mailform select{
border:solid 1px #004E97;
}
#content .csc-mailform select option{
background: #F5F8FB;
}
#content .csc-mailform input.check {
border:0;
width:auto;
margin-left:0 !important;
margin-left:-4px; /*IE*/
}

/******************************* 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:#004E97;
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 #004E97; 
border-bottom: 1px solid #004E97;
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 #D3E0ED; 
border-bottom:1px solid #D3E0ED;
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-textpic {
}
#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:#004E97;
letter-spacing:0; 
font-weight: normal;

list-style:none;
margin:0 !important;
padding:0 !important;
}
#sortliste #content .sortlistlink ul li a {
font-size:65%;
font-weight:bold;
}
#sortliste #content .sortlistlink ul li a:hover {
font-size:65%;
font-weight:bold;
}
#sortliste #content .sortlistlink img {
border:0 !important;
margin:0 !important;
padding:0 !important;
}
.landkat {
/*margin:2px 16px 2px 16px ;*/
margin:2px 16px 2px 0 !important;
padding:0 !important;
}

.csi-image {
padding:0 !important;
}
*html .csi-image {
margin-left:8px !important;
}
.csi-text {
}

/******************************* TEMPLATE SORTENUEBERSICHT *******************************/
#sort {
margin:0 !important;
}
#sort ul {
padding:0 !important;
padding-left:16px !important;
margin:0 !important;
width:550px;
}
#sort ul li {
list-style:none !important;
float:left !important;
width:125px !important;
height:100px !important;
padding:5px 10px 5px 0 !important;
margin:0 !important;
text-align:center !important;
}
#sort ul li a {
font-size:65%;
font-weight:bold;
text-decoration:none !important;
}
#sort ul li a img {
text-decoration:none !important;
}

/******************************* 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;
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;
margin-bottom: 6px; /*IE*/
}
#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 ul.browsebox {
list-style:none;
width:1080px;
margin:0;
padding:0;
margin-bottom:20px;
margin-left:-25px;	
}
#content ul.browsebox li {
list-style:none;
float:left;
width:80px;
margin:0;
padding:0;	
color:#FFF;
}
#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:#7EA2BF;
font-weight:normal;

padding:15px 8px 15px 4px;
border-bottom:1px solid #C8D8ED;
}
#right p.first {
padding-top:0;
}
#right p.last {
border:0;
}
#right a {
font-family:Verdana, sans-serif;  
line-height:13px;  
color:#004E97;
font-weight:bold;  
letter-spacing:1px ;
}
#right a.red {
color:#EC0000;
}
/*memo: wieder auf blau faerben falsch erfasster news-links in typo3, weil sonst auch text-links in news rot*/
#right span a.internal-link, #right strong a.internal-link {
color:#004E97;
}

/******************************* 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:#004E97;
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 #c8d8ed;
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;
}