/* CSS Document */

body{
margin-top:0px;
margin-left:0px;
margin-bottom:0px;
margin-right:0px;
font-family:Tahoma;
font-size:12px;
background-color:#FFFFFF;
}

#page{
background-color:#FFFFFF;
width:auto;
margin: 0px auto 0px auto;
text-align:center;
z-index: 3;
}

#logozeile{
margin:0px auto 0px auto;
width:auto;
background-color:#FFFFFF;
height:86px;
font:Tahoma;
font-size:12px;
text-align:right;
z-index: 5;
}

#bildleiste, #bildleiste img, #bildleiste embed{
margin: 0px auto 0px auto;
width:auto;
height:280px;
display:block;
background-color:#FFFFFF;
z-index: 5;
}

a , a:hover, a:visited, a:active{
color:#b80432;
font:Tahoma;
font-size:12px;
text-decoration: none;
}

/**************** Header and navigation styles ****************/

#navigation{
margin: 5px auto 0px auto;
padding: 0px 15px 0px 15px;
width:auto;
height:50px;
color:#4b4b4d;
background-color:#FFFFFF;
vertical-align: middle;
text-align:left;
white-space:nowrap;
z-index: 5;
}

#navigation li{
float:left;
list-style-type:none;
text-align:center;
display: inline;
position: relative;
white-space:nowrap;
}

#navigation li a{
display:block;
padding: 0px 19px 0px 0px;
font-size: 13px;
text-align:center;
font-weight:normal;
text-decoration:none;
color: #4b4b4d;
}

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

#navigation .selected,#navigation a:hover{
color: #b80432;
text-decoration:overline;
}

/* Navigation for drop downs*/

	ul li#bypass {
		display			: none;
	}

	#navigation ul {
		height			: 15px; /* you will also need to change #navigation a padding and #navigation li ul margin-top*/
		width			: 100%;
		margin			: 0;
		padding			: 0;
		list-style-type	: none;
	}

		#navigation li ul {
			margin-top		: 3px;		/* 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			: 140px;		/* width of the drop down menus? */
			height			: auto;
			margin-bottom	: 3px;
			margin-left		: 3px;
			margin-right	: 3px;
			background		: url(menue.png) repeat-y;

		}
		
		#navigation li li {
			width			: 140px;		/* width of the drop down menus? */
			border-top		: 0;

		}
		
		#navigation li li a {
		display:block;
		padding:3px 6px 3px 3px;
		font-size:13px;
		text-align:left;
		font-weight:bold;
		color:#FFFFFF;
		text-decoration:none;
		width: 140px;

		}
		
		#navigation a:hover, #navigation a:focus {
		color: #b80432;
		}
		
		#navigation .sel a {
		color: #b80432;
		text-decoration:overline;
		}

		#navivation a:active {
		color: #4b4b4d;
		}
		
		#navigation li li a:hover, #navigation li li  a:focus {
		color: #b80432;
		width: 125px;
		}
		
		#navigation li li  .sel a {
		color: #4b4b4d;
		width: 125px;
		}

		#navivation li li  a:active {
		color: #4b4b4d;
		width: 125px;
		}

#content_block{
width: 920px;
margin: 0px auto 0px auto;
padding: 0px 15px 0px 15px;
background-color:#FFFFFF;
clear:both;
z-index: 5;

}

#links_block{
	width: 240px;
	padding-top:10px;
	float:left;
	text-align: left;
}

#rechts_block{
width: 675px;
float:right;
}

#infozeile{
width: 675px;
clear:both;
}

#headtext{
width:129px;
float:left;
}

#slogan{
width: 455px;
padding-right:91px;
float:right;
}

#linie{
clear: both;
background-image:url(http://becker-communication.de/media/linie_lang.jpg);
background-repeat:no-repeat;
width:675px;
}

#content_bereich{
width: 584px;
padding-right:91px;
}


#fusszeile_block{
clear:both;
width: auto;
padding: 0px 15px 0px 15px;
margin: 0px auto 0px auto;
height: 106px;
background-image: url(http://www.becker-communication.de/media/ecke.jpg);
background-position:right bottom;
background-repeat:no-repeat;
z-index: 4;
}

#fusszeile_text1{
width: 564px;
padding: 90px 0px 0px 0px;
margin: 0px auto 0px auto;
float:left;
z-index: 5;
}
#fusszeile_text2{
width: 240px;
padding: 90px 91px 0px 0px;
margin: 0px auto 0px auto;
float:right;
z-index: 5;
}

.fusszeile1{
color:#4b4b4d;
text-align:left;
vertical-align:bottom;
font:Tahoma;
font-size:10px;
font-weight:normal;
text-decoration: none;
}

.fusszeile2{
color:#4b4b4d;
text-align:right;
vertical-align:bottom;
font:Tahoma;
font-size:10px;
font-weight:normal;
text-decoration: none;
}

#fusszeile_block a:hover, #fusszeile_block a {
color:#4b4b4d;
font:Tahoma;
font-size:10px;
text-decoration: none;
}


/**************** Content styles ****************/

.content2{
text-align:left;
font-size: 15px;
color:#4b4b4d;
white-space:normal;
}

.content2 img{
display:inline;
}

.headtext{
text-align:left;
font-family:Tahoma;
font-weight:bold;
font-size: 14px;
color:#b80432;
white-space:normal;
}

.slogan{
margin:0 0 0 0px;
text-align:right;
font-family:Tahoma;
font-size: 12px;
font-style:italic;
color:#b80432;
white-space:normal;
}