/* Autor + Copyright: Dirk Petscheleit, www.roterblitz.de */
/* Projekt: idworx 2007 */

/* undo: */
:link,:visited {
	text-decoration: none;
}

ul,ol {
	list-style: none;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 1em;
}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {
	margin: 0;
	padding: 0;
}

a img,:link img,:visited img {
	border: none;
	background-color: transparent;
}

/*Generelle Formatierungen */
body {
	font-family: Arial, Verdana, sans-serif;
	font-size: 80%;
	padding: 0px;
	background-color:  black;;
}

/* Links */
a:link {
	background-color: transparent;
	color: #E10827;
	text-decoration: none;
	font-weight: bold;
}

a:visited {
	background-color: transparent;
	color: #E10827;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	text-decoration: none;
	color: black;
}

#row1 a:hover, #row3 a:hover {
		border-bottom: 1px solid black;
}

a:active {
	background-color: transparent;
	color: #E10827;
	text-decoration: none;
}

h3 {
	margin: 5px 0 0;
	padding: 1px 0;
	height: 50px;
	width: 780px;
	cursor: pointer;
}

h3 a:link, h3 a:visited {
	color: black;;
	text-shadow: 2px 2px 1px #8dc036;
	padding: 2px 8px 1px;
	display: block;
	text-decoration: none;
}

h3 a:hover {
	background-color: white;
	border: 1px solid #333333;
}

/* Haupt-Container */

#container {
	width: 820px;
	margin: auto;
	text-align: left;
}

#header {
	margin-top: 10px;
	height: 133px;
	background: transparent;
	position: relative;
}

#languageSelect {
	position: absolute;
	right:  10px;
	top:  10px;
}

#languageSelect img {
	margin-left: 10px;
}

#header img {
	margin-top: 30px;
}

#topnavi {
	height: 27px;
	/*background: #4A4B4D;*/
} 

#content {
	background: #fff url("../images/content_main.jpg") repeat-x top left;
	background-color: #fff;
	padding-top: 20px;
}

#content p, #content td {
	margin: 5px 10px;
	font-size: 0.9em;
	line-height: 1.5em;
}



#content h1 {
	padding: 10px 10px 0 10px;
	font-size: 1.8em;
	letter-spacing: 0.05em;
	font-weight: normal;
	margin-bottom: 10px;
}

#content .startNews h1 {
	padding: 10px 10px 0 10px;
	font-size: 1.2em;
	font-weight: bold;
}

#content h2 {
	padding: 10px;
}

#content table {
	margin: 20px;
}

#content ul {
	margin-right: 10px;
}

#content li {
	margin-left: 30px;
	list-style: disc;
	font-size: 0.9em;
}

.bottomNav {
	margin:  10px;
}

#footer {
	padding: 10px;
 text-align: center;
 font-size: 0.8em;
 color: white;
}

#row1 {
	width: 560px;
	float: left;
	padding-top: 10px;
}

#row1 p {
	text-align: justify;
}

#row1 p.right {
	text-align: right;
}

/* Rechte Box */

#row2 {
	width: 180px;
	float: right;
	margin: 10px;
}

#row2 h2 {
	padding: 3px 5px;
}

#row2 li {
	text-align: left;
	margin: 0;
	list-style: none;
}
#row2 ul {
	margin: 0;
}

#row2 li a {
	font-weight: normal;
	font-size: 0.9em;
	display: block;
	background: transparent url("../images/right-navi.gif") 4px 5px no-repeat;
	color: black;
	width: 133px;
	padding: 5px 5px 4px 40px;
	margin: 0;
}

#row2 li a:hover {
	background: #E1E1E1 url("../images/right-navi-hover.gif") 4px 5px no-repeat;
}


#row3 {
	float: left;
	width: 520px;

}

#row3 h1, #row4 h1{
	padding: 5px;
	color: #E1E1E1;
	background-color: #333333;
}

#row4 {
	float: right;
	width: 270px;
	w\idth: 270px;
	border-left: 1px solid #333333;
	margin: 10px;
		border: 1px solid #899180;
	background: transparent url("../images/box.gif") bottom left repeat-x;
	padding-bottom: 10px;
}
#row4 li {
	margin-top: 10px;
}
#row4 h2 {
		background-color: #333333;
	color: white;
	padding: 3px;
}

#bike {
	margin: 2px;
	width: 776px;
	background-color: white;
	text-align:left;
	
}

#rowGallery {
	float: left;
	width: 580px;
	margin: 10px;
}

#rowGallery hr {
	clear: left;
	visibility: hidden;
}

.box {
	margin-top: 10px;
	border: 1px solid #899180;
	background: transparent url("../images/box.gif") bottom left repeat-x;
	
}
.box p {
	padding: 5px;
}

.box h2 {
	background-color: #4A4B4D;
	color: white;
	padding: 3px;
	font-weight: normal;
	letter-spacing: 0.02em;
}


/* Bilder und weitere Elemente */

.imageLeft {
	float: left;
	margin: 5px 10px 5px 0;
}

.imageRight {
	float: right;
	margin: 5px 0 5px 10px;
}

.imageRight p {
	padding: 0;
	margin: 0;
	background-color: #EEEEEE;
	text-align:left;
	font-size: 0.7em;
}

.right {
	text-align: right;
	padding-bottom: 10px;
	border-bottom: 1px solid #E1E1E1;
}

.startNews p.right {
	clear:  left;;
}

p.leftAlign {
	text-align:  left;
}

p.strong {
	font-weight: bold;
}

ol {
	
}

#content ol li {
	list-style-type: upper-roman;
	margin-bottom:  10px;
}

#content .riemenantrieb li {
		text-align: justify;
		line-height: 1.5em;
}

#content ol.vorteile li,
#content ol.nachteile li {
	list-style-type: decimal;

}

#ueber ol li{
	list-style-type: decimal;
}

#ueber p, #ueber ol {
	margin-left: 40px;
	margin-right: 40px;
}


li#last {
	border-right:  1px solid white;
}

/* Spezielle Seiten */

#bike {
	padding-top: 20px;

}
#bigImage {
	text-align: center;
	margin-bottom: 40px;
}

#bigImage p {
	padding: 20px;
}

.imageGallery { 
	text-align: center;
	float: left;
	height: 100px;
	width: 160px;
	padding: 10px;
	border: 1px solid #D9D9D9;
	margin: 5px;
	}

#weblinks {
	margin-left: 15px;
}
	
#weblinks p { 
	text-align: center;
	float: left;
	height: 120px;
	width: 205px;
	padding: 10px;
	border: 1px solid #D9D9D9;
	margin: 15px;
	}
	
#weblinks img {
	margin: 10px;
}

#weblinks a:hover {
	background-color: transparent;
	color: black;
}

#weblinks h2 {
	clear: left;
}

.land { width: 35px;}
.plz { width: 35px;}
.name { width: 220px;}
.ort { width: 105px;}
.strasse { width: 140px;}
.telefon { width: 80px;}
.homepage { width: 35px;}

/* Tabellen */
	thead th, thead td{
		color: #fff;
		background-color: #4A4B4D;
		font-weight: bold;
		border-bottom: 1px solid #eee;
		border-left: 1px solid #eee;
	}
	tbody td{
		border-left: 1px solid #eee;
		border-bottom: 1px solid #eee;
	}
	table tr td:last-child {
    	border-right: 1px solid #eee;
	}

	tbody tr.even td{
		background: #eee;
	}
		tbody tr.even th{
		background: #eee;
	}
	tbody tr.selected td{
		background: #3d80df;
		color: #ffffff;
		font-weight: bold;
	}
	
	tbody tr.ruled td{
		color: white;
		background-color: #adadad; 

	}
	tbody tr.ruled th{
		color: white;
		background-color: #adadad; 

	}

	
	/* Opera fix */
	head:first-child+body tr.ruled td{
		background-color: #333333; 
	}
	
	a:hover img {
		background-color: transparent;
		border: none;
		color: transparent;
		padding: 0;
	}
	
		img a:hover {
		background-color: transparent;
		border: none;
		color: transparent;
		padding: 0;
	}


/* Kontaktformular */
fieldset {
	margin: 20px;
	padding: 10px;
}

label,input {
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 10px;
}

label {
	text-align: right;
	width: 140px;
	padding-right: 20px;
}

form br {
	clear: left;
}

#buttons {
	margin: 20px;
}

/*Geometrie */

table#geometriedaten {
	width: 570px;
	w/idth: 500px;
	padding-left: 15px;
}
	
table#geometriedaten tbody th {
	background-color: #E1E1E1;
	color: black;
}

#geometriedaten td {
	border-bottom: 1px solid black;
	text-align: center;
	padding: 5px;
}
	#geometriedaten th {
	color: white;
	background-color: #333333;
	border-bottom: 1px solid black;
	text-align: center;
	padding: 5px;
	}
#geometriedaten .rechteSpalte {
	text-align: left;
	font-size: 0.9em;
}

/* Presse Seiten */
.artikel {

	margin-top: 10px;
	text-align: center;
	padding-bottom: 20px;
	}
	
.artikel h2 {
	border-top: 3px dashed #899180;
}

/* Seite Bike-Ausstattung */

table#spezifikation {
	padding: 
}

#spezifikation td {
	padding: 5px;
}

/*Philosophie */
.philosophie {
	padding: 20px;
}

.philosophie ul {
	background-color: #EEEEEE;
	border: 1px dashed #D9D9D9;
	margin: 10px;
	padding: 10px;
}
.philosophie li {
	margin-bottom: 10px;
}

.back, .top{
	text-align: right;
	margin: 10px;
}

.back a {
		padding: 5px 10px 5px 25px;
		background: transparent url("../images/back.gif") 5px 5px no-repeat;
}
.top a {
		padding: 5px 10px 5px 25px;
		background: transparent url("../images/top.gif") 5px 5px no-repeat;
}

.back a:hover, .top a:hover {

}

#pdfLink ul {
	margin-left: 30px;
	
}

#pdfLink li {
	margin-top: 10px;
	list-style: none;
	background: transparent url("../images/icons/pdf.png") 0px 0px no-repeat;
	padding-left: 20px;
}

ul.subnav
{
margin-left: 0px;
padding-left: 0;
white-space: nowrap;
}

#content .subnav li
{
font-weight: bold;
margin: 0;
display: inline;
width:  180px;
list-style-type: none;
margin-left:  10px;
}

#content .subnav li.firstSub {

}

#faq {
	margin: 10px;
}

#dealerTop {
	border: 1px solid #ccc;
	margin: 0 40px 40px 40px;
	padding: 10px;
	text-align: center;
}

#dealerTop img {
	
}
#dealerTop p {

}


.accordion dt { 
            	cursor: pointer;
            }

#dealerList {
	padding-top: 40px;
}			
#dealerList dt {
	margin-left: 10px;
	height: 30px;
	font-weight: bold;
	line-height: 30px;
}	
#dealerList dt img {
	float: left;
	margin-right: 10px;
}		

/* Styles für Greybox */
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #fff;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:110;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 112;
	color:#000000;
	display:none;
	border: 4px solid #525252;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}


#content .startnews li {
	margin-left:  20px;
}

h2 span {
	float:  right;
	vertical-align: top;
	padding-top:  10px;
	font-size:  10px;
	color: #646464;
}

h2 span a:link, h2 span a:active, h2 span a:visited {
	color: #646464;
}

h2 span a:hover {
	color:  black;
	background-color: transparent;
}

#row1 blockquote {
	margin: 40px 30px 10px 30px;
	padding:  20px 30px 30px 40px;
	font-size:  14px;
	background: transparent url("../images/blockquote.jpg") top left no-repeat;
}

#row1 blockquote p {
		line-height:  1.5em;
		background: transparent url("../images/blockquote-bottom.jpg") bottom right no-repeat;
		padding-bottom:  30px;
}

#presseTicker li a {
	padding: 0;
	width: 178px;
	height: 178px;
}

.message {
	border: 1px solid #ccc;
	margin: 0 40px 40px 40px;
	padding: 10px;
	text-align: center;
}


/*New 2010*/

#bikeOverview h2 {
	clear: left;
	margin:  20px;
	font-size: 1.2em;
	letter-spacing: 0.1em;
}

#bikeOverview a:link,
#bikeOverview a:visited {
	color: black;
}

.bike a
.parts a {
	padding:  3px;
}

.bike, .parts {
	width:  230px;
	height:  160px;
	float:  left;
	margin-left:  30px;
	margin-bottom:  30px;
	border:  1px solid #efefef;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}

.parts {
	height: 230px;
}

.learn-more {
	 position: absolute;  
	right: 0;  
	 bottom: 0;  
	padding: 2px;  
	 color: white;  
	 background: black;  
}

.hover {
	border-color:  black;
}

ul#integratedDesign {
	margin:  0;
}

#integratedDesign li {
	list-style: none;
	width: 350px;
	height:  300px;
	float:  left;
	border:  1px solid #ccc;
	margin:  0;
	margin-left: 35px;
	margin-top: 25px;
	overflow: visible;
}

#content ol.numbered li {
	list-style-type: decimal;
}