body
{
	background:#0D417A;
	font:normal 13px Arial;
}

*, ul
{
	font:normal 13px Arial;
}

h1
{
	font-size:13px;
}

p, .p /* remember when changing font size! */
{
	margin-top:13px;
	margin-bottom:13px;
}

h2
{
	font-size:1em;
	font-weight:bold;
}

#body_ie6
{
	text-align:center;
}

#body /* outer container for centering */
{
	margin:5% auto 0 auto;
	height:800px;
	width:800px;
	position:relative;
	text-align:left;
}


/************************ head ************************/

#head
{
	margin-left:40px;
	position:relative;
	z-index:110;
}

#head .bus
{
	background:url(head/busses_with_stripes.png) no-repeat;
	display:block;
	width:771px;
	height:171px;
}

#head .heading
{
	background:url(head/omnibus_verkehre_becker.png) no-repeat;
	display:block;
	width:900px;
	height:50px;
	position:absolute;
	top:150px;
	left:-30px;
}

#head .logo
{
	background:url(head/logo.png) no-repeat;
	display:block;
	width:220px;
	height:120px;
	position:absolute;
	top:10px;
	left:20px;
}

/************************ body page ************************/
#body_page
{
	position:relative;
	z-index:100;
}

/************************ page ************************/

#page
{
	padding-top:26px;
	background:white;
	width:799px;
	height:395px;
	border-left:1px solid #656565;
	border-right:1px solid #656565;
}

#page_decoration
{
	display:block;
	height:9px;
}

#page_decoration .corner
{
	width:11px;
	height:9px;
	display:block;
	float:left;
}

#page_decoration .corners .left
{
	background:url(small-round-corner-left.png) no-repeat;
}

#page_decoration .corners .inbetween
{
	background:white;
	width:778px;
	float:left;
	border-top:1px solid #656565;
	height:8px;
}

#page_decoration .corners .right
{
	background:url(small-round-corner-right.png) no-repeat;
}

/************************ navigation ************************/

#navigation_container
{
	margin-left:20px;
	width:217px;
	float:left;
	letter-spacing:1px;
	/*font-size:13px;*/
}

#navigation
{
	border-left:1px solid #C8C8C8;
	border-right:1px solid #C8C8C8;
	width:200px;
	/*font:normal 14px Arial;*/
}

#navigation ul li
{
	width:200px;
	height:23px;
	color:black;
	border-bottom:1px solid #D2D3D4;
	border-top:1px solid #FFFFFF;
	background:#EBECED;
}

#navigation ul li a
{
	width:187px;
	height:23px;
	display:block;
	color:black;
	text-decoration:none;
	text-transform:uppercase;
	padding-left:15px;
	line-height:23px;
}

#navigation ul li a:hover
{
	font-weight:bold;
}

#navigation ul li a.active
{
	color:#AD282B;
}

#navigation ul li.first
{
	border-top-width:0;
	padding-top:5px;
}

#navigation ul li.last
{
	border-bottom-width:0;
	height:10px;
}

#navigation_decoration, #navigation_decoration_b
{
	height:6px;
}

#navigation_container .corner
{
	width:7px;
	height:7px;
	display:block;
	float:left;
}

#navigation_container .corners .inbetween
{
	background:#EBECED;
	width:188px;
	float:left;
	height:6px;
}

#navigation_decoration .corners .left
{
	background:url(navigation/round_corner_left.png) no-repeat;
}

#navigation_decoration_b .corners .left
{
	background:url(navigation/round_corner_bottom_left.png) no-repeat;
}

#navigation_decoration .corners .inbetween
{
	border-top:1px solid #C8C8C8;
}

#navigation_decoration_b .corners .inbetween
{
	border-bottom:1px solid #C8C8C8;
}

#navigation_decoration .corners .right
{
	background:url(navigation/round_corner_right.png) no-repeat;
}

#navigation_decoration_b .corners .right
{
	background:url(navigation/round_corner_bottom_right.png) no-repeat;
}

/************************ content ************************/

#content
{
	float:left;
	width:440px;
	margin-left:30px;
	margin-top:15px;
}

#content h1
{
	color:#AD282B;
	text-transform:uppercase;
	margin-bottom:14px;
	font-weight:normal;
}

#content h2
{
	margin-top:14px;
}

/************************ outer stuff ************************/
#outer_arrow
{
	background:url(outer_arrow.png) no-repeat;
	width:99px;
	height:106px;
	position:absolute;
	left:-99px;
	top:226px;
}

#outer_bus /* positioned with negative margin to variably change position according to height of #page */
{
	background:url(outer_bus.png) no-repeat;
	width:312px;
	height:226px;
	margin-left:580px;
	margin-top:-180px;
	position:relative;
	z-index:200;
}

#outer_shadow /* positioned with negative margin to variably change position according to height of #page */
{
	background:url(outer_shadow.png) no-repeat;
	width:800px;
	height:6px;
	margin-top:-86px;
}

#outer_transparence /* positioned with negative margin to variably change position according to height of #page */
{
	background:url(outer_transparence.png) no-repeat;
	width:799px;
	height:86px;
	margin-top:0px;
	margin-left:1px;
}

/************************ classes ************************/

/******* 3 column css "table"  each column uses 33% ;-) *******/
.css_table33 .left
{
	float:left;
	margin-right:13px;
}

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

.css_table33 .right
{
	float:left;
}


.same_line *
{
	float:left;
}

.highlight_a
{
	height:22px;
	border-top:1px solid #D2D3D4;
	border-bottom:1px solid #D2D3D4;
	line-height:24px;
	padding-left:10px;
	float:left;
	background-color:#EBECEE;
	margin:0;
}

.highlight_a_image
{
	background:url(small_left_round_corner.png) no-repeat;
	height:24px;
	width:7px;
	float:left;
	margin:0;
}


/******* background for inline images *******/
.image_content_background
{
	background:url(image_content_background.png) no-repeat;
	height:112px;
	width:124px;
	padding-left:6px;
	padding-top:7px;
}

.image_content_background.small
{
	background:url(image_content_background_small.png) no-repeat;
	height:93px;
	width:104px;
	padding-left:6px;
	padding-top:5px;
}

/************************ home ************************/
#home .css_table33
{
	margin-top:-5px;
}

#home .image_content_background
{
	background:url(image_content_background_home.png) no-repeat;
	height:182px;
	width:368px;
	padding-left:6px;
	padding-top:6px;
}

/************************ wartung ************************/
#wartung .css_table33 .center, #wartung .css_table33 .right
{
	margin-top:8px;
}

/************************ anfahrt ************************/
#anfahrt #google_maps
{
	width:393px;
	height:263px;
	display:block;
	clear:both;
}

#anfahrt .same_line *
{
	margin-bottom:0;
	line-height:24px;
}

#anfahrt h1
{
	margin-left:8px;
	margin-right:8px;
}

#anfahrt .same_line .highlight_a
{
	width:300px;
}

/************************ bilder-galerie ************************/
#bildergalerie .css_table33 
{
	width: auto;
}

#bildergalerie .galerie_container
{
	overflow: auto;
	width: 440px;
	display: none;
}

#bildergalerie #galerie_container_1
{
	display: block;
}

#bildergalerie .galerie_div
{
	background:url(image_content_background_small.png) no-repeat;
	height:93px;
	width:104px;
	padding-left:6px;
	padding-top:6px;
	float: left;
}

#bildergalerie .galerie_prev
{
	position: relative;
	display: block;
	width: 170px;
	margin-top: 10px;
	float: right;
	margin-right: 10px;
	text-align: right;
	z-index: 10000;
}

#bildergalerie .galerie_next
{
	position: relative;
	display: block;
	width: 170px;
	margin-top: 10px;
	float: right;
	margin-right: 80px;
	text-align: right;
	z-index: 10000;
}

#bildergalerie .galerie_prev , #bildergalerie .galerie_next
{
	text-decoration: none;
}


#bildergalerie .galerie_prev span, #bildergalerie .galerie_next span
{
	text-decoration: underline;
}


/************************ kontakt ************************/
#kontakt p
{
	margin-bottom: 0px;
}

#kontakt .css_table33 
{
	width: 350px;
}

#kontakt .css_table33 div
{
	padding-top: 10px;
}

#kontakt .css_table33 .left, #kontakt .css_table33 .right, #kontakt .css_table33 .center
{
	margin: 0px;
}

#kontakt .css_table33 .left
{
	width: 170px;
	margin-right: 10px;
}

#kontakt .css_table33 .right
{
	width: 170px;
}

#kontakt .css_table33 .center
{
	width: 350px;
}

#kontakt .css_table33 label
{
	display: block;
}

#kontakt .css_table33 input
{
	width: 145px;
}

#kontakt .css_table33 input#Spamschutz
{
	width: 100px;
	text-align: center;
	font-weight: bold;
}

#kontakt .css_table33 input#submit
{
	width: 100px;
	font-weight: bold;
	margin-top: 5px;
}

#kontakt .css_table33 textarea
{
	width: 315px;
	height: 60px;
}

#kontakt .css_table33 #label_spamschutz
{
	font-size: smaller;
}

#kontakt #message
{
	display: block;
	color: red;
	border: 1px solid red;
	font-weight: bold;
	font-size: smaller;
	margin: 5px 0px;
	padding: 5px;
}

/************************ datenschutz ************************/
#datenschutz p 
{
	font-size: smaller;
}

#datenschutz .image_float
{
	width: 300px;
}