/* CSS Document */
body
{

	background: #808000;
	margin-top:5px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;

}


/* main sourrounding */
#all
{

    border: solid 1px #333333;
	color: #000000;
	font-size: 15px;
	margin: 0 auto;
	max-width: 826px;
	padding: 0 0px 0px 0px;
	text-align: left;
	width:861px;
	background-color:#2b2220;

}


/* fix to make the background logo clickable with an transparent image*/
#clicklogo
{
text-align:right;
vertical-align:top;
position:absolute;
top:0px;
right:0px;
}


/* header area with the logo*/
#header
{
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	color: #000000;
	margin: 0;
	position: relative;
	text-align: left;
	/*border-bottom: solid 4px #ffffff;*/
	max-width: 859px;
	height:125px;
	/*background-color:#ffffff;*/

}


/* area with the black and yellow stars */
#animation
{
	background-image: url(../images/banner.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	color: #000000;
	margin: 0;
	position: relative;
	text-align: left;
	/*border-bottom: solid 4px #ffffff;*/
	max-width: 859px;
	height:208px;
	/*background-color:#ffffff;*/

}

/*area with the main text content*/
#maincontent
{
	color: #fecd7c;
	font-weight:100;
	/*background-attachment: scroll;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;*/
	background-color: #2b2220;
	vertical-align: top;
	position: relative;
	min-height:300px;
	z-index:1;
	max-width: 859px;
	margin:2px;

}


/* adress list bottom - contact information*/
/*
#kontaktinfo
{
    background-image: url(images/adressleiste_unten.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #809a80;
	text-align: center;
	line-height: 41px;
	background-repeat: repeat-x;
	font-weight: normal;
	font-variant: normal;
	max-width: 859px;
	height:85px;
	position: relative;

}*/



#kontaktinfo {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #809a80;
	background-color: #fff;
	background-image: url(../images/bottom.gif);
	text-align: center;
	line-height: 41px;
	background-repeat: repeat-x;
	font-weight: normal;
	font-variant: normal;
	max-width: 859px;
	height:82px;
	position: relative;
	width:826px;

}

/* position of the main menue*/
#submenu
{
   color: #FFFFFF;
   font-size:14px;
   font-weight:bold;
   text-align:left;  
   top:176px;
   background-color:#c16100;
   position:relative;
   height:25px;
   margin-top:0px;
   padding-top:5px;
   padding-left:10px;
   border-bottom:thin;
   border-bottom-color:#ffffff;
   border-bottom-style:solid;
   border-top:thin;
   border-top-color:#ffffff;
   border-top-style:solid;
}


a:link { text-decoration:none; font-weight:bold; color:#ffffff; font-size:14px; }
a:visited { text-decoration:none; font-weight:bold; color:#ffffff; }
a:hover { text-decoration:none; font-weight:bold; /*background-color:#666666;*/ font-size:14px; color:#000099;}
a:active { text-decoration:none; font-weight:bold; background-color:#ffffff; color:#000000; font-size:14px;}
a:focus { text-decoration:none; font-weight:bold; background-color:#ffffff; font-size:14px;}



/* CSS for the main menue*/

/*
 <div id="menubg">
 <div id="menu">
 <ul id="mainlevel_navlist">
 <li><a href="/kulinarix/index.php?option=com_content&amp;view=frontpage&amp;Itemid=1" class="mainlevel_navlist" id="active_menu_navlist">Home</a></li><li><a href="/kulinarix/" class="mainlevel_navlist" >Bilder</a></li></ul></div></div>
  </div>
*/



/* position of the main menue*/
#menubg
{
   color: #FFFFFF;
   font-size:14px;
   font-weight:bold;
   text-align:left;  
   top:98px;
   background-color:#c16100;
   position:relative;
   height:30px;
   margin-top:0px;
   padding-top:px;
   padding-left:0px;
}

#menu
{
  /*position:absolute;
  padding-top:5px;*/
  position:absolute;
  top:-8px;
  left:-25px;
}


#mainlevel_navlist ul
{
  margin-top:0px;
  white-space: nowrap;
}


#mainlevel_navlist li
{
display: inline;
list-style-type: none;
}

#mainlevel_navlist a { padding: 3px 20px; margin:2px}

#mainlevel_navlist a:link, #mainlevel_navlist a:visited 
{
color: #ffffff;
background-color: #333333;
text-decoration: none;
border:thin;
border-color:#999999;
border-style:solid;
}

#mainlevel_navlist a:hover
{
color: #333333;
background-color: #ffbe02;
text-decoration: none;
border:thin;
border-color:#333;
border-style:solid;
}