/* Remove margin, padding and border from everything
-----------------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

/* Styles for layout
-----------------------------------------------------------------------------*/

.clear {
	clear: both;
}

.right {
	float: right;
}

.left {
	float: left;
}

/* Set up the document
-----------------------------------------------------------------------------*/

body {
	font-family: Arial, Tahoma, Verdana, sans-serif;
	color: #FFF;
	line-height: 1.1;
	font-size: 15px;
	background: #e95e26 url(../images/shadow-bg.jpg) top left repeat-x;	
	padding-bottom: 50px;
}

h2 {
	font-size: 15px;
}

a {
	text-decoration: none;
	color: #FFF;
}

	a.active,
	a:hover {
		color: #000;
	}
	
em {
	font-style: normal;
	color: #000;
}

#wrapper {
	width: 950px;
	height: 600px;
	overflow: visible;
}



/* Backgrounds
-----------------------------------------------------------------------------*/
body#page-home-index #wrapper {
	background: url(../images/backgrounds/bg_rtcycles.jpg) top left no-repeat;
}

body#page-news-index #wrapper,
body#page-news-detail #wrapper {
	background: url(../images/backgrounds/bg_news.jpg) top left no-repeat;
}

body#page-bikes-index #wrapper,
body#page-bikes-mtb #wrapper {
	background: url(../images/backgrounds/bg_bikes-mtb.jpg) top left no-repeat;
}

body#page-bikes-rennrad #wrapper {
	background: url(../images/backgrounds/bg_bikes-rennrad.jpg) top left no-repeat;
}
	
body#page-bikes-xxl #wrapper {
	background: url(../images/backgrounds/bg_bikes-xxl.jpg) top left no-repeat;
}

body#page-contact-index #wrapper {
	background: url(../images/backgrounds/bg_contact.jpg) top left no-repeat;
}

body#page-impressum-index #wrapper {
	background: url(../images/backgrounds/bg_impressum.jpg) top left no-repeat;
}

body#page-agb-index #wrapper {
	background: url(../images/backgrounds/bg_agb.jpg) top left no-repeat;
}

/* Header
-----------------------------------------------------------------------------*/
#header {
	height: 100px;
	overflow: hidden;
}

	#header h1 {
		display: none;
	}

		#header #navigation {
			list-style: none;
		}

			#header #navigation li {
				display: inline;
			}
			
				#header #navigation li a {
					display: block;
					margin-right: 2px;
					float: left;
					width: 87px;
					height: 23px;
				}

				#header #navigation li#menu-rt-cycles a {
					margin-top: 23px;
				}

				#header #navigation li#menu-bikes-mtb a {
					margin-top: 29px;
				}

				#header #navigation li#menu-bikes-rennrad a {
					margin-top: 32px;
				}

				#header #navigation li#menu-bikes-xxl a {
					margin-top: 38px;
				}
                          
				#header #navigation li#menu-news a {
				    margin-top: 42px;
				}
                          
				#header #navigation li#menu-contact a {
				    margin-top: 48px;
				}

					#header #navigation li a span {
						display: none;
					}
			

/* Presentation
-----------------------------------------------------------------------------*/
#presentation {
	height: 300px;
	overflow: hidden;
}

	#presentation p {
		margin-bottom: .4em;
	}

.presentation-container-full {
	width: 540px;
	height: 265px;
	position: absolute;
	top: 125px;
	left: 195px;
	overflow: hidden;
}

	.presentation-container-full #presentation-container-home {
		padding-top: 60px;
		text-align: right;
		text-transform: uppercase;
		color: #000;
	}

		.presentation-container-full #presentation-container-home h2 {
			margin-bottom: 1em;
		}

		.presentation-container-full #presentation-container-home a {
			color: #000;
		}

	.presentation-container-full #presentation-container-news {
		text-align: right;
		text-transform: uppercase;
		color: #000;
		height: 265px;
	}

		.presentation-container-full #presentation-container-news h2 {
			color: #FE3615;
			font-weight: normal;
			font-size: 15px;
			margin-bottom: .5em;
		}

		.presentation-container-full .loading#presentation-container-news {
			background: url(/images/loading.gif) center center no-repeat;
		}

		.presentation-container-full #presentation-container-bike {
			text-align: right;
			text-transform: uppercase;
			color: #000;
			height: 265px;
		}

			.presentation-container-full .loading#presentation-container-bike {
				background: url(/images/loading.gif) 200px 120px no-repeat;
			}
			
			#presentation-bike-fullimage {
				height: 250px;
				width: 400px;
				float: left;
			}

			#presentation-bike-title {
				width: 150px;
				height: 30px;
				position: absolute;
				top: 290px;
				left: 630px;
				color: #000;
			}

				#presentation-bike-title h2 {
					font-size: 15px;
					font-weight: normal;
				}
				
			#presentation-bike-smallimage {
				width: 180px;
				height: 150px;
				position: absolute;
				left: 614px;
				top: 136px;
			}	
				
				#presentation-bike-smallimage img {
					
				}

.presentation-container-contact {
	width: 470px;
	height: 247px;
	position: absolute;
	top: 134px;
	left: 204px;
	overflow: hidden;
}

	.presentation-container-contact #map {
		height: 247px;
		color: #000;
	}

	.presentation-container-full #presentation-container-agb {
		padding-top: 220px;
		text-align: right;
		text-transform: uppercase;
		color: #000;
	}
	
/* Contact Data
-----------------------------------------------------------------------------*/
#contact-data {
	text-indent: -9999px;
}

#contact-data span.email-link a {
	position: absolute;
	top: 400px;
	left: 820px;
	height: 20px;
	width: 100px;
	display: block;
}

	#contact-data span.email-link a span {
		display: none;
	}


/* Main
-----------------------------------------------------------------------------*/
#main {
	height: 200px;
	overflow: visible;
}

#left-tab {
	float: left;
	width: 225px;
	height: 1px;
	overflow: visible;
}

	#left-tab ul.product-list {
		list-style: none;
		margin-top: 20px;
		margin-right: 15px;
		text-align: right;
	}

		#left-tab ul.product-list li {
		}

			#left-tab ul.product-list li a {
				padding-right: 27px;
			}

					#left-tab ul.product-list li.active a,
					#left-tab ul.product-list li a:hover {
						color: #000;
						background: url(../images/cross-marker.gif) top right no-repeat;
					}
			
#content {
	float: left;
	width: 390px;
	text-align: right;
	margin-top: 20px;
}

	#content #bike-info {
		text-transform: uppercase;
	}

		#content #bike-info a {
			color: #000;
		}
		
#imprint-link {
	display: block;
	position: absolute;
	top: 450px;
	left: 820px;
	width: 70px;
	height: 30px;
}	
	
	#imprint-link a {
		display: block;
		width: 70px;
		color: #333;
		font-size: 10px;
		text-transform: uppercase;
	}	
		
#agb-link {
	display: block;
	position: absolute;
	top: 450px;
	left: 900px;
	width: 40px;
	height: 30px;
}	
	
	#agb-link a {
		display: block;
		width: 40px;
		color: #333;
		font-size: 10px;
		text-transform: uppercase;
	}

/* Contact Form
-----------------------------------------------------------------------------*/
#contact-form {
	text-align: left;
}


	#contact-form h2 {
		color: #FFF;
		text-transform: lowercase;
	}

	#contact-form form {
		margin-top: 10px;
	}

		#contact-form form fieldset {
			border: 0;
		}

			#contact-form form fieldset legend {
				display: none;
			}

			#contact-form form fieldset label {
				display: block;
				float: left;
				width: 100px;
				margin-bottom: .5em;
				padding-top: 2px;
				cursor: pointer;
				text-transform: lowercase;
			}

				#contact-form form fieldset br {
					
				}

			#contact-form form fieldset input,
			#contact-form form fieldset select,
			#contact-form form fieldset textarea {
				font-size: inherit;
				font-family: inherit;
				padding: 2px;
				margin-bottom: .3em;
				width: 230px;
			}	

			#contact-form form fieldset input.error,
			#contact-form form fieldset select.error,
			#contact-form form fieldset textarea.error {
				background: #FFDDE5;
				border-color: #FF0000;
			}
			
			#contact-form form fieldset textarea {
				width: 280px;
			}

			#contact-form form input.submit-btn {
				margin-left: 100px;
				padding: 2px;
			}
			
#contact-form #error-messages {
	padding: .5em 0;
	font-size: 20px;
}	

#contact-form #error-messages label,
#contact-form #error-messages p {
	display: block;
	margin: .2em 0 .3em 0;
	color: #FFF;
}	
	
#contact-form .success-container {
	padding: .5em 0;
	font-size: 20px;
}

#contact-form .error-container {
	padding: .5em 0;
	font-size: 20px;
}


/* News
-----------------------------------------------------------------------------*/
h2.news-headline {
	width: 315px;
	color: #000;
	margin-bottom: 1em;
	margin-top: 1em;
	font-size: 15px;
	font-weight: normal;
	text-transform: uppercase;
}

.news-item {
	text-align: right;
	text-transform: uppercase;
	margin-bottom: 1em;
	width: 315px;
}

	.news-item h3 {
		font-size: 15px;
	}
         
	.news-item a {
	    text-decoration: underline;
		color: #000;
	}

	.news-item.active {
		color: #000;
	}

#news-image-wrapper {
	width: 300px;
	margin-left: 10px;
	margin-top: 10px;
	float: left;
	text-align: left;
}	

#news-text-wrapper {
	width: 210px;
	float: left;
	margin-left: 20px;
	margin-top: 10px;
}

/* AGB
-----------------------------------------------------------------------------*/
#agb-container {
	text-align: left;
	margin-bottom: 20px;
}

	#agb-container h2 {
		font-size: 15px;
	}

	#agb-container h3 {
		font-size: 13px;
		margin: 10px 0 5px 0;
	}

	#agb-container p {
		font-size: 12px;
		margin-bottom: 5px;
	}