/*  CSS-Stylesheet für www.huebler-prmedia.de
	written by M.Schwarz www.jamusic.de       */
	
/*  Basic Tags   */

body {
	background-color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
	background-image: none;
	margin: 0;
	padding:0;
	text-align: center;
}

/* Layout-Elemente  */

#mainbox {
	height: 600px;
	width: 800px;
	background-color: #608012;
	border: none;
	margin: 40px auto;
    padding: 0px;
	text-align: left;
}
#logoline {
	height: 68px;
	width: 800px;
	background-color: #608012;
	border: none;
    padding: 0px;
	text-align: left;
}
#content {
	height: 342px;
	width: 800px;
	border: none;
	padding: 0px;
	z-index: 3;
}

#navibox {
	height: 160px;
	width: 140px;
	border: none;
    padding: 0px;
	text-align: left;
	float: left;
	position: relative;
	top: 0px;
	left: 20px;
	z-index: 5;
}

#text {
	height: 300px;
	width: 480px;
	border: none;
    padding: 0px;
	float: left;
	position: relative;
	line-height:17px;
	top: 0px;
	left: 54px;
	z-index: 5;
}
#text1 {
	height: 300px;
	width: 530px;
	border: none;
    padding: 0px;
	float: left;
	position: relative;
	overflow:scroll;
	overflow-x:hidden;
	line-height:17px;
	top: 0px;
	left: 54px;
	z-index: 5;
}

#text2 {
	height: 300px;
	width: 550px;
	border: none;
    padding: 0px;
	float: left;
	position: relative;
	line-height:17px;
	top: 0px;
	left: 54px;
	z-index: 5;
}

#oben {
	height: 95px;
	width: 800px;
	background-image:url(grafik/huebler-blackline.gif);
	border: none;
	padding: 0px;
	text-align: left;
}
#unten {
	height: 95px;
	width: 800px;
	background-image:url(grafik/huebler-blackline.gif);
	border: none;
    padding: 0px;
	text-align: left;
}

/*  Textformatierung   */

a:link {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a:active {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a:hover {
    color: #000000;
    text-decoration: none;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.text:link {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.text:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.text:active {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.text:hover {
    color: #000000;
    text-decoration: none;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.top:link {
	color: #CCCCCC;
	text-decoration: none;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.top:visited {
	color: #CCCCCC;
	text-decoration: none;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.top:active {
	color: #CCCCCC;
	text-decoration: none;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.top:hover {
    color: #666666;
    text-decoration: none;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.inactive {
    color: #000000;
    text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.inactive2 {
    color: #000000;
    text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top:2px;
	margin-left:12px;
}

.inactive-top {
    color: #999999;
    text-decoration: none;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.headline1 {
    color: #FFFFFF;
    text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.headline2 {
    color: #FFFFFF;
    text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

li.sub {
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top:3px;
	list-style:inside circle;
}

/*   NAVIGATION   */

ul, li 	{
  	 margin: 0px;
	 padding:0;
	 list-style-type:none;
}
li.mar{
	margin: 0px;
	margin-top:6px;
	padding:0;
	list-style-type:none;
}

li.mar2{
	margin: 0px;
	margin-top:4px;
	margin-left:12px;
	padding:0;
	list-style-type:none;
}

ul#menue {
	width: 140px;
}

ul#menue li a {
	text-align:left;
	border:none;
	display:block;
	text-decoration:none;
}

ul#menue li a + ul.submenue {
	display:none;
}

ul#menue li a:focus + ul.submenue  {
	display:block;
}

ul#submenue1 li a, ul#submenue2 li a, ul#submenue3 li a, ul#submenue4 li a {
	background:none; /* IE */
}