/*
 * Zuruecksetzen der Standard Browser Stile
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

body
{
	background:url(../pix/background.jpg) no-repeat top center;
}

#logo {
	position: absolute;
	left: 722px;
	top: 27px;
	width: 170px;
}
#baustelle {
	left: 10px;
	top: 32px;
	width: 902px;
	position: absolute;
}

.copy {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #53657a;
	line-height: 16px;
}

.copyb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #53657a;
	line-height: 16px;
	font-weight:bold;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #53657a;
	line-height: 16px;
	text-decoration: none;
}

.headline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #53657a;
	font-weight: bold;
	line-height: 16px;
}


.headlineDetail {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #83b817;
	font-weight: bold;
	line-height: 16px;
}

.shadow {
	-moz-box-shadow: 2px 2px 5px #b4c6d3;
	-webkit-box-shadow: 2px 2px 5px #b4c6d3;
	box-shadow: 2px 2px 5px #b4c6d3;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#698ca6')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#698ca6');
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

}

#content {
	position: absolute;
	top: 88px;
}
#content #topNav {
	width: 896px;
	background: url(../pix/bg_nav.png) no-repeat;
	margin: 0px;
	height: 48px;
}
#content #topNav img {
	float: left;
}
#content #topNav #nav {
	width: 880px;
	padding: 1px 0 0 16px;
}

#content #topNav #subnav {
	padding: 0 0 0 16px;
}

#content #topNav .nav_sprache {
	float:right;
	padding: 4px 32px 0 0;
	color:#417694;
}

#content #topNav .nav_sprache a {
	padding: 0 4px 0 4px;
	text-decoration:none;
	color:#417694;
	font:Arial, Helvetica, sans-serif, Verdana;
	font-size:11px;
}

#content #topNav .nav_sprache a:hover {
	color:#fff;
}

#bildpanel {
	margin-top: 10px;
	position: relative;
	background: url(../pix/bg_bildpanel.jpg) no-repeat;
	height: 390px;
}

#bildpanelOHNE {
	margin-top: 10px;
	position: relative;
	height: 390px;
}

#panellinksText {
	background: url(../pix/bg_textpanel_klein.jpg) no-repeat;
	position: absolute;
	left: 0px;
	top: 472px;
	width: 596px;
	height: 221px;
}

#textP {
	padding: 8px 16px 0 16px;
	height: 197px;
}

#panellinksTextIndex {
	background: url(../pix/bg_textpanel.png) no-repeat;
	position: absolute;
	left: 0px;
	top: 472px;
	width: 593px;
	height: 218px;
}


#textpanelSmall {
	width: 272px;
	margin: 15px 0 0 16px;
}

#panelMitte {
	height: 221px;
	position: absolute;
	left: 304px;
	top: 472px;
	width: 249px;
}

#panelrechts {
	height: 139px;
	position: absolute;
	left: 608px;
	top: 472px;
	width: 249px;
}


#panellinks {
	height: 221px;
	position: absolute;
	left: 0px;
	top: 472px;
	width: 249px;
}

#panelContent {
	height: 139px;
	width: 288px;
	background: url(../pix/panel_bg.png) left top no-repeat;	
	margin: -5px 0 0 0;
}

#panelContent img {
	float: left;
	padding: 16px 16px 0 16px;
}

#panelContent a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #83b817;
	line-height: 16px;
	text-decoration: underline;
}

#panelContentM {
	height: 143px;
	width: 300px;
	background: url(../pix/panel_bg_mitte.gif) left top no-repeat;
	margin: -5px 0 0 0;
}

#panelContentM img {
	float: left;
	padding: 16px 16px 0 16px;
}

#panelContentM a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #83b817;
	line-height: 16px;
	text-decoration: underline;
}


#metanav {
	height: 20px;
	width: 902px;
	padding: 4px 0 0 0;
	border-top: 1px solid #FFF;
	position: relative;
	top: 36px;
}

#metanav a, #metanav a:hover, #metanav a:active, #metanav a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	text-decoration: none;
	padding:0 14px 0 0;
}

#metanav2 {
	height: 20px;
	width: 902px;
	padding: 4px 0 0 0;
	border-top: 1px solid #FFF;
	position: relative;
	top: -20px;
}

#metanav2 a, #metanav2 a:hover, #metanav2 a:active, #metanav2 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	text-decoration: none;
	padding:0 14px 0 0;
}

.copyMeta {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	text-decoration: none;
	padding:0 14px 0 0;
}


#bildpanelDetail {
	margin-top: 10px;
	position: relative;
	background: url(../pix/bg_bildpanel_brado.jpg) no-repeat;
	height: 390px;
	width: 902px;
}
#bildpanelDetail #totale {
	padding: 0 48px 0 24px;
	float:left;
}
#content #bildpanelDetail #detailText {
	padding: 16px 16px 0 0;
}
#bildpanelDetail #detailText td {
	padding-bottom: 1px;
}

#bildpanelDetailivela {
	margin-top: 10px;
	position: relative;
	background: url(../pix/ivela/bg_bildpanel_ivela.jpg) no-repeat;
	height: 390px;
	width: 902px;
}
#bildpanelDetailivela #totale {
	padding: 0 48px 0 40px;
	float:left;
}
#content #bildpanelDetailivela #detailText {
	padding: 16px 16px 0 0;
}
#bildpanelDetailivela #detailText td {
	padding-bottom: 1px;
}


/*Icons*/
#Icons {
	position: absolute;
	top: 266px;
	z-index: 200;
	left: 608px;
	width:290px;
}

#iconsTotale {
	width:290px;
}

#iconsTotale a {
	float: left;
	margin: 10px 4px 0 0;
}

#iconsTotale a.brado {
	background: url(../pix/icon_brado_inact.gif) no-repeat;
}

#iconsTotale a:hover.brado {
	background: url(../pix/icon_brado_hover.gif) no-repeat;
}

#iconsTotale a.bradoLehne {
	background: url(../pix/icon_brado_lehne_inact.gif) no-repeat;
}

#iconsTotale a:hover.bradoLehne {
	background: url(../pix/icon_brado_lehne_hover.gif) no-repeat;
}

#iconsTotale a.benutzer {
	background: url(../pix/icon_benutzer_inact.gif) no-repeat;
}

#iconsTotale a:hover.benutzer {
	background: url(../pix/icon_benutzer_hover.gif) no-repeat;
}

#iconsTotale a.gefaltet {
	background: url(../pix/icon_gefaltet_inact.gif) no-repeat;
}

#iconsTotale a:hover.gefaltet {
	background: url(../pix/icon_gefaltet_hover.gif) no-repeat;
}

#iconsTotale a:hover.ivela {
	background: url(../pix/ivela/icon_ivela_hover.gif) no-repeat;
}

#iconsTotale a.ivela {
	background: url(../pix/ivela/icon_ivela_inact.gif) no-repeat;
}

.platzhalter {
	float: left;
	margin: 10px 4px 0 0;
}


#iconsDetail a {
	float: left;
	margin: 4px 4px 0 0;
}

#iconsDetail a.bremsgriff {
	background: url(../pix/icon_bremsgriff_inact.gif) no-repeat;
}

#iconsDetail a:hover.bremsgriff {
	background: url(../pix/icon_bremsgriff_hover.gif) no-repeat;
}

#iconsDetail a.ergogriff {
	background: url(../pix/icon_ergogriff_inact.gif) no-repeat;
}

#iconsDetail a:hover.ergogriff {
	background: url(../pix/icon_ergogriff_hover.gif) no-repeat;
}

#iconsDetail a.griffhoehe {
	background: url(../pix/icon_griffhoehe_inact.gif) no-repeat;
}

#iconsDetail a:hover.griffhoehe {
	background: url(../pix/icon_griffhoehe_hover.gif) no-repeat;
}

#iconsDetail a.feststellrad {
	background: url(../pix/icon_feststellrad_inact.gif) no-repeat;
}

#iconsDetail a:hover.feststellrad {
	background: url(../pix/icon_feststellrad_hover.gif) no-repeat;
}

#iconsDetail a.bremsrad {
	background: url(../pix/icon_bremsrad_inact.gif) no-repeat;
}

#iconsDetail a:hover.bremsrad  {
	background: url(../pix/icon_bremsrad_hover.gif) no-repeat;
}

#iconsDetail a.steighilfe {
	background: url(../pix/icon_steighilfe_inact.gif) no-repeat;
}

#iconsDetail a:hover.steighilfe  {
	background: url(../pix/icon_steighilfe_hover.gif) no-repeat;
}

#iconsDetail a.einhand {
	background: url(../pix/icon_einhand_inact.gif) no-repeat;
}

#iconsDetail a:hover.einhand  {
	background: url(../pix/icon_einhand_hover.gif) no-repeat;
}

#iconsTotale a.stockhalter {
	background: url(../pix/icon_stockhalter_inact.gif) no-repeat;
}

#iconsTotale a:hover.stockhalter {
	background: url(../pix/icon_stockhalter_hover.gif) no-repeat;
}

/*ivela*/

#iconsDetail a.antrieb {
	background: url(../pix/ivela/icon_antrieb_inact.gif) no-repeat;
}

#iconsDetail a.akku {
	background: url(../pix/ivela/icon_akku_inact.gif) no-repeat;
}

#iconsDetail a.motor {
	background: url(../pix/ivela/icon_motor_inact.gif); no-repeat;
}

#iconsDetail a.automatik {
	background: url(../pix/ivela/icon_automatik_inact.gif) no-repeat;
}

#iconsDetail a.led {
	background: url(../pix/ivela/icon_led_inact.gif) no-repeat;
}


#iconsDetail a:hover.antrieb {
	background: url(../pix/ivela/icon_antrieb_hover.gif) no-repeat;
}

#iconsDetail a:hover.akku {
	background: url(../pix/ivela/icon_akku_hover.gif) no-repeat;
}

#iconsDetail a:hover.motor {
	background: url(../pix/ivela/icon_motor_hover.gif); no-repeat;
}

#iconsDetail a:hover.automatik {
	background: url(../pix/ivela/icon_automatik_hover.gif) no-repeat;
}

#iconsDetail a:hover.led {
	background: url(../pix/ivela/icon_led_hover.gif) no-repeat;
}


#iconsZubehoer {
	position: absolute;
	top: 328px;
	z-index: 200;
	left: 608px;
	width:280px;
}

#iconsZubehoer a {
	float: left;
	margin: 0px 4px 0 0;
}

#iconsZubehoer a.taschen {
	background: url(../pix/icon_taschen_inact.gif) no-repeat;
}

#iconsZubehoer a:hover.taschen {
	background: url(../pix/icon_taschen_hover.gif) no-repeat;
}

#iconsZubehoer a.korb {
	background: url(../pix/icon_korb_inact.gif) no-repeat;
}

#iconsZubehoer a:hover.korb {
	background: url(../pix/icon_korb_hover.gif) no-repeat;
}

#iconsZubehoer a.rueckenlehne {
	background: url(../pix/icon_rueckenlehne_inact.gif) no-repeat;
}

#iconsZubehoer a:hover.rueckenlehne {
	background: url(../pix/icon_rueckenlehne_hover.gif) no-repeat;
}

#iconsZubehoer a.schirm {
	background: url(../pix/icon_schirm_inact.gif) no-repeat;
}

#iconsZubehoer a:hover.schirm {
	background: url(../pix/icon_schirm_hover.gif) no-repeat;
}

#iconsZubehoer a.led {
	background: url(../pix/icon_led_inact.gif) no-repeat;
}

#iconsZubehoer a:hover.led {
	background: url(../pix/icon_led_hover.gif) no-repeat;
}

#iconsZubehoer a.tasche_filz {
	background: url(../pix/icon_taschen_filz_inact.gif) no-repeat;
}

#iconsZubehoer a:hover.tasche_filz {
	background: url(../pix/icon_taschen_filz_hover.gif) no-repeat;
}

#iconsZubehoer a.tasche_poly {
	background: url(../pix/icon_taschen_poly_inact.gif) no-repeat;
}

#iconsZubehoer a:hover.tasche_poly {
	background: url(../pix/icon_taschen_poly_hover.gif) no-repeat;
}

/*ivela Zubeh?r*/

#iconsZubehoer a.stuetze {
	background: url(../pix/ivela/icon_stuetze_inact.gif) no-repeat;
}

#iconsZubehoer a:hover.stuetze {
	background: url(../pix/ivela/icon_stuetze_hover.gif) no-repeat;
}

#iconsZubehoer a.sattel1 {
	background: url(../pix/ivela/icon_sattel1_inact.gif) no-repeat;
}

#iconsZubehoer a:hover.sattel1 {
	background: url(../pix/ivela/icon_sattel1_hover.gif) no-repeat;
}

#iconsZubehoer a.sattel2 {
	background: url(../pix/ivela/icon_sattel2_inact.gif) no-repeat;
}

#iconsZubehoer a:hover.sattel2 {
	background: url(../pix/ivela/icon_sattel2_hover.gif) no-repeat;
}

#iconsZubehoer a.tretkurbel {
	background: url(../pix/ivela/icon_tretkurbel_inact.gif) no-repeat;
}

#iconsZubehoer a:hover.tretkurbel {
	background: url(../pix/ivela/icon_tretkurbel_hover.gif) no-repeat;
}



/*Downloads*/

#bildpanel .downloadsPressefotos {
	float:left;
	padding: 16px 0 0 16px;
}

#bildpanel li {
	padding: 0 8px 8px 0;
	float: left;
}

#bildpanel ul {
	clear:both;
}

#bildpanel li.presse {
	padding: 0 45px 8px 0;
	float:left;
}

/*Kontaktformular*/

.form {
	padding: 0 0 8px 0;

}

input, textarea {
	border: #73c3e9 1px solid;
	color:#000000;
	font-size: 12px;
	width: 350px;
	height: 15px;
}

input.radio {
	margin: 8px 0 0 0;
	width: 20px;
}


input.send {
	background:  url(../pix/button_senden.gif) no-repeat;
	color:#FFFFFF;
	text-align: center;
	font-weight:bold;
	font-size: 12px;
	width: 96px;
	float: right;
	border: 0;
	margin: 8px 0 0 0;
	vertical-align: top;
	height: 20px;
}


a.reset {
	background:  url(../pix/button_abbrechen.gif) no-repeat;
	color:#FFFFFF;
	text-align: center;
	font-weight:bold;
	font-size: 12px;
	width: 96px;
	height: 20px;
	float: right;
	margin: 8px 28px 0 8px;
}

a:hover.reset {
	background:  url(../pix/button_abbrechen_act.gif) no-repeat;
}

#bildpanel .kontakt {
	float:left;
	padding: 118px 0 0 16px;
}

#bildpanel .anmeldung {
	float:left;
	padding: 16px 0 0 16px;
}

#bildpanel .anmeldung li {
	float:none;
	display:block;
	padding:0px;
}

#bildpanel .anmeldung ul {
	margin-bottom:4px;
}