/*
  ---------------------------------------------------------------
  
	www.baeckerei-tamke.de 
	Stylesheets
  
	getestet mit
  
		Internet Explorer 6
	
  ---------------------------------------------------------------
*/

/* Alle Links */
a:link, a:active{ color: #000000; }
a:visited{ color: #000000; }
a:hover, a:focus{ color: #666666; }


/* Spezifiziert den Grundfontstyle einer jeden Site  */
body		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; }

/* Spezifiziert die verschiedenen Überschriften */
h1 			{ color: #333333; font-size: 17px; font-weight: bold; margin-bottom: 5px; }
h2 			{ color: #333333; font-size: 15px; font-weight: bold; margin-bottom: 0px; }
h3 			{ color: #333333; font-size: 13px; font-weight: bold; margin-bottom: 0px; }
h4 			{ color: #FFFFFF; font-size: 12px; font-weight: bold; margin-bottom: 0px; }

/* Spezifiziert Absätze, Listen, Tabellenzellen und Inputfelder */
p, li		{ line-height: 16px; margin-top: 4px; margin-bottom:10px; }
ul 			{ list-style-type: square; }
input 		{ font-size: 11px; }
label		{ cursor:pointer; }
.smalltext  { font-size: 11px; }

/* Spezifiziert die Hauptnavigation - inaktive und aktive Elemente */
.nav a, .nav a:link, .nav a:visited {
	display:block;
	float:left;
	color: #7A5F2F;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	padding:2px;
	padding-left: 10px;
	padding-right: 10px;
	vertical-align:middle;
	background-color:#FFE7A6;
	border-left:1px solid #FFF2CD;
	border-right:1px solid #FFD973;
}
.nav a:hover	{
	background-color:#FFEFC6;
}
#active { color:#CC0000; }

.navbutton{
	background-color:#FFD159;
	color:#FFE9AE;
	display:block;
	width:100%;
	padding:5px 0px;
	text-decoration:none;
	font-weight:bold;
}
.navbutton#active:link, .navbutton#active:hover, .navbutton#active:visited{
	background-color:#CC0000;
	color:#FFE9AE;
}

#activeimg  { border: 1px solid #CC0000; }
#inactiveimg{ border: 1px solid #333333; }

/* Spezifiziert die Sekundärnavigation - inaktive und aktive Elemente */
.hnav a, .hnav a:link, .hnav a:visited {
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
.inhalt{
	padding:10px;
	text-align:left;
}
.center{
	text-align:center;
}
.inhalt a:link, .inhalt a:active, .inhalt a:visited, .inhalt a:hover, .inhalt a:focus{
	color:;
}
.scrollbox{
	overflow:auto;
}
.teaser{
	width:165px; 
	height:192px; 
}

/* Gelber Hintergrund */
.yellow{
	background-image:url(images/bg_yellow.gif); background-repeat:repeat-x; background-color:#FFE7A6; 
}

/* Dunkel-Gelber Hintergrund */
.dyellow{
	background-image:url(images/bg_dyellow.gif); background-repeat:repeat-x; background-color:#FFD159; 
}
.dyellow, .dyellow a:link, .dyellow a:active, .dyellow a:visited, .dyellow a:hover, .dyellow a:focus{
	color:#333333;
}
.dyellow input, .dyellow select, .dyellow textarea { background-color:#FFEEBF; }

/* Blauer Hintergrund */
.blue, .blue a:link, .blue a:active, .blue a:visited, .blue a:hover, .blue a:focus{
	background-color:#336699; color:#FFE7A6;
}

/* Box */
.box{
	float:left;
	width:400px;  
	border: 1px solid #333333;
	background-color:#F7F9FB; 
	position:absolute; 
	margin-left:170px;
	margin-top:10px;
	z-index:99;
	display:none;
	text-align:left;
}

.navlist {}
.navlist img {
	margin-bottom:5px;
}
.navlist a {
	text-decoration:none;
}
.navlist a strong {
	text-decoration:underline;
}