/* <style> */

/* ----- Required ----------------------------------------------------------- */

div.horz_menu a {
	display: block;
	float: left;
	height: 20px;
	width: 100px;
	padding-top: 3px;
	padding-bottom: 0px;
}
div.vert_menu a { display: block; float: none; }

div.vert_menu
{
  position: absolute;
  visibility: hidden;
}

div.horz_menu1 a {
	display: block;
	float: left;
}
div.vert_menu1 a { display: block; float: none; }

div.vert_menu1
{
	position: relative;
	visibility: hidden;
	right: -100px;
}

/* ----- Sample 1 ----------------------------------------------------------- */

div.sample1 div.vert_menu
{
}

div.sample1 div.horz_menu a,
div.sample1 div.vert_menu a
{
	width: 100px;
	background: url(../images/bg_tab2.jpg);
	text-decoration: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	height: 20px;
}

div.sample1 div.horz_menu a {
	margin-right:  -1px;
	display: block;
	height: 20px;
	width: 100px;
}
div.sample1 div.vert_menu a { margin-bottom: -1px; padding-right: 0px; }

div.sample1 div.horz_menu a:hover,
div.sample1 div.vert_menu a:hover,
div.sample1 div.horz_menu a.active,
div.sample1 div.vert_menu a.active { background: url(../images/bg_tab2.jpg); }


/* ----- Sample 2 ----------------------------------------------------------- */

div.sample2 div.vert_menu1
{
  border-bottom: 1px solid black;
}

div.sample2 div.horz_menu1 a,
div.sample2 div.vert_menu1 a
{
	padding: 1px 0px;
	width: 220px;
	background: url(../images/bg_tab2.jpg);
	text-decoration: none;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: 900;
	font-size: 9px;
	color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	left: -120px;
	position: relative;
	clear: left;
}

div.sample2 div.horz_menu1 a {
	margin-right:  -1px;
}
div.sample2 div.vert_menu1 a { margin-bottom: -1px; padding-right: 0px; }

div.sample2 div.horz_menu1 a:hover,
div.sample2 div.vert_menu1 a:hover,
div.sample2 div.horz_menu1 a.active,
div.sample2 div.vert_menu1 a.active {
	background: url(../images/innenarchitektur_tab.gif);
	color: #333333;
}
