/*  -----------------------------------
/*  http://www.bikezeug.de
/*  Autor: 	Thomas Schmidt
/*  http://www.virtual-commerce.de
/*  Datum:	April 2008
/*  Letzte Aenderung:	September 2008
/*  -------------------------------- */

/*  -----------------------------------
/* colours
/* light green:		#B6D4B0
/* green:					#3A6933
/* light:					blue #B1B5D0
/* blue: 					#29468A
/*  -------------------------------- */

body {
	font-size:100%;
	font-family:		Arial, default;
	margin:					0;
	padding:				0;
 	background:			#ffffff;
}

/* global styles: clearing helpers, headings */

.clear {
	clear:					both;
	height:					0px;
}

.clearfix:after {
   content:				"."; 
   display:				block; 
   height:				0; 
   clear:					both; 
   visibility:		hidden;
}

.clearfix {
	display:				inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
*+html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* wrapper */

#wrapper {
	position:				relative;
	margin:					0 auto;
	width:					750px;
	padding:				0 1em 0 1em;
}

* html #wrapper {
	height:					80%;
}

/* ---------------------------
/* header: image, logo, teaser 
/* --------------------------- */

#header {
	position:				relative;
	display:				block;
	width:					750px;
	margin:					1.0em 0 0 0;
}

#header #imageContainer {
	float:					left;
	width:					590px;
	height:					128px;
	overflow:				hidden;
}

#header #logo {
	float:					right;
	width:					150px;
	height:					32px;
}

#header #teaser {
	float:					right;
	margin:					.25em 0 0 0;
	width:					150px;
	height:					90px;
	background:			url(stripe_lightgreen_90.gif) repeat-x top left;
}

#teaser #teaser_end {
	float:					right;
	width:					10px;
	height:					90px;
	background:			url(bend_right_lightgreen_90_10.gif) no-repeat top left;
	overflow:				hidden;
}

#teaser #teaser_main {
	float:					left;
	height:					90px;
	background:			url(bend_left_lightgreen_90_10.gif) no-repeat top left;
}

#teaser #teaser_main p {
	padding:				.5em 0 0 .5em;
	color:					#3A6933;
	font-size:			0.8em;
	font-weight:		bold;
}

/* ---------------------------
/* basicnavigation -----------
/* --------------------------- */

#basicnavigation {
	position:				relative;
	display:				block;
	margin:					.5em 0 0 0;
	width:					750px;
	height:					20px;
	background:			url(stripe_lightgreen_20.gif) repeat-x top left;
}

#basicnavigation #basicnavigation_end {
	float:					right;
	width:					10px;
	height:					20px;
	background:			url(bend_right_lightgreen_20.gif) no-repeat top left;
}

#basicnavigation #basicnavigation_main {
	height:					20px;
	background:			url(bend_left_lightgreen_20.gif) no-repeat top left;
}

#basicnavigation #basicnavigation_main li {
	float:					right;
	color:					#3A6933;
	list-style-type:none;
	font-size:			0.8em;
	font-weight:		bold;
	padding:				.1em .5em 0 .5em;
}

#basicnavigation #basicnavigation_main li a {
	color:					#3A6933;
	text-decoration:none;
}

#basicnavigation #basicnavigation_main a:hover {
	text-decoration:underline;
}

/* ---------------------------
/* content area: navigation, content
/* --------------------------- */

#contentarea {
	position:				relative;
	display:				block;
	padding:				.5em 0 0 0;
	width:					750px;
}

/* ---------------------------
/* navigation ----------------
/* --------------------------- */

#contentarea #navigation {
	float:					left;
	width:					150px;
	background:			#B6D4B0;
}

#navigation #navigation_top {
	width:					150px;
	height:					10px;
	background:			url(bend_top_lightgreen_20.gif) no-repeat top left;
}

#navigation #navigation_bottom {
	width:					150px;
	height:					10px;
	background:			url(bend_bottom_lightgreen_20.gif) no-repeat bottom left;
}

#contentarea #navigation p {
}

#navigation #level_one {
	margin-left:					.5em;
	margin-top:					.5em;
	margin-bottom:					.5em;
	font-size:			0.8em;
	font-weight:		bold;
}

#navigation #level_two {
	margin:						0 0 .25em 1em;
	font-size:			0.8em;
}

#contentarea #navigation p a {
	color:					#3A6933;
	text-decoration:none;
}

#contentarea #navigation p a:hover {
	text-decoration:underline;
}

/* ---------------------------
/* content -------------------
/* --------------------------- */

#contentarea #content {
	float:					right;
	width:					600px;
	background:			#ffffff;
}

#contentarea #content h1 {
	padding:				0 0 0 1em;
	font-size:			1em;
	font-weight:		bold;
	color:					#29468A;
}

#contentarea #content h2 {
	padding:				1em 0 0 1em;
	font-size:			.8em;
	font-weight:		bold;
	color:					#29468A;
}

#contentarea #content p {
	display:				block;
	padding:				0 0 .5em 1em;
	font-size:			0.8em;
	color:					#000000;
}

#contentarea #content p strong {
	font-weight:		bold;
	color:					#29468A;
}

#content.techdata dl {
	display:				block;
	padding:				0 0 .5em 1em;
	font-size:			0.8em;
}

#contentarea #content.techdata dt {
	font-weight:		bold;
	color:					#29468A;
}

#contentarea #content.techdata dt {
	color:					#000000;
}

#contentarea #content img {
	float:					right;
	margin:					0 0 1em 1em;
}

#contentarea #content img#email {
	position:absolute;
}

#contentarea #content hr {
	border-style:		dotted;
	border-color:		#B6D4B0;
	width:					590px;
	height:					1px;
	margin:					0 0 0 .5em;
}

#contentarea #content ul {
	list-style-type:circle;
	color:					#3A6933;
}

#contentarea #content li {
	font-size:			0.8em;
	color:					#000000;
}

#contentarea #content li a {
	text-decoration:none;
	font-weight:		bold;
	color:					#29468A;
}

#contentarea #content li a:hover {
	text-decoration:underline;
}

#contentarea #content a {
	text-decoration:none;
	font-weight:		bold;
	color:					#29468A;
}

#contentarea #content a:hover {
	text-decoration:underline;
}

/* ---------------------------
/* google map ----------------
/* --------------------------- */

#content #map {
	margin:					.5em 0 .5em 1em;
 	width:					560px;
	height:					380px;
}

/* ---------------------------
/* footer --------------------
/* --------------------------- */

#footer {
	margin:					.5em 0 1em 0;
	width:					750px;
	height:					20px;
	background:			url(stripe_lightgreen_20.gif) repeat-x top left;
}

#footer #footer_end {
	float:					right;
	width:					10px;
	height:					20px;
	background:			url(bend_right_lightgreen_20.gif) no-repeat top left;
}

#footer #footer_main {
	height:					20px;
	background:			url(bend_left_lightgreen_20.gif) no-repeat top left;
}

#footer #footer_main span {
	float:					right;
	color:					#3A6933;
	font-size:			0.8em;
	font-weight:		bold;
	padding:				.1em .5em 0 .5em;
}

#footer #footer_main span a {
	color:					#3A6933;
	text-decoration:none;
}

#footer #footer_main span a:hover {
	text-decoration:underline;
}

/* ---------------------------
/* table data ----------------
/* --------------------------- */

table {
	width:580px;
	margin-left:10px;
	border-collapse:collapse;
	font-size:.8em;
}

table caption {
	font-weight:bold;
	text-align:left;
	padding:4px 10px;
}

thead tr td {
	font-weight:bold;
	text-align:left;
	height:30px;
	background:#29468A url(bend_right_top_blue_10x30.gif) no-repeat top right;
	color:#FFF;
	padding:2px 0 0 10px;
}

thead th {
	font-weight:bold;
	text-align:left;
	height:30px;
	background:#29468A url(bend_left_top_blue_10x30.gif) no-repeat top left;
	color:#FFF;
	padding:2px 0 0 10px;
}

tbody td {
	padding:4px 10px;	
}

tr.even {
	background:#B1B5D0;	
}

td.label {
	font-weight:bold;	
}

tfoot tr td {
	font-weight:bold;
	height:30px;
	background:#29468A url(bend_right_bottom_blue_10x30.gif) no-repeat bottom right;
	color:#FFF;
	padding:2px 0 0 10px;
}

tfoot th {
	font-weight:bold;
	height:30px;
	background:#29468A url(bend_left_bottom_blue_10x30.gif) no-repeat bottom left;
	color:#FFF;
	padding:2px 0 0 10px;
}