/*----------Durchsichtig---------------------*/
/*---filter:alpha(opacity=90); /* IE */
/*--- -moz-opacity: 0.90; /* Gecko */
/*--- opacity: 0.90; /* Opera */
/*-------------- Allgemeines --------------------*/
/*häufigste Farben
grau =  		#EBEAEA
dunkelblau = 	#003399
aprikot =       #F9DFC4
hell-aprikot =  #FAEBDB
*/
/*häufigste Schriftarten
Logo = 			Mistral
Text = 			Arial
*/
/*Breiten
Mitte Breite = 	565
*/

html, body, div, p, h1, h2, h3, h4, h5, h6, ol, ul,
span, a, table, td, form, img, li 
{
margin: 0;
padding: 0;
}

hr{
filter:alpha(opacity=60); /* IE */ 
-moz-opacity: 0.60; /* Gecko */
opacity: 0.60; /* Opera */
}

h1,h2,h3,h4,h5{
font-weight:normal;
}

h1{font-size: 22px; margin-bottom: 10px;}
h2{font-size: 18px; margin-bottom: 8px;}
h3{font-size: 16px; margin-bottom: 6px;}
h4{font-size: 14px; margin-bottom: 4px;}
h5{font-size: 12px; margin-bottom: 2px;}

/*--Listen--*/
ol {margin-left:0; padding-left:30px;}
ul {margin-left:0; padding-left:30px; list-style:none; margin:0 0 10px 0;}
li {margin-top:0; margin-bottom:0;}

.block {
list-style-type: circle;
}

a{
text-decoration:none;
background-color:inherit;
color:#003399;
}

a:hover{
text-decoration:underline;
}

a:visited{
color:#5b87df;
}

a img{
border:0;
}

body{
padding:30px 0;
font-family: Arial;
color: #000000;
background:#047 url(/Bilder/Grafiken/Template/bg.png) repeat-x fixed;
color:#222;
font-size: 12px;
}

#thetop{
margin:0;
}

#container{
z-index: 0;
width:720px;
margin:0 auto;
padding:20px 20px 0 20px;
background:#fff url(/Bilder/Grafiken/Template/body.png) no-repeat;
color:#222;
}

/*-----Content-----*/
#logo{
z-index: 2;
float:left;
width:500px;
}

#content{
z-index: 1;
float:left;
width:530px;
margin-right:20px;
padding:0;
}

#google-content{
z-index: 2;
position: relative;
margin:10px 0 10px 0;
padding-left:10px;
padding-top:2px;
padding-bottom:2px;
background:#FAEBDB;
color:#222;
border-top:1px solid #ddd;
border-right:1px solid #bbb;
border-bottom:1px solid #bbb;
border-left:1px solid #ddd;
}

#navi{
z-index: 2;
position: relative;
margin:10px 0 10px 5px;
padding-left:10px;
padding-top:2px;
padding-bottom:2px;
text-decoration:none;
font-size: 10px;
}

#contentbox{
z-index: 2;
position: relative;
margin:10px 0 10px 0;
padding: 10px;
background:#ffffff url(/Bilder/Grafiken/Template/grau2.png) repeat-x;
color:#222;
border-top:1px solid #ddd;
border-right:1px solid #bbb;
border-bottom:1px solid #bbb;
border-left:1px solid #ddd;
text-decoration:none;
}

#google-content-in{
z-index: 2;
position: relative;
text-align: justify;
}

#bildergalerie{
z-index: 3;
position: relative;
margin-left: -26px;
}
#bildergalerietitel{
z-index: 2;
position: relative;
width: 507px;
height: 100%;
text-align:center;
}
#a-z{
z-index: 2;
position: relative;
text-align:justify;
}

#futur1{
z-index: 2;
position: relative;
text-align: justify;
}

#kommentar{
z-index: 2;
position: relative;
}

#futur2{
z-index: 2;
position: relative;
margin: 0 0 5px 0;
padding:10px;
border-top:1px solid #ddd;
border-right:1px solid #bbb;
border-bottom:1px solid #bbb;
border-left:1px solid #ddd;
background:#eeeeee url(/Bilder/Grafiken/Template/grau1.png) repeat-x;
text-align: justify;
}

#promotion{
z-index: 2;
position: relative;
margin: 0 0 5px 0;
padding:10px;
background:#FAEBDB url(/Bilder/Grafiken/Template/rosa3.png) repeat-x;
color:#222;
border-top:1px solid #ddd;
border-right:1px solid #bbb;
border-bottom:1px solid #bbb;
border-left:1px solid #ddd;
text-decoration:none;
text-align: justify;
}

#startseite-promo{
z-index: 2;
position: relative;
margin: 0 0 5px 0;
padding:10px;
background:#FAEBDB url(/Bilder/Grafiken/Template/rosa3.png) repeat-x;
color:#222;
border-top:1px solid #ddd;
border-right:1px solid #bbb;
border-bottom:1px solid #bbb;
border-left:1px solid #ddd;
text-decoration:none;
text-align: justify;
}
/*-----Seite-----*/
#seite{
z-index: 1;
width:167px;
float:right;
margin-top:17px;
font-size:1em;
line-height:1.3em;
}

.sidelink1{
display:block;
width:145px;
margin:3px 20px 2px 0;
padding:5px 0 5px 15px;
font-size:1.1em;
font-weight:bold;
text-align:left;
background:#eeeeee url(/Bilder/Grafiken/Template/grau1.png) repeat-x;
color:#003399;
border-top:1px solid #ddd;
border-right:1px solid #bbb;
border-bottom:1px solid #bbb;
border-left:1px solid #ddd;
}

.sidelink1:hover{
background:#eeeeee url(/Bilder/Grafiken/Template/grau2.png) repeat-x;
color:#003399;
border-top:1px solid #ddd;
border-right:1px solid #888;
border-bottom:1px solid #888;
border-left:1px solid #ddd;
text-decoration:none;
}

#suche{
z-index: 1;
position: relative;
padding:10px 15px 10px 18px;
margin:10px 5px 10px 0;
background:#eeeeee;
color:#222;
border-top:1px solid #ddd;
border-right:1px solid #bbb;
border-bottom:1px solid #bbb;
border-left:1px solid #ddd;
text-align: left;
}

.sidelink{
display:block;
width:145px;
margin:3px 20px 2px 0;
padding:5px 0 5px 15px;
font-size:1.1em;
font-weight:bold;
text-align:left;
background:#ffffff url(/Bilder/Grafiken/Template/rosa1.png) repeat-x;
color:#003399;
border-top:1px solid #ddd;
border-right:1px solid #bbb;
border-bottom:1px solid #bbb;
border-left:1px solid #ddd;
}

.sidelink:hover{
background:#ffffff url(/Bilder/Grafiken/Template/rosa2.png) repeat-x;
color:#003399;
border-top:1px solid #ddd;
border-right:1px solid #888;
border-bottom:1px solid #888;
border-left:1px solid #ddd;
text-decoration:none;
}

#google-seite1{
z-index: 1;
position: relative;
padding:10px 15px 10px 18px;
margin:10px 5px 10px 0;
background:#FAEBDB;
color:#222;
border-top:1px solid #ddd;
border-right:1px solid #bbb;
border-bottom:1px solid #bbb;
border-left:1px solid #ddd;
text-align: left;
}

#google-seite2{
z-index: 1;
position: relative;
padding:10px 15px 10px 18px;
margin:10px 5px 10px 0;
background:#FAEBDB;
color:#222;
border-top:1px solid #ddd;
border-right:1px solid #bbb;
border-bottom:1px solid #bbb;
border-left:1px solid #ddd;
text-align: left;
}

#news{
z-index: 1;
position: relative;
padding:10px 15px 10px 18px;
margin:10px 5px 10px 0;
background:#eeeeee url(/Bilder/Grafiken/Template/grau1.png) repeat-x;
color:#222;
border-top:1px solid #ddd;
border-right:1px solid #bbb;
border-bottom:1px solid #bbb;
border-left:1px solid #ddd;
text-align: left;
}

#newsletter{
z-index: 1;
position: relative;
padding:10px 15px 10px 18px;
margin:10px 5px 10px 0;
background:#eeeeee url(/Bilder/Grafiken/Template/grau1.png) repeat-x;
color:#222;
border-top:1px solid #ddd;
border-right:1px solid #bbb;
border-bottom:1px solid #bbb;
border-left:1px solid #ddd;
text-align: left;
}



#forum-ticker{
z-index: 1;
position: relative;
padding:10px 15px 10px 18px;
margin:10px 5px 10px 0;
background:#FAEBDB url(/Bilder/Grafiken/Template/rosa3.png) repeat-x;
color:#222;
border-top:1px solid #ddd;
border-right:1px solid #bbb;
border-bottom:1px solid #bbb;
border-left:1px solid #ddd;
text-align: left;
}

#login{
z-index: 1;
position: relative;
}

#futur-seite1{
z-index: 1;
position: relative;
padding:10px 15px 10px 18px;
margin:10px 5px 10px 0;
background:#ffffff;
color:#222;
border-top:1px solid #ddd;
border-right:1px solid #bbb;
border-bottom:1px solid #bbb;
border-left:1px solid #ddd;
text-align: left;
}

#futur-seite2{
z-index: 2;
position: relative;
padding:3px 15px 2px 18px;
margin:10px 5px 10px 0;
background:#FAEBDB;
color:#222;
border-top:1px solid #ddd;
border-right:1px solid #bbb;
border-bottom:1px solid #bbb;
border-left:1px solid #ddd;
text-align: left;
}

#kreatives{
z-index: 1;
position: relative;
padding:10px 15px 10px 18px;
margin:10px 5px 10px 0;
background:#eeeeee url(/Bilder/Grafiken/Template/grau1.png) repeat-x;
color:#222;
border-top:1px solid #ddd;
border-right:1px solid #bbb;
border-bottom:1px solid #bbb;
border-left:1px solid #ddd;
text-align: left;
}

/*-----Footer-----*/
#footer{
margin:0 auto 20px auto;
width:760px;
background:#fff url(/Bilder/Grafiken/Template/footer.png) bottom left no-repeat;
padding:0 0 5px 0;
font-size:0.9em;
color:#888;
text-align:center;
}

.clear{
clear:both;
margin:0;
}

.internallink{
font-size:0.9em;
text-align:left;
}

/*-----Ende Allgemeines Template-----*/



/*-----lightbox-----*/
img                                 { border:none;}
#mylightbox-background              { display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:100%; width:100%; top:0; left:0; background:#000; border:1px solid #cecece; z-index:3; }
#mylightbox                         { width:600px; display:none; position:absolute; background:#EBEAEA; z-index:5; padding:3px 10px 0 10px; font-size:13px; }
#mylightbox #photoboxheader         { height:20px; font-size:13px; line-height:20px; padding:0 0 3px 0; }
#mylightbox #photoboxheader #title  { position:absolute; top:2px; left:10px; width:40%; margin:0; padding:0; font-weight:bold; }
#mylightbox #photoboxheader #nav    { position:absolute; top:2px; left:40%; width:20%; margin:0; padding:0; text-align:center; float:left; }
#mylightbox #photoboxheader #close  { position:absolute; top:4px; right:10px; width:40%; margin:0; padding:0; text-align:right; }
#mylightbox #photo                  { margin:0; padding:0; }
#mylightbox p.description           { font-size:13px; line-height:19px; margin:0; padding:5px 0 8px 0; }
#mylightbox #photoboxclose          { margin:0; padding:0; }

/*-----hoverbox-----*/
.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 4;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 1px;
	vertical-align: top;
	width: 80px;
	height: 60px;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 4px;
	padding: 3px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 200px;
	height: 150px;
}
/* =Internet Explorer Fixes
----------------------------------------------------------------------*/

.hoverbox a
{
	position: relative;
}

.hoverbox a:hover
{
	display: block;
	font-size: 100%;
	z-index: 4;
}

.hoverbox a:hover .preview
{
	top: -38px;
	left: -50px;
}

.hoverbox li
{
	position: static;
}
/*background:#F9DFC4;*/
/*--Kopf--*/
#contentkopf{
position: relative;
margin:10px 0 0 0;
}
#contentbild{
position:relative;
z-index:2;
width:200px;
height:150px;
float:left;
}
#contenttitel{
position:relative;
z-index:2;
padding:45px 0 0 0;
margin:0 0 0 202px;
width:305px;
height:105px;
text-align:center;
}
/*--Zutaten/Tipps-Inhalt--*/
#zutippgoogle{
position:relative;
z-index:2;
margin:0 0 30px 30px;
width:300px;
height:100%;
float:right;
}
/*--Rezepte-Inhalt--*/
#rezeptzutaten{
position:relative;
z-index:2;
margin: 10px 0 0 0;
width:200px;
height:100%;
float:left;
}
#rezeptzutatenlinks{
position:relative;
z-index:2;
margin:0 5px 0 0;
padding:0 2px 0 0;
width:61px;
height:100%;
float:left;
text-align: right;
}
#rezeptzutatenrechts{
position:relative;
z-index:2;
padding:0 5px 0 2px;
width:125px;
height:100%;
float:left;
text-align: left;
}
#bildgross{
position:relative;
z-index:2;
width:200px;
height:10px;
font-size:10px;
float:left;
text-align: center;
}
#bildgrossunten{
position:relative;
z-index:2;
width:507px;
height:10px;
font-size:10px;
float:left;
text-align: center;
}
#rezeptmenge{
position:relative;
z-index:2;
margin:0 0 0 230px;
width:250px;
height:10px;
font-size:10px;
text-align: right;
}
#rezeptgoogle{
position:relative;
z-index:2;
margin:10px 0 0 210px;
width:300px;
height:100%;
text-align: justify;
}
/*--Inhaltsverzeichnisse--*/
#inhalttitel{
position:relative;
z-index:2;
width:507px;
height:100%;
text-align:center;
}
#inhalt{
position:relative;
z-index:2;
width:100%;
height:100%;
text-align:justify;
}
/*--Menus--*/
#menufranz{
position:relative;
z-index:2;
margin: 15px 0 10px 0;
width:200px;
height:100%;
float:left;
text-align:center;
}
#menudeutsch{
position:relative;
z-index:2;
margin:15px 0 10px 202px;
width:305px;
height:100%;
text-align:center;
}
#menubild{
position:relative;
z-index:2;
margin:5px 0 0 0;
width:505px;
height:100%;
text-align:center;
}
/*--Startseite--*/
#startgalerie{
position: relative;
text-align:center;
}


/*--Galleria--*/

#imageContainer {
	position:relative;
	margin:auto;
	width:500px;
	height:375px;
	border:none;
}

#imageContainer {
	height:309px;
}

#imageContainer img {
	display:none;
	position:absolute;
	top:0; left:0;
}
/* styles unrelated to the application follow */


#so_credits {
	position:relative;
	margin:25px auto 0px auto;
	width:350px; 
	font:0.7em verdana;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	height:90px;
	padding-top:4px;
}

#so_credits img {
	float:left;
	margin:5px 10px 5px 0px;
	border:1px solid #000000;
	width:80px;
	height:79px;
}

/* Suchresultate Googel */

#rootinhalt {

}

/* Tooltips */

/* Relativer Tooltip */
a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  {
  position: relative;
  text-decoration: none; 
  }
  
a.tooltip:hover {
  color: #eeeeee; 
  background: transparent;
  }

a.tooltip span {
  display: none;  
  text-decoration: none; 
}

a.tooltip:hover span {
  display: block;
  position: absolute; 
  top: 30px; 
  left: -35px; 
  width: 100px;
  z-index: 100;
background:#FAEBDB;
  color: #003399;
border-top:1px solid #ddd;
border-right:1px solid #bbb;
border-bottom:1px solid #bbb;
border-left:1px solid #ddd;
  text-align: center;
  padding: 3px;
  }
  
a.tooltip span b {
  display: block;
  color: #003399;
  background-color: #F9DFC4;
border-top:1px solid #ddd;
border-right:1px solid #bbb;
border-bottom:1px solid #bbb;
border-left:1px solid #ddd;
}




/* Absoluter Tooltip */
div#menu {
  position: relative; 
  top: 10px; 
  left: 0px; 
  width: 170px; 
  height: 180px; 
  font: 18px Verdana, sans-serif; 
  z-index: 100;
  }
  
div#menu a {
  display: block; 
  text-align: center; 
  font: bold 1em sans-serif; 
  padding: 3px 10px; 
  margin: 0 0 1px; 
  text-decoration: none; 
  color: black; 
  background: #99FF99;
  border: 1px solid black;
  }
  
div#menu a:hover {
  color: #441111; 
  background: #FFFF66;
  border: 1px dotted blue;
  }

div#menu a span {display: none;}
div#menu a:hover span {
   display: block;
   position: absolute; 
   top: 94px; 
   left: 0; 
   width: 158px;
   padding: 5px; 
   z-index: 100;
   color: #000000; 
   background: #FFFFCC;
   font: 12px Verdana, sans-serif; 
   text-align: center;
   border: 1px dashed black;
   }