@charset "utf-8";
/* CSS Document */

html {height:100%;}
body {height:100%;
	  background-color:#1f0e08;
	  background-image:url(grafik/rumler_background.jpg);
	  background-repeat:no-repeat;
	  background-position:center top;
	  margin-top: 0px; 
	  margin-bottom: 0px; 
	  margin-left: 0px; 
	  margin-right: 0px;
	  font-family:Arial, Helvetica, sans-serif;
	  }

#framework{
	width:980px;
	min-height:100%;
	height:auto !important;
	height:100%;
	position:absolute;
	left:50%;
	margin-left:-490px;
	
	border-left:1px solid black;
	border-right:1px solid black;
	background-image:url(grafik/backgrcontent.jpg);
	background-repeat:repeat-y;
	background-position:center;
}

#pianorumler-02-logo-l {
	position:absolute;
	left:0px;
	top:0px;
	width:980px;
	height:222px;
	background-image:url(grafik/pianorumler_header.jpg);
	background-repeat:no-repeat;
}

#pianorumler-07-titlernav {
	position:absolute;
	left:0px;
	top:222px;
	width:218px;
	height:24px;
	background-image:url('grafik/pianorumler_07_titlernav.jpg');
	background-repeat:no-repeat;
}

#pianorumler-08-titlerow {
	position:absolute;
	left:218px;
	top:222px;
	width:762px;
	height:24px;
}

#pianorumler-10-navbg {
	position:absolute;
	left:0px;
	top:246px;
	width:218px;
	height:340px;
	background-image:url(grafik/pianorumler_10_navbg.jpg);
	background-repeat:no-repeat;
	background-color: #391913;
}
#navbar{
	width:980px;
	position:absolute;
	top:197px;
}

#content {
	width:980px;
	min-height:342px;
	height:100%;
}

#ctext{
	width:710px;
	margin-left:218px;
	margin-top:246px;
	margin-bottom:50px;
	padding:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#pianorumler-10-footernav {
	position:absolute;
	left:0px;
	bottom:0px;
	width:980px;
	height:19px;
	background-color:#301A14;
	color:#a38c68;
	padding-top:2px;
	font-size:11px;
	text-align:center;
}

h1{
	
	font-size:18px;
	font-weight:bold;
	color:#666666;
}
h2{
	font-size:14px;
	font-weight:bold;
	
}

a
{
	text-decoration:none;
	color:#301A14;
}

a:hover
{
	color:#a38c68;
}

.startlink
{
	margin-left:30px;
	margin-top:5px;
	
}
div.startlink a
{
	font-size:12px;
	color:#a38c68;
	font-weight:bold;
}

div.startlink a:hover
{
	color:#FFFFFF;
}

/* Navigation 1*/
.navbox{
width:139px;
height:100%;
display:block;
float:left;
text-align:center;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
border-right:1px solid #1f0e08;
}
.navbox2{
width:139px;
height:100%;
display:block;
float:left;
text-align:center;
font-size:12px;
font-weight:bold;
border-right:1px solid #1f0e08;
}
.navbox2last{
width:139px;
height:100%;
display:block;
float:left;
text-align:center;
font-size:12px;
font-weight:bold;
}

.navbox a{
	text-decoration:none;
	color:#a38c68;
	display:block;
	padding:3px;
}
.navbox2 a{
	text-decoration:none;
	color:#111111;
	display:block;
	padding:3px;
}
#navbar a:hover{
	color:#FFFFFF;
	background-color:#1f0e08;
}
.navbox2last a{
	text-decoration:none;
	color:#111111;
	display:block;
	padding:3px;
}

/*Navigation 2 ------------------------*/
#button {
		width:199px;
        height:auto;
		margin-top:30px;
		margin-left:18px;
		font-size:13px;
		color:#a38c68;
		font-weight:bold;	
}

#button ul {
		list-style: none;
		margin:0px;
		padding: 0px;
		border: none;
		}

#button ul li {
		margin:0px;
		}

#button ul li a {
		width:199px;
		display: block;
		padding: 3px 3px 3px 10px;
		color: #a38c68;
		text-decoration: none;
		border-bottom: 1px solid #000000;
		}

#button ul li a:hover {
		display:block;
		background-color: #000000;
		/*background-image:url(grafik/bg_button.jpg);
		background-repeat:no-repeat;
		background-position:left;*/
		color: #FFFFFF;
}		
		

html>body #button li a {width: auto;}

#button .seclvl{
	background-color: #391913;
}
#button .seclvl li a {      
			display: block;
			color:#AAAAAA;
         	font-size:12px;
			font-weight:normal;
}
		 
#button .seclvl a:hover{
		display:block;
		background-color: #1f0e08;
		color: #FFFFFF;		
}	
/*

.thirdlvl  {
         	background-color:#C4FF66;

         }
.thirdlvl a  {	color:#000000
				font-size:8pt;
				margin-left:15px;
         }
		 
#button .thirdlvl a:hover{background-image:none;}		 
#button .thirdlvl a:hover{
		background-color: #ADE938;
		color: #000000;		
}	
*/	
/*
#button div a {
		display: block;
        padding: 2px 2px 2px 10px;
		border-left: 5px solid #FF7200;
		background-color: #FFF46A;
		color: #4F4F4F;
		text-decoration: none;
		}

#button div a:hover {
		border-left: 3px solid #FFF12B;
		background-color: #FF7200;
		color: #ffffff;
		}
*/		
.active {
		display: block;
		padding: 3px 3px 3px 28px;
		color: #FFFFFF;
		background-image:url(grafik/bg_active.jpg);
		background-repeat:no-repeat;
		background-position:left;
}

.active2{
		display: block;
		padding: 3px 3px 3px 38px;
		color: #FFFFFF;
        font-size:8pt;
		background-image:url(grafik/bg_active.jpg);
		background-repeat:no-repeat;
		background-position:left;
}
.active3{
		display: block;
		padding: 3px 3px 3px 43px;
		color: #FFFFFF;
        font-size:8pt;
		background-image:url(grafik/bg_active.jpg);
		background-repeat:no-repeat;
		background-position:left;
}



.img{
	float:right;
	margin-left:10px;
}