
body {
background-image: url(img/background.gif);
background-repeat: no-repeat; 
background-color: #b5b5b5;
font-size: 12.5px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#54423b;
padding:0px 0px 0px 0px;
margin:0px;
line-height: 18pt;
}

/*
a {color: #DB7093;}
a:visited {color:#DB7093;}
a:hover {color: #564b47;}
a:active { color:#000000;}
*/

a {color: #871326;}
a:visited {color:#871326;}
a:hover {color: #564b47;}
a:active { color:#000000;}

h1 {
font-size: 11px;
text-transform:uppercase;
background-color: #614C44;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0px; 
}

h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

h3 {
font-family: "eurostarregularextended ttf", serif;
font-size:12px;
}

h4 {
color: #871525;
font-family: "eurostarregularextended ttf", serif;
font-size:20px;
}
img.download {vertical-align:middle;}

/* ----------container to center the layout---------- */
#container {
background-color: #ffffff;
width: 946px;
padding:0px;
float:left;
/*margin: 0px;*/
margin-left: 10%;
margin-top: 50px;

} 

/* ----------banner for logo-------------- */
#banner {
background-image:url(img/head.gif); 
height: 133px;
text-align: left;
padding: 0px;
margin: 0px; 
background-color: #54423b;

}

#banner img {
padding:15px 0px;
margin-left: 77px;
} 

#abstand {
height: 6px;
text-align: right;
padding: 0px;
margin: 0px; 
background-color: #FFFFFF;
}



#bord_drum_rum{
/*border:2px solid #54423b;*/
}


#abstand_von_oben {
height: 30px;
text-align: right;
padding: 0px;
margin: 0px; 
background-color: #FFFFFF;
}



#navigation{
height:4.2em;
line-height:2.2em;
width:603px;
padding: 0 0 0 342px;
margin:0 1px;
background:#FFFFFF;
color:#42342B;

}

#navigation li{
float:left;
list-style-type:none;
/*border-right:1px solid #42342B;*/
white-space:nowrap;
display: inline;
position: relative;
}


.menu_default_ende{
border-right:0px solid #42342B;
}

.menu_default{
color: #871525;
}

#navigation li a{
display:block;
padding:0 10px;
/*font-size:0.8em;*/
font-size:10px;
font-weight:normal;
/*text-transform:uppercase;  transformed text to uppercase */
text-decoration:none;
background-color:inherit;
color: #42342B;
outline: none;
}

#navigation li ul {
  /*display: none;*/
  position: absolute; 
  top: 0.8em;
  left: 0;
  }

#navigation li:hover ul { 
	display: block; 
	/*color: #614C44;*/
	color: #c79299;
}

/*HIER WIRD DIE FARBIGKEIT DER NAVIGATION EINGESTELLT*/
#navigation li a:hover{
color: #871525;
outline: none;
}

/*DAS ISSES!!!!*/
.menu_current a{
/*text-transform: uppercase;*/
color: #871525;
}



* html #navigation a {width:1%;}

#navigation .selected,#navigation a:hover{
		background:#FFFFFF;
		/*color: #614C44;*/
		color: #c79299;
		text-decoration:none;
}


/* Navigation for drop downs*/

	ul li#bypass {
		display			: none;
	}

	#navigation ul {
		height			: 5px; /* you will also need to change #navigation a padding and #navigation li ul margin-top*/
		width			: 100%;
		margin			: 0;
		padding			: 0;
		background      : #FFFFFF; /* background coor of the drop downs */
		color: #54423b;
		list-style-type	: none;
	}

		#navigation li ul {
			border-top		: 1px solid #ffffff;
			margin-top		: 7px;		/* How far down the drop down menus start  - you will also need to change #navigation ul height and #navigation a padding */
			/*display			: none;*/
			left			: 0;
			position		: absolute;
			width			: 152px;		/* width of the drop down menus? */
			height			: auto;
		}
		
		#navigation li li {
			width			: 150px;		/* width of the drop down menus? */
			border			: 1px solid #FFFFFF; /* color of drop down borders */
			border-top		: 0;
		}
		
		#navigation li li a{
		display:block;
		padding:0 10px;
		/*font-size:0.8em;*/
		font-size:10px;
		font-weight:normal;
		/*text-transform:uppercase; transformed text to uppercase */
		text-decoration:none;
		background-color:inherit;
		color: #42342B;
		border-right: none;
		/*width: 145px;*/
		}

		#navigation a:hover, #navigation a:focus {
		display:block;
		padding:0 10px;
		/*font-size:0.8em;*/
		font-size:10px;
		font-weight:normal;
		background-color:inherit;		
		color: #42342B;
		}
		
		#navigation .sel a {
		display:block;
		padding:0 10px;
		/*font-size:0.8em;*/
		font-size:10px;
		
		}

		#navivation a:active {
		display:block;
		padding:0 10px;

		}



/* ----------outer and inner----------------- */
#outer{ 
border-left: solid 365px #FFFFFF; 
margin: 0 0 0 0; /* color of the left column  */ 
background-color: #ffffff; /* color of the content column */


 } 

#inner{ margin:0px; width:100%; 

} /* The ie/pc pecularity */ 

/* --------------left navi------------- */
#left {
 width:280px; 
 float:left; 
 position:relative; 
 margin-left:-310px; 
 margin-right:1px;
 margin-top: 5px;
 }

/* -----------------content--------------------- */
#content{ 
position: relative; 
height: 450px;
/*width: 450px;*/
margin: -23px 0 0 -20px; 
line-height: 1.5;
/*font-size: 11px;*/
font-size:12.5px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
 padding-right:50px;

}

/* -----------------content--------------------- */
#ueberschrift{ 
position: relative; 
/*height: -40px;*/
width: 300px;
margin: 0 0 0 -10px;
margin-top: -30px; 
padding: 0 0 0 0;
font-size: 24px;
color: #871525;
font-family: "eurostarregularextended ttf", serif;

}

#content h3 {
font-size: 24px;
color: #871525;
margin: 0 0 0 8px;
font-family: "eurostarregularextended ttf", serif;
}

p{
padding: 5px 10px;
margin:0px; }

pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}

/*  ----------------footer---------------------- */ 
#footer {
/*height: 23px;
clear:left;
padding:0px;
margin:0px;
text-align: right; 
background-color: #54423b;*/
} 

/*HIER WIRD DIE FARBIGKEIT DER NAVIGATION EINGESTELLT*/
#navigation li a:hover {
/*color:#ffffff;*/
}

/*DAS ISSES!!!!*/
.menu_current{
/*
text-transform: uppercase;
*/
}
