body {
	background-color: #000;
	/* color neu gesetzt f�r bessere Lesbarkeit des Debug-Codes */
	 color: #ccc; 
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	/*-webkit-font-smoothing: antialiased;*/
	}
	
*html body {
	text-align: center; /* Hack fuer IE 5.5 */
	}

img {
	display: block;
	}
	
div.bghalbwrap img {
	display: inline;
}

	
a {
	text-decoration: none;
	color: #fff; 
}

a img {
	border: none;
}

/* L�scht die Rahmen, die der Firefox um Links rendert */
:focus {
	-moz-outline-style: none;
}

/*------------------------------------mastercontainer"----------------------------------------*/

div#alles {
	background-color: #181716;
	/*color: #4a4841;*/
	color: #b0aea7;
	text-align: left;
	margin: 0 auto;
	padding:  0;
	position: relative;
	width: 960px;
	display: block;
	overflow: hidden;
	*text-align: left; /* Neutralisiert den IE 5.5 Hack fuer alle folgenden Elemente */
	}
	
	
div#allesschwarz {
	background-color: #000000;
	color: #4a4841;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 960px;
	display: block;
	overflow: hidden;
	*text-align: left; /* Neutralisiert den IE 5.5 Hack fuer alle folgenden Elemente */
	}
		
	
	
div#allesweiss {
	background-color: #fff;
	color: #4a4841;
	text-align:       left;
	display:          block;
	margin:           0 auto;
	padding:  0;
	position: relative;
	width:            960px;
	overflow: hidden;
 }
 
div#allestitan {	
	background-color: #7b786d;
	color: #4a4841;
	text-align:       left;
	display:          block;
	margin:           0 auto;
	overflow: hidden;
	padding: 0;
	position: relative;
	width:            960px; 
	}

div#kopf {
	background-image: url(/i/heads/head_schwarz.gif);
	vertical-align: bottom;
	position: relative;
	width: 960px;
	height: 150px;
	visibility: visible;
	margin: 0;
	padding: 0;
	display: block; 
	}
	
	


/*---------------------------------Social Buttons---------------------------------------------*/

/*           88  88      a8P   88888888888     88888888ba   88        88  888888888888  888888888888  ,ad8888ba,    888b      88  
88           88  88    ,88'    88              88      "8b  88        88       88            88      d8"'    `"8b   8888b     88  
88           88  88  ,88"      88              88      ,8P  88        88       88            88     d8'        `8b  88 `8b    88  
88           88  88,d88'       88aaaaa         88aaaaaa8P'  88        88       88            88     88          88  88  `8b   88  
88           88  8888"88,      88"""""         88""""""8b,  88        88       88            88     88          88  88   `8b  88  
88           88  88P   Y8b     88              88      `8b  88        88       88            88     Y8,        ,8P  88    `8b 88  
88           88  88     "88,   88              88      a8P  Y8a.    .a8P       88            88      Y8a.    .a8P   88     `8888  
88888888888  88  88       Y8b  88888888888     88888888P"    `"Y8888Y"'        88            88       `"Y8888Y"'    88      `8*/


div.fbbox {
	width: 936px;
	float: left;
	margin: -24px 0px 24px -24px;
	padding: 24px 0 10px 24px;
	border-width: 0;
	display: block;
	border-top: 1px solid black;
	background-color: #0D0C0C;
	}
div#footer iframe#like {
	float: left;
	margin-right: 0;
	opacity: 0.5;
	*filter: alpha(opacity=50);
	width: 140px;
	display: block;
	overflow: hidden;
}

div#footer iframe#like:hover {
	opacity: 1;
	*filter: alpha(opacity=0);
}

div#footer div.likeoverlay {
	width: 140px;
	display: block;
	position: relative;
	top:-5px;
	left: 0;
	background: transparent url(/i/footer-like-overlay.png) no-repeat top left;
	z-index: 5000;
}

div#footer div.likeoverlay.top {
	top:4px;
	height: 3px;
}
div#footer div.likeoverlay.bottom {
	top:21px;
	height: 1px;
}
div#footer div.likeoverlay.left {
	top:21px;
	height: 20px;
	margin-top: -20px;
	width: 2px;
	background-color: black;
}

div#footer a.facebook, div#footer a.twitter {
	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
	font-size: 11px;
	width: 179px;
	height: 15px;
	float: left;
	position: relative;
	padding: 3px 0 0 24px;
	color: #474646;
}

div#footer a.facebook {
	background: transparent url(/i/footerbutton-facebook.png) no-repeat center left;
}
div#footer a.facebook:hover {
	background: transparent url(/i/footerbutton-facebook.png) no-repeat bottom left;
	color: #7c807c;
}
div#footer a.facebook:visited {
	background: transparent url(/i/footerbutton-facebook.png) no-repeat top left;
}

div#footer a.twitter {
	background: transparent url(/i/footerbutton-twitter.png) no-repeat center left;
	margin-left: 10px;
}
div#footer a.twitter:hover {
	background: transparent url(/i/footerbutton-twitter.png) no-repeat bottom left;
	color: #7c807c;
}
div#footer a.twitter:visited {
	background: transparent url(/i/footerbutton-twitter.png) no-repeat top left;
}

/*---------------------------------Footer---------------------------------------------*/
div#footer {
	color: #4a4944;
	background-color: #000;
	font-size: 10px;
	/*text-transform: uppercase;*/
	width: 936px;
	height: auto;
	padding-top: 24px;
	padding-left: 24px;
	padding-bottom: 20px;
	display: block;
	}

div#footer a {
	color: #4a4841;
	text-decoration: none;
	margin-right: 20px;
	}
	
div#footer a:hover {
	color: #c96a1b;
	}
	

div.r {
	display: block;
	padding-right: 40px;
	width: 110px;
	height: 12px;
	background: url(/i/nav/canyon-icon-footer.png) right no-repeat;
	float: right;
	text-align: right;
	white-space: nowrap;
	*margin-top: -13px;
	 }
	 

/*---------------------------------Sprachauswahl---------------------------------------------*/
	
div#meta {
	z-index: 20;
	display: block; 
	position: absolute;
	top: 0px;
	right: 0px;
	width: 244px;
	height: 97px;
	background: url(../i/nav/international-bg-normal.png) 0px 0px no-repeat;
	color: #fff;
	font-family: "Helvetica-Neue", Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: right;
	text-transform: uppercase;
	}

div#meta.sfhover,
div#meta:hover {
	background-image: url(../i/nav/international-bg-active.png);
}
	
div#meta ul {
	float: right;
	list-style: none;
	padding: 0px;
	margin: 18px 0px 0 0;
	position: relative;
	right:2000px;
	z-index: 21;
	}

div#meta.sfhover ul,
div#meta:hover ul {
	right: 0;
}
	
div#meta ul li {
	color: #7B786D;
	float: left;
	}
	
div#meta ul li a {
	color: #fff;
	display: block;
	_display: inline; /* ieBugfix */
	margin: 0px;
	padding: 0 8px 0 0;
	text-decoration: none;
	zoom: 1.0; /* ieFix: hasLayout */
	}

div#meta dfn a {
	color: #7B786D;
}
	
div#meta ul li a.loc {
	color: #cd6e22;
	}
	
/*div#meta ul li a:hover {
	color: #c96a1b;
	}*/
	
/* eigeblendete Sprachbezeichnungen */
div#meta dfn {
	/*background-color: #181716;
	background-color: #000000;*/
	color: #7B786D;
	font-style: normal;
	font-weight: normal;
	position: absolute;
	right: 58px;
	top: -999px;
	width: 90px;
	z-index: 9;
	}
	
/* �berschrift: "International:"
div#meta h6 {
	color: #7b786d;
	font-size: 10px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	position: absolute;
	right: 58px;
	top: 49px;
	width: 90px;
	z-index: 8;
	} */

div#meta ul li:hover a,
div#meta ul li.sfhover a {
	color: #c96a1b;
	text-decoration: underline;
	}

/*div#meta ul li:hover dfn,
div#meta ul li.sfhover dfn,*/
div#meta dfn.active {
	top: 45px;
	}

div#meta:hover dfn.active {
	display:none;
}

div#meta:hover ul li:hover dfn,
div#meta:hover ul li.sfhover dfn {
	color: #ffffff;
	display:block;
	top: 27px;
}


/*---------------------------------header bg bild+farbe---------------------------------------------*/
div#hpteaser {
	width: 960px;
	height: 576px;
	display: block;
	}
	
div#hpteaser img {
	vertical-align: middle;
	}
	
div#stdheader {
	color: #c4c3be;
	background-color: #7b786d;
	display:          block;
	width:            960px;
	height:           auto;
	padding: 30px 0 30px 0;}

div#stdheader_auto {
	color: #c4c3be;
	background-color: #7b786d;
	display:          block;
	width:            960px;
	height:           auto;
	padding: 30px 0 0 0;
	overflow: hidden; 
	}


/*---------------------------------NAVIGATION---------------------------------------------*/

#breadcrumb {
	position: absolute;
	z-index: 3;
	left: 24px;
	top: 174px;
	color: #4A4841; /*#7b786d*/
	font-size: 9px;
	line-height: 13px;
	margin: 0;		
	padding: 0;
	width: 960px;
	text-transform: uppercase;
}

#breadcrumb a {
	background: url(/i/bg_navi_arrow_breadcrumb.gif) no-repeat center right;
	color: #4a4841;
	padding-right: 24px;
}

#breadcrumb a:hover {
	color: #cac9c5;
	}

ul#nav {
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	text-transform: uppercase;
	font-size: 11px;
	/* font-weight: bold; */			
	padding: 0;
	margin: 0;
	list-style: none;
	width: 960px;
	position: absolute;
	top: 136px;
	/* background: url(../i/bg_navi_linie.gif) no-repeat 24px 0px; */
	line-height: 14px;
	z-index: 3000;
}

ul#nav iframe { /* fix for ie < 7 selectbox bug (eg contact) */
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;/*must have*/
	top:0;/*must have*/
	left:0;/*must have*/
	z-index:-1;/*must have*/
	filter:mask();/*must have*/
	width:200px;/*must have for any big value*/
	height:200px/*must have for any big value*/;
	background-color:#000;
}

ul#nav li#n55 iframe {
	width:220px;
}

ul#nav ul ul iframe {
	width:520px;/*must have for any big value*/
}

ul#nav a {
	/*margin-top: -1px;*/
	display: block;
	padding: 6px 6px 4px 24px;
	margin: 0px;
	text-decoration: none;
	color: #7b786d; /* war #b0aea7 */
}

ul#nav a:hover,
ul#nav a.hier,
ul#nav li:hover a  {
	color: #fff;
}

ul#nav li {
	float: left;
	padding: 0;
	margin: 0;
}

ul#nav li.warenkorb {
	float:right;
}

ul#nav li.warenkorb a {
	float:right;
	padding: 6px 10px 0 2px;
}



ul#nav li.webcode {
	float:right;
	background: url(/i/webcode_pfeil.gif) no-repeat center right;
	padding-right: 9px;
	margin-right: 8px;
}

ul#nav li:hover.webcode {
	background: url(/i/webcode_pfeil_over.gif) no-repeat center right;
}
	
ul#nav li ul {
	position: absolute;
	background: #4a4841; 
	width: 200px;
	left: -999em;
	
	padding: 0;
	margin: -1px 0 0 0;
	z-index: 3001;
}
ul#nav li.hier ul {
	background-color: #31302c;
	color: #cd6e22;
	/*z-index: 3002;*/
}
ul#nav li ul a {
	color: #e5e4e2;
	padding-right: 16px;
}

ul#nav li ul a.orange {
	background-color: #CD6E22;
	color: #fff;
}

ul#nav li ul a.hier {
	background: url(/i/bg_navi_arrow_titan.gif) no-repeat top left;
	background-color: #31302c;
	color: #fff;
}

ul#nav li ul a:hover,
ul#nav li ul a.hier:hover {
	background: url(/i/bg_navi_arrow_orange.gif) no-repeat top left;
	background-color: #31302c;
	color: #cd6e22;
}

ul#nav li ul li:hover {
	background: url(/i/bg_navi_arrow_titan.gif) no-repeat top left;
	background-color: #31302c;
	color: #cd6e22;
}

ul#nav li ul li {	
	display: block;
	width: 200px;
	/*min-width: 160px;*/
	border-top: 1px solid #59564e;
	border-left: none;
	border-right: none;
}

ul#nav li ul ul {
	margin: -25px 0 0 160px;
	/*border-top: none;*/
	background-color: #626057;
	width: auto;
	min-width: 160px;
	z-index: 3003;
}

ul#nav li#n700 ul ul {
	margin: -25px 0 0 110px;
}

ul#nav li#n700 ul ul ul {
	margin: -25px 0 0 160px;
}

ul#nav li:hover { /* avoid sticky submenues in ie7 eg on mountainbike page */
	position: static;
}

ul#nav li:hover ul ul, 
ul#nav li.sfhover ul ul {
	left: -999em;
	/*border-top: none;*/
}

ul#nav li:hover ul, 
ul#nav li li:hover ul, 
ul#nav li.sfhover ul, 
ul#nav li li.sfhover ul { 
	left: auto;
}

ul#nav li ul ul ul {
	border-top: 1px solid #59564e;
	margin-left: 160px;
	width: 595px;
	z-index: 3004;
}
ul#nav li#n55 ul, ul#nav li#n55 ul li {
	width: 220px;
}
ul#nav li#n380 ul, ul#nav li#n380 ul li {
	width: 220px;
}
ul#nav li ul li ul li ul li a,
ul#nav li ul li ul li ul li a.hier,
ul#nav li ul li ul li ul li a.hier:hover {
	background-image: none;
	padding: 6px 10px 4px 10px;
	z-index: 30011;
}

ul#nav li ul li ul li ul li a.hier {
	color: #cd6e22;
}

ul#nav li ul li ul li ul li a:hover {
	background-image: none;
}
ul#nav li ul li ul li:hover ul {	
	background-color: #31302c;
} 	

ul#nav li ul li ul li ul li{	
	border-top: none;
	display: inline;
	width: auto!important;
	/*border-top: 1px solid #59564e;*/
}

ul#nav li.orderhotline {
	float: right;
	margin: 0 4px 0 0px;
 
}

a.bikegroup { background-color: #181716;}

/*-------------------------------Layoutspalten-------------------------------------------------*/
div.clearall {
	clear: both;
	visibility: hidden;
	/* Ab hier Fixes f�r IE6 und IE7 */
	font-size: 1px;
	height: 0px;
	line-height: 0px;
	}
	
	
div.stdwrap {
	width: 312px;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	border-width: 0;
	display: block; 
	}	
	
div.halbwrap {
	display:      block;
	margin:       0;
	padding:      0;
	width:        468px;
	height:       auto;
	float:        left;
	border-width: 0; 
	}
	
div.zweidrittelwrap {
	display:      block;
	margin:       0;
	padding:      0;
	width:        624px;
	height:       auto;
	float:        left;
	border-width: 0; 
	}
	
div.drittelwrap {
	display:      block;
	margin:       0;
	padding:      0;
	width:        312px;
	height:       auto;
	float:        left;
	border-width: 0; 	
}

div.viertelwrap {
	display:      block;
	margin:       0;
	padding:      0;
	width:        234px;
	height:       auto;
	float:        left;
	border-width: 0; 	
}
	
div.sechstelwrap {
	display:      block;
	margin:       0;
	width:        156px;
	height:       auto;
	float:        left;
	border-width: 0; 
	}	

div.zweidrittelwrap_titan30 {
	display: block;
	margin: 0;
	padding: 30px 0;
	width: 624px;
	height: auto;
	float: left;
	border-width: 0;
	background-color: #7b786d;
	 }

div.ganzwrap {	
	display:      block;
	margin:       0;
	padding:      0;
	width:        960px;
	height:       auto;
	border-width: 0; 
	overflow: hidden;
	}
	
div.ganzwrap30 {	
	display:      block;
	margin:       0;
	padding:      0;
	width:        960px;
	height:       auto;
	border-width: 0; 
	overflow: hidden;
	padding: 30px 0 30px 0;
	
	}
	
div.mitterechtswrap {
		margin:           0 0 0 312px;
		padding:          0;
		display: block; 
		}

div.mitterechtswrap30 {
	display: block;
	width: 614px;
	margin: 0 0 0 312px;
	padding: 30px 10px 30px 0;
/* 	letter-spacing: 0.1em; */
	}
div.mitterechtswrap30 a{
	text-decoration: none;
	color: #cd6e22;
	}
div.mitterechtswrap30 a:hover{
	text-decoration: none;
	color: #ffffff;
	}
	

/*------------------------------------2009---------------------*/

div.contentwrap {
	width: 936px;
	height: auto;
	float: left;
	margin: 0px;
	padding: 0 0 0 24px;
	border-width: 0;
	display: block;
	}

.nofloat {
	float: none!important;
}

div.dreidrittelwrap{
	width: 936px;
	height: auto;
	float: left;
	margin: 0;
	padding: 0;
	border-width: 0;
	display: block; 
	}

div.contentwrap-small {
	width: 790px;
	height: auto;
	float: left;
	margin: 48px 0px 24px 0px;
	padding: 0 0 0 92px;
	border-width: 0;
	display: block;
	}
	
div.titan {
	background-color: #7b786d;
	color: #e5e4e2; 
	}	
	
	
div.orange{
	background-color: #cd6e22;
	color: #fff;
	}
	
div.weiss{
	background-color: #fff;
	color: #817e76;
	}
	
div.weiss a{
	color: #ec8839;
	text-decoration: none;
	}	

div.weiss a:hover{
	color: #181716;
	text-decoration: none;
	}	
		
div.dgrau{
	background-color: #181716;
	color: #817e76;	
	}


div.boxdrittel {	
	line-height:    15px;
	text-align:     left;
/* 	letter-spacing: 0.1em; */
	display:        block;
	margin:         0 0 12px 0;
	padding:        10px;
	width:          292px;
	height:         auto;
	float:          left;
	border-width:   0; 
	}
	
	
div.boxzweidrittel {	
	line-height:    15px;
	text-align:     left;
/* 	letter-spacing: 0.1em; */
	display:        block;
	margin:         0 0 12px 0;
	padding:        10px;
	width:          604px;
	height:         auto;
	float:          left;
	border-width:   0; 
	}	

div.boxdrittel_first {	
	line-height:    15px;
	text-align:     left;
	/* letter-spacing: 0.1em; */
	display:        block;
	margin:         0 0 12px 0;
	padding:        10px 10px 10px 24px;
	width:          302px;
	height:         auto;
	float:          left;
	border-width:   0; 
	}	

div.boxzweidrittel_first {	
	line-height:    15px;
	text-align:     left;
/* 	letter-spacing: 0.1em; */
	display:        block;
	margin:         0;
	padding:        10px 10px 10px 24px;
	width:          614px;
	height:         auto;
	float:          left;
	border-width:   0; 
	}
	
	
	
	
/*------------------------------------Boxen Homepage"-------------------------------------------------------*/
div.teaserbox {
	line-height: 15px;
	text-align: left;
	/* letter-spacing: 0.1em; */
	width: 290px;
	height: auto;
	float: left;
	margin: 0 0 0px 1px;
	padding: 20px 10px 0 10px;
	border-width: 0;
	display: block; }
	
div.teaserbox p {
	padding-bottom: 14px;
	}
	
div.teaserbox p.with_image {
	padding-bottom: 0;
	}
	
div.teaserbox a img.bike {
	width: 223px;
	height: 170px;
	padding-top: 4px;
	border-style: none;
	}
		
div.teaserbox a {
	color: #7b786d;
	text-decoration: none;
	display: block; }
div.teaserbox a:hover {	color: #cac9c5;
	text-decoration: none; 
	display: block;
	}
div.teaserbox a img.headline, div.newsbox a img {
	padding-right: 16px;
	border-style: none;
	 }
div.teaserbox a:hover img.headline , div.newsbox a:hover img {
	background-image: url(/i/teaser-headline-pfeil.gif);
	background-repeat: no-repeat;
	background-position: right 3px;
	padding-right: 16px; }
	
div.teaserbox span.orange {
	color: #CD6E22;
	}
	
	
	
div.bike_month_box a:hover.bike {
	background-image: none;
}

div.newsbox {
	color: #bbb;
	line-height: 15px;
	text-align: left;
	/* letter-spacing: 0.1em; */
	display: block;
	margin:  0;
	padding: 20px 10px 10px;
	width:   290px;
	border-width: 0; }
div.newsbox a {
	color: #7b786d;
	/*background-image: url(/i/newsdots.gif);
	background-repeat: no-repeat;
	background-position: right 3px;
	padding-right: 10px;*/
	text-decoration: none;}
div.newsbox a:hover {
	color: #c96a1b;
	/*background-image: url(/i/newsdots-over.gif);
	background-repeat:   no-repeat;
	background-position: right 3px;
	padding-right: 10px;*/
	text-decoration: none;}
	


/*<agl.folder "Verteilerseiten">*/
div.bikebox {
	line-height: 15px;
	background-color: #fff;
	text-align: left;
	/* letter-spacing: 0.1em; */
	width: 310px;
	height: auto;
	float: left;
	margin: 0;
	padding-bottom: 10px;
	border-width: 0;
	display: block; }


/* Container f�r Bike @ Bike�bersicht */
div.bikehalbbox {
	width: 448px;
	float: left;
	padding: 10px;
	}
div.bikehalbbox img {
	display: block;
	}
div.bikehalbbox p.modelle {
	color: #ffffff;
	/* letter-spacing: 0.1em; */
	line-height: 15px;
	margin: 0px 0px 10px 15px;
	}
div.bikehalbbox p.modelle a {
	color: #ffffff;
	text-decoration: none;
	}
div.bikehalbbox p.modelle a:hover {
	text-decoration: underline;
	}
div.bikehalbbox p.verteiler {
/* 	letter-spacing: 0.1em; */
	line-height: 15px;
	margin: 0px 0px 0px 15px;
	}
/* END  Container f�r Bike @ Bike�bersicht */



p.introtext {
	line-height: 14px;
	padding-right: 10px; }


/*--------------------------contentelemente----------------------------*/

div.headerheadline {
		position: absolute;
		top: 335px;
		left: 24px;	
		z-index: 1;
		}

	div.noteaserbox {
		color: #cac9c5;
		line-height:    15px;
		text-align:     left;
		/* letter-spacing: 0.1em; */
		display:        block;
		margin:         0 0 0 1px;
		padding:        26px 10px 5px;
		width:          290px;
		height:         auto;
		float:          left;
		border-width:   0; }

div.noteaserbox img {	
	padding-right: 20px; 
}

div#messecam {
	background-image: url(/eurobike2006/messe/webcam_dummy.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 615px;
	height: 410px;
	margin-left: 10px;
	display: block; 
	}

div.headlinedrittel {
	line-height:    15px;
	text-align:     left;
/* 	letter-spacing: 0.1em; */
	display:        block;
	margin:         0;
	width:          275px;
	height:         auto;
	float:          left;
	padding: 0 10px 0 24px;
	border-width:   0; 
	}

div.headlinehalb {
	line-height:    15px;
	text-align:     left;
	/* letter-spacing: 0.1em; */
	display:        block;
	margin:         0;
	width:          431px;
	height:         auto;
	float:          left;
	padding: 0 10px 0 27px;
	border-width:   0; 
	}

p.pseudohead {
	color: #b0aea7;
	font-size: 20px;
	font-family: "Arial Narrow";
	line-height: 30px;
	text-transform: uppercase; 
	}
	
div.copyhalb {
	line-height:      15px;
	text-align:       left;
	/* letter-spacing:   0.1em; */
	display:          block;
	margin:           0;
	width:            438px;
	height:           auto;
	float:            left;
	padding: 		 10px 10px 10px 0;
	border-width:     0; 
	}

div.copydrittel {	
	line-height:    15px;
	text-align:     left;
	/* letter-spacing: 0.1em; */
	display:        block;
	margin:         0;
	padding:        10px 10px 10px 0;
	width:          302px;
	height:         auto;
	float:          left;
	border-width:   0; 
	}

div.copyzweidrittel {	
	line-height:    15px;
	text-align:     left;
	/* letter-spacing: 0.1em; */
	display:        block;
	margin:         0;
	width:          614px;
	height:         auto;
	float:          left;
	border-width:   0; 
	}

div.copydrittel_content {	
	line-height:    15px;
	text-align:     left;
	/* letter-spacing: 0.1em; */
	display:        block;
	margin:         0;
	padding:        10px 6px 0 4px;
	width:          302px;
	height:         auto;
	float:          left;
	border-width:   0; 
	}
	
div.dritteltext_weiss {	
	line-height:    15px;
	text-align:     left;
/* 	letter-spacing: 0.1em; */
	display:        block;
	margin:         0;
	padding:        10px;
	width:          290px;
	height:         auto;
	float:          left;
	border-width:   0; 
	color: #fff; 
	}
div.copyhalb img, 
div.copydrittel img {
	margin-bottom: 15px; 
}
	
/*
div.copyhalb p, 
div.copydrittel p {
	margin-bottom: 8px;
}
*/

span.subhead {
	color: #fff;
	font-weight: bold; 
	}
span.copyweiss {	
	color:       #fff; 
	}

span.copyorange {	
	color: #c96a1b;
	}

span.copygrau {
	color: #b0aea7;
	}
span.unibetgruen{
	color:#579926;	
	}
	
ul.lineoben {
	color: #b0aea7;
	line-height: 15px;
	margin: 0 0 8px;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	display: block; 
	}
		
ul.lineoben li {
	line-height: 15px;
	padding: 0 0 8px;
	border-top: 1px solid #7b786d;
	list-style-type: none;
	list-style-image: none; 
	}
	

div.bildplusbu {
	color: #c96a1b;
	font-size: 7pt;
	line-height: 11px;
	margin-top: 0;
	margin-bottom: 15px;
	display: block; 
	}

			
div.bildplusbu img {
	margin: 0; 
	}


div.headline_left {
	width:312px;
	height: 110px;
	background-color: #7b786d;
	float: left;
}
/*</agl.folder>*/

span.fussnote {
	font-size: 10px;
	letter-spacing: 0.1em;
	display: block; }
	
span.fussnote a {
	color: #CD6E22;
}

span.fussnote a:hover {
	color: #000; 
}

span.error, span.error_msg {
	/*color: #ffe400;*/
	color: #F4A672;
}

span.error_msg {
	display: block;
	margin: 0 0 10px 0;
}


div#hotline{
	display: none;
	z-index: 3001;
	position: absolute;
	top: 98px;
	right: 0px;
	padding: 0;
	background-color: #cd6e22;
	text-align: right;
}

div#hotline div#hotlineContent {
	width: 224px;
	height: 156px;
	padding: 44px 10px;
}


div#hotline p {
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0px 0px 36px 0px;
	margin: 0;
	}

div#hotline a {
	color: #000;
	font-size: 11px;
	font-weight: bold;
	outline: none;
	}

div#hotline a:hover { color: #fff; }

div#hotline span img, div#hotline img {
	display: inline;
	padding-bottom: 10px;
	}


div#hotline a.closeHotline {
	color: #fff;
}

div#hotline a.closeHotline img {
	display: inline;
	margin-left: 10px;
	padding:0px !important;
}

/*---------------------------HEADLINES----------------------------------------------*/

h1.orangebig{
	font-size: 16px;
 	color: #ec8839;
 	margin: 36px 0 0 0; 
 	padding: 0;
}	

h2.grey{
	font-size: 14px;
 	color: #b0aea7;
	margin: 12px 0 0 0;
	padding: 0;
}	


/*---------------------------Gallery----------------------------------------------*/


div#slideshow {
	background-image: url(/galerie/gal-bg.gif);
	background-repeat: repeat-x;
	background-position: 0 560px;
	margin: 70px 85px 0;	
	padding: 0 0 130px;
	width: 786px;
	 }
	 
.link {
	cursor: pointer;
}


/*---------------------------Webcodes---------------------------------------------*/

div#webcodes {
	display: none;
	background-color: #000;
	padding: 10px 8px 8px 10px;
	width: 146px;
	height: 50px;
	position: absolute;
	top: -46px;
	right: 0px;
}

div#webcodes input#input_webcode {
	color: #999;
	width: 100px;
	float: left;
	/*display: inline;*/
	margin-bottom: 9px;
}

div#webcodes p {
	font-size: 9px;
	font-weight: bold;
	color: #626057;
	text-transform: none;
	line-height: 11px;
	width: 90px;
	margin: 0;
}

div#webcodes a.go {
	color: #fff;
	text-transform: lowercase;
	background-color: #626057;
	float: right;
	width: 28px;
	padding: 4px 0;
	text-align: center;
}

div#webcodes a:hover.go {
	background-color: #cd6e22;
}

div#webcodes a.close {
	position: absolute;
	top: 40px;
	right: 8px;
	width: 35px;
	height: 27px;
	padding: 0;
	background: url(/i/webcode_close.gif) no-repeat bottom right;
}

div#webcodes a:hover.close {
	background: url(/i/webcode_close_hover.gif) no-repeat bottom right;
}


/*-------------quicklinks----------------------------*/

div.qlbox {
	width: 936px;
	height: auto;
	float: left;
	margin: 0px;
	padding: 20px 0px 10px 24px;
	border-width: 0;
	display: block;
	}

div.qlbg_home {
	background-color:#181716;
	}

div.qlbg_bike {
	background-color:#0d0c0c;
	}
	
div.quicklinksheader {
	margin-bottom: 16px;
	clear: both; }

.quicklinks {
	color: #b0aea7;
	height: auto;
	width: 146px;
	padding: 0 10px 0 0;
	float: left;
	font-weight: normal;
	}

.quicklinks a {
	color:#4a4841;
	display:block;
	line-height: 18px;
	text-transform: uppercase;	
	font-size: 9px;
	}

.quicklinks a:hover { color:#fff; }

h5 {
	color: #b0aea7;
	line-height: 18px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-size: 9px;
	}

/*------------- verteilerseiten (2011)----------------------------*/
	
div#verteilerHeadline {
	height: 72px;
	padding-left: 24px;
}

div.verteilerContainer {
	padding-top: 312px;
	position:relative;
	zoom: 1;
}

div.verteilerContainer div.teaserContainer {
	margin-left:24px;
}
/*div#verteilerHeadline {
	height: 192px;
	left: 24px;
	position:absolute;
	top:192px;
}

div#verteilerHeadline img {
	bottom: 0;
	position:absolute;
}

div.verteilerContainer {
	position:relative;
}

div.verteilerContainer div.teaserContainer {
	margin-left:24px;
	position:absolute;
	top:384px;
}*/

div.verteilerContainer div.teaserContainer div.teaser {
	float:left;
	height:192px;
	position: relative;
	width:234px;
	overflow: hidden;
}

div.verteilerContainer div.teaserContainer div.teaser a.fullSize {
	display: block;
	height:181px;
	padding-top: 10px;
	width:233px;
}

.light {
	background: url(/i/a-fullsize-pfeil.png) top right no-repeat #ecece9;
	color: #31302c;
}

.dark {
	background: url(/i/a-fullsize-pfeil-hover.png) top right no-repeat #000000;
	color: #e5e4e2;
}

div.verteilerContainer div.teaserContainer div.teaser a.fullSize:hover {
	background-image: url(/i/a-fullsize-pfeil-hover.png);
	background-color: #CD6E22;
	color: #ffffff;
}

div.verteilerContainer div.teaserContainer div.teaser a.fullSize div.headline {
	max-height: 60px;
	overflow: hidden;
	padding: 10px 0 0 10px;
	position: relative;
}

div.verteilerContainer div.teaserContainer div.teaser a.fullSize p {
	font-family: HelveticaNeue-Medium, Helvetica, Arial, sans-serif;
	font-size: 11px;
	bottom: 6px;
	left: 13px;
	position: absolute;
	width: 208px;
}

div.verteilerContainer div.teaserContainer div.teaser div.headline img {
	bottom: 70px;
	left: 0;
	position: relative;
}

div.verteilerContainer div.teaserContainer div.teaser a:hover div.headline img {
	bottom: 0;
}
