/* CSS Document 

Farben
Text:
H1
Linien: 
Hover background:#283201
Hover Typo:
On Background: #8CB805
4.1.2008

*/

html,body, p{margin:0;padding:0}
body{
font: 76% "Lucida Sans", "Lucida Grande", Verdana, sans-serif;
background:  #fff;
text-align:left;
color: #333;
line-height:1.4em;
background: #fff url(http://www.slowfood-hamburg.de/templates/slowfood/graphics/bg.jpg);

}
p{ margin: 0px 0px 9px 0px;}	
	
a {text-decoration:none; outline: none;}





/* -------------------- LINKS ---------------------*/

ul li {
list-style-type: none;
margin:0;padding:0;
}

a:link {
	font-style: normal;
	color: #333300;
	text-decoration: none;
	border-bottom: 0px dotted #8C8F5A;
	}

a:visited, a:hover, a:active {
	font-style: normal;
	color: #8C8F5A;
	text-decoration: none;
} 


h1, h2, h3, h5, h4 {font-family: Georgia, "Times New Roman", Times, serif;background-color: #fff;font-weight: bold;}

h1 {font-size: 135%;color: #333300;font-weight: bold;margin: 0px 0 15px 0;}	
h2 {font-size: 110%;;color: #333300;font-weight: bold; margin: 0px 0 0px 0; }
h3 {font-size: 100%; margin-top: 20px; border-top: 1px dotted #8C8F5A; text-transform: uppercase;color:#333300;
padding-top: 20px;}	
h4 {font-size: 105%;color: #666600;margin:0px;}
h5 {font-size: 110%;color: #333300;margin-top: 10px;}	
h6 {font-size: 77%; color: #333300;font-weight: normal;line-height: 1em;margin: 8px 10px 0 5px; padding-top:0px;  padding-bottom: 5px;clear:both;}	


div#container{
text-align:left;
width:994px;
margin:0 auto;
border-left: 1px dotted #8C8F5A;border-right: 1px dotted #8C8F5A;border-bottom: 1px dotted #8C8F5A;
background-color:#fff;
margin-bottom:  8px;z-index:100;

}

*html #container{border-left: 1px solid #8C8F5A;border-right: 1px solid #8C8F5A;border-bottom: 1px solid #8C8F5A;}


.last{ 
border-bottom: 0px;
padding: 10px 0px 5px 30px;
}

div#header{
height: 110px;
background-color: #fff;
color: #fff;
padding:0px  0px 0px 0;
clear:both;
padding: 0;
margin: 0;
border-bottom: 0px dotted #8CB805;
}
#header a:link{ 
border: none;
margin:0;
}

#header img{ 
	padding:0;border:0;text-decoration:none;
}

div#topnav{
text-align:right;
background-color: #fff;
color: #ccc;
padding:8px 0px 0px 0;
width: 350px;
float:right;
margin:0;
}
 
*html #topnav {
margin-top:8px;
}
*+html #topnav {
margin-top:8px;
}
#topnav ul li {
display:inline;
margin-right:15px;padding:0;
}

#topnav ul li a:link{
border:0;
text-decoration:none;
}


div#content{
float:right;
line-height:1.4;
width: 500px;
background-color: #fff;
margin: 5px 0px 5px 0px;
padding: 10px 22px 30px 20px;
border:0;
}

#content img {border: 1px solid #8C8F5A; padding: 5px; background: #FCFCFC;margin:10px;}

div#content  ul li{
background-image: url(http://www.slowfood-hamburg.de/media/graphics/checkbox.gif);line-height:1.3em;
list-style-type:none;
background-position: 0 50%; 
padding: 3px 0 3px 17px;
 background-repeat: no-repeat;
margin: .4em 0;
line-height: 1.3em;
text-indent:
font-size: 96%;list-style-position: outside;margin:10px 3px 0 -35px;
}

div#content  ol li{
background-image: url(http://www.slowfood-hamburg.de/media/graphics/pdf.gif);
list-style-type:none;
background-position: 0 50%;
padding: 3px 0 3px 30px;
 background-repeat: no-repeat;
margin: .4em 0;
line-height: 1.3em;
text-indent:
font-size: 96%;list-style-position: outside;margin:10px 10px 0 -35px;
}


/* Links- bzw. Rechtsausrichtung für Elemente */
.left {
	float: left;
	margin: 10px 20px 10px 10px;
}

.right {
	float: right;
	margin: 10px 10px 10px 20px;
}


div #extra{
float:left;
width: 185px;
padding: 5px 10px 0 30px;
background-color: #fff;
margin: 0px;
	border:0;

}

div #extra2{
float:right;
width: 185px;
padding: 5px 30px 0 10px;
background-color: #fff;
margin: 0px;
border:0;



}

/*------------------IMAGEs SEITENLEISTEN ---------------------*/

div #extra img{
float:left;
width:140px;
padding: 0px 0px 0px 0px;
background-color: #fff;
margin-bottom:5px;border:0;border: 1px solid #666600;
}


div #extra2 img{
float:left;
width:140px;
padding: 0px 0px 0px 0px;
background-color: #fff;
margin-bottom:5px;border:0;border: 1px solid #666600;
}


#extra2 p{ 
font-size:95%;
margin: 0px 8px 9px 8px;
line-height:1.1em;
padding: 1px 10px 3px 1px;width:140px;
}	

#extra p{ 
font-size:95%;
margin: 0px 8px 9px 8px;
line-height:1.1em;
padding: 1px 10px 3px 1px;width:140px;
}	

#extra2 h6, #extra h6 {font-size: 77%; color: #333300;background-color: #ffffff;font-weight: normal;line-height: 1.1em;margin: 5px 0px 10px 10px;padding: 1px 5px 3px 1px;clear:both;}	

#extra2, #extra, #content, a:link{border-bottom:1px dotted #333300;background-color: #fff;}
#extra2, #extra, #content, a:hover{border-bottom:1px dotted #333300;background-color: #eeeedd;}
#extra2, #extra, #content, a:visited, a:active {border-bottom:0px; color:#333300;}	
#extra2, #extra, #content, a:hover{border-bottom:1px dotted #333300;background-color: #eeeedd;}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
	####	Header Menu #####
	#######################

	Horizontal Drop-Down Menu based off :
	http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp
	
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
#navContainer {width: 994px;display:block;clear:both;border-right:0px solid #000;margin-bottom:30px;background:#fff;}
/* Remove List Formattings
~~~~~~~~~~~~~~~~~~~~  */
 ul.menu, li.menu {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

/* Header menu */	 
#header_menu {position: absolute; margin-left: 20px;background:#666600;}
#header_menu li {line-height: normal;}
ul#header_menu  {z-index: 800; clear: both;}

/* Container der die navigation enthaelt */
#nav {
	height: 2.3em; /*grösser als der rest, verschwindet sonst die subnav bei IE7?*/
	border-top: 0;
	border-bottom: 0px solid #000;
	padding:0;font-family: Georgia, "Times New Roman", Times, serif;
	background:#666600 url(http://www.slowfood-hamburg.de/templates/slowfood/graphics/nav.jpg);
	margin-bottom:20px;
}
#nav ul {
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	font-size: 100%; 
	width:auto;
	background:#666600 url(http://www.slowfood-hamburg.de/templates/slowfood/graphics/nav.jpg);
	/*
	(Disappearing List-Background)
	http://www.positioniseverything.net/explorer/ie-listbug.html
	*/
	position: relative; /* Fix the Stupid IE6 Bug */
}
#nav ul li {width:142px;float: left; color: #333300; text-align: center; font-weight: normal; }
*html #nav ul li{width: 141px;}
#nav ul li a {display: block; background:#666600 url(http://www.slowfood-hamburg.de/templates/slowfood/graphics/nav.jpg);padding: 6px 0px 6px 0px; border:0; color: #333300; text-decoration: none;}

/* Root Level Link Formatting */
#nav ul li a:hover, #nav li a:focus {background:#666600 url(http://www.slowfood-hamburg.de/templates/slowfood/graphics/nav.jpg); color: #333300;border:0;}
#nav li a:active, #nav ul li a.active {background:#666600 url(http://www.slowfood-hamburg.de/templates/slowfood/graphics/nav.jpg); color: #333300;border:0;}

/* Current page Customisations
#nav li.menu-current a	{background: #666600; color: #fff; border-bottom: 0px solid #000;}
#nav li.menu-current a	{font-weight: normal}*/ 

/* 2nd Child menu*/
#nav .menu li ul {position: absolute;width: 142px; margin: 0; display: none; border: 0; font-size: 95%;z-index:1500;}
#nav .menu li ul li {width: 142px; text-align:center; font-weight: normal; padding:0px 0 0px 0;margin: 0;height: 2.2em;}
/* IE7 braucht padding sonst verzieht er die subnavigation nach rechts  line-height: 2.2em;*/
*html #nav .menu li ul{width: 141px;left:-.0000001em;} /*left -0.00001 rückt subnav nach links im ie6*/
*+html  #nav .menu li ul{ /*IE7 only*/  width: 142px;margin-left: -71px;}

#nav .menu li ul a {width: 142px;background:#333300 url(http://www.slowfood-hamburg.de/templates/slowfood/graphics/nav3.jpg); color: #333300; border: 0;}
*html #nav.menu li ul a{width: 141px;}

/* 2nd Child link hover */
#nav .menu li ul a:hover {color: #fff; background: #666600; border: 0;}
*html #nav .menu li ul a:hover{width: 141px;}
*+html #nav .menu li ul a:hover{width: 142px;}

/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;}
#nav .menu li ul ul { display: none;}
#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}
#nav .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li.subMenu ul {display: block;}

/* 3rd Child Menu Appreances */
#nav .menu li ul li ul li a{ width: 142px; padding: 0; background: #333300 url(http://www.slowfood-hamburg.de/templates/slowfood/graphics/nav3.jpg); color: #fff;height: 2.2em;font-size: 100%; padding-top:5px;}

/* Positioning the Pop-out Drops */
#nav li {position: relative;}

#nav ul ul ul {
	position: absolute;
	top: 1px;
	left: 100%;
}




/* -------------------- FOOTER --------------------- */

#footer{color: #666;clear:both;text-align: center;font-size:92%;padding: 15px 0 0px 0;margin: 0 0px 0 0px;background-color: #fff; 
border-top: 1px dotted #8C8F5A;z-index:10;}
#footer a:link, a:hover, a:visited{color: #999;background-color: #fff;}

#schnecke { /*rückt Schnecke in die Oberlinie*margin: -50px 0px 0px 935px;*/
	display: block; 
	
	float: left;
	padding: 0; 
	margin: -34px 0px 0px 996px;
	background:transparent;position:relative;z-index:1}



#teaser1 a:link, a:visited, a:hover, a:active {
	font-style: normal;
	color: #666600;
	text-decoration: none;
	border-bottom: 0px dotted #00244D; /*logo etc. reagiert auf diese border anweisung...?*/
	}

#teaser1, #teaser2, #teaser3, #teaser4, #teaser5, #teaser6, #teaser7, #teaser8 { padding: 12px; border: 1px dotted #666600; margin-bottom: 29px;padding-right: 0px; padding-bottom:5px; }

	
#teaser1 p { margin-bottom:0px; padding-right: 0px; padding-bottom:5px;}
#teaser1 p a { color: #333300; text-decoration: none;border-bottom: 1px dotted #00244D;}


#teaser2 p { margin-bottom:0px; padding-right: 0px; padding-bottom:5px;}
#teaser2 p a { color: #333300; border:0;text-decoration: none;}

	
#teaser3 p { margin-bottom:0px; padding-right: 0px; padding-bottom:5px;}
#teaser3 p a { color: #666600; border:0;text-decoration: none;}
#teaser3 p a:hover { text-decoration: none; border:0;}

#teaser4 p { margin-bottom:0px; padding-right: 0px; padding-bottom:5px;}
#teaser4 p a { color: #666600; text-decoration: none;}
#teaser4 p a:hover { text-decoration: none; border:0;}

#teaser5 p { margin-bottom:0px; padding-right: 0px; padding-bottom:5px;}
#teaser5 p a { color: #333300; border:0;text-decoration: none;}
#teaser5 p a:hover { text-decoration: none; border:0;}
	
#teaser6 p { margin-bottom:0px; padding-right: 0px; padding-bottom:5px;}
#teaser6 p a { color: #666600; border:0;text-decoration: none;}
#teaser6 p a:hover { text-decoration: none; border:0;}

#teaser7 p { margin-bottom:0px; padding-right: 0px; padding-bottom:5px;}
#teaser7 p a { color: #666600; border:0;text-decoration: none;}
#teaser7 p a:hover { text-decoration: none; border:0;}
	
#teaser8 p { margin-bottom:0px; padding-right: 0px; padding-bottom:5px;}
#teaser8 p a { color: #666600; border:0;text-decoration: none;}
#teaser8 p a:hover { text-decoration: none; border:0;}

 
#extra h3, #extra2 h3 { display: block;	float: left;padding: 0px 4px 0 8px; background: #fff; margin: -20px 0px 0px -4px;color: #666600;font-size:95%;border:0;}


/* ----------------------- Customise the Login Box --------------------- */

#login-box { background: #EEEEDD; text-align: center;line-height: 1.6em; margin: 5px 0 10px 0px; border: 1px dotted #666600;width:183px;}
#login-box fieldset {border:0;background: #EEEEDD;}
#login-box legend		{
	font-size: 106%;
	text-transform: uppercase;
	color: #333300;
	font-weight: bold;padding-top:8px;background: #EEEEDD;
	
}
.username {color: #333300;background: #EEEEDD;} /* Color of name when logged in*/
.topboxbody {font-size:100%;padding:5px;background: #EEEEDD;}

#login-box input {
	text-transform: uppercase;
	font-size: 100%;
	margin: 5px 0px 5px 0px;
	width: 120px;background: #EEEEDD;
}


/* ----------------- Search Box in banner ----------------------- */
#search_box {
	color: #fff;
	text-align: center;
	background: #EEEEDD; text-align: center;line-height: 1.6em; margin: 15px 0 50px 0px; border: 1px dotted #666600;width:183px;padding: 20px 0 20px 0;
}
#search_box {
	float: right;
	clear: right;
	width: 183px;
	margin-bottom:20px;
}
#search_box fieldset {border:1px dotted #ccc;}
#search_box legend, #search_box label {display:none;}

#search_string {
	width: 100px;
	height: 16px;
	font-size: 90%;
	vertical-align: middle;
	border: 1px inset #ccc;padding-top:20px;
}
#search_submit {
	width: 50px;
	height: 20px;
	font-size: 90%;
	vertical-align: middle;
	padding: 0 0 14px 0;
margin-bottom:20px;
}

.mehrabstand { margin-bottom: 29px; }
.noborder { border: 0; }

/* Start hide from IE-Mac \*/
* html #content, #schnecke, #footer, #unten
   {   height: 1%;}/* End Hide from IE-Mac */