/* Grundlegendes */
body, h1, h2, h3, h4, p, ul, ol, li, form, label, fieldset	{ margin:0px; padding:0px; }

body		{ font-size:76%; font-family: Trebuchet MS, Helvetica, Arial, sans-serif; background:url(/cms/upload/bilder/background.gif) top left repeat-x #FFFEF2;}
*		{ font-size:1em;}
h1		{ font-size:1.9em; font-weight:normal; color:#120F00; margin:12px 0px 8px 24px;}
h2		{ font-size:1.3em; margin:8px 0px 3px 0px; color:#120F00; font-weight:normal; background-color:#F3D067; border:1px solid #fff; padding:3px 6px;}
h3		{ font-size:1.2em; font-weight:normal; margin:7px 0px 2px 4px; color:#120F00; width:350px; border-bottom:1px solid #f4e188;}
h4		{ font-size:1.0em; font-weight:bold; margin:6px 0px 2px 6px; color:#120F00;}
p		{ margin:4px 0px 8px 0px; line-height:1.6em;}
ul		{ }
ol		{ }
img		{ border:none;}






/* Layout ################################################################     */
#introContainer			{ position:absolute; top:50%; left:50%; text-align:center; font-size:1.2em; color:#482F1B;
                                  margin:-250px 0 0 -410px; background-color:#F6BF17; 
                                  padding:28px 0px 8px 0px; border:1px solid #1E294E;}

#wrapper			{ margin:10px auto 20px auto; width:971px; color:#0A0C3C; background:url(/cms/images/back_wrapper.gif);}
 #adminNavi			{ background-color:#1E294E; font-size:0.9em; color:#FAFFF0; padding:3px 10px 2px 14px;}
  .flag, .adminLinks{ vertical-algin:middle; margin-right:14px; border:0px;}		
  #flagen			{ background:url(/cms/images/flag_en.gif) top right;}
  #flagen:hover		{ background:url(/cms/images/flag_en.gif) top left;}
  #flagnl			{ background:url(/cms/images/flag_nl.gif) top right;}
  #flagnl:hover		{ background:url(/cms/images/flag_nl.gif) top left;}
  #flagpl			{ background:url(/cms/images/flag_pl.gif) top right;}
  #flagpl:hover		{ background:url(/cms/images/flag_pl.gif) top left;}
  #flagfr			{ background:url(/cms/images/flag_fr.gif) top right; margin-right:24px;}
  #flagfr:hover		{ background:url(/cms/images/flag_fr.gif) top left;}
  #flagde			{ background:url(/cms/images/flag_de.gif) top right;}
  #flagde:hover		{ background:url(/cms/images/flag_de.gif) top left;}

 #mainNaviBack		{ background-color:#F5C535; margin-top:48px; text-align:center;}
 #mainNaviText		{ font-size:1.15em; width:700px; margin:0px auto 0px auto; text-transform:uppercase; padding:5px 0px 5px 0px;}
 
 #headerImage		{ height:139px; background-image:url(/cms/upload/bilder/header/header-gastro.jpg); border-bottom:2px solid #125D9E;}
  #logoImage		{ height:80px; width:145px; margin:11px 0px 0px 13px; border:none;}
  #breadcrumb		{ color:#F1FFE6; font-size:0.85em; margin:33px 0px 0px 180px;}

 #NaviLeft			{ float:left; width:170px;}
  #SuchNavi			{ height:57px; background-color:#F5C535; padding:0px 10px 0px 10px;}
   .suchnaviIcon	{ vertical-align:top; margin:9px 4px 0px 6px}
  #SubNavi			{ background:url(/cms/images/back_shadow-left.gif) top repeat-x; padding-top:10px;  min-height:300px;}

  #contentHeader	{ margin-left:170px; background:url(/cms/images/backgrounds/sub/gastro.gif) top left no-repeat #F4E188; height:139px;}
   #sloganImage		{ float:right; background-color:#F3D067;}
   #startText		{ clear:right; margin:0px 10px 0px 180px; padding-top:5px; line-height:1.6em; color:#1E294E; font-weight:bold; font-family:Tahoma; font-size:0.9em;}
  
  #contentBack		{ background:url(/cms/images/backgrounds/rightmeta.gif) top right repeat-y;}
   #content		{ float:left; margin:20px 5px 20px 10px; width:611px;}

   #leftnewsletter	{ background:url(/cms/images/backgrounds/left-newsletter.gif) top left no-repeat #E6BB32; padding:0px 0px 6px 2px; border-top:1px solid #E6BB32; margin-top:20px;}
   #leftnewsletter h2	{ font-size:1.1em; color:#413100; text-align:center; text-transform:uppercase; border:none; background:none; margin:0px; padding:0px; margin-top:1px;} 

   #rightMeta		{ float:right; width:170px;}




#footer		{ background-color:#1E294E; font-size:0.9em; color:#FAFFF0; padding:3px 10px 2px 12px;}
 .copy          { color:#798CAE;}




/* Content Textfromatierung #################################################################      */
  #content p		{ margin:4px 0px 8px 7px; line-height:1.6em;}
  #content ul li		{ padding:0px 0px 0px 8px; margin-left:24px; line-height:1.4em; margin-bottom:3px;}
  #content ol li		{ padding:0px 0px 0px 8px; margin-left:24px; line-height:1.4em; margin-bottom:3px;}

  #content table.liste	 	{ border-collapse:collapse;}
  #content table.liste th 	{ border:1px solid #1E294E; background-color:#F4BB0E; padding:3px;}
  #content table.liste td 	{ border:1px solid #1E294E; padding:3px;}
  #content table.liste td.middle{ text-align:center;}
  #content td.tdtop	{ vertical-align:top;}
  #content table.liste td img	{ vertical-align:middle;}

  #content .Kiste 		{ border:1px solid #F5C535; margin-bottom:20px; padding:2px 8px;}


  #rightMeta h2			{ margin:0px; background-color:#1E294E; border:none; color:#84ACFE; font-size:1.0em; font-weight:normal; text-align:center; text-transform:uppercase; padding:3px 1px;}
  #rightMeta .Kiste		{ margin:0px; border:1px solid #1E294E; padding:3px; }
  #rightMeta hr			{ background-color:#1E294E; border:none; height:1px;}
  #rightMeta ul			{ margin-left:13px;}


  /* Rezept des Monats */
  #rightMeta h1.rezeptHeader	{ margin:12px 0 0 0; padding:5px 0 43px 0; line-height:1.3em; text-transform:uppercase; color:#382F00; font-size:1.1em; text-align:center; background:url(/cms/images/backgrounds/rezeptHeader.jpg) top left no-repeat;}
  #rightMeta .rezeptText	{ background-color:#F3D067; color:#382F00; margin:0 0 12px 0; padding:4px 4px 8px 4px; border-bottom:1px solid #382F00;}
  h2 img			{ vertical-align:middle; margin-right:6px;}

  /* Sitemap */
  ul#sitemap			{ list-style:none;}
  ul#sitemap li	a		{ display:block; font-size:1.3em; margin:2px 0px 3px 0px; color:#120F00; font-weight:normal; background-color:#F3D067; border:1px solid #fff; padding:3px 6px;}
  ul#sitemap li	ul		{ list-style:disc;}
  ul#sitemap li	ul li		{ padding-left:4px;}
  ul#sitemap li	ul li a		{ display:inline; font-size:1.15em; margin:none; font-weight:normal; background:none; border:none;}
  ul#sitemap li	ul li ul a	{ font-size:1em;}






/* eigene Classes #################################################################      */
.cleaner			{ line-height:0px; font-size:0px; margin:0px; padding:0px; clear:both;}
.cleanerObject			{ clear:both;}

.accessHide			{ position:absolute; top:-2000px;}
.searchIcons		{ vertical-align:top; margin:8px 3px 0px 3px;}

img.links			{ float:left; margin-right:8px; margin-top:5px;}
img.rechts			{ float:right; margin-left:8px; margin-top:5px;}
img.center			{ margin:4px auto;}
img.middle			{ vertical-align:middle; margin-right:4px;}

.bold				{ font-weight:bold;}
.italic				{ font-style:italic;}
.underline			{ text-decoration:underline;}
.dotted				{ border-bottom:1px dotted;}

 table.zutaten	 		{ float:left; width:300px;  margin-left: 8px;}
 td.tableright 			{ text-align:right; vertical-align:top;}
 td.sphead 			{ text-align:center;font-weight:bold; border-bottom:1px solid #923017;}
 td.sp2, td.sp3			{ border-right:1px solid #923017;}
 #mod_tl td			{ padding:0 4px;} 
 #mod_tl tr.dunkel		{ background-color:#F4E188;}
 #mod_tl table			{ margin-top:20px;}
   /*Editor*/
.editarea			{ background-color:#F4E188; padding:6px; margin-bottom:5px;}
.headeredit			{ background-color:#EFFFF1;}


  /*Sitemap*/
h3.h3sitemap			{ margin-left:20px; border:none}
h4.h4sitemap			{ margin-left:30px; }

.previewDiv			{ float:left; width:150px; text-align:center; padding:2px 0px; min-height:40px;}




/* Links ###########################################################################    */
 a					{ text-decoration:none;}
 #introContainer a			{ color:#482F1B;}
 #adminLinks a				{ color:#FAFFF0;}
 #adminLinks a:hover			{ text-decoration:underline;}
 
 #mainNaviText a			{ margin:5px 8px 5px 8px; color:#171D39;}
  #mainNaviText a:hover,
   #mainNaviText a.active	{ color:#EAFFC5;}
 #breadcrumb a				{ color:#F7F0CE; text-decoration:underline;}
 #breadcrumb a:hover		{ color:#F5C535; text-decoration:none;}

 #content a			{ color:#125D9E; font-weight:bold; text-decoration:underline;} 
 #content a:hover		{ color:#0083F4; text-decoration:none;}
 #content h3 a			{ text-decoration:none;}
 #content h3 a:hover		{ text-decoration:underline;}

 #rightMeta  a:link			{ color:#f7f0ce;}
 #rightMeta  a:hover		{ text-decoration:underline;}
 #rightMeta .rezeptText a	{ color:#120f00;}

 .rezeptText a		 	{ color:#382F00;}
 .rezeptText a:hover 	 	{ color:#120F00; text-decoration:underline;}

 .weiterLink			{ background:url(/cms/images/icons/pfeil-hell-kl.gif) top right no-repeat; padding-right:16px;}
 
 a.pdf				{ background:url(/cms/upload/bilder/pdf.gif) top left no-repeat; line-height:2.8em; padding:8px 0px 8px 38px;}
 

/* Navi */
  /*Zweite Ebene*/
#SubNavi ul					{ list-style:none; margin-top:16px; font-weight:bold}
#SubNavi ul li				{ padding:3px 0px 3px 10px; margin-bottom:0px; letter-spacing:0em;}
#SubNavi ul li.active		{ background:url(/cms/images/back_shadow-left.gif) bottom repeat-x #F5C535; padding-bottom:10px;}
#SubNavi ul li a			{ display:block; letter-spacing:0.08em; text-transform:uppercase; font-size:1.0em; color:#1E294E; font-weight:bold;}
#SubNavi ul li a:hover		{ color:#C0A300;}
#SubNavi ul li.active a		{ color:#EFFFFB;}

  /*Dritte Ebene*/
#SubNavi ul li ul					{ margin:3px 0px 6px 0px; list-style:none;}
#SubNavi ul li ul li				{ padding-left:8px; letter-spacing:0em; margin-bottom:0px;}
#SubNavi ul li.active ul li a		{ letter-spacing:0.08em; text-transform:uppercase; font-size:0.9em; color:#1E294E; font-weight:bold;}
#SubNavi ul li.active ul li a:hover	{ color:#EFFFFB;}
#SubNavi ul li.active ul li a.active{ color:#EFFFFB;}



/* Forms */
input.form_mid-ocker		{ width:110px; margin:8px 7px 0px 0px; padding:2px 3px 2px 3px; border:1px solid #312800; vertical-align:top; background:url(/cms/images/icons/feld_back-ocker.gif);}
input.form_img-ocker		{  margin-top:10px; vertical-align:top;}

input.formField			{ border:1px solid #120f00; background-color:#f4e188; font-size:1.2em; font-family: "Trebuchet MS"; font-weight:normal; padding:2px; margin-bottom:4px; width:300px;}
input.formFieldPlz		{ border:1px solid #120f00; background-color:#f4e188; font-size:1.2em; font-family: "Trebuchet MS"; font-weight:normal; padding:2px; margin-bottom:4px; width:45px;}
input.formFieldOrt		{ border:1px solid #120f00; background-color:#f4e188; font-size:1.2em; font-family: "Trebuchet MS"; font-weight:normal; padding:2px; margin-bottom:4px; width:245px;}
textarea.formArea			{ border:1px solid #120f00; background-color:#f4e188; font-size:1.1em; font-family: "Trebuchet MS"; font-weight:normal; padding:2px; margin-bottom:4px; width:300px; height:200px;}

.formDiv			{ border:1px solid #f3d067; padding:16px;}  
.formDiv label			{ display:block; width:150px; float:left; height:12px;}

.formDiv input			{ border:1px solid #120f00; background-color:#f4e188; font-size:1.2em; font-family: "Trebuchet MS"; font-weight:normal; padding:2px; margin-bottom:4px; width:300px;}
.formDiv input:focus		{ background-color:#fdfeff; border:1px solid #92770c;}

.formDiv button			{ border:1px solid #120f00; margin-left:370px; text-transform:uppercase; letter-spacing:0.1em; background-color:#f4ba0e; font-size:1em; font-family: "Trebuchet MS"; font-weight:normal; padding:2px 6px; margin-bottom:4px;}


.formDiv textarea		{ border:1px solid #120f00; background-color:#f4e188; font-size:1.2em; font-family: "Trebuchet MS"; font-weight:normal; padding:2px; height:200px; width:300px;}
.formDiv textarea:focus		{ background-color:#fdfeff; border:1px solid #92770c;}


#leftnewsletter label		{ display:block; width:35px; float:left; height:12px; padding-left:3px;}
#leftnewsletter input		{ margin-bottom:1px; height:13px; background-color:#F4E188; width:120px; border:1px solid #433200; padding-left:3px;}
#leftnewsletter button		{ background:none; border:none; color:#fff; padding:0px 16px 2px 0px; background:url(/cms/images/icons/pfeil-newsletter.gif) top right no-repeat; margin:7px 8px 0 0;}


/* Content UKV-Formatierung #################################################################      */

#UKV {
width: 50em;
border: 0px solid #0000ff;
}

#standardformular .background{
margin-top:-8px;
padding:15px 7px 7px 7px;
background-color: #fafafa;
}	
#standardformular fieldset{
border: 1px solid #666666;
}
#standardformular legend{
font-weight:bold;
}
#standardformular .form_left {
float:left;
width: 250px;
}
#_standardformular .form_right {
float:right;
}
#standardformular input{
background-color: #ffffff;
margin-bottom: 10px;
color:#000;
}
#standardformular select{
background-color: #ffffff;
margin-bottom: 10px;
}
#standardformular input[type=submit]{
font-weight: bold;
width:20%;
margin-top:10px;
margin-bottom: 10px;
background-color: #dddddd;
text-align: center;
color:#000;
border: 1px solid #000;
}	

#standardformular div .check_block .anf{
font-weight:bold;
}

#standardformular .label_submit{
display:none;
}
	
#UKV a:hover{
color: #0000ff;
}

#UKV p {
border: 0px solid #00ff00;
margin-bottom: 0px;
font:normal 0.9em Verdana, Arial, Helvetica sans-serif;
}

#UKV .img_right{
float:right;
width: 275px;
margin-bottom: 15px;
}

#UKV .info_block {
float:left;
border: 0px solid blue;
width: 320px;
}

#UKV .info_block li{
padding-left:0px;
border: 0px solid blue;
}


#UKV .img_horizontal {
clear:right;
border:0px solid #ff0000;
display:block;
}
#UKV .img_horizontal img{
width: 275px;
}

#UKV .img_vertikal {
float:right;
width: 280px;
border:0px solid #ff0000;
text-align:right;
}
#UKV .img_vertikal img{
width: 275px;
margin-top:15px;
}

#UKV  .legende{
margin-top:25px;
font:normal 0.8em Verdana, Arial, Helvetica sans-serif;
}

#UKV_basis_daten {
font:bold 0.9em Verdana, Arial, Helvetica sans-serif;
}
#UKV_basis_daten th {
font:bold 0.95em Verdana, Arial, Helvetica sans-serif;
padding-right: 10px;
}
#UKV_basis_daten td {
font:normal 0.95em Verdana, Arial, Helvetica sans-serif;

}

#UKV_daten {
width:100%;
margin-bottom:15px;
speak-header-cell:always;
padding: 2px;
border-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-bottom-style: solid;
border-top-style: solid;
border-color: #999999;
background: #f8f8f8;
font:bold 0.9em Verdana, Arial, Helvetica sans-serif;
border-collapse:separate;
}

#UKV_daten th {
text-align: left;
border-width: 1px;
border-right-style: none;
border-left-style: none;
border-bottom-style: solid;
border-top-style: none;
border-color: #cccccc;
padding:2px;
background: #efefef;
font:bold 0.95em Verdana, Arial, Helvetica sans-serif;
margin-left: 5px;
}


#UKV_daten td {
border-width: 1px;
border-right-style: dashed;
border-left-style: none;
border-bottom-style: solid;
border-top-style: none;
border-color: #bbbbbb;
padding:1px;
background: #fafafa;
font:normal 0.95em Verdana, Arial, Helvetica sans-serif;
empty-cells:show;
vertical-align:top;
}

#UKV_daten td ul{
margin-top:0px;
margin-bottom:0px;
margin-left:-30px;
list-style: none;
border: 0px solid #ff0000;
}

.ukv_td_item {
height: 5.5em;
}

#UKV_daten td sup {
color: #000000;
font:normal 0.8em Verdana, Arial, Helvetica sans-serif;
}


.tab_center{
text-align:center;
}

.info_details{
text-align:center;
}

#UKV_daten img {
width: 100px;
}
#UKV_daten .info_details img {
margin-bottom:3px;
width: 30px;
height:17px;
border:0px;
} 
#UKV_daten a:hover{
color: #0000ff;
}

#UKV .back_link{
clear:all;
display:block;
margin-top:25px;
margin-bottom:25px;
border: 0px solid #ff0000;
}
